@arc-ui/components 12.1.0 → 13.0.0

package/lib/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { FC, ReactNode, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } 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';
@@ -9,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.
@@ -33,7 +33,7 @@ interface AlignProps {
 /**
  * Use `Link` to direct users to a new page or piece of information.
  */
-declare const Link: React__default.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`.
@@ -85,17 +85,303 @@ interface LinkProps$1 {
  * Use `SemanticHeading` to render accessible headings that preserve correct
  * document hierarchy.
  */
-declare const SemanticHeading: React__default.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__default.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * The semantic heading level (1-6).
+     */
     level?: SemanticHeadingLevel;
+    /**
+     * 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 {
     /**
@@ -148,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__default.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;
 }
 
@@ -162,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
@@ -261,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__default.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;
+    /**
+     * 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__default.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;
+    /**
+     * 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
@@ -310,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;
@@ -364,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__default.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 {
@@ -460,10 +803,14 @@ 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";
@@ -473,7 +820,7 @@ declare const Context$1: React__default.Context<{
 /**
  * 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";
@@ -521,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__default.ReactNode;
+    children: ReactNode;
     /**
      * Set Box to fill parent element.
      */
@@ -560,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 {
@@ -583,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`.
@@ -595,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`
@@ -611,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`
      */
@@ -629,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__default.Ref<HTMLAnchorElement>;
     /**
      * React router property
      */
@@ -640,11 +987,11 @@ interface LinkProps {
 }
 
 type ElementUnion$2 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$2 = React__default.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
@@ -716,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?
      */
@@ -743,7 +1090,7 @@ 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
@@ -777,11 +1124,11 @@ interface ButtonGroupProps {
 }
 
 type ElementUnion$1 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$1 = React__default.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'.
@@ -837,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?
      */
@@ -893,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
@@ -939,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;
 }
 
@@ -952,8 +1302,12 @@ interface SlideConfig {
 
 type Responsive = Partial<Record<BreakPoints, SlideConfig>>;
 
-declare const Carousel: React__default.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.
      */
@@ -1008,23 +1362,19 @@ interface CarouselProps {
         stopOnLastSnap?: boolean;
     };
     /**
-     * Use isPlaying to control the state of autoplay
+     * Use isPlaying to control the state of autoplay.
      */
     isPlaying?: boolean;
     /**
-     * Enable fade transition between slides
+     * Enable fade transition between slides.
      */
     fade?: boolean;
-    /**
-     * items for the carousel.
-     */
-    children: React__default.ReactNode;
 }
 
 /**
  *  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?
@@ -1040,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.
      */
@@ -1104,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__default.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?
@@ -1120,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.
      */
@@ -1173,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 {
@@ -1250,7 +1608,7 @@ declare const Context: React__default.Context<{
 /**
  * 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
@@ -1330,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__default.ForwardRefExoticComponent<ComboBoxProps & React__default.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;
+    /**
+     * 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
@@ -1370,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
      */
@@ -1390,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
@@ -1410,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`
@@ -1437,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
@@ -1521,7 +1920,7 @@ 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
@@ -1589,8 +1988,12 @@ type EventType$4 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow users to enter short form text.
  */
-declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React__default.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.
@@ -1707,10 +2110,6 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
      *  Sets autoComplete value for TextInput.
      */
     autoComplete?: AutoCompleteTypes;
-    /**
-     * A reference to TextInput
-     */
-    ref?: React__default.Ref<HTMLInputElement>;
 }
 type TextInputProps = Omit<TextInputComponentProps, "placeholder">;
 type TextInputWithPlaceholderProps = TextInputComponentProps;
@@ -1718,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__default.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React__default.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__default.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
@@ -1750,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.
@@ -1778,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.
@@ -1813,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.
@@ -1831,7 +2252,7 @@ interface ThemeIconProps {
 type ThemeIconNames = (typeof iconNames)[number];
 
 /** Use `Download` to provide users with a file download action. */
-declare const Download: React__default.FC<DownloadProps>;
+declare const Download: ({ name, onClick, description, href, type, size, icon, isCompact, isFullWidth, }: DownloadProps) => React__default.JSX.Element;
 interface DownloadProps {
     /**
      * Name for `<Download />`
@@ -1871,7 +2292,7 @@ interface DownloadProps {
     onClick?: (e: MouseEvent$1<HTMLAnchorElement>) => void;
 }
 
-declare const Drawer: React__default.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.
@@ -1906,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__default.ReactNode;
+    children?: ReactNode;
     /**
      * Set the position of the `Drawer`
      */
@@ -1931,7 +2352,7 @@ interface DrawerProps {
      */
     dragDownToDismiss?: boolean;
     /**
-     * Envoke function when drag handle is clicked
+     * Invoke function when drag handle is clicked
      */
     onDragHandleClick?: (e: React__default.MouseEvent) => void;
     /**
@@ -1940,36 +2361,53 @@ interface DrawerProps {
     ariaDescription: string;
 }
 
-declare const DrawerHeader: React__default.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__default.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__default.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__default.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__default.ReactNode;
+    children: ReactNode;
     /**
      * This property removes all arc styling and opens the Drawer to have fully custom content
      */
@@ -1979,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.
@@ -1995,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 />`
@@ -2007,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 />`
@@ -2024,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;
@@ -2057,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`
@@ -2070,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 />`
@@ -2089,8 +2530,8 @@ interface FilterControlProps {
 /**
  *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
  */
-declare const GhostedHeroBanner: React__default.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.
@@ -2116,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__default.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.
@@ -2155,7 +2596,7 @@ interface GradientPageBackgroundProps {
 /**
  * Use `Grid` to compose layouts on a 12-column grid. Aligns with sibling `Section` components.
  */
-declare const Grid: React__default.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.
@@ -2186,26 +2627,50 @@ type Column = ColumnConfig<ColumnValue>;
 type Arrangement = ColumnConfig<GridValue>;
 type Alignment = ColumnConfig<AlignmentValue>;
 
-declare const GridCol: React__default.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;
+    /**
+     * Content to display in the GridCol
+     */
     children: React__default.ReactNode;
 }
 
-declare const GridRow: React__default.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";
+    /**
+     * 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`.
@@ -2229,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.
@@ -2247,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).
@@ -2256,11 +2721,11 @@ interface HeroBannerProps extends Omit<TemplateBannerProps, "headingSize" | "ali
 }
 
 type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React__default.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'.
@@ -2307,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.
@@ -2333,23 +2798,44 @@ interface BreakpointVisibility {
 }
 
 /** Use `Hidden` to hide it's children at specific breakpoints */
-declare const Hidden: React__default.FC<HiddenProps>;
+declare const Hidden: ({ children, xs, s, m, l, xl, xxl, ...props }: HiddenProps) => React__default.JSX.Element;
 interface HiddenProps extends BreakpointVisibility {
+    /**
+     * 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__default.FC<HorizontalCardProps>;
+declare const HorizontalCard: ({ text, heading, headingLevel, img, metaText, url, onClick, ...props }: HorizontalCardProps) => React__default.JSX.Element;
 interface HorizontalCardProps {
     /**
      * Heading for the HorizontalCard.
@@ -2388,7 +2874,7 @@ interface HorizontalCardProps {
 /**
  * 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 {
@@ -2421,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 {
     /**
@@ -2432,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
      */
@@ -2478,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 {
@@ -2549,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.
@@ -2577,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.
@@ -2627,12 +3121,16 @@ interface MediaCardProps {
      * 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__default.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
@@ -2664,7 +3162,7 @@ interface MenuProps {
     defaultWidth?: string | number;
 }
 
-declare const MenuItemContentTemplate: React__default.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.
@@ -2688,7 +3186,7 @@ interface MenuItemContentTemplateProps {
     keyCommands?: string;
 }
 
-declare const MenuItemCheckbox: React__default.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.
@@ -2719,8 +3217,12 @@ interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supp
 /**
  * The component that pops out when the dropdown menu is open.
  */
-declare const MenuContent: React__default.ForwardRefExoticComponent<MenuContentProps & React__default.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.
      */
@@ -2762,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.
@@ -2785,7 +3287,7 @@ interface MenuFooterProps extends MenuItemContentTemplateProps {
 /**
  * Groups related menu items together within a dropdown menu.
  */
-declare const MenuGroup: React__default.FC<MenuGroupProps>;
+declare const MenuGroup: ({ children, ...props }: MenuGroupProps) => React__default.JSX.Element;
 interface MenuGroupProps {
     /**
      *  Menu items grouped together within the menu.
@@ -2796,7 +3298,7 @@ interface MenuGroupProps {
 /**
  * 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.
@@ -2819,7 +3321,7 @@ interface MenuHeaderProps extends MenuItemContentTemplateProps {
 /**
  * Renders a menu item, optionally as a link if `href` is provided.
  */
-declare const MenuItem: React__default.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.
@@ -2846,7 +3348,7 @@ interface MenuItemProps extends MenuItemContentTemplateProps {
 /**
  * Provides a label to group related menu items.
  */
-declare const MenuLabel: React__default.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.
@@ -2857,7 +3359,7 @@ interface MenuLabelProps {
 /**
  * When used, portals the content part into the body. By default it's arc's theme element
  */
-declare const MenuPortal: React__default.FC<MenuPortalProps>;
+declare const MenuPortal: ({ children, ...props }: MenuPortalProps) => React__default.JSX.Element;
 interface MenuPortalProps {
     /**
      * The content to be portalled.
@@ -2868,7 +3370,7 @@ interface MenuPortalProps {
 /**
  * Groups menu items allowing single selection from multiple options.
  */
-declare const MenuGroupSingleSelect: React__default.FC<MenuGroupSingleSelectProps>;
+declare const MenuGroupSingleSelect: ({ children, value, onValueChange, ...props }: MenuGroupSingleSelectProps) => React__default.JSX.Element;
 interface MenuGroupSingleSelectProps {
     /**
      * The single select items inside the group.
@@ -2887,7 +3389,7 @@ interface MenuGroupSingleSelectProps {
 /**
  * A selectable menu item used within a radio group.
  */
-declare const MenuItemSingleSelect: React__default.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.
@@ -2910,7 +3412,7 @@ interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "
 /**
  * Scrollable container that adjusts height based on surrounding menu content.
  */
-declare const MenuScrollable: React__default.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.
@@ -2921,24 +3423,33 @@ interface MenuScrollableProps {
 /**
  * Visual separator used to divide groups of menu items.
  */
-declare const MenuSeparator: React__default.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__default.FC<MenuItemMultiLevelProps>;
+declare const MenuItemMultiLevel: ({ children, ...props }: MenuItemMultiLevelProps) => React__default.JSX.Element;
 interface MenuItemMultiLevelProps {
     /**
      *  The content inside the multi-level menu.
      */
-    children: React__default.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__default.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React__default.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.
      */
@@ -2976,8 +3487,11 @@ interface MenuItemMultiLevelContentProps {
 /**
  * Trigger element that opens a multi-level menu when selected.
  */
-declare const MenuItemMultiLevelTrigger: React__default.FC<InternalProps>;
-interface InternalProps extends MenuItemMultiLevelTriggerProps {
+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"> {
@@ -2994,7 +3508,7 @@ interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommand
 /**
  * The element that toggles the menu.
  */
-declare const MenuTrigger: React__default.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.
@@ -3007,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 {
     /**
@@ -3067,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
@@ -3094,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.
@@ -3134,7 +3652,7 @@ interface PaginationSimpleProps {
 /**
  * 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
@@ -3230,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.
@@ -3260,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.
@@ -3289,10 +3819,10 @@ interface PosterImageProps {
     /**
      * Contents of the PosterImage.
      */
-    children?: React__default.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,
@@ -3319,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.
@@ -3362,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: React__default.ForwardRefExoticComponent<ProgressStepperProps & React__default.RefAttributes<HTMLOListElement>>;
+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 />`
      */
@@ -3399,7 +3937,7 @@ interface ProgressStepperProps {
 
 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 />`
@@ -3465,8 +4003,12 @@ interface ProgressStepperItemProps {
 }
 
 /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
-declare const ProgressStepperOverflow: React__default.ForwardRefExoticComponent<ProgressStepperOverflowProps & React__default.RefAttributes<HTMLOListElement>>;
+declare const ProgressStepperOverflow: ({ ref, children, size, invertLabelPosition, offsetLeft, ...props }: ProgressStepperOverflowProps) => React__default.JSX.Element;
 interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFluid" | "isExpandable" | "direction"> {
+    /**
+     * Ref to the underlying ol element.
+     */
+    ref?: Ref<HTMLOListElement>;
     /**
      * Children of `<ProgressStepperOverflow  />` should only contain `<ProgressStepperItem />`
      */
@@ -3478,7 +4020,7 @@ interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFlu
 }
 
 declare const useProgressStepperOverflow: ({ onLoadStep, increment, offsetLeft, }?: UseProgressStepperOverflowParams) => {
-    stepperRef: React.MutableRefObject<HTMLOListElement | null>;
+    stepperRef: React.RefObject<HTMLOListElement | null>;
     onNextStep: () => void;
     onPreviousStep: () => void;
     onViewScroll: (direction: boolean) => void;
@@ -3497,7 +4039,7 @@ 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`
@@ -3572,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`.
@@ -3630,8 +4179,12 @@ interface RadioCardProps {
 /**
  * Radio Card component.
  */
-declare const RadioCardGroupInput: React__default.ForwardRefExoticComponent<RadioCardGroupInputProps & React__default.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.
      *
@@ -3667,7 +4220,7 @@ 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`
@@ -3730,31 +4283,87 @@ type ContextProps = {
     size: "s" | "l";
 };
 
-declare const RadioGroupButton: React__default.ForwardRefExoticComponent<RadioGroupButtonProps & React__default.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__default.ForwardRefExoticComponent<RadioGroupInputProps & React__default.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.
      *
@@ -3793,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";
 }
@@ -3801,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.
@@ -3829,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.
@@ -3851,7 +4460,7 @@ interface SectionProps extends ExtentableContainer {
 }
 
 /** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React__default.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.
@@ -3937,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.
@@ -3991,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.
@@ -4008,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.
@@ -4053,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 {
@@ -4091,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
@@ -4144,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.
@@ -4152,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.
@@ -4168,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.
@@ -4195,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
@@ -4230,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
@@ -4241,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.
      */
@@ -4281,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`
@@ -4289,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`.
@@ -4359,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.
@@ -4367,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.
@@ -4390,7 +5006,7 @@ interface SkipLinkItemProps {
 /**
  * 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 {
     /**
@@ -4404,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?
@@ -4457,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
@@ -4494,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
@@ -4514,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
@@ -4534,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
@@ -4554,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`
@@ -4577,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
@@ -4612,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 {
@@ -4651,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__default.ForwardRefExoticComponent<TextAreaProps & React__default.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.
@@ -4730,7 +5350,7 @@ 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.
@@ -4770,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 {
@@ -4789,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__default.FC<ThumbnailSignpostProps>;
+declare const ThumbnailSignpost: ({ text, title, img, button, ...props }: ThumbnailSignpostProps) => React__default.JSX.Element;
 interface ThumbnailSignpostProps {
     /**
      * Title for the ThumbnailSignpost.
@@ -4816,7 +5436,7 @@ 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`
@@ -4833,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 {
     /**
@@ -4872,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.
@@ -4889,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 {
     /**
@@ -4943,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.
@@ -4979,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 {
     /**
@@ -5016,18 +5640,36 @@ interface VerticalSpaceProps {
 /**
  * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
  */
-declare const VideoPlayer: React__default.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;
@@ -5036,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__default.FC<VisibleProps>;
+declare const Visible: ({ children, xs, s, m, l, xl, xxl, ...props }: VisibleProps) => React__default.JSX.Element;
 interface VisibleProps extends BreakpointVisibility {
-    children: React__default.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.
@@ -5073,22 +5722,49 @@ interface NavigationHeaderContainerProps extends ExtentableContainer {
     /**
      * content for the navbar
      */
-    children: React__default.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__default.ReactNode;
+    /**
+     * 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";
+    /**
+     * Click handler for the navigation link.
+     */
     onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
@@ -5161,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__default.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.
@@ -5170,15 +5846,15 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Open content slot on the left of the nav bar.
      */
-    leftSlot?: React__default.ReactNode;
+    leftSlot?: ReactNode;
     /**
      * Open content slot on the middle of the nav bar, after the nav items.
      */
-    middleSlot?: React__default.ReactNode;
+    middleSlot?: ReactNode;
     /**
      * Open content slot on the right of the nav bar.
      */
-    rightSlot?: React__default.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
@@ -5192,11 +5868,11 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Additional content for the burger menu that sits below all the other content.
      */
-    burgerMenuFooter?: React__default.ReactNode;
+    burgerMenuFooter?: ReactNode;
     /**
      * Additional content for the burger menu that sits between the logo and the nav items.
      */
-    burgerMenuHeader?: React__default.ReactNode;
+    burgerMenuHeader?: ReactNode;
     /**
      * Sets the color pathway for the burger menu, by default it inverts the pathway the header is using for contrast.
      */
@@ -5213,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__default.FC<NavigationHeaderActionProps>;
+declare const NavigationHeaderAction: ({ ariaLabel, icon, onClick, title, supportingCopy, isAttention, }: NavigationHeaderActionProps) => React__default.JSX.Element;
 interface NavigationHeaderActionProps {
     /**
      * Icon url for the action.
@@ -5244,15 +5923,27 @@ interface NavigationHeaderActionProps {
     onClick?: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 
-declare const NavigationHeaderActionBar: React__default.FC<NavigationHeaderActionBarProps>;
+declare const NavigationHeaderActionBar: ({ children, }: NavigationHeaderActionBarProps) => React__default.JSX.Element;
 interface NavigationHeaderActionBarProps {
-    children: React__default.ReactNode;
+    /**
+     * NavigationHeaderAction components to display in the action bar.
+     */
+    children: ReactNode;
 }
 
-declare const NavigationHeaderPage: React__default.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;
 }