@arc-ui/components 12.0.0 → 13.0.0

package/lib/index.d.mts

@@ -1,4 +1,5 @@
-import React, { FC, ReactNode, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } from 'react';
+import * as React from 'react';
+import React__default, { ReactNode, JSX, HTMLAttributes, Ref, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } from 'react';
 import { ArcGradient } from '@arc-ui/gradients';
 import { ImageProps as ImageProps$1 } from 'src/components/Image/Image';
 import { VideoPlayerProps as VideoPlayerProps$1 } from 'src/components/VideoPlayer';
@@ -8,7 +9,7 @@ import { ReactPlayerProps } from 'react-player';
 /**
  * Use `Align` to align items horizontally or vertically.
  */
-declare const Align: FC<AlignProps>;
+declare const Align: ({ children, horizontal, isDebugVisible, vertical, ...props }: AlignProps) => React__default.JSX.Element;
 interface AlignProps {
     /**
      * Contents of the Align. Each item will be wrapped in an AlignItem component.
@@ -32,7 +33,7 @@ interface AlignProps {
 /**
  * Use `Link` to direct users to a new page or piece of information.
  */
-declare const Link: React.FC<LinkProps$1>;
+declare const Link: ({ id, href, title, rel, target, children, onClick, screenReaderText, isButton, isImplied, size, ...props }: LinkProps$1) => JSX.Element;
 interface LinkProps$1 {
     /**
      * Id attribute for `Link`.
@@ -69,7 +70,7 @@ interface LinkProps$1 {
     /**
      * Click handler for `Link`.
      */
-    onClick?: (e: React.MouseEvent) => void;
+    onClick?: (e: React__default.MouseEvent) => void;
     /**
      * Target for `Link`.
      */
@@ -84,17 +85,303 @@ interface LinkProps$1 {
  * Use `SemanticHeading` to render accessible headings that preserve correct
  * document hierarchy.
  */
-declare const SemanticHeading: React.FC<SemanticHeadingProps>;
+declare const SemanticHeading: ({ children, level, className, ...props }: SemanticHeadingProps) => React__default.DetailedReactHTMLElement<{
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React__default.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: React__default.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCopyCapture?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCut?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCutCapture?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPaste?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onPasteCapture?: React__default.ClipboardEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEnd?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionEndCapture?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStart?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionStartCapture?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdate?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onCompositionUpdateCapture?: React__default.CompositionEventHandler<HTMLHeadingElement> | undefined;
+    onFocus?: React__default.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onFocusCapture?: React__default.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlur?: React__default.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onBlurCapture?: React__default.FocusEventHandler<HTMLHeadingElement> | undefined;
+    onChange?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onChangeCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInput?: React__default.InputEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeInputCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onInput?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onInputCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onReset?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onResetCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onSubmit?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onSubmitCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onInvalid?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onInvalidCapture?: React__default.FormEventHandler<HTMLHeadingElement> | undefined;
+    onLoad?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onError?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onErrorCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDown?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyDownCapture?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPress?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyPressCapture?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUp?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onKeyUpCapture?: React__default.KeyboardEventHandler<HTMLHeadingElement> | undefined;
+    onAbort?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAbortCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlay?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThrough?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onCanPlayThroughCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChange?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onDurationChangeCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptied?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEmptiedCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncrypted?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEncryptedCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEnded?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onEndedCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedData?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedDataCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadata?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadedMetadataCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStart?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onLoadStartCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPause?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPauseCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlay?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlaying?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onPlayingCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgress?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onProgressCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChange?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onRateChangeCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeked?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekedCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeeking?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSeekingCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalled?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onStalledCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspend?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSuspendCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdate?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTimeUpdateCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChange?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onVolumeChangeCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaiting?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onWaitingCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClick?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onAuxClickCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClick?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onClickCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenu?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onContextMenuCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClick?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDoubleClickCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onDrag?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnd?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEndCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnter?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragEnterCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExit?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragExitCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeave?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragLeaveCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOver?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragOverCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStart?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDragStartCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDrop?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onDropCapture?: React__default.DragEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDown?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseDownCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseEnter?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseLeave?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMove?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseMoveCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOut?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOutCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOver?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseOverCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUp?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onMouseUpCapture?: React__default.MouseEventHandler<HTMLHeadingElement> | undefined;
+    onSelect?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onSelectCapture?: React__default.ReactEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancel?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchCancelCapture?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEnd?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchEndCapture?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMove?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchMoveCapture?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStart?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onTouchStartCapture?: React__default.TouchEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDown?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerDownCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMove?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerMoveCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUp?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerUpCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancel?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerCancelCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerEnter?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerLeave?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOver?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOverCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOut?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onPointerOutCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onGotPointerCaptureCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onLostPointerCaptureCapture?: React__default.PointerEventHandler<HTMLHeadingElement> | undefined;
+    onScroll?: React__default.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollCapture?: React__default.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEnd?: React__default.UIEventHandler<HTMLHeadingElement> | undefined;
+    onScrollEndCapture?: React__default.UIEventHandler<HTMLHeadingElement> | undefined;
+    onWheel?: React__default.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onWheelCapture?: React__default.WheelEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStart?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationStartCapture?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEnd?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationEndCapture?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIteration?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onAnimationIterationCapture?: React__default.AnimationEventHandler<HTMLHeadingElement> | undefined;
+    onToggle?: React__default.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onBeforeToggle?: React__default.ToggleEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancel?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionCancelCapture?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEnd?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionEndCapture?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRun?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionRunCapture?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStart?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    onTransitionStartCapture?: React__default.TransitionEventHandler<HTMLHeadingElement> | undefined;
+    className: string;
+}, HTMLElement>;
 type SemanticHeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
-interface SemanticHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+interface SemanticHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The semantic heading level (1-6).
+     */
     level?: SemanticHeadingLevel;
-    children: React.ReactNode;
+    /**
+     * Content to render within the heading.
+     */
+    children: React__default.ReactNode;
 }
 
 /**
  * Use `Alert` to inform the user of important changes or actions.
  */
-declare const Alert: FC<AlertProps>;
+declare const Alert: ({ heading, headingLevel, description, links, status, isDismissable, onDismiss, icon, isMeasured, autoFocusOnMount, role, ...props }: AlertProps) => React__default.JSX.Element | null;
 type AlertLinkProps = Omit<LinkProps$1, "size" | "isImplied">;
 interface AlertProps {
     /**
@@ -147,11 +434,20 @@ type AlertStatus = "general" | "error" | "warning" | "success";
 /**
  * Use `AppButton` for a branded button that links users to download an app.
  */
-declare const AppButton: React.FC<AppButtonProps>;
+declare const AppButton: ({ type, url, screenReaderText, ...props }: AppButtonProps) => React__default.JSX.Element;
 type AppButtonType = "google-play" | "apple-app-store";
 interface AppButtonProps {
+    /**
+     * The type of app store button to display.
+     */
     type: AppButtonType;
+    /**
+     * Text to be read by screen readers describing the button action.
+     */
     screenReaderText: string;
+    /**
+     * The URL to link to for downloading the app.
+     */
     url: string;
 }
 
@@ -161,8 +457,8 @@ declare const anchorPoints: readonly ["N", "NE", "E", "SE", "S", "SW", "W", "NW"
  * Use `Image` to render a single image, or set of images, with support for
  * image fitting and art direction.
  */
-declare const Image: FC<ImageProps>;
-declare const ImageSource: FC<ImageSourceProps>;
+declare const Image: ({ alt, fadeOnLoad, anchor, children, fetchPriority, fillColor, fit, height, loading, overlay, sizes, src, srcSet, width, ...props }: ImageProps) => React__default.JSX.Element;
+declare const ImageSource: ({ height, media, srcSet, sizes, type, ...props }: ImageSourceProps) => React__default.JSX.Element;
 interface ImageSourceProps {
     /**
      * The intrinsic height of the ImageSource, in pixels
@@ -192,7 +488,7 @@ interface ImageSourceProps {
 declare const fitOptions: readonly ["cover"];
 declare const loadingOptions: readonly ["eager", "lazy"];
 declare const overlayOptions: readonly ["scrimBottomDark"];
-interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
     /**
      * Alternative text for the Image, shown if the image cannot be displayed.
      */
@@ -260,33 +556,75 @@ type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "wi
 type AvatarSize = "s" | "m" | "l" | "xl";
 
 /** Use `Avatar` to visually represent a user. */
-declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: ({ img, initials, href, title, ariaLabel, onClick, size, ...props }: AvatarProps) => React__default.JSX.Element;
 interface AvatarProps {
+    /**
+     * Initials to display in the avatar (up to 3 characters).
+     */
     initials?: string;
+    /**
+     * URL to link to when the avatar is clicked.
+     */
     href?: string;
+    /**
+     * Title attribute for the avatar link.
+     */
     title?: string;
+    /**
+     * Accessible label for the avatar.
+     */
     ariaLabel?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Click handler for the avatar link.
+     */
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Image to display in the avatar.
+     */
     img?: AvatarImage;
+    /**
+     * Size of the avatar.
+     */
     size?: AvatarSize;
 }
 
 type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick" | "ariaLabel">;
 
 /** Use `AvatarGroup` to visually represent a group of users. */
-declare const AvatarGroup: React.FC<AvatarGroupProps>;
+declare const AvatarGroup: ({ title, ariaLabel, href, avatars, onClick, max, size, ...props }: AvatarGroupProps) => React__default.JSX.Element;
 interface AvatarGroupProps {
+    /**
+     * Array of avatars to display in the group.
+     */
     avatars: GroupAvatar[];
+    /**
+     * Size of the avatars in the group.
+     */
     size?: AvatarSize;
+    /**
+     * Maximum number of avatars to display before showing a count.
+     */
     max?: number;
+    /**
+     * Title attribute for the avatar group link.
+     */
     title?: string;
+    /**
+     * Accessible label for the avatar group.
+     */
     ariaLabel?: string;
+    /**
+     * URL to link to when the avatar group is clicked.
+     */
     href?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Click handler for the avatar group link.
+     */
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 /** Use `Badge` as a static, non-interactive way to provide short updates. */
-declare const Badge: FC<BadgeProps>;
+declare const Badge: ({ children, state, ariaLabel, ariaRole, ...props }: BadgeProps) => React__default.JSX.Element;
 interface BadgeProps {
     /**
      * Text to display within Badge
@@ -309,7 +647,7 @@ interface BadgeProps {
 /**
  * Use `Heading` to display heading text.
  */
-declare const Heading: FC<HeadingProps>;
+declare const Heading: ({ align, casing, color, children, level, isInline, fontStyle, isResponsive, isWordWrap, size, id, ...props }: HeadingProps) => React__default.JSX.Element;
 type HeadingCasing = "auto" | "none";
 type HeadingColor = "auto" | "brand";
 type HeadingLevel = SemanticHeadingLevel;
@@ -363,12 +701,18 @@ interface HeadingProps {
 }
 
 interface BannerImageProps extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad" | "fit" | "anchor" | "fetchPriority"> {
+    /**
+     * Whether the image should be hidden from screen readers.
+     */
     ariaHidden?: boolean;
+    /**
+     * Array of source elements for responsive images.
+     */
     sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
 }
 
 /** Use `TemplateBanner` as a base structure for banner components; other banner variants extend or consume this template. */
-declare const TemplateBanner: React.FC<TemplateBannerProps>;
+declare const TemplateBanner: ({ heading, fontStyle, label, labelLevel, text, img, contentRatio, children, alignment, additionalTopMargin, minHeight, minHeightM, minHeightL, minHeightXL, headingSize, isReversed, isElevated, headingLevel, headingWordWrap, type, ...props }: TemplateBannerProps) => React__default.JSX.Element;
 type TemplateBannerStyle = "light" | "dark" | "contained";
 type TemplateBannerAlignment = "top" | "bottom" | "center";
 interface TemplateBannerImage extends BannerImageProps {
@@ -418,7 +762,7 @@ interface TemplateBannerProps {
     /**
      * Content for the TemplateBanner.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Heading level for the Banner heading.
      */
@@ -459,20 +803,24 @@ interface TemplateBannerProps {
      * Changes the Heading font family. Please note `dottee` fonts will only work when theme is set to `ee`
      */
     fontStyle?: "default" | "display-standard" | "display-condensed" | "display-extended";
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
 }
 
 /** Use `Banner` to promote key content or products with bold visuals and messaging. */
-declare const Banner: FC<BannerProps>;
+declare const Banner: ({ heading, label, text, img, contentRatio, children, minHeight, isReversed, isElevated, headingLevel, type, alignment, headingWordWrap, ...props }: BannerProps) => React__default.JSX.Element;
 type BannerProps = Omit<TemplateBannerProps, "headingSize" | "additionalTopMargin">;
 
 type SurfaceBackground = "light" | "dark";
-declare const Context$1: React.Context<{
+declare const Context$1: React__default.Context<{
     surface: SurfaceBackground;
 }>;
 /**
  * Use `Surface` to compose content using the Arc system.
  */
-declare const Surface: FC<SurfaceProps>;
+declare const Surface: ({ background, children, growVertically, padding, paddingHorizontal, paddingVertical, isTransparent, ...props }: SurfaceProps) => React__default.JSX.Element;
 declare const backgrounds: readonly ["dark-black", "dark-brand-01", "dark-brand-02", "dark-neutral-01", "dark-neutral-02", "light-brand-01", "light-brand-02", "light-neutral-01", "light-neutral-02", "light-white"];
 declare const backgroundsBT: readonly ["dark-black", "dark-brand-01", "dark-brand-02", "dark-neutral-01", "dark-neutral-02", "light-brand-01", "light-brand-02", "light-neutral-01", "light-neutral-02", "light-white"];
 type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
@@ -520,12 +868,12 @@ interface SurfaceProps extends HTMLAttributes<HTMLElement> {
 /**
  * Use `Box` as a simple way to group bespoke content and interactive elements together.
  */
-declare const Box: FC<BoxProps>;
+declare const Box: ({ children, borderWidth, elevationLevel, padding, isFullHeight, isBorderRadius, surface, isSurfaceTransparent, ...props }: BoxProps) => React__default.JSX.Element;
 interface BoxProps {
     /**
      * Contents of the Box.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * Set Box to fill parent element.
      */
@@ -559,7 +907,7 @@ interface BoxProps {
 /**
  * Use `BrandLogo` to display the brand logo.
  */
-declare const BrandLogo: FC<BrandLogoProps>;
+declare const BrandLogo: ({ color, label, size, subBrand, ...props }: BrandLogoProps) => React__default.JSX.Element;
 declare const colors$1: readonly ["auto", "brand"];
 declare const subBrands$1: readonly ["redcare", "wholesale", "ee"];
 interface BrandLogoProps {
@@ -582,7 +930,7 @@ interface BrandLogoProps {
 }
 
 /** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `BreadcrumbsItem` */
-declare const Breadcrumbs: FC<BreadcrumbsProps>;
+declare const Breadcrumbs: ({ isLight, children, ...props }: BreadcrumbsProps) => React__default.JSX.Element;
 interface BreadcrumbsProps {
     /**
      * Contents of the Breadcrumbs Should only contain `Breadcrumb.Item`.
@@ -594,7 +942,7 @@ interface BreadcrumbsProps {
     isLight?: boolean;
 }
 
-declare const BreadcrumbsItem: FC<ItemProps$1>;
+declare const BreadcrumbsItem: ({ spacerIconAfter, spacerIconBefore, children, }: ItemProps$1) => React__default.JSX.Element;
 interface ItemProps$1 {
     /**
      * Render child elements within `BreadcrumbsItem`
@@ -610,8 +958,12 @@ interface ItemProps$1 {
     spacerIconBefore?: boolean;
 }
 
-declare const BreadcrumbsLink: FC<LinkProps>;
+declare const BreadcrumbsLink: ({ onClick, href, isActive, children, ref, ...props }: LinkProps) => React__default.JSX.Element;
 interface LinkProps {
+    /**
+     * Ref to the underlying anchor element.
+     */
+    ref?: Ref<HTMLAnchorElement>;
     /**
      * Render children of `breadcrumbs.link`
      */
@@ -628,10 +980,6 @@ interface LinkProps {
      * Highlights item in breadcrumb (This also removes the a tag and any links)
      */
     isActive?: boolean;
-    /**
-     * Ref to `<a>` tag
-     */
-    ref?: React.Ref<HTMLAnchorElement>;
     /**
      * React router property
      */
@@ -639,11 +987,11 @@ interface LinkProps {
 }
 
 type ElementUnion$2 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$2 = React.Ref<ElementUnion$2> | null;
+type ButtonRef$2 = React__default.Ref<ElementUnion$2> | null;
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
  */
-declare const Button: FC<ButtonProps>;
+declare const Button: ({ ariaLabel, ariaControls, ariaExpanded, ariaHasPopup, fill, href, icon, iconPosition, id, isDisabled, isDisplayBlock, isFullWidth, label, onClick, rel, size, supportingText, target, type, form, ref, ...props }: ButtonProps) => React__default.JSX.Element;
 interface ButtonElementProps {
     /**
      * Default behavior of the Button element. If not provided, 'submit' will
@@ -715,7 +1063,7 @@ interface ButtonProps extends ButtonElementProps, LinkElementProps$2 {
     /**
      * Optional property to provide component Ref
      */
-    ref?: Ref$2;
+    ref?: ButtonRef$2;
     /**
      * How should a Button icon be displayed?
      */
@@ -742,13 +1090,13 @@ interface ButtonProps extends ButtonElementProps, LinkElementProps$2 {
  * Use `ButtonGroup` to group multiple buttons together, ensuring consistent sizing, spacing,
  * and alignment. Only accepts `Button` or `ButtonV2` components as children.
  */
-declare const ButtonGroup: FC<ButtonGroupProps>;
+declare const ButtonGroup: ({ children, size, align, orientation, gap, ariaLabel, isFullWidth, ...props }: ButtonGroupProps) => React__default.JSX.Element;
 interface ButtonGroupProps {
     /**
      * Components to appear within the ButtonGroup
      * Can be Button, ButtonV2 only.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Size of the buttons in the ButtonGroup This will override the size prop for each individual button.
      */
@@ -776,11 +1124,11 @@ interface ButtonGroupProps {
 }
 
 type ElementUnion$1 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$1 = React.Ref<ElementUnion$1> | null;
+type ButtonRef$1 = React__default.Ref<ElementUnion$1> | null;
 /**
  * Use `ButtonV2` for our most up to date Call To Action button, offering Primary, Secondary, Tertiary, Compact and Error states.
  */
-declare const ButtonV2: FC<ButtonV2Props>;
+declare const ButtonV2: ({ label, buttonStyle, icon, iconActive, iconPosition, size, ariaLabel, ariaControls, ariaExpanded, ariaHasPopup, isFullWidth, isLoading, isSpan, onClick, href, id, rel, target, type, form, ref, ...props }: ButtonV2Props) => React__default.JSX.Element;
 interface LinkElementProps$1 {
     /**
      * URL to link to if `ButtonV2` elementType is 'a'.
@@ -836,7 +1184,7 @@ interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
     /**
      * Optional property to provide component Ref
      */
-    ref?: Ref$1;
+    ref?: ButtonRef$1;
     /**
      * Should the `ButtonV2` take up the full width of its container?
      */
@@ -892,7 +1240,7 @@ type SelectionType = "single" | "range";
 type CalendarType = "month" | "year" | "double";
 
 /** Use `Calendar` to clearly present available dates and allowing users to choose a way to enter information. */
-declare const Calendar: FC<CalendarProps>;
+declare const Calendar: ({ type, selectionType, autoFocusOnMount, selectedRange: rawSelectedRange, selectedDate: rawSelectedDate, disabledDates: rawDisabledDates, minDate: rawMinDate, maxDate: rawMaxDate, onCancelClick, onDateSelect, onRangeSelect, uncontained, ...props }: CalendarProps) => React__default.JSX.Element;
 interface CalendarProps {
     /**
      * Select single date or range
@@ -938,6 +1286,9 @@ interface CalendarProps {
      * Focus will be set on the selected day when the component mounts, defaults to false.
      */
     autoFocusOnMount?: boolean;
+    /**
+     * Whether the calendar should be uncontained
+     */
     uncontained?: boolean;
 }
 
@@ -951,8 +1302,12 @@ interface SlideConfig {
 
 type Responsive = Partial<Record<BreakPoints, SlideConfig>>;
 
-declare const Carousel: React.FC<CarouselProps>;
+declare const Carousel: ({ children, responsive, itemsToScroll, itemsPerSlide, withGutter, loop, isPartialVisible, autoplay, isPlaying, fade, }: CarouselProps) => React__default.JSX.Element;
 interface CarouselProps {
+    /**
+     * Items for the carousel.
+     */
+    children: ReactNode;
     /**
      * Adds a gap between the slides.
      */
@@ -978,15 +1333,48 @@ interface CarouselProps {
      */
     responsive?: Responsive;
     /**
-     * items for the carousel.
+     * Autoplay configuration. Pass an empty object to use default options.
+     */
+    autoplay?: {
+        /**
+         * Time in milliseconds between auto scrolls.
+         */
+        delay?: number;
+        /**
+         * Start autoplay on initialization.
+         */
+        playOnInit?: boolean;
+        /**
+         * Stops autoplay on user interaction (click/tap).
+         */
+        stopOnInteraction?: boolean;
+        /**
+         * Stops autoplay when mouse enters carousel.
+         */
+        stopOnMouseEnter?: boolean;
+        /**
+         * Stops autoplay when carousel receives focus.
+         */
+        stopOnFocusIn?: boolean;
+        /**
+         * Stops autoplay when reaching the last slide.
+         */
+        stopOnLastSnap?: boolean;
+    };
+    /**
+     * Use isPlaying to control the state of autoplay.
+     */
+    isPlaying?: boolean;
+    /**
+     * Enable fade transition between slides.
      */
-    children: React.ReactNode;
+    fade?: boolean;
 }
 
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
-declare const Checkbox: FC<CheckboxProps>;
+declare const Checkbox: ({ checked, errorMessage, helper, id, isDisabled, isRequired, label, hideLabel, name, onBlur, onChange, size, value, checkboxAlignment, indeterminate, isError, isErrorAlert, ref, ...props }: CheckboxProps) => React__default.JSX.Element;
 type CheckedProps$1 = {
     /**
      * Is the input checked?
@@ -1002,6 +1390,10 @@ type CheckedProps$1 = {
     indeterminate?: boolean;
 };
 interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
+    /**
+     * Optional property to provide component Ref
+     */
+    ref?: Ref<HTMLInputElement>;
     /**
      * Error message for the Checkbox.
      */
@@ -1013,7 +1405,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Helper text for the Checkbox, shown below the label.
      */
-    helper?: React.ReactNode;
+    helper?: React__default.ReactNode;
     /**
      * Determine the alignment of the Checkbox.
      */
@@ -1033,7 +1425,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Label for the Checkbox.
      */
-    label: React.ReactNode;
+    label: React__default.ReactNode;
     /**
      * Use `hideLabel` to visually hide the `Checkbox` label. This still allows screen readers to have access to labels. This is set to `false` by default.
      */
@@ -1045,12 +1437,12 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Function to call when the Checkbox loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
     /**
      * Callback function to update the Checkbox's controlled `checked` prop, for
      * example `e => setChecked(e.target.checked)`.
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Size of the Checkbox.
      */
@@ -1066,7 +1458,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
 }
 
 /** Use `CheckboxIcon` to display a visual checkbox indicator that reflects a checked, unchecked, or indeterminate state. */
-declare const CheckboxIcon: React.FC<CheckboxIconProps>;
+declare const CheckboxIcon: ({ id, name, checked, indeterminate, isDisabled, isRequired, size, value, error, ariaDescribedBy, onBlur, onChange, ref, ...props }: CheckboxIconProps) => React__default.JSX.Element;
 type CheckedProps = {
     /**
      * Is the input checked?
@@ -1082,6 +1474,10 @@ type CheckedProps = {
     indeterminate?: boolean;
 };
 interface CheckboxIconProps extends Omit<CheckedProps, "defaultChecked"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
     /**
      * Error state for the Checkbox.
      */
@@ -1109,12 +1505,12 @@ interface CheckboxIconProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Function to call when the Checkbox loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
     /**
      * Callback function to update the Checkbox's controlled `checked` prop, for
      * example `e => setChecked(e.target.checked)`.
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Size of the Checkbox.
      */
@@ -1135,8 +1531,8 @@ interface ExtentableContainer {
 /**
  * Use `Columns` to compose layouts on a 12-column grid. Place within `Section` components to align with any sibling `Grid` components.
  */
-declare const Columns: FC<ColumnsProps>;
-declare const ColumnsCol: FC<ColumnsColProps>;
+declare const Columns: ({ children, isGutterless, isExtended, ...props }: ColumnsProps) => React__default.JSX.Element;
+declare const ColumnsCol: ({ align, children, isDebugVisible, offset, offsetS, offsetM, offsetL, offsetXL, span, spanS, spanM, spanL, spanXL, ...props }: ColumnsColProps) => React__default.JSX.Element;
 type Span = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 type Offset = "0" | "24" | "48" | "72" | "96" | "120" | "144" | "168" | "192" | "216" | "240" | "264" | "288" | "312" | "336" | "360" | "384";
 interface ColumnsColProps {
@@ -1206,18 +1602,18 @@ interface ColumnsProps extends ExtentableContainer {
 }
 
 type RequirementStatus = "required" | "optional" | "not-applicable";
-declare const Context: React.Context<{
+declare const Context: React__default.Context<{
     requirementStatus: RequirementStatus | null;
 }>;
 /**
  * Use `FormControl` to provide inputs with labels, helper text and error messages
  */
-declare const FormControl: FC<FormControlProps>;
+declare const FormControl: ({ children, elementType: ElementType, errorMessage, helper, htmlFor, supplementaryInfo, id, label, labelSize, labelPosition, requirementStatus, helperUnderLabel, isDisabled, hideLabel, disclosureTitle, disclosureText, onClickDisclosure, isErrorAlert, ...props }: FormControlProps) => React__default.JSX.Element;
 interface FormControlProps {
     /**
      * Render the input or series of inputs
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * HTML Element type for the FormControl.
      * @default 'div'
@@ -1230,7 +1626,7 @@ interface FormControlProps {
     /**
      * Helper text for the FormControl, shown below the label.
      */
-    helper?: React.ReactNode;
+    helper?: React__default.ReactNode;
     /**
      * ID for the input that the FormControl points towards.
      */
@@ -1276,7 +1672,7 @@ interface FormControlProps {
     /**
      * Optional additional information for the FormControl.
      */
-    supplementaryInfo?: React.ReactNode;
+    supplementaryInfo?: React__default.ReactNode;
     /**
      * Position helper text under label. This is set to `false` by default.
      */
@@ -1292,23 +1688,60 @@ interface FormControlProps {
 }
 
 /** Use `ComboBox` to provide a searchable dropdown list that allows users to select from or filter through multiple options. */
-declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const ComboBox: ({ ref, name, onBlur, onFocus, label, helper, id, options: initialOptions, hideLabel, isFluid, errorMessage, disclosureTitle, disclosureText, onClickDisclosure, listBoxAriaLabel, defaultValue, labelSize, isMultiSelectable, isDisabled, isRequired, isAutocomplete, ...props }: ComboBoxProps) => React__default.JSX.Element;
 interface ComboBoxProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Accessible label for the listbox.
+     */
     listBoxAriaLabel: string;
+    /**
+     * Array of options to display in the dropdown.
+     */
     options: string[];
+    /**
+     * Name attribute for the input.
+     */
     name?: string;
+    /**
+     * Whether the field is required.
+     */
     isRequired?: boolean;
+    /**
+     * Default value for the input.
+     */
     defaultValue?: string;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    /**
+     * Blur event handler.
+     */
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
+    /**
+     * Focus event handler.
+     */
+    onFocus?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
+    /**
+     * Whether multiple options can be selected.
+     */
     isMultiSelectable?: boolean;
+    /**
+     * Whether the combobox has autocomplete functionality.
+     */
     isAutocomplete?: boolean;
+    /**
+     * Whether the input is read-only.
+     */
     isReadOnly?: boolean;
+    /**
+     * Whether the combobox should fill its container width.
+     */
     isFluid?: boolean;
 }
 
 /** Use `ContentSwitcher` to allow users to navigate between different sections of relevant content. */
-declare const ContentSwitcher: FC<ContentSwitcherProps>;
+declare const ContentSwitcher: ({ children, defaultValue, onValueChange, activationMode, value, ...props }: ContentSwitcherProps) => React__default.JSX.Element;
 interface ContentSwitcherProps {
     /**
      * Render children
@@ -1332,8 +1765,12 @@ interface ContentSwitcherProps {
     value?: string;
 }
 
-declare const ContentSwitcherTab: FC<ContentSwitcherTabProps>;
+declare const ContentSwitcherTab: ({ label, value, onClick, onFocus, ref, ...props }: ContentSwitcherTabProps) => React__default.JSX.Element;
 interface ContentSwitcherTabProps {
+    /**
+     * Ref to the underlying button element.
+     */
+    ref?: Ref<HTMLButtonElement>;
     /**
      * Label to display on the ContentSwitcherTab
      */
@@ -1352,7 +1789,7 @@ interface ContentSwitcherTabProps {
     onFocus?: () => void;
 }
 
-declare const ContentSwitcherContent: FC<ContentSwitcherContentProps>;
+declare const ContentSwitcherContent: ({ children, value, hidden, forceMount, ...props }: ContentSwitcherContentProps) => React__default.JSX.Element;
 interface ContentSwitcherContentProps {
     /**
      * Content to display
@@ -1372,7 +1809,7 @@ interface ContentSwitcherContentProps {
     forceMount?: boolean;
 }
 
-declare const ContentSwitcherList: FC<ContentSwitcherListProps>;
+declare const ContentSwitcherList: ({ children, type, isJustified, ariaLabel, isInset, ...props }: ContentSwitcherListProps) => React__default.JSX.Element;
 interface ContentSwitcherListProps {
     /**
      * Contents of the `ContentSwitcherList` Should contain `Tab`
@@ -1399,8 +1836,8 @@ interface ContentSwitcherListProps {
 /**
  * Use `ContentSwitcherDropdown` tab control used to toggle between related views or content sections, without navigating away from the current page.
  */
-declare const ContentSwitcherDropdown: FC<ContentSwitcherDropdownProps>;
-declare const ContentSwitcherDropdownContent: FC<ContentSwitcherDropdownContentProps>;
+declare const ContentSwitcherDropdown: ({ defaultValue, tabs, onValueChange, children, isInset, value, ariaLabel, isFluid, width, ...props }: ContentSwitcherDropdownProps) => React__default.JSX.Element;
+declare const ContentSwitcherDropdownContent: ({ children, }: ContentSwitcherDropdownContentProps) => React__default.JSX.Element;
 interface ContentSwitcherDropdownContentProps {
     /**
      * Content to display
@@ -1483,12 +1920,12 @@ declare const DATE_FORMAT = "dd/MM/yyyy";
 type AutoCompleteTypes = "on" | "off" | "name" | "honorific-prefix" | "given-name" | "additional-name" | "family-name" | "honorific-suffix" | "nickname" | "username" | "new-password" | "current-password" | "one-time-code" | "organization-title" | "organization" | "street-address" | "address-line1" | "address-line2" | "address-line3" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "country" | "postal-code" | "cc-name" | "cc-given-name" | "cc-additional-name" | "cc-family-name" | "cc-number" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-csc" | "cc-type" | "transaction-currency" | "transaction-amount" | "language" | "bday" | "bday-day" | "bday-month" | "bday-year" | "sex" | "tel" | "tel-country-code" | "tel-national" | "tel-area-code" | "tel-local" | "tel-extension" | "email" | "impp" | "url" | "photo" | "organization-unit";
 
 /** Use `Tooltip` to display information related to an element when the element receives keyboard focus or the mouse hovers over it */
-declare const Tooltip: FC<TooltipProps>;
+declare const Tooltip: ({ children, side, sideOffset, align, alignContent, title, supportingCopy, icon, ariaLabel, maxWidth, delayDuration, open, onOpenChange, asChild, zIndex, ...props }: TooltipProps) => React__default.JSX.Element;
 interface TooltipProps {
     /**
      * Content to render within Tooltip
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -1547,12 +1984,16 @@ interface TooltipProps {
     asChild?: boolean;
 }
 
-type EventType$4 = React.ChangeEvent<HTMLInputElement>;
+type EventType$4 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow users to enter short form text.
  */
-declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const TextInput: (props: TextInputProps) => React__default.JSX.Element;
 interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition" | "labelSize"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
@@ -1598,11 +2039,11 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Add a leadingSlot value within `TextInput`
      */
-    leadingSlot?: React.ReactNode;
+    leadingSlot?: React__default.ReactNode;
     /**
      * Add a trailingSlot value within `TextInput`. If `showPassword`, `clearIcon` or `isloading` is true, this value will not be displayed.
      */
-    trailingSlot?: React.ReactNode;
+    trailingSlot?: React__default.ReactNode;
     /**
      * Add a suffix value within `TextInput`.
      */
@@ -1626,11 +2067,11 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Function to call when the TextInput loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Function to call when the TextInput is focused.
      */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Callback function commonly used to update the TextInput's controlled
      * `value`, for example `e => setValue(e.target.value)`.
@@ -1669,10 +2110,6 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
      *  Sets autoComplete value for TextInput.
      */
     autoComplete?: AutoCompleteTypes;
-    /**
-     * A reference to TextInput
-     */
-    ref?: React.Ref<HTMLInputElement>;
 }
 type TextInputProps = Omit<TextInputComponentProps, "placeholder">;
 type TextInputWithPlaceholderProps = TextInputComponentProps;
@@ -1680,28 +2117,50 @@ type TextInputWithPlaceholderProps = TextInputComponentProps;
 /**
  * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
  */
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const DatePicker: ({ errorMessage, helper, id, label, isDisabled, isReadOnly, isRequired, size, value, name, onBlur, onChange, onDateSelect, onRangeSelect, onClickDisclosure, disclosureTitle, disclosureText, type, isFluid, selectionType, disabledDates, minDate, maxDate, ref, ...props }: DatePickerProps) => React__default.JSX.Element;
 interface DatePickerRangeSelection$1 extends RangeSelection {
     formattedRange: string;
 }
 interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "trailingInputIcon" | "prefix" | "suffix">, Omit<CalendarProps, "onDateSelect" | "onRangeSelect" | "selectedDate" | "selectedRange"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Whether the DatePicker should take up the full width of its container.
+     */
     isFluid?: boolean;
+    /**
+     * Callback when a single date is selected.
+     */
     onDateSelect?: (value: {
         date: Date;
         formattedDate: string;
     }) => void;
+    /**
+     * Callback when a date range is selected.
+     */
     onRangeSelect?: (value: DatePickerRangeSelection$1) => void;
 }
 
-declare const DatePickerRange: React.FC<DatePickerRangeProps>;
+declare const DatePickerRange: ({ inputStart, inputEnd, type, minDate, maxDate, disabledDates, onRangeSelect, isFluid, }: DatePickerRangeProps) => React__default.JSX.Element;
 interface DatePickerRangeSelection extends RangeSelection {
     formattedStart: string;
     formattedEnd: string;
 }
 type SharedInputProps = Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "trailingInputIcon" | "prefix" | "suffix" | "label"> & Partial<Pick<TextInputWithPlaceholderProps, "label">>;
 interface DatePickerRangeProps extends Pick<CalendarProps, "type" | "minDate" | "maxDate" | "disabledDates"> {
+    /**
+     * Configuration for the start date input.
+     */
     inputStart: SharedInputProps;
+    /**
+     * Configuration for the end date input.
+     */
     inputEnd: SharedInputProps;
+    /**
+     * Callback when a date range is selected.
+     */
     onRangeSelect?: (value: DatePickerRangeSelection) => void;
     /**
      * Enable to make the `DatePickerRange` fill its parent container
@@ -1712,7 +2171,7 @@ interface DatePickerRangeProps extends Pick<CalendarProps, "type" | "minDate" |
 /**
  * Use `Disclosure` to show and hide sections of content.
  */
-declare const Disclosure: FC<DisclosureProps>;
+declare const Disclosure: ({ children, headingLevel, indentDetails, isOpen, summary, ...props }: DisclosureProps) => React__default.JSX.Element;
 interface DisclosureProps {
     /**
      * Content to display in the Disclosure.
@@ -1740,7 +2199,7 @@ interface DisclosureProps {
 /**
  * Use `DisclosureMini` to show and hide sections of content.
  */
-declare const DisclosureMini: FC<DisclosureMiniProps>;
+declare const DisclosureMini: ({ children, summary, onClick, id, isOpen, iconPosition, size, ...props }: DisclosureMiniProps) => React__default.JSX.Element;
 interface DisclosureMiniProps {
     /**
      * Content to display in the DisclosureMini.
@@ -1775,7 +2234,7 @@ interface DisclosureMiniProps {
 declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "calendarLeft", "calendarRight", "cardRight", "cardPlay", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "datePickerCalendar", "disclosureExpand", "disclosureMiniExpand", "downloadFile", "downloadAccessibility", "drawerClose", "formControlAlert", "linkExternal", "modalClose", "navigationHeaderClose", "navigationHeaderDisclosure", "navigationHeaderMenuLinkSmall", "navigationHeaderMenuLinkLarge", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderBurger", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "textInputShowPassword", "textInputHidePassword", "textInputClear", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript", "videoPlayerPlay"];
 
 /** Use `ThemeIcon` to display an icon that allows switching between theme-specific icons. */
-declare const ThemeIcon: FC<ThemeIconProps>;
+declare const ThemeIcon: ({ size, icon, color, ...props }: ThemeIconProps) => React__default.JSX.Element;
 interface ThemeIconProps {
     /**
      * Size of the Icon, in pixels.
@@ -1793,7 +2252,7 @@ interface ThemeIconProps {
 type ThemeIconNames = (typeof iconNames)[number];
 
 /** Use `Download` to provide users with a file download action. */
-declare const Download: React.FC<DownloadProps>;
+declare const Download: ({ name, onClick, description, href, type, size, icon, isCompact, isFullWidth, }: DownloadProps) => React__default.JSX.Element;
 interface DownloadProps {
     /**
      * Name for `<Download />`
@@ -1833,7 +2292,7 @@ interface DownloadProps {
     onClick?: (e: MouseEvent$1<HTMLAnchorElement>) => void;
 }
 
-declare const Drawer: React.FC<DrawerProps>;
+declare const Drawer: ({ isOpen, children, onRequestClose, noOverlay, shouldReturnFocus, size, height, width, position, draggable, snapPoints, snapBehaviour, dragDownToDismiss, onDragHandleClick, ariaDescription, ...props }: DrawerProps) => React__default.JSX.Element;
 interface DrawerProps {
     /**
      * Show or hide page overlay.
@@ -1868,7 +2327,7 @@ interface DrawerProps {
     /**
      * Content to include with in the `Drawer` This should typically be `DrawerHeader`, `DrawerFooter` and `DrawerFooter`. This can also have custom content.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Set the position of the `Drawer`
      */
@@ -1893,45 +2352,62 @@ interface DrawerProps {
      */
     dragDownToDismiss?: boolean;
     /**
-     * Envoke function when drag handle is clicked
+     * Invoke function when drag handle is clicked
      */
-    onDragHandleClick?: (e: React.MouseEvent) => void;
+    onDragHandleClick?: (e: React__default.MouseEvent) => void;
     /**
      * Describe the content of the Drawer
      */
     ariaDescription: string;
 }
 
-declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+declare const DrawerHeader: ({ title, isFixed, isResponsive, children, isFullBleed, titleWordWrap, ...props }: DrawerHeaderProps) => React__default.JSX.Element;
 interface DrawerHeaderProps extends Pick<HeadingProps, "isResponsive"> {
     /**
-     * Title for the DrawerHeader
+     * Content to display within for the DrawerHeader. Can not be used in conjunction with `title`.
+     */
+    children?: ReactNode;
+    /**
+     * Title for the DrawerHeader. Can not be used in conjunction with `children`.
+  
      */
     title?: string;
     /**
      * Determine if the `DrawerHeader` is fixed to the top of the `Drawer`
      */
     isFixed?: boolean;
+    /**
+     * Removes padding within the DrawerHeader
+     */
+    isFullBleed?: boolean;
+    /**
+     * Whether long words in title should be wrapped.
+     */
+    titleWordWrap?: boolean;
 }
 
-declare const DrawerFooter: React.FC<DrawerFooterProps>;
+declare const DrawerFooter: ({ isFixed, isFullBleed, children, }: DrawerFooterProps) => React__default.JSX.Element;
 interface DrawerFooterProps {
     /**
      * Content to display within the DrawerFooter. This will typically be ButtonGroup
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Determine if the `DrawerFooter` is fixed to the bottom of the `Drawer`
      */
     isFixed?: boolean;
+    /**
+     * Removes padding within the DrawerFooter
+     */
+    isFullBleed?: boolean;
 }
 
-declare const DrawerContent: React.FC<DrawerContentProps>;
+declare const DrawerContent: ({ isFullBleed, children, }: DrawerContentProps) => React__default.JSX.Element;
 interface DrawerContentProps {
     /**
-     * Display content within the DrawerContent sectino
+     * Display content within the DrawerContent section
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * This property removes all arc styling and opens the Drawer to have fully custom content
      */
@@ -1941,7 +2417,7 @@ interface DrawerContentProps {
 /**
  * Use `Elevation` to elevate what matters.
  */
-declare const Elevation: FC<ElevationProps>;
+declare const Elevation: ({ children, level, isFullWidth, ...props }: ElevationProps) => React__default.JSX.Element;
 interface ElevationProps {
     /**
      * Contents to Elevate.
@@ -1957,7 +2433,7 @@ interface ElevationProps {
     isFullWidth?: boolean;
 }
 
-declare const FilterControls: FC<FilterControlsProps>;
+declare const FilterControls: ({ children, controlsAlignment, }: FilterControlsProps) => React__default.JSX.Element;
 interface FilterControlsProps {
     /**
      * Contents of the `<FilterControls />` Should contain `<FilterControl />`
@@ -1969,7 +2445,7 @@ interface FilterControlsProps {
     controlsAlignment?: "left" | "right" | "center";
 }
 
-declare const FilterItems: FC<FilterItemsProps>;
+declare const FilterItems: ({ children, error, displayType, }: FilterItemsProps) => React__default.JSX.Element;
 interface FilterItemsProps {
     /**
      * Render children of `<FilterItems />`. This should only use `<FilterItem />`
@@ -1986,12 +2462,15 @@ interface FilterItemsProps {
 }
 
 /** Use `Filter` to filter and categorise page content. */
-declare const Filter: FC<FilterProps>;
+declare const Filter: ({ children, onChange, controls, displayType, controlsAlignment, logicType, error, ...props }: FilterProps) => React__default.JSX.Element;
 interface FilterProps {
     /**
      * Contents of the `<Filter />` Should contain `<FilterItem />`
      */
     children?: ReactNode;
+    /**
+     * Array of filter control configurations
+     */
     controls: {
         label: string;
         isSelected?: boolean;
@@ -2019,7 +2498,7 @@ interface FilterProps {
     error?: ReactNode;
 }
 
-declare const FilterItem: FC<FilterItemProps>;
+declare const FilterItem: ({ children }: FilterItemProps) => React__default.JSX.Element;
 interface FilterItemProps {
     /**
      * Content to display within `FilterItem`
@@ -2032,7 +2511,7 @@ interface FilterItemProps {
 }
 
 /** Group `FilterControl` components to add controls to `Filter` component. */
-declare const FilterControl: FC<FilterControlProps>;
+declare const FilterControl: ({ children, onClick, isSelected, }: FilterControlProps) => React__default.JSX.Element;
 interface FilterControlProps {
     /**
      * Name of the `<FilterControl />`
@@ -2051,8 +2530,8 @@ interface FilterControlProps {
 /**
  *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
  */
-declare const GhostedHeroBanner: React.FC<GhostedHeroBannerProps>;
-type GhostedHeroBannerProps = Pick<TemplateBannerProps, "heading" | "img" | "children" | "label" | "text" | "headingLevel" | "fontStyle">;
+declare const GhostedHeroBanner: ({ heading, headingLevel, label, text, img, children, fontStyle, headingWordWrap, ...props }: GhostedHeroBannerProps) => React__default.JSX.Element;
+type GhostedHeroBannerProps = Pick<TemplateBannerProps, "heading" | "img" | "children" | "label" | "text" | "headingLevel" | "fontStyle" | "headingWordWrap">;
 
 /**
  * Provides an object of breakpoints for responsive designs.
@@ -2078,7 +2557,7 @@ type ScrimFadeSize = "l" | "m" | "s";
 /**
  * Use `GradientPageBackground` as a content wrapper blending multiple colours to add depth, mood or emphasise hero sections, footer sections, or mid-page section backgrounds.
  */
-declare const GradientPageBackground: React.FC<GradientPageBackgroundProps>;
+declare const GradientPageBackground: ({ gradient, responsiveGradient, children, scrimFadeSize, scrimFadeHeights, extendBackgrounds, loading, scrimFadePosition, ...props }: GradientPageBackgroundProps) => React__default.JSX.Element;
 interface GradientPageBackgroundProps {
     /**
      * Gradient for the component. You can import these directly from the @arc-ui/gradients package, or pass your own.
@@ -2107,7 +2586,7 @@ interface GradientPageBackgroundProps {
     /**
      * Content to be displayed on top of the gradient
      */
-    children: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Loading behaviour of the background gradient image.
      */
@@ -2117,7 +2596,7 @@ interface GradientPageBackgroundProps {
 /**
  * Use `Grid` to compose layouts on a 12-column grid. Aligns with sibling `Section` components.
  */
-declare const Grid: React.FC<GridProps>;
+declare const Grid: ({ children, isFluid, isDebugVisible, isGutterless, isExtended, ...props }: GridProps) => React__default.JSX.Element;
 interface GridProps extends ExtentableContainer {
     /**
      * `Grid` is set to 100% width if true.
@@ -2134,7 +2613,7 @@ interface GridProps extends ExtentableContainer {
     /**
      * Contents of the Grid Should only contain `GridRow`.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 declare const BREAKPOINTS: readonly ["xs", "s", "m", "l", "xl", "xxl", "xxxl"];
@@ -2148,26 +2627,50 @@ type Column = ColumnConfig<ColumnValue>;
 type Arrangement = ColumnConfig<GridValue>;
 type Alignment = ColumnConfig<AlignmentValue>;
 
-declare const GridCol: React.FC<GridColProps>;
+declare const GridCol: ({ order, offset, align, children, ...props }: GridColProps) => React__default.JSX.Element;
 interface GridColProps extends Column {
+    /**
+     * Offset configuration for the column
+     */
     offset?: Arrangement;
+    /**
+     * Order configuration for the column
+     */
     order?: Arrangement;
+    /**
+     * Alignment configuration for the column
+     */
     align?: Alignment;
-    children: React.ReactNode;
+    /**
+     * Content to display in the GridCol
+     */
+    children: React__default.ReactNode;
 }
 
-declare const GridRow: React.FC<GridRowProps>;
+declare const GridRow: ({ direction, align, justify, children, ...props }: GridRowProps) => React__default.JSX.Element;
 interface GridRowProps {
+    /**
+     * Alignment of items in the row
+     */
     align?: AlignmentValue;
+    /**
+     * Direction of the row
+     */
     direction?: "column" | "row" | "column-reverse" | "row-reverse";
+    /**
+     * Justification of items in the row
+     */
     justify?: "start" | "center" | "end" | "between" | "around" | "normal";
-    children: React.ReactNode;
+    /**
+     * Content to display in the GridRow
+     */
+    children: React__default.ReactNode;
 }
 
 /**
  * Use `Group` to arrange flexible items in a row.
  */
-declare const Group: FC<GroupProps>;
+declare const Group: ({ children, grow, growEqual, gutterBorder, noWrap, isExtended, ...props }: GroupProps) => React__default.JSX.Element;
 interface GroupProps extends ExtentableContainer {
     /**
      * Contents of the Group Should only contain `GroupItem`.
@@ -2191,7 +2694,7 @@ interface GroupProps extends ExtentableContainer {
     noWrap?: boolean;
 }
 
-declare const GroupItem: FC<ItemProps>;
+declare const GroupItem: ({ children, grow, isDebugVisible, ...props }: ItemProps) => React__default.JSX.Element;
 interface ItemProps {
     /**
      * Content to display in the GroupItem.
@@ -2209,7 +2712,7 @@ interface ItemProps {
 }
 
 /** Use `HeroBanner` to promote key content or products with bold visuals and messaging. */
-declare const HeroBanner: FC<HeroBannerProps>;
+declare const HeroBanner: ({ heading, label, text, img, contentRatio, children, minHeight, isReversed, isElevated, headingLevel, extendBeyondContainer, type, fontStyle, headingWordWrap, ...props }: HeroBannerProps) => React__default.JSX.Element;
 interface HeroBannerProps extends Omit<TemplateBannerProps, "headingSize" | "alignment" | "additionalTopMargin"> {
     /**
      * Extend HeroBanner 56px beyond its container on both sides at larger breakpoints (e.g., 1440px and above).
@@ -2218,11 +2721,11 @@ interface HeroBannerProps extends Omit<TemplateBannerProps, "headingSize" | "ali
 }
 
 type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React.Ref<ElementUnion> | null;
+type ButtonRef = Ref<ElementUnion> | null;
 /**
  * Use `HeroButton` as the most prominent call-to-action. It should be used sparingly at the most important parts of a user journey only.
  */
-declare const HeroButton: FC<HeroButtonProps>;
+declare const HeroButton: ({ label, buttonStyle, icon, ariaLabel, isLoading, onClick, href, id, rel, target, type, form, ref, ...props }: HeroButtonProps) => React__default.JSX.Element;
 interface LinkElementProps {
     /**
      * URL to link to if `HeroButton` elementType is 'a'.
@@ -2269,7 +2772,7 @@ interface HeroButtonProps extends HeroButtonElementProps, LinkElementProps {
     /**
      * Optional property to provide component Ref
      */
-    ref?: Ref;
+    ref?: ButtonRef;
     /**
      * Text to override `label` with additional, more precise information
      * specifically for screen reader users.
@@ -2295,23 +2798,44 @@ interface BreakpointVisibility {
 }
 
 /** Use `Hidden` to hide it's children at specific breakpoints */
-declare const Hidden: React.FC<HiddenProps>;
+declare const Hidden: ({ children, xs, s, m, l, xl, xxl, ...props }: HiddenProps) => React__default.JSX.Element;
 interface HiddenProps extends BreakpointVisibility {
-    children: React.ReactNode;
+    /**
+     * Content to hide at specific breakpoints
+     */
+    children: React__default.ReactNode;
 }
 
 type CardFooterIcon = "play" | "arrow";
 interface CardFooterProps {
+    /**
+     * Metadata text or date to display in the footer.
+     */
     metaText?: string | Date;
+    /**
+     * Whether to use dark pathway styling.
+     */
     isDarkPathway?: boolean;
+    /**
+     * Icon to display in the button.
+     */
     buttonIcon?: CardFooterIcon;
+    /**
+     * Size of the button.
+     */
     buttonSize?: "s" | "m";
+    /**
+     * Whether to show the button.
+     */
     showButton?: boolean;
+    /**
+     * Whether the card is in a hovered state.
+     */
     isHovered?: boolean;
 }
 
 /** Use `HorizontalCard` to display card content in a horizontal layout. */
-declare const HorizontalCard: React.FC<HorizontalCardProps>;
+declare const HorizontalCard: ({ text, heading, headingLevel, img, metaText, url, onClick, ...props }: HorizontalCardProps) => React__default.JSX.Element;
 interface HorizontalCardProps {
     /**
      * Heading for the HorizontalCard.
@@ -2344,13 +2868,13 @@ interface HorizontalCardProps {
     /**
      * Click handler for the HorizontalCard. Only applied when a url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
 }
 
 /**
  * Use `Icon` to display brand iconography.
  */
-declare const Icon: FC<IconProps>;
+declare const Icon: ({ testId, icon, label, size, color, isInline, ...props }: IconProps) => React__default.JSX.Element;
 declare const colors: readonly ["auto", "brand", "brand-alt", "statusRed", "statusAmber", "statusGreen"];
 type IconColor = (typeof colors)[number];
 interface IconProps {
@@ -2383,7 +2907,7 @@ interface IconProps {
 type CardHeadingSize = Extract<HeadingSize, "m" | "l">;
 
 /** Use `ImpactCard` for important content that needs additional hierarchy and prominence.  */
-declare const ImpactCard: FC<ImpactCardProps>;
+declare const ImpactCard: ({ url, onClick, heading, img, label, minHeight, headingSize, headingWordWrap, linkData, pathway, headingLevel, buttonIcon, labelLevel, ...props }: ImpactCardProps) => React__default.JSX.Element;
 type ImpactCardPathway = "light" | "dark";
 interface ImpactCardProps {
     /**
@@ -2394,6 +2918,10 @@ interface ImpactCardProps {
      * Heading size for the ImpactCard.
      */
     headingSize?: CardHeadingSize;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
     /**
      * Url for the ImpactCard. Makes the whole card a link
      */
@@ -2417,7 +2945,7 @@ interface ImpactCardProps {
     /**
      * Click handler for the ImpactCard.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Object of `data-` attributes to render on internal anchor element, e.g.
      * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
@@ -2440,7 +2968,7 @@ interface ImpactCardProps {
 }
 
 /** Use `InformationCard` for flexibility and the ability to focus and highlight product specific content. */
-declare const InformationCard: FC<InformationCardProps>;
+declare const InformationCard: ({ cardUrl, onClick, heading, text, label, footerLogo, button, image, badges, icon, minHeight, minHeights, headingLevel, labelLevel, headingWordWrap, ...props }: InformationCardProps) => React__default.JSX.Element;
 type InformationCardImage = Pick<ImageProps, "alt" | "loading" | "width" | "height" | "src" | "fadeOnLoad" | "fetchPriority">;
 type InformationCardButtonProps = Pick<ButtonV2Props, "label" | "onClick" | "href">;
 interface minHeightsProps {
@@ -2476,7 +3004,7 @@ interface InformationCardProps {
     /**
      * Click handler for the InformationCard. Only applied when a card url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Footer logo for the InformationCard.
      */
@@ -2511,12 +3039,16 @@ interface InformationCardProps {
      * Heading level for the InformationCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
 }
 
 /**
  * Use `Markup` to display HTML-formatted text.
  */
-declare const Markup: FC<MarkupProps>;
+declare const Markup: ({ children, isMeasured, ...props }: MarkupProps) => React__default.JSX.Element;
 interface MarkupProps {
     /**
      * HTML-formatted text to display in Markup.
@@ -2539,7 +3071,7 @@ interface MediaCardVideo extends Partial<Omit<VideoPlayerProps$1, "url" | "title
 /**
  * Use `MediaCard` to contain content and an image about a single subject.
  */
-declare const MediaCard: FC<MediaCardProps>;
+declare const MediaCard: ({ media, url, onClick, heading, label, labelLevel, text, metaText, minHeight, buttonIcon, isContained, headingLevel, headingWordWrap, ...props }: MediaCardProps) => React__default.JSX.Element;
 interface MediaCardProps {
     /**
      * Heading for the MediaCard.
@@ -2584,22 +3116,26 @@ interface MediaCardProps {
     /**
      * Click handler for the MediaCard. Only applied when a url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Heading level for the MediaCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
 }
 
 /**
  * Use 'Menu' to display a list of selectable options, e.g. suggestions, presets or autocomplete results.
  */
-declare const Menu: React.FC<MenuProps>;
+declare const Menu: ({ defaultOpen, open, onOpenChange, modal, isMobileMenu, children, defaultWidth, ...props }: MenuProps) => React__default.JSX.Element;
 interface MenuProps {
     /**
      * The content of the menu
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Whether the menu is open by default
      */
@@ -2626,7 +3162,7 @@ interface MenuProps {
     defaultWidth?: string | number;
 }
 
-declare const MenuItemContentTemplate: React.FC<MenuItemContentTemplateProps>;
+declare const MenuItemContentTemplate: ({ leadingIcon, supportingText, keyCommands, trailingIcon, children, }: MenuItemContentTemplateProps) => React__default.JSX.Element;
 interface MenuItemContentTemplateProps {
     /**
      * Optional supporting text that appears below the label for additional context.
@@ -2650,7 +3186,7 @@ interface MenuItemContentTemplateProps {
     keyCommands?: string;
 }
 
-declare const MenuItemCheckbox: React.FC<MenuItemCheckboxProps>;
+declare const MenuItemCheckbox: ({ children, checked, onCheckedChange, isDisabled, onSelect, id, shouldKeepOpen, ...props }: MenuItemCheckboxProps) => React__default.JSX.Element;
 interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
     /**
      * Controls whether the checkbox is checked, unchecked.
@@ -2681,12 +3217,16 @@ interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supp
 /**
  * The component that pops out when the dropdown menu is open.
  */
-declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenuContent: ({ ref, children, width, minWidth, maxWidth, align, alignOffset, side, initalTitle, isFluidToViewport, ...props }: MenuContentProps) => React__default.JSX.Element;
 interface MenuContentProps {
+    /**
+     * Ref to the underlying div element
+     */
+    ref?: React__default.Ref<HTMLDivElement>;
     /**
      * The content inside the menu, typically `MenuItem`, `MenuGroup`, and other menu elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The width of the menu content. Can be any valid CSS width value. This is `fit-content` by default and needs to be set to `auto` to use other properties.
      */
@@ -2724,7 +3264,7 @@ interface MenuContentProps {
 /**
  * Displays footer content at the bottom of the menu.
  */
-declare const MenuFooter: FC<MenuFooterProps>;
+declare const MenuFooter: ({ leadingIcon, trailingIcon, supportingText, keyCommands, children, onClick, isDisabled, ariaLabel, }: MenuFooterProps) => React__default.JSX.Element;
 interface MenuFooterProps extends MenuItemContentTemplateProps {
     /**
      * Click event handler triggered when the menu header is selected.
@@ -2747,18 +3287,18 @@ interface MenuFooterProps extends MenuItemContentTemplateProps {
 /**
  * Groups related menu items together within a dropdown menu.
  */
-declare const MenuGroup: React.FC<MenuGroupProps>;
+declare const MenuGroup: ({ children, ...props }: MenuGroupProps) => React__default.JSX.Element;
 interface MenuGroupProps {
     /**
      *  Menu items grouped together within the menu.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * Displays a header within the dropdown menu.
  */
-declare const MenuHeader: FC<MenuHeaderProps>;
+declare const MenuHeader: ({ leadingIcon, trailingIcon, supportingText, keyCommands, children, onClick, isDisabled, ariaLabel, }: MenuHeaderProps) => React__default.JSX.Element;
 interface MenuHeaderProps extends MenuItemContentTemplateProps {
     /**
      * Click event handler triggered when the menu header is selected.
@@ -2781,7 +3321,7 @@ interface MenuHeaderProps extends MenuItemContentTemplateProps {
 /**
  * Renders a menu item, optionally as a link if `href` is provided.
  */
-declare const MenuItem: React.FC<MenuItemProps>;
+declare const MenuItem: ({ leadingIcon, supportingText, keyCommands, trailingIcon, children, onClick, shouldKeepOpen, isDisabled, href, ariaLabel, ...props }: MenuItemProps) => React__default.JSX.Element;
 interface MenuItemProps extends MenuItemContentTemplateProps {
     /**
      * Click event handler triggered when the menu item is selected.
@@ -2808,7 +3348,7 @@ interface MenuItemProps extends MenuItemContentTemplateProps {
 /**
  * Provides a label to group related menu items.
  */
-declare const MenuLabel: React.FC<MenuLabelProps>;
+declare const MenuLabel: ({ children, ...props }: MenuLabelProps) => React__default.JSX.Element;
 interface MenuLabelProps {
     /**
      *  The text content of the label, typically used to group related menu items.
@@ -2819,23 +3359,23 @@ interface MenuLabelProps {
 /**
  * When used, portals the content part into the body. By default it's arc's theme element
  */
-declare const MenuPortal: React.FC<MenuPortalProps>;
+declare const MenuPortal: ({ children, ...props }: MenuPortalProps) => React__default.JSX.Element;
 interface MenuPortalProps {
     /**
      * The content to be portalled.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * Groups menu items allowing single selection from multiple options.
  */
-declare const MenuGroupSingleSelect: React.FC<MenuGroupSingleSelectProps>;
+declare const MenuGroupSingleSelect: ({ children, value, onValueChange, ...props }: MenuGroupSingleSelectProps) => React__default.JSX.Element;
 interface MenuGroupSingleSelectProps {
     /**
      * The single select items inside the group.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The current selected value of the single select group.
      */
@@ -2849,7 +3389,7 @@ interface MenuGroupSingleSelectProps {
 /**
  * A selectable menu item used within a radio group.
  */
-declare const MenuItemSingleSelect: React.FC<MenuItemSingleSelectProps>;
+declare const MenuItemSingleSelect: ({ children, value, disabled, onSelect, leadingIcon, supportingText, shouldKeepOpen, ...props }: MenuItemSingleSelectProps) => React__default.JSX.Element;
 interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
     /**
      * The value assigned to this radio item.
@@ -2872,39 +3412,48 @@ interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "
 /**
  * Scrollable container that adjusts height based on surrounding menu content.
  */
-declare const MenuScrollable: React.FC<MenuScrollableProps>;
+declare const MenuScrollable: ({ children }: MenuScrollableProps) => React__default.JSX.Element;
 interface MenuScrollableProps {
     /**
      * The content within the scrollable area, typically a list of `MenuItem` components or similar menu elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * Visual separator used to divide groups of menu items.
  */
-declare const MenuSeparator: React.FC;
+declare const MenuSeparator: ({ ...props }: {
+    [x: string]: any;
+}) => React__default.JSX.Element;
 
 /**
  * Container for multi-level menu content within a dropdown menu.
  */
-declare const MenuItemMultiLevel: React.FC<MenuItemMultiLevelProps>;
+declare const MenuItemMultiLevel: ({ children, ...props }: MenuItemMultiLevelProps) => React__default.JSX.Element;
 interface MenuItemMultiLevelProps {
     /**
      *  The content inside the multi-level menu.
      */
-    children: React.ReactNode;
+    children: ReactNode;
 }
 
 /**
  * The multi-level menu content that pops out when a menu item with children is hovered or clicked.
  */
-declare const MenuItemMultiLevelContent: React.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenuItemMultiLevelContent: {
+    ({ ref, children, width, minWidth, maxWidth, alignOffset, ...props }: MenuItemMultiLevelContentProps): React__default.JSX.Element;
+    displayName: string;
+};
 interface MenuItemMultiLevelContentProps {
+    /**
+     * Ref to the underlying div element
+     */
+    ref?: React__default.Ref<HTMLDivElement>;
     /**
      * The multi-level menu content, typically containing `Menu.Item` elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The width of the multi-level menu content. Can be any valid CSS width value. This is `fit-content` by default and needs to be set to `auto` to use other properties.
      */
@@ -2938,15 +3487,18 @@ interface MenuItemMultiLevelContentProps {
 /**
  * Trigger element that opens a multi-level menu when selected.
  */
-declare const MenuItemMultiLevelTrigger: React.FC<InternalProps>;
-interface InternalProps extends MenuItemMultiLevelTriggerProps {
-    pairedContent?: React.ReactNode;
+declare const MenuItemMultiLevelTrigger: ({ children, isDisabled, leadingIcon, supportingText, keyCommands, ariaLabel, pairedContent, ...props }: InternalMenuItemMultiLevelTriggerProps) => React__default.JSX.Element;
+interface InternalMenuItemMultiLevelTriggerProps extends MenuItemMultiLevelTriggerProps {
+    /**
+     * The paired content to be displayed in the multi-level menu.
+     */
+    pairedContent?: React__default.ReactNode;
 }
 interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
     /**
      * The trigger element for opening the multi-level menu.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Disables the sub-trigger, preventing interaction.
      */
@@ -2956,12 +3508,12 @@ interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommand
 /**
  * The element that toggles the menu.
  */
-declare const MenuTrigger: React.FC<MenuTriggerProps>;
+declare const MenuTrigger: ({ children, asChild, ...props }: MenuTriggerProps) => React__default.JSX.Element;
 interface MenuTriggerProps {
     /**
      * The element that triggers the menu when clicked or interacted with.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -2969,7 +3521,7 @@ interface MenuTriggerProps {
 }
 
 /** Use `Modal` to display information that needs immediate action from a user. */
-declare const Modal: FC<ModalProps>;
+declare const Modal: ({ title, description, ariaDescribedBy, isOpen, actions, onRequestClose, children, role, shouldReturnFocus, isContentScrollable, size, fullBleed, customWidths, titleWordWrap, ...props }: ModalProps) => React__default.JSX.Element;
 type modalSpan = 4 | 6 | 8 | 10 | 12;
 interface ModalProps {
     /**
@@ -3015,7 +3567,7 @@ interface ModalProps {
     /**
      * Custom content for `Modal`.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Removes all default padding from the children section of the modal.
      */
@@ -3029,12 +3581,16 @@ interface ModalProps {
         m?: modalSpan;
         l?: modalSpan;
     };
+    /**
+     * Whether long words in title should be wrapped.
+     */
+    titleWordWrap?: boolean;
 }
 
 /**
  * Use `Pagination` to navigate through multiple pages of content.
  */
-declare const Pagination: FC<PaginationProps>;
+declare const Pagination: ({ pageCount, onPageChange, defaultSelectedPage, ...props }: PaginationProps) => React__default.JSX.Element;
 interface PaginationProps {
     /**
      * Number of pages for the pagination
@@ -3056,7 +3612,7 @@ interface PaginationProps {
 /**
  * Use `PaginationSimple` to navigate through multiple pages of content.
  */
-declare const PaginationSimple: FC<PaginationSimpleProps>;
+declare const PaginationSimple: ({ hide, hrefs, onPageChange, isFluid, showEllipsis, ...props }: PaginationSimpleProps) => React__default.JSX.Element;
 interface PaginationSimpleProps {
     /**
      * hide buttons if true.
@@ -3090,18 +3646,18 @@ interface PaginationSimpleProps {
     /**
      * Function to call when page is changed. This is called with type and event
      */
-    onPageChange?: (e: React.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
+    onPageChange?: (e: React__default.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
 }
 
 /**
  * Use `Popover` to display content in a portal, triggered by a button.
  */
-declare const Popover: FC<PopoverProps>;
+declare const Popover: ({ align, ariaLabel, alignOffset, arrow, background, children, content, asChild, maxWidth, minHeight, onCloseAutoFocus, onEscapeKeyDown, onFocusOutside, onInteractOutside, onOpenAutoFocus, onPointerDownOutside, onOpenChange, open, constrainToViewport, side, sideOffset, zIndex, hideWhenDetached, useBespokeTrigger, isFluidToViewport, contentMargin, isFullBleed, ...props }: PopoverProps) => React__default.JSX.Element;
 interface PopoverProps {
     /**
      * Content to render within Popover Trigger
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -3192,16 +3748,28 @@ interface PopoverProps {
      * Defaults to `fit-content`, but becomes scrollable if necessary.
      */
     constrainToViewport?: boolean;
+    /**
+     * Content components placed into Popovers to respond to the viewport.
+     */
+    isFluidToViewport?: boolean;
     /**
      * Use minHeight in conjunction with constrainToViewport to keep the popover legible. Value in px.
      */
     minHeight?: number;
+    /**
+     * Add margin to sides of the Popover Content. Margin to match the section margin values at each breakpoint.
+     */
+    contentMargin?: boolean;
+    /**
+     * Removes all default padding from the content section of the Popover.
+     */
+    isFullBleed?: boolean;
 }
 
 /**
  * Use `Poster` to compose content on an image or video background. BT Brand Only.
  */
-declare const Poster: FC<PosterProps>;
+declare const Poster: ({ background, children, overlay, surface, ...props }: PosterProps) => React__default.JSX.Element;
 interface PosterProps {
     /**
      * Poster background to overlay content on top of. Must be one of PosterImage or PosterVideo.
@@ -3222,7 +3790,7 @@ interface PosterProps {
     surface?: "dark-neutral-02" | "light-neutral-01";
 }
 
-declare const PosterImage: FC<PosterImageProps>;
+declare const PosterImage: ({ alt, anchor, loading, sizes, src, srcSet, ...props }: PosterImageProps) => React__default.JSX.Element;
 interface PosterImageProps {
     /**
      * Alternative text for the PosterImage, shown if the image cannot be displayed. Consider avoiding this prop if the image is for decorative purposes only.
@@ -3251,10 +3819,10 @@ interface PosterImageProps {
     /**
      * Contents of the PosterImage.
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 
-declare const PosterVideo: FC<PosterVideoProps>;
+declare const PosterVideo: ({ anchor, autoPlay, children, loop, ...props }: PosterVideoProps) => React__default.JSX.Element;
 interface PosterVideoProps {
     /**
      * Anchor point for the PosterVideo,
@@ -3281,7 +3849,7 @@ type ProgressBarIcons = "refresh" | "cross" | "tick";
 /**
  * Use `ProgressBar` to show the progress of a specific task within a page.
  */
-declare const ProgressBar: FC<ProgressBarProps>;
+declare const ProgressBar: ({ state, value, isIndeterminate, headline, ariaLabel, action, title, description, displayValue, headlineWordWrap, ...props }: ProgressBarProps) => React__default.JSX.Element;
 interface ProgressBarProps {
     /**
      * Label for screen readers.
@@ -3324,11 +3892,19 @@ interface ProgressBarProps {
         action: () => void;
         icon?: ProgressBarIcons;
     };
+    /**
+     * Whether long words in headline should be wrapped.
+     */
+    headlineWordWrap?: boolean;
 }
 
 /** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
-declare const ProgressStepper: FC<ProgressStepperProps>;
+declare const ProgressStepper: ({ ref, children, size, isFluid, direction, isExpandable, invertLabelPosition, currentStep, ...props }: ProgressStepperProps) => React__default.JSX.Element;
 interface ProgressStepperProps {
+    /**
+     * Ref to the underlying ol element.
+     */
+    ref?: Ref<HTMLOListElement>;
     /**
      * Children of `<ProgressStepper  />` should only contain `<ProgressStepperItem />`
      */
@@ -3350,18 +3926,18 @@ interface ProgressStepperProps {
      */
     invertLabelPosition?: boolean;
     /**
-     * <b>DEPRECATED</b>: This will be removed in a future release.
+     * Detach the active 'dot' indicator from the current status. Pass the index number of the step where the dot should appear.
      */
-    isExpandable?: boolean;
+    currentStep?: number;
     /**
-     * Optional property to provide component Ref
+     * <b>DEPRECATED</b>: This will be removed in a future release.
      */
-    ref?: React.Ref<HTMLDivElement>;
+    isExpandable?: boolean;
 }
 
 type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
 
-declare const ProgressStepperItem: FC<ProgressStepperItemProps>;
+declare const ProgressStepperItem: ({ title, titleHref, subTitle, direction, status, size, isFluid, invertLabelPosition, ariaLabel, onClick, previousStep, stepContent, isStepContentHidden, isViewing, ...props }: ProgressStepperItemProps) => React__default.JSX.Element;
 interface ProgressStepperItemProps {
     /**
      * Determine a title for `<ProgressStepperItem />`
@@ -3404,6 +3980,10 @@ interface ProgressStepperItemProps {
      * Determine the context `<ProgressStepperItem /> should be`
      */
     previousStep?: ProgressStatus;
+    /**
+     * Determine the `<ProgressStepperItem /> should have a active dot`
+     */
+    isViewing?: boolean;
     /**
      * DEPRECATED: Determine if `<ProgressStepperItem /> should have expandable content`
      */
@@ -3423,42 +4003,48 @@ interface ProgressStepperItemProps {
 }
 
 /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
-declare const ProgressStepperOverflow: React.ForwardRefExoticComponent<Omit<ProgressStepperOverflowProps, "ref"> & React.RefAttributes<ProgressStepperOverflowRef>>;
+declare const ProgressStepperOverflow: ({ ref, children, size, invertLabelPosition, offsetLeft, ...props }: ProgressStepperOverflowProps) => React__default.JSX.Element;
 interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFluid" | "isExpandable" | "direction"> {
     /**
-     * Children of `<ProgressStepperOverflow  />` should only contain `<ProgressStepperItem />`
-     */
-    children?: React.ReactNode;
-    /**
-     * onIndexChange handler for the ProgressStepperOverflow.
+     * Ref to the underlying ol element.
      */
-    onIndexChange?: (index: number) => void;
+    ref?: Ref<HTMLOListElement>;
     /**
-     * Select the index of the step to scroll to on inital load.
+     * Children of `<ProgressStepperOverflow  />` should only contain `<ProgressStepperItem />`
      */
-    onLoadStep?: number;
+    children?: React__default.ReactNode;
     /**
      * Add an offset to the start of the steps.
      */
     offsetLeft?: 0 | 8 | 12 | 16 | 24 | 32 | 40;
 }
-interface ProgressStepperOverflowRef {
-    handleStepScroll: (increment: number) => void;
-    scrollToStep: (step: number) => void;
-    handleViewScroll: (direction: boolean) => void;
-    isLastChildVisible: () => boolean;
+
+declare const useProgressStepperOverflow: ({ onLoadStep, increment, offsetLeft, }?: UseProgressStepperOverflowParams) => {
+    stepperRef: React.RefObject<HTMLOListElement | null>;
+    onNextStep: () => void;
+    onPreviousStep: () => void;
+    onViewScroll: (direction: boolean) => void;
+    currentIndex: number;
+    scrollToStep: (index: number) => void;
+    isFirstStepVisible: boolean;
+    isLastStepVisible: boolean;
+};
+interface UseProgressStepperOverflowParams {
+    increment?: number;
+    onLoadStep?: number;
+    offsetLeft?: 0 | 8 | 12 | 16 | 24 | 32 | 40;
 }
 
-type EventType$3 = React.ChangeEvent<HTMLInputElement>;
+type EventType$3 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
  */
-declare const RadioCardGroup: FC<RadioCardGroupProps>;
+declare const RadioCardGroup: ({ children, checkedValue, isDisabled, id, errorMessage, isRequired, helper, helperUnderLabel, label, labelSize, hideLabel, name, onBlur, onChange, layout, isFluid, width, ...props }: RadioCardGroupProps) => React__default.JSX.Element;
 interface RadioCardGroupProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "supplementaryInfo" | "labelPosition"> {
     /**
      * Contents of the `RadioCardGroup`. Should only contain `RadioCardGroupCard`
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Value of the `RadioCard` that should be checked by default.
      */
@@ -3528,6 +4114,13 @@ type ContextProps$1 = {
 };
 
 interface RadioCardProps {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Custom content to display in the RadioCard.
+     */
     children?: ReactElement;
     /**
      * ID for the`RadioCard`.
@@ -3586,8 +4179,12 @@ interface RadioCardProps {
 /**
  * Radio Card component.
  */
-declare const RadioCardGroupInput: React.ForwardRefExoticComponent<RadioCardGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioCardGroupInput: ({ ref, icon, support, id, isDisabled, label, value, children, controlLocation, hideButton, ...props }: RadioCardGroupInputProps) => React__default.JSX.Element;
 interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
     /**
      * Determine the alignment the RadioButton.
      *
@@ -3619,16 +4216,16 @@ interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
     value: string;
 }
 
-type EventType$1 = React.ChangeEvent<HTMLInputElement>;
+type EventType$1 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
-declare const RadioGroup: FC<RadioGroupProps>;
+declare const RadioGroup: ({ children, checkedValue, isDisabled, id, errorMessage, isRequired, helper, label, name, onBlur, onChange, size, ...props }: RadioGroupProps) => React__default.JSX.Element;
 interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "supplementaryInfo" | "hideLabel" | "labelPosition"> {
     /**
      * Contents of the RadioGroup Should only contain `RadioGroupInput`
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Value of the RadioButton that should be checked by default.
      */
@@ -3686,31 +4283,87 @@ type ContextProps = {
     size: "s" | "l";
 };
 
-declare const RadioGroupButton: React.ForwardRefExoticComponent<RadioGroupButtonProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupButton: ({ ref, id, changeEvent, isDisabled, size, labelSize, checked, defaultChecked, radioButtonAlignment, name, blurEvent, value, label, helper, hideLabel, withMargin, isError, }: RadioGroupButtonProps) => React__default.JSX.Element;
 interface RadioGroupButtonProps {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * ID for the radio button.
+     */
     id: string;
+    /**
+     * Label text for the radio button.
+     */
     label: string;
+    /**
+     * Whether to visually hide the label.
+     */
     hideLabel?: boolean;
+    /**
+     * Name attribute for the radio button.
+     */
     name: ContextProps["name"];
+    /**
+     * Whether to add margin to the radio button.
+     */
     withMargin?: boolean;
+    /**
+     * Whether the radio button is checked by default.
+     */
     defaultChecked?: boolean;
+    /**
+     * Whether the radio button is checked (controlled).
+     */
     checked?: boolean;
+    /**
+     * Value of the radio button.
+     */
     value?: string;
+    /**
+     * Whether the radio button is disabled.
+     */
     isDisabled?: boolean;
+    /**
+     * Helper text for the radio button.
+     */
     helper?: string;
+    /**
+     * Size of the label text.
+     */
     labelSize?: ContextProps["size"];
+    /**
+     * Size of the radio button.
+     */
     size?: ContextProps["size"];
+    /**
+     * Alignment of the radio button.
+     */
     radioButtonAlignment?: "top" | "center";
+    /**
+     * Change event handler.
+     */
     changeEvent?: ContextProps["changeEvent"];
+    /**
+     * Blur event handler.
+     */
     blurEvent?: ContextProps["blurEvent"];
+    /**
+     * Whether the radio button is in an error state.
+     */
     isError?: boolean;
 }
 
 /**
  * Radio Button component.
  */
-declare const RadioGroupInput: React.ForwardRefExoticComponent<RadioGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupInput: ({ ref, helper, id, isDisabled, label, radioButtonAlignment, value, isError, ...props }: RadioGroupInputProps) => React__default.JSX.Element;
 interface RadioGroupInputProps {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
     /**
      * Determine the alignment the RadioButton.
      *
@@ -3749,7 +4402,7 @@ interface RadioGroupInputProps {
 /**
  * Use `Rule` to display a horizontal or vertical rule.
  */
-declare const Rule: FC<RuleProps>;
+declare const Rule: ({ orientation, ...props }: RuleProps) => React__default.JSX.Element;
 interface RuleProps {
     orientation?: "horizontal" | "vertical";
 }
@@ -3757,7 +4410,7 @@ interface RuleProps {
 /**
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
  */
-declare const ScrollToTop: FC<ScrollToTopProps>;
+declare const ScrollToTop: ({ appear, isFixed, fill, zIndex, focusColor, ...props }: ScrollToTopProps) => React__default.JSX.Element;
 interface ScrollToTopProps {
     /**
      * If true, the button will stick to the bottom right corner of the screen.
@@ -3785,7 +4438,7 @@ interface ScrollToTopProps {
 /**
  * Use `Section` to compose content into vertical page layouts.
  */
-declare const Section: FC<SectionProps>;
+declare const Section: ({ children, isFullWidth, isDebugVisible, isExtended, id, ...props }: SectionProps) => React__default.JSX.Element;
 interface SectionProps extends ExtentableContainer {
     /**
      * Content to display in the Section.
@@ -3807,7 +4460,7 @@ interface SectionProps extends ExtentableContainer {
 }
 
 /** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
+declare const Select: ({ isRequired, isDisabled, placeholder, label, value, ariaLabel, options, onOpenChange, isDefaultOpen, defaultValue, errorMessage, id, size, helper, hideLabel, name, width, isFluid, onBlur, onFocus, onChange, open, disclosureTitle, disclosureText, onClickDisclosure, ...props }: SelectProps) => React__default.JSX.Element;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelSize" | "labelPosition"> {
     /**
      * Name for the Select.
@@ -3851,11 +4504,11 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * onBlur handler for the Select.
      */
-    onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onFocus handler for the Select.
      */
-    onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onOpenChange handler for the Select.
      */
@@ -3893,9 +4546,9 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
 /**
  * Use `SiteFooter` to display information at the bottom of a page.
  */
-declare const SiteFooter: FC<SiteFooterProps>;
-declare const SiteFooterItemGroup: FC<SiteFooterItemGroupProps>;
-declare const SiteFooterItem: FC<SiteFooterItemProps>;
+declare const SiteFooter: ({ children, currentYear, logoLabel, main, siteName, ...props }: SiteFooterProps) => React__default.JSX.Element;
+declare const SiteFooterItemGroup: (props: SiteFooterItemGroupProps) => React__default.JSX.Element;
+declare const SiteFooterItem: ({ children, href, onClick, ...props }: SiteFooterItemProps) => React__default.JSX.Element;
 interface SiteFooterItemGroupProps {
     /**
      * Contents of the SiteFooterItemGroup Must be SiteFooterItem components.
@@ -3947,7 +4600,7 @@ interface SiteFooterProps {
 /**
  * Use `SiteFooterV2` to display information at the bottom of a page.
  */
-declare const SiteFooterV2: FC<SiteFooterV2Props>;
+declare const SiteFooterV2: ({ children, slogan, hideTopBorder, ...props }: SiteFooterV2Props) => React__default.JSX.Element;
 interface SiteFooterV2Props {
     /**
      * Content of the SiteFooterV2. Must include SiteFooterV2Utility component and optional SiteFooterV2Main.
@@ -3964,9 +4617,9 @@ interface SiteFooterV2Props {
     hideTopBorder?: boolean;
 }
 
-declare const SiteFooterV2Main: FC<SiteFooterV2MainProps>;
-declare const SiteFooterV2ItemGroup: FC<SiteFooterV2ItemGroupProps>;
-declare const SiteFooterV2Item: FC<SiteFooterV2ItemProps>;
+declare const SiteFooterV2Main: ({ children, columns, ...props }: SiteFooterV2MainProps) => React__default.JSX.Element;
+declare const SiteFooterV2ItemGroup: ({ hideDisclosure, ...props }: SiteFooterV2ItemGroupProps) => React__default.JSX.Element;
+declare const SiteFooterV2Item: ({ children, href, onClick, ...props }: SiteFooterV2ItemProps) => React__default.JSX.Element;
 interface SiteFooterV2MainProps {
     /**
      * Contents of the SiteFooterV2Main. Must be SiteFooterV2ItemGroup components.
@@ -4009,7 +4662,7 @@ interface SiteFooterV2ItemProps {
 /**
  * Use `SiteFooterV2.Utility` to display information at the bottom of a page.
  */
-declare const SiteFooterV2Utility: FC<SiteFooterV2UtilityProps>;
+declare const SiteFooterV2Utility: ({ copyrightYear, children, socialLinks, brand, contentSlot, ...props }: SiteFooterV2UtilityProps) => React__default.JSX.Element;
 declare const socialIcons: readonly [string, string, string, string, string];
 declare const subBrands: readonly ["redcare", "wholesale", "ee"];
 interface SiteFooterV2UtilityProps {
@@ -4047,7 +4700,7 @@ interface SiteFooterV2UtilityProps {
 /**
  * Use `SiteHeaderV2` to display brand logo and navigation at the top of a page.
  */
-declare const SiteHeaderV2: FC<SiteHeaderV2Props>;
+declare const SiteHeaderV2: ({ children, basket, hasLogin, isTransparent, loginHref, logoOnClick, loginOnClick, loginTitle, logoHref, logoLabel, search, subBrand, ...props }: SiteHeaderV2Props) => React__default.JSX.Element;
 interface SiteHeaderV2Props {
     /**
      * Contents of the SiteHeaderV2 Must be SiteHeaderV2NavItem or
@@ -4100,7 +4753,7 @@ interface SiteHeaderV2Props {
     subBrand?: (typeof subBrands$1)[number];
 }
 
-declare const SiteHeaderV2Column: FC<SiteHeaderV2ColumnProps>;
+declare const SiteHeaderV2Column: ({ children, ...props }: SiteHeaderV2ColumnProps) => React__default.JSX.Element;
 interface SiteHeaderV2ColumnProps {
     /**
      * Contents of the Column. Must be SiteHeaderV2ItemGroup components.
@@ -4108,7 +4761,7 @@ interface SiteHeaderV2ColumnProps {
     children: ReactNode;
 }
 
-declare const SiteHeaderV2Item: FC<SiteHeaderV2ItemProps>;
+declare const SiteHeaderV2Item: ({ children, href, onClick, ...props }: SiteHeaderV2ItemProps) => React__default.JSX.Element;
 interface SiteHeaderV2ItemProps {
     /**
      * Contents of the Item. Usually text to be displayed in the Item link.
@@ -4124,12 +4777,15 @@ interface SiteHeaderV2ItemProps {
     onClick?: () => void;
 }
 
-declare const SiteHeaderV2ItemGroup: FC<SiteHeaderV2ItemGroupProps>;
+declare const SiteHeaderV2ItemGroup: ({ children, href, title, subtitle, onClick, viewAllTitle, ...props }: SiteHeaderV2ItemGroupProps) => JSX.Element;
 interface SiteHeaderV2ItemGroupProps {
     /**
      * Contents of the ItemGroup Must be Item components.
      */
     children: ReactNode;
+    /**
+     * Optional subtitle text for the ItemGroup.
+     */
     subtitle?: string;
     /**
      * A top-level URL for the ItemGroup to link to.
@@ -4151,7 +4807,7 @@ interface SiteHeaderV2ItemGroupProps {
     onClick?: () => void;
 }
 
-declare const SiteHeaderV2NavItem: FC<SiteHeaderV2NavItemProps>;
+declare const SiteHeaderV2NavItem: ({ children, href, isCurrent, onClick, title, isPrimary, opensFirstWithPanel, subTitle, ...props }: SiteHeaderV2NavItemProps) => React__default.JSX.Element;
 interface SiteHeaderV2NavItemProps {
     /**
      * Contents of the NavItem. Must be SiteHeaderV2ItemGroup or
@@ -4186,7 +4842,55 @@ interface SiteHeaderV2NavItemProps {
     subTitle?: string;
 }
 
-declare const SiteHeaderV2NavItemWithSubNav: FC<SiteHeaderV2NavItemWithSubNavProps>;
+declare const SiteHeaderV2SubNavItem: ({ children, isDefaultItem, href, onClick, offsetXL, subTitle, title, viewAllTitle, icon, ...props }: SiteHeaderV2SubNavItemProps) => React__default.JSX.Element;
+interface SiteHeaderV2SubNavItemProps {
+    /**
+     * Contents of the SubNavItem. Must be SiteHeaderV2ItemGroup or
+     * SiteHeaderV2Column components.
+     */
+    children?: ReactNode;
+    /**
+     * Should the SubNavItem be the default open item in a
+     * SiteHeaderV2NavItemWithSubNav? If not specified, the default open item will
+     * be set automatically.
+     */
+    isDefaultItem?: boolean;
+    /**
+     * Optionally shift the SubNavItem-link upwards (in "desktop" viewports only)
+     * to close off any empty space between items due to content size.
+     */
+    offsetXL?: "24" | "48";
+    /**
+     * A URL to link to when the SubNavItem is clicked or touched. Only applies if
+     * `children` are not present.
+     */
+    href?: string;
+    /**
+     * Optional subtitle text for the SubNavItem.
+     */
+    subTitle?: string;
+    /**
+     * Title text for the SubNavItem.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the SubNavItem panel. Only
+     * applies if both `children` are present and `href` is true. If not
+     * provided, top-level link text will be automatically generated from `title`.
+     */
+    viewAllTitle?: string;
+    /**
+     * Optional icon to display with the SubNavItem.
+     */
+    icon?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+}
+
+declare const SiteHeaderV2NavItemWithSubNav: ({ href, slot1, slot2, slot3, slot4, slot5, slot6, subTitle, title, onViewAllClick, isPrimary, opensFirstWithPanel, viewAllTitle, ...props }: SiteHeaderV2NavItemWithSubNavProps) => React__default.JSX.Element;
+type slotType = ReactElement<SiteHeaderV2SubNavItemProps>;
 interface SiteHeaderV2NavItemWithSubNavProps {
     /**
      * The URL to link to when a top-level link inside the NavItemWithSubNav panel
@@ -4197,28 +4901,28 @@ interface SiteHeaderV2NavItemWithSubNavProps {
      * Content to be displayed in the first slot of the NavItemWithSubNav. Must be
      * a single SiteHeaderV2SubNavItem component.
      */
-    slot1: ReactElement;
+    slot1: slotType;
     /**
      * Content to be displayed in the second slot of the NavItemWithSubNav. Must
      * be a single SiteHeaderV2SubNavItem component.
      */
-    slot2?: ReactNode;
+    slot2?: slotType;
     /**
      * Content to be displayed in the third slot of the NavItemWithSubNav. Must be
      * a single SiteHeaderV2SubNavItem component.
      */
-    slot3?: ReactNode;
+    slot3?: slotType;
     /**
      * Content to be displayed in the fourth slot of the NavItemWithSubNav. Must be
      * a single SiteHeaderV2SubNavItem component.
      */
-    slot4?: ReactNode;
-    slot5?: ReactNode;
-    slot6?: ReactNode;
+    slot4?: slotType;
+    slot5?: slotType;
+    slot6?: slotType;
     /**
      * Title text to display inside the NavItemWithSubNav panel.
      */
-    subTitle?: string;
+    subTitle?: string | null;
     /**
      * Top-level text to display in the NavItemWithSubNav.
      */
@@ -4237,7 +4941,7 @@ interface SiteHeaderV2NavItemWithSubNavProps {
     opensFirstWithPanel?: boolean;
 }
 
-declare const SiteHeaderV2NodeItem: FC<SiteHeaderV2NodeItemProps>;
+declare const SiteHeaderV2NodeItem: ({ children, ...props }: SiteHeaderV2NodeItemProps) => React__default.JSX.Element;
 interface SiteHeaderV2NodeItemProps {
     /**
      * Content to display with `SiteHeaderV2NodeItem`
@@ -4245,56 +4949,12 @@ interface SiteHeaderV2NodeItemProps {
     children?: ReactNode;
 }
 
-declare const SiteHeaderV2SubNavItem: FC<SiteHeaderV2SubNavItemProps>;
-interface SiteHeaderV2SubNavItemProps {
-    /**
-     * Contents of the SubNavItem. Must be SiteHeaderV2ItemGroup or
-     * SiteHeaderV2Column components.
-     */
-    children?: ReactNode;
-    /**
-     * Should the SubNavItem be the default open item in a
-     * SiteHeaderV2NavItemWithSubNav? If not specified, the default open item will
-     * be set automatically.
-     */
-    isDefaultItem?: boolean;
-    /**
-     * Optionally shift the SubNavItem-link upwards (in "desktop" viewports only)
-     * to close off any empty space between items due to content size.
-     */
-    offsetXL?: "24" | "48";
-    /**
-     * A URL to link to when the SubNavItem is clicked or touched. Only applies if
-     * `children` are not present.
-     */
-    href?: string;
-    /**
-     * Optional subtitle text for the SubNavItem.
-     */
-    subTitle?: string;
-    /**
-     * Title text for the SubNavItem.
-     */
-    title: string;
-    /**
-     * Text to display in top-level link inside the SubNavItem panel. Only
-     * applies if both `children` are present and `href` is true. If not
-     * provided, top-level link text will be automatically generated from `title`.
-     */
-    viewAllTitle?: string;
-    icon?: string;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-
-declare const SiteHeaderV2VerticalDivider: () => JSX.Element;
+declare const SiteHeaderV2VerticalDivider: () => React__default.JSX.Element;
 
 /**
  * Use `Skeleton` to display a placeholder preview of your page before the data gets loaded to reduce load-time frustration.
  */
-declare const Skeleton: FC<SkeletonProps>;
+declare const Skeleton: ({ width, height, isCircle, animation, ...props }: SkeletonProps) => React__default.JSX.Element;
 interface SkeletonProps {
     /**
      * Animation for `Skeleton`.
@@ -4315,7 +4975,7 @@ interface SkeletonProps {
 }
 
 /** Use `SkipLink` to help keyboard-only users skip to the main content on a page. */
-declare const SkipLink: FC<SkipLinkProps>;
+declare const SkipLink: ({ children, ...props }: SkipLinkProps) => React__default.JSX.Element;
 interface SkipLinkProps {
     /**
      * Links to display in the SkipLinkItem.
@@ -4323,7 +4983,7 @@ interface SkipLinkProps {
     children?: ReactNode;
 }
 
-declare const SkipLinkItem: FC<SkipLinkItemProps>;
+declare const SkipLinkItem: ({ href, id, label, onClick, }: SkipLinkItemProps) => React__default.JSX.Element;
 interface SkipLinkItemProps {
     /**
      * The label to display for SkipLinkItem.
@@ -4340,13 +5000,13 @@ interface SkipLinkItemProps {
     /**
      * Click handler for the skip link.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 /**
  * Use `Spinner` to display a loading state.
  */
-declare const Spinner: FC<SpinnerProps>;
+declare const Spinner: ({ size, color, ...props }: SpinnerProps) => React__default.JSX.Element;
 type SpinnerSize = "s" | "m" | "l" | "xl" | "xxl";
 interface SpinnerProps {
     /**
@@ -4360,7 +5020,7 @@ interface SpinnerProps {
 }
 
 /** Use `Switch` to allow users to immediately toggle between two states. */
-declare const Switch: FC<SwitchProps>;
+declare const Switch: ({ defaultChecked, onCheckedChange, label, labelPosition, name, onBlur, value, isDisabled, errorMessage, id, size, onStatusText, offStatusText, hideLabel, ariaLabel, ...props }: SwitchProps) => React__default.JSX.Element;
 interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "helpUnderLabel" | "supplementaryInfo" | "labelSize"> {
     /**
      * Hide Label above toggle?
@@ -4413,7 +5073,7 @@ interface SwitchProps extends Omit<FormControlProps, "children" | "elementType"
 }
 
 /** Use `TabbedBanner` to combine a banner layout with `ContentSwitcher` and `ContentSwitcherDropdown`, allowing users to switch between related content sections. */
-declare const TabbedBanner: FC<TabbedBannerProps>;
+declare const TabbedBanner: ({ tabs, defaultValue, minHeight, minHeightM, minHeightL, minHeightXL, ...props }: TabbedBannerProps) => React__default.JSX.Element;
 interface TabbedBannerProps {
     /**
      * Determine what tabs to render. They need both a `value` and `label` prop
@@ -4450,7 +5110,7 @@ interface TabbedBannerProps {
 }
 
 /** Use `Tabs` to allow users to navigate between different sections of relevant content. */
-declare const Tabs: FC<TabsProps>;
+declare const Tabs: ({ children, defaultValue, onValueChange, activationMode, ...props }: TabsProps) => React__default.JSX.Element;
 interface TabsProps {
     /**
      * Render children
@@ -4470,7 +5130,7 @@ interface TabsProps {
     activationMode?: "automatic" | "manual";
 }
 
-declare const TabsItem: FC<TabsItemProps>;
+declare const TabsItem: ({ label, value, icon, iconActive, ...props }: TabsItemProps) => React__default.JSX.Element;
 interface TabsItemProps {
     /**
      * Label to display on the Tab
@@ -4490,7 +5150,7 @@ interface TabsItemProps {
     iconActive?: string;
 }
 
-declare const TabsContent: FC<TabsContentProps>;
+declare const TabsContent: ({ children, value, hidden, forceMount, ...props }: TabsContentProps) => React__default.JSX.Element;
 interface TabsContentProps {
     /**
      * Content to display
@@ -4510,7 +5170,7 @@ interface TabsContentProps {
     forceMount?: boolean;
 }
 
-declare const TabsList: FC<TabsListProps>;
+declare const TabsList: ({ children, type, isJustified, ariaLabel, ...props }: TabsListProps) => React__default.JSX.Element;
 interface TabsListProps {
     /**
      * Contents of the `Tabs` Should contain `Tab`
@@ -4533,7 +5193,7 @@ interface TabsListProps {
 /**
  * Use `Tag` to promote features and manage filtering.
  */
-declare const Tag: FC<TagProps>;
+declare const Tag: ({ children, isRemovable, link, icon, onClick, onRemove, title, ...props }: TagProps) => React__default.JSX.Element;
 interface TagProps {
     /**
      * Content to render within the Tag
@@ -4568,7 +5228,7 @@ interface TagProps {
 /**
  * Use `Text` to display text.
  */
-declare const Text: FC<TextProps>;
+declare const Text: ({ align, children, id, isInline, isMeasured, size, tone, elementType, ...props }: TextProps) => React__default.JSX.Element;
 type Tone = "default" | "supporting" | "muted";
 type TextSize = "xs" | "s" | "m" | "l";
 interface TextProps {
@@ -4607,8 +5267,12 @@ interface TextProps {
 }
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: ({ ref, defaultValue, errorMessage, helper, hideLabel, id, resize, isDisabled, isReadOnly, isRequired, showCharacterCount, label, labelSize, maxLength, name, onBlur, onFocus, onChange, onClickDisclosure, value, disclosureTitle, disclosureText, width, autoComplete, minHeight, maxHeight, isErrorAlert, ...props }: TextAreaProps) => React__default.JSX.Element;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "labelPosition"> {
+    /**
+     * Ref to the underlying textarea element
+     */
+    ref?: Ref<HTMLTextAreaElement>;
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
@@ -4653,16 +5317,16 @@ interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType
     /**
      * Function to call when the TextArea loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Function to call when the TextArea is focused.
      */
-    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Callback function commonly used to update the TextArea's controlled
      * `value`, for example `e => setValue(e.target.value)`.
      */
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
     /**
      * Current value of the TextArea. Must be controlled via an
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
@@ -4686,14 +5350,14 @@ interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType
     maxHeight?: string;
 }
 
-declare const InputIcon: FC<InputIconProps>;
+declare const InputIcon: ({ isButton, isReadOnly, isDisabled, size, tooltip, themeIcon, icon, }: InputIconProps) => React__default.JSX.Element;
 interface InputIconProps {
     /**
      * Sets the Icon to be a Button.
      */
     isButton?: {
-        ref?: React.Ref<HTMLButtonElement>;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+        ref?: React__default.Ref<HTMLButtonElement>;
+        onFocus?: React__default.FocusEventHandler<HTMLButtonElement>;
         onClick: () => void;
         label: string;
     };
@@ -4726,7 +5390,7 @@ interface InputIconProps {
 /**
  * Use `Theme` component to apply a specific theme to its children.
  */
-declare const Theme: FC<ThemeProps>;
+declare const Theme: ({ theme, resetCssStyles, children, ...props }: ThemeProps) => React__default.JSX.Element;
 declare const themes: readonly ["bt-enterprise", "bt-business", "ee"];
 type ThemeType = "bt-enterprise" | "bt-business" | "ee";
 interface ThemeProps {
@@ -4745,7 +5409,7 @@ interface ThemeProps {
 }
 
 /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
-declare const ThumbnailSignpost: React.FC<ThumbnailSignpostProps>;
+declare const ThumbnailSignpost: ({ text, title, img, button, ...props }: ThumbnailSignpostProps) => React__default.JSX.Element;
 interface ThumbnailSignpostProps {
     /**
      * Title for the ThumbnailSignpost.
@@ -4772,12 +5436,12 @@ interface ThumbnailSignpostProps {
 }
 
 /** Use `Toast` to display temporary messages at the bottom of the screen. */
-declare const Toast: FC<ToastProps>;
+declare const Toast: ({ children, colorScheme, onDarkSurface, ...props }: ToastProps) => React__default.JSX.Element;
 interface ToastProps {
     /**
      * Content to display within `Toast`
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Colour scheme for `Toast` - Use 'default' in almost all cases.
      */
@@ -4789,7 +5453,7 @@ interface ToastProps {
 }
 
 /** Use `ToastNotification` to display brief, non-intrusive messages that inform users about system events, actions, or feedback. */
-declare const ToastNotification: FC<ToastNotificationProps>;
+declare const ToastNotification: ({ link, title, isOpen, onOpenChange, isStatusIconVisible, isCloseButtonVisible, status, ...props }: ToastNotificationProps) => React__default.JSX.Element;
 type ToastStatus = "general" | "error" | "warning" | "success";
 interface ToastNotificationProps {
     /**
@@ -4828,7 +5492,7 @@ interface ToastNotificationProps {
 }
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
-declare const Truncate: FC<TruncateProps>;
+declare const Truncate: ({ maxWidth, title, children, ...props }: TruncateProps) => React__default.JSX.Element;
 interface TruncateProps {
     /**
      * Content to truncate.
@@ -4845,7 +5509,7 @@ interface TruncateProps {
 }
 
 /** Use `TypographyCard` for content that benefits from larger and energetic typography. */
-declare const TypographyCard: FC<TypographyCardProps>;
+declare const TypographyCard: ({ url, onClick, heading, metaText, label, minHeight, headingSize, linkData, pathway, buttonIcon, headingLevel, labelLevel, headingWordWrap, ...props }: TypographyCardProps) => React__default.JSX.Element;
 type TypographyCardPathway = "light" | "dark";
 interface TypographyCardProps {
     /**
@@ -4879,7 +5543,7 @@ interface TypographyCardProps {
     /**
      * Click handler for the TypographyCard.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Text to show adjacent to the cta, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
      */
@@ -4899,13 +5563,17 @@ interface TypographyCardProps {
      * Heading level for the TypographyCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
 }
 
 /**
  * Use `UniversalHeader` to display a group-level page header.
  */
-declare const UniversalHeader: FC<UniversalHeaderProps>;
-declare const UniversalHeaderItem: FC<UniversalHeaderItemProps>;
+declare const UniversalHeader: ({ children, ContentSlot, ...props }: UniversalHeaderProps) => React__default.JSX.Element;
+declare const UniversalHeaderItem: ({ children, href, isActive, ...props }: UniversalHeaderItemProps) => React__default.JSX.Element;
 interface UniversalHeaderItemProps {
     /**
      * Contents of the UniversalHeaderItem.
@@ -4935,7 +5603,7 @@ interface UniversalHeaderProps {
 /**
  * Use `VerticalSpace` to create vertical space between components.
  */
-declare const VerticalSpace: FC<VerticalSpaceProps>;
+declare const VerticalSpace: ({ isDebugVisible, size, sizeS, sizeM, sizeL, sizeXL, sizeXXL, ...props }: VerticalSpaceProps) => React__default.JSX.Element;
 type VerticalSpaceSize = "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "40" | "48" | "64" | "96" | "128";
 interface VerticalSpaceProps {
     /**
@@ -4972,18 +5640,36 @@ interface VerticalSpaceProps {
 /**
  * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
  */
-declare const VideoPlayer: React.FC<VideoPlayerProps>;
+declare const VideoPlayer: ({ title, description, transcriptLink, transcriptContent, light, url, onReady, onPlay, onStart, onPause, onError, onEnded, isBorderRadius, isSupportingTextHidden, titleWordWrap, ...props }: VideoPlayerProps) => React__default.JSX.Element;
 interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" | "onStart" | "onPause" | "onEnded" | "onError" | "light"> {
+    /**
+     * URL of the video to play.
+     */
     url: string;
+    /**
+     * Title of the video.
+     */
     title: string;
+    /**
+     * Description of the video.
+     */
     description: string;
+    /**
+     * Apply border radius to the video player.
+     */
     isBorderRadius?: boolean;
+    /**
+     * Link to download the transcript.
+     */
     transcriptLink?: {
         url: string;
         text: string;
         fileSize: string;
         format: string;
     };
+    /**
+     * Content for the audio described transcript.
+     */
     transcriptContent?: {
         heading: string;
         description: string;
@@ -4992,19 +5678,26 @@ interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" |
             text?: string;
         }[];
     };
+    /**
+     * Hide the supporting text (title and description).
+     */
     isSupportingTextHidden?: boolean;
+    titleWordWrap?: boolean;
 }
 
 /** Use `Visible` to show it's children at specific breakpoints */
-declare const Visible: React.FC<VisibleProps>;
+declare const Visible: ({ children, xs, s, m, l, xl, xxl, ...props }: VisibleProps) => React__default.JSX.Element;
 interface VisibleProps extends BreakpointVisibility {
-    children: React.ReactNode;
+    /**
+     * Content to display at specific breakpoints.
+     */
+    children: ReactNode;
 }
 
 /**
  * Use `VisuallyHidden` to provide text for screen readers that is visually hidden on screen.
  */
-declare const VisuallyHidden: FC<VisuallyHiddenProps>;
+declare const VisuallyHidden: ({ children, ...props }: VisuallyHiddenProps) => React__default.JSX.Element;
 interface VisuallyHiddenProps {
     /**
      * Content to be Visually Hidden.
@@ -5029,23 +5722,50 @@ interface NavigationHeaderContainerProps extends ExtentableContainer {
     /**
      * content for the navbar
      */
-    children: React.ReactNode;
+    children: ReactNode;
 }
 
 type Brand = "btWholesale" | "btGlobalFabric" | "ee" | "bt";
 interface NavigationHeaderLogoProps {
+    /**
+     * Accessible label for the logo link.
+     */
     ariaLabel?: string;
+    /**
+     * Brand variant for the logo.
+     */
     brand?: Brand;
+    /**
+     * URL to link to when the logo is clicked.
+     */
     href?: string;
-    svg?: React.ReactNode;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Custom SVG to display instead of the default brand logo.
+     */
+    svg?: ReactNode;
+    /**
+     * Click handler for the logo link.
+     */
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 interface NavigationHeaderNavLinkProps {
+    /**
+     * Text to display in the navigation link.
+     */
     text: string;
+    /**
+     * URL to link to when the navigation link is clicked.
+     */
     href: string;
+    /**
+     * Border radius size variant for the navigation link.
+     */
     borderRadiusSize?: "s" | "m";
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Click handler for the navigation link.
+     */
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 type CustomBreakpoint = keyof typeof ArcBreakpoints | number;
@@ -5092,7 +5812,7 @@ interface NavigationHeaderInlineActionProps {
     /**
      * Click handlers for the action.
      */
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 
 type BurgerMenuPathway = "invert" | "match";
@@ -5117,7 +5837,7 @@ type ConfigurableHeaderVisibility = Partial<Record<Exclude<ArcBreakpointSizes, "
 /**
  *  Use `NavigationHeader` as a Top-level UI element that displays branding, page titles, and primary navigation actions.
  */
-declare const NavigationHeader: React.FC<NavigationHeaderProps>;
+declare const NavigationHeader: ({ leftSlot, middleSlot, rightSlot, isPill, isExtended, isFluid, logo, navItems, meatballMenuTooltip, burgerMenuActions, burgerMenuFooter, burgerMenuHeader, burgerMenuVisibility, onOpenChange, burgerMenuPathway, navMenuVisibility, background, }: NavigationHeaderProps) => React__default.JSX.Element;
 interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "children" | "background">, Omit<NavigationHeaderNavListProps, "navItems">, ExtentableContainer {
     /**
      * set the background color of the navbar.
@@ -5126,15 +5846,15 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Open content slot on the left of the nav bar.
      */
-    leftSlot?: React.ReactNode;
+    leftSlot?: ReactNode;
     /**
      * Open content slot on the middle of the nav bar, after the nav items.
      */
-    middleSlot?: React.ReactNode;
+    middleSlot?: ReactNode;
     /**
      * Open content slot on the right of the nav bar.
      */
-    rightSlot?: React.ReactNode;
+    rightSlot?: ReactNode;
     /**
      * Configuration for the logo. Logo Defaults to BT. Alternatively you can select one of the brands via the `brand` field, or supply your own svg via the `svg` field.
      * When supplying your own svg the root element must be an `svg` element that is implemented as follows: it has a `viewBox` attribute, no `height`, `width` or `preserveAspectRatio` attributes. It will also need
@@ -5148,11 +5868,11 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Additional content for the burger menu that sits below all the other content.
      */
-    burgerMenuFooter?: React.ReactNode;
+    burgerMenuFooter?: ReactNode;
     /**
      * Additional content for the burger menu that sits between the logo and the nav items.
      */
-    burgerMenuHeader?: React.ReactNode;
+    burgerMenuHeader?: ReactNode;
     /**
      * Sets the color pathway for the burger menu, by default it inverts the pathway the header is using for contrast.
      */
@@ -5169,10 +5889,13 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
      * Nav items for `<NavigationHeader />`
      */
     navItems?: Array<NavigationHeaderNavigationItem>;
+    /**
+     * Callback when burger menu open state changes.
+     */
     onOpenChange?: (isOpen: boolean) => void;
 }
 
-declare const NavigationHeaderAction: React.FC<NavigationHeaderActionProps>;
+declare const NavigationHeaderAction: ({ ariaLabel, icon, onClick, title, supportingCopy, isAttention, }: NavigationHeaderActionProps) => React__default.JSX.Element;
 interface NavigationHeaderActionProps {
     /**
      * Icon url for the action.
@@ -5197,18 +5920,30 @@ interface NavigationHeaderActionProps {
     /**
      * Click handlers for the action.
      */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 
-declare const NavigationHeaderActionBar: React.FC<NavigationHeaderActionBarProps>;
+declare const NavigationHeaderActionBar: ({ children, }: NavigationHeaderActionBarProps) => React__default.JSX.Element;
 interface NavigationHeaderActionBarProps {
-    children: React.ReactNode;
+    /**
+     * NavigationHeaderAction components to display in the action bar.
+     */
+    children: ReactNode;
 }
 
-declare const NavigationHeaderPage: React.FC<NavigationHeaderPageProps>;
+declare const NavigationHeaderPage: ({ icon, title, page, }: NavigationHeaderPageProps) => React__default.JSX.Element;
 interface NavigationHeaderPageProps {
+    /**
+     * Icon URL to display with the page title.
+     */
     icon?: string;
+    /**
+     * Page text to display.
+     */
     page?: string;
+    /**
+     * Title text for the page.
+     */
     title: string;
 }
 
@@ -5231,4 +5966,4 @@ interface NavigationHeaderPageProps {
  */
 declare const useMediaQuery: (mediaQuery: string) => boolean;
 
-export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps$1 as LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowRef, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery };
+export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps$1 as LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery, useProgressStepperOverflow };