@arc-ui/components 12.1.0 → 13.1.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 * as React$1 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,8 +33,8 @@ interface AlignProps {
 /**
  * Use `Link` to direct users to a new page or piece of information.
  */
-declare const Link: React__default.FC<LinkProps$1>;
-interface LinkProps$1 {
+declare const Link: ({ id, href, title, rel, target, children, onClick, screenReaderText, isButton, isImplied, size, ...props }: LinkProps) => JSX.Element;
+interface LinkProps {
     /**
      * Id attribute for `Link`.
      */
@@ -85,18 +85,304 @@ 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>;
-type AlertLinkProps = Omit<LinkProps$1, "size" | "isImplied">;
+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, "size" | "isImplied">;
 interface AlertProps {
     /**
      * Determine a heading for `<Alert />`
@@ -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,18 +701,32 @@ 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, contentRatios, 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 {
     alignment?: TemplateBannerAlignment;
 }
 type ContentRatio = "2/3" | "1/1" | "1/0";
+interface contentRatiosProps {
+    xs?: ContentRatio;
+    s?: ContentRatio;
+    m?: ContentRatio;
+    l?: ContentRatio;
+    xl?: ContentRatio;
+    xxl?: ContentRatio;
+}
 interface TemplateBannerProps {
     /**
      * Align content for TemplateBanner
@@ -444,6 +795,10 @@ interface TemplateBannerProps {
      * Defines the ratio of the content area within the banner layout.
      */
     contentRatio?: ContentRatio;
+    /**
+     * Sets the ratio of the content area within the banner layout at each breakpoint (xs, s, m, l, xl, xxl). inherits from smaller breakpoints
+     */
+    contentRatios?: contentRatiosProps;
     /**
      * Add Additional top margin to banner
      */
@@ -460,10 +815,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, contentRatios, 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 +832,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 +880,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 +919,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 +942,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,8 +954,8 @@ interface BreadcrumbsProps {
     isLight?: boolean;
 }
 
-declare const BreadcrumbsItem: FC<ItemProps$1>;
-interface ItemProps$1 {
+declare const BreadcrumbsItem: ({ spacerIconAfter, spacerIconBefore, children, }: BreadcrumbsItemProps) => React__default.JSX.Element;
+interface BreadcrumbsItemProps {
     /**
      * Render child elements within `BreadcrumbsItem`
      */
@@ -611,8 +970,12 @@ interface ItemProps$1 {
     spacerIconBefore?: boolean;
 }
 
-declare const BreadcrumbsLink: FC<LinkProps>;
-interface LinkProps {
+declare const BreadcrumbsLink: ({ onClick, href, isActive, children, ref, ...props }: BreadcrumbsLinkProps) => React__default.JSX.Element;
+interface BreadcrumbsLinkProps {
+    /**
+     * Ref to the underlying anchor element.
+     */
+    ref?: Ref<HTMLAnchorElement>;
     /**
      * Render children of `breadcrumbs.link`
      */
@@ -629,10 +992,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 +999,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 +1075,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 +1102,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 +1136,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 +1196,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 +1252,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 +1298,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 +1314,16 @@ interface SlideConfig {
 
 type Responsive = Partial<Record<BreakPoints, SlideConfig>>;
 
-declare const Carousel: React__default.FC<CarouselProps>;
+declare const Carousel: ({ children, responsive, itemsToScroll, itemsPerSlide, controlsPosition, behavior, overflow, withGutter, loop, isPartialVisible, autoplay, isPlaying, fade, }: CarouselProps) => React__default.JSX.Element;
 interface CarouselProps {
+    /**
+     * Items for the carousel.
+     */
+    children: ReactNode;
+    /**
+     * Position of the left and right arrows
+     */
+    controlsPosition?: "bottom" | "middle";
     /**
      * Adds a gap between the slides.
      */
@@ -1008,23 +1378,27 @@ 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.
+     * Carousel behavior mode. "default" uses itemsPerSlide to control visible cards. "adaptive" maintains fixed card widths and shows more cards as screen size increases, ignoring itemsPerSlide and isPartialVisible.
      */
-    children: React__default.ReactNode;
+    behavior?: "default" | "adaptive";
+    /**
+     * Controls the overflow behavior of the carousel container. "hidden" clips content outside the viewport, "visible" allows content to overflow.
+     */
+    overflow?: "hidden" | "visible";
 }
 
 /**
  *  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 +1414,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 +1482,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 +1498,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 +1555,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 {
@@ -1243,6 +1625,8 @@ interface ColumnsProps extends ExtentableContainer {
     isGutterless?: boolean;
 }
 
+type ArcIcon = string;
+
 type RequirementStatus = "required" | "optional" | "not-applicable";
 declare const Context: React__default.Context<{
     requirementStatus: RequirementStatus | null;
@@ -1250,7 +1634,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
@@ -1329,24 +1713,117 @@ interface FormControlProps {
     isErrorAlert?: boolean;
 }
 
-/** 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>>;
-interface ComboBoxProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition"> {
+type FocusHandler = (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+
+type InputSize = "s" | "m" | "l";
+
+/** Use `ComboBox` to assist a text input with a dropdown list of options. */
+declare const ComboBox: ({ ref, name, onBlur, onFocus, label, helper, id, hideLabel, isFluid, errorMessage, disclosureTitle, disclosureText, onClickDisclosure, listBoxAriaLabel, prefixIcon, onChange, noResultsSupportingCopy, customOptionSupportingCopy, multiSelectLimit, options: initialOptions, clearButtonTooltip, defaultSelectedValues, defaultValue, size, visibleTagCount, isClearButtonEnabled, isReadOnly, isMultiSelectable, isDisabled, isRequired, isAutocomplete, isCustomEntryAllowed, ...props }: ComboBoxProps) => React__default.JSX.Element;
+interface ComboBoxProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition" | "labelSize"> {
+    /**
+     * Ref to the underlying input element.
+     */
+    ref?: Ref<HTMLInputElement>;
+    /**
+     * Aria label for the results list.
+     */
     listBoxAriaLabel: string;
+    /**
+     * Size of the `ComboBox` input.
+     */
+    size?: InputSize;
+    /**
+     * Options for the `ComboBox`.
+     */
     options: string[];
+    /**
+     * Icon to appear before the input of the `ComboBox`.
+     */
+    prefixIcon?: ArcIcon;
+    /**
+     * Input name for the `ComboBox`.
+     */
     name?: string;
+    /**
+     * Makes the `ComboBox` a required field.
+     */
     isRequired?: boolean;
+    /**
+     * Default value for the `ComboBox`.
+     */
     defaultValue?: string;
-    onBlur?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
-    onFocus?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
+    /**
+     * Default selected values for the `ComboBox`. Only applied if `isMultiSelectable` is true.
+     */
+    defaultSelectedValues?: string[];
+    /**
+     * Blur event handler for the `ComboBox`.
+     */
+    onBlur?: FocusHandler;
+    /**
+     * Focus event handler for the `ComboBox`.
+     */
+    onFocus?: FocusHandler;
+    /**
+     * Callback function used to update the `ComboBox`
+     * value, for example `e => setValue(e.target.value)`.
+     */
+    onChange?: (selectedValue: string | string[] | null) => void;
+    /**
+     * Allows multiple items to be selected if true.
+     */
     isMultiSelectable?: boolean;
+    /**
+     * Allows a limit to the number of options you can select on multi select.
+     * If the limit is reached, no more selections will be permitted.
+     */
+    multiSelectLimit?: number;
+    /**
+     * Filters results when typing if true.
+     */
     isAutocomplete?: boolean;
+    /**
+     * Makes the `ComboBox` readonly.
+     */
     isReadOnly?: boolean;
+    /**
+     * Current value of the TextInput.
+     */
+    value?: string;
+    /**
+     * Sets the `ComboBox` to 100% width.
+     */
     isFluid?: boolean;
+    /**
+     * Allows the user to enter a custom value in the `ComboBox` that isn't one of the provided options.
+     */
+    isCustomEntryAllowed?: boolean;
+    /**
+     * Allows a limit to the number of tags visible on multi select.
+     * When the limit is reached, a link to reveal the hidden tags will show.
+     * If ommitted there is no limit.
+     */
+    visibleTagCount?: number;
+    /**
+     * Supporting copy for when no results show.
+     */
+    noResultsSupportingCopy?: string;
+    /**
+     * Supporting copy for the custom option on multi select.
+     */
+    customOptionSupportingCopy?: string;
+    /**
+     * Enables a button that clears the input to show when it has a value.
+     */
+    isClearButtonEnabled?: boolean;
+    /**
+     * Text for the clear input button and tooltip. This is also used for screen readers.
+     */
+    clearButtonTooltip?: string;
 }
 
 /** 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 +1847,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 +1871,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 +1891,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 +1918,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
@@ -1520,77 +2001,16 @@ 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>;
-interface TooltipProps {
-    /**
-     * Content to render within Tooltip
-     */
-    children?: React__default.ReactNode;
-    /**
-     * The preferred side of the anchor to render against when open
-     */
-    side?: "left" | "right" | "bottom" | "top";
-    /**
-     * The distance in pixels from the anchor
-     */
-    sideOffset?: 8 | 16 | 32;
-    /**
-     * The preferred alignment against the anchor. May change when collisions occur.
-     */
-    align?: "start" | "center" | "end";
-    /**
-     * Alignment for content within the tooltip
-     */
-    alignContent?: "start" | "center" | "end";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-    /**
-     * The main title text displayed within the tooltip.
-     */
-    title: string;
-    /**
-     * Additional supporting text displayed below the title, if provided.
-     */
-    supportingCopy?: string;
-    /**
-     * Icon displayed next to the tooltip title or content.
-     */
-    icon?: string;
-    /**
-     * Delay in milliseconds before the tooltip appears.
-     */
-    delayDuration?: number;
-    /**
-     * Maximum width for the tooltip container.
-     */
-    maxWidth?: string;
-    /**
-     * The controlled open state of the tooltip. Must be used in conjunction with `onOpenChange`.
-     */
-    open?: boolean;
-    /**
-     * Event handler called when the open state of the tooltip changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Z-index for the `Tooltip`. Used to fine tune the overlapping of other page elements.
-     */
-    zIndex?: number;
-    /**
-     * Set to true if you want to use your own link or button for the trigger. If false it will wrap the children in a button.
-     */
-    asChild?: boolean;
-}
-
 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 +2127,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 +2134,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 +2188,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 +2216,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.
@@ -1810,10 +2248,10 @@ interface DisclosureMiniProps {
     size?: "s" | "l";
 }
 
-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"];
+declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "calendarLeft", "calendarRight", "cardRight", "cardPlay", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "comboboxTagRemove", "comboboxAutoComplete", "comboboxSelected", "comboboxNoResults", "comboboxClear", "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 +2269,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 +2309,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 +2344,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 +2369,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 +2378,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 +2434,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 +2450,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 +2462,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 +2479,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 +2515,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 +2528,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 +2547,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 +2574,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 +2613,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 +2644,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,8 +2711,8 @@ interface GroupProps extends ExtentableContainer {
     noWrap?: boolean;
 }
 
-declare const GroupItem: FC<ItemProps>;
-interface ItemProps {
+declare const GroupItem: ({ children, grow, isDebugVisible, ...props }: GroupItemProps) => React__default.JSX.Element;
+interface GroupItemProps {
     /**
      * Content to display in the GroupItem.
      */
@@ -2247,7 +2729,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, contentRatios, 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 +2738,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 +2789,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 +2815,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;
-    isHovered?: 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 +2891,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,8 +2924,9 @@ 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, preserveAspectRatios, ...props }: ImpactCardProps) => React__default.JSX.Element;
 type ImpactCardPathway = "light" | "dark";
+type AspectRatios$3 = "3-4" | "10-16";
 interface ImpactCardProps {
     /**
      * Heading for the ImpactCard.
@@ -2432,6 +2936,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
      */
@@ -2475,10 +2983,22 @@ interface ImpactCardProps {
      * Heading level for the ImpactCard lebel.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Preserve aspect ratio of the ImpactCard. Set minHeight depending on Card width. Overwrites minHeight prop value.
+     */
+    preserveAspectRatios?: {
+        xs?: AspectRatios$3;
+        s?: AspectRatios$3;
+        m?: AspectRatios$3;
+        l?: AspectRatios$3;
+        xl?: AspectRatios$3;
+        xxl?: AspectRatios$3;
+        xxxl?: AspectRatios$3;
+    };
 }
 
 /** 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, preserveAspectRatios, 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 {
@@ -2490,6 +3010,7 @@ interface minHeightsProps {
     xxl?: number;
     xxxl?: number;
 }
+type AspectRatios$2 = "3-4" | "10-16";
 interface InformationCardProps {
     /**
      * Heading for the InformationCard.
@@ -2500,7 +3021,7 @@ interface InformationCardProps {
      */
     headingLevel?: HeadingLevel;
     /**
-     * Text content for the InformationCard
+     * Text content for the InformationCard. Use \n to create multiple paragraphs, up to 3 paragraphs.
      */
     text?: string;
     /**
@@ -2549,12 +3070,28 @@ interface InformationCardProps {
      * Heading level for the InformationCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
+    /**
+     * Preserve aspect ratio of the InformationCard. Set minHeight depending on Card width. Overwrites minHeight prop value.
+     */
+    preserveAspectRatios?: {
+        xs?: AspectRatios$2;
+        s?: AspectRatios$2;
+        m?: AspectRatios$2;
+        l?: AspectRatios$2;
+        xl?: AspectRatios$2;
+        xxl?: AspectRatios$2;
+        xxxl?: AspectRatios$2;
+    };
 }
 
 /**
  * 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 +3114,8 @@ 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, preserveAspectRatios, ...props }: MediaCardProps) => React__default.JSX.Element;
+type AspectRatios$1 = "3-4" | "10-16";
 interface MediaCardProps {
     /**
      * Heading for the MediaCard.
@@ -2588,7 +3126,7 @@ interface MediaCardProps {
      */
     headingLevel?: HeadingLevel;
     /**
-     * Text content for the MediaCard
+     * Text content for the MediaCard. Use \n to create multiple paragraphs, up to 3 paragraphs.
      */
     text?: string;
     /**
@@ -2627,12 +3165,28 @@ interface MediaCardProps {
      * Heading level for the MediaCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
+    /**
+     * Preserve aspect ratio of the MediaCard. Set minHeight depending on Card width. Overwrites minHeight prop value.
+     */
+    preserveAspectRatios?: {
+        xs?: AspectRatios$1;
+        s?: AspectRatios$1;
+        m?: AspectRatios$1;
+        l?: AspectRatios$1;
+        xl?: AspectRatios$1;
+        xxl?: AspectRatios$1;
+        xxxl?: AspectRatios$1;
+    };
 }
 
 /**
  * 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 +3218,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 +3242,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 +3273,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 +3320,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 +3343,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 +3354,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 +3377,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 +3404,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 +3415,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 +3426,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 +3445,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 +3468,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 +3479,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 +3543,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 +3564,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 +3577,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 +3637,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 +3668,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 +3708,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, className, ...props }: PopoverProps) => React__default.JSX.Element;
 interface PopoverProps {
     /**
      * Content to render within Popover Trigger
@@ -3230,16 +3804,32 @@ 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;
+    /**
+     * Used to add animations to the `RadixPopover.Content` .
+     */
+    className?: string;
 }
 
 /**
  * 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 +3850,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 +3879,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 +3909,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 +3952,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 +3997,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 +4063,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 +4080,7 @@ interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFlu
 }
 
 declare const useProgressStepperOverflow: ({ onLoadStep, increment, offsetLeft, }?: UseProgressStepperOverflowParams) => {
-    stepperRef: React.MutableRefObject<HTMLOListElement | null>;
+    stepperRef: React$1.RefObject<HTMLOListElement | null>;
     onNextStep: () => void;
     onPreviousStep: () => void;
     onViewScroll: (direction: boolean) => void;
@@ -3497,7 +4099,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 +4174,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 +4239,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 +4280,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`
@@ -3676,7 +4289,7 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
     /**
      * Value of the RadioButton that should be checked by default.
      */
-    checkedValue: string;
+    checkedValue?: string;
     /**
      * Should all controls be disabled?
      */
@@ -3725,36 +4338,92 @@ type ContextProps = {
     blurEvent: (event: EventType) => void;
     changeEvent: (event: EventType) => void;
     groupDisabled: boolean;
-    checkedValue: string;
+    checkedValue?: string;
     name: string;
     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 +4462,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 +4470,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 +4498,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 +4520,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 +4606,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,8 +4660,8 @@ interface SiteFooterProps {
 /**
  * Use `SiteFooterV2` to display information at the bottom of a page.
  */
-declare const SiteFooterV2: FC<SiteFooterV2Props>;
-interface SiteFooterV2Props {
+declare const SiteFooterV2: ({ children, slogan, hideTopBorder, isExtended, ...props }: SiteFooterV2Props) => React__default.JSX.Element;
+interface SiteFooterV2Props extends ExtentableContainer {
     /**
      * Content of the SiteFooterV2. Must include SiteFooterV2Utility component and optional SiteFooterV2Main.
      */
@@ -4008,9 +4677,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 +4722,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 +4760,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 +4813,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 +4821,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 +4837,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 +4867,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 +4902,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 +4961,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 +5001,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 +5009,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 +5035,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 +5043,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.
@@ -4387,10 +5063,58 @@ interface SkipLinkItemProps {
     onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
+type SpacingType = "padding" | "margin";
+type SpacingSize = "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "40" | "48" | "64" | "96" | "128";
+type ResponsiveSpacing = Partial<Record<ArcBreakpointSizes, SpacingSize>>;
+
+/**
+ * Use `Spacing` to apply responsive padding or margin to its children.
+ * Supports all axes (top, right, bottom, left) with breakpoint-specific values.
+ */
+declare const Spacing: React__default.FC<SpacingProps>;
+interface SpacingProps {
+    /**
+     * The content to apply spacing to
+     */
+    children: React__default.ReactNode;
+    /**
+     * Whether to apply padding or margin
+     */
+    type?: SpacingType;
+    /**
+     * Spacing for the top edge
+     */
+    top?: ResponsiveSpacing;
+    /**
+     * Spacing for the right edge
+     */
+    right?: ResponsiveSpacing;
+    /**
+     * Spacing for the bottom edge
+     */
+    bottom?: ResponsiveSpacing;
+    /**
+     * Spacing for the left edge
+     */
+    left?: ResponsiveSpacing;
+    /**
+     * Spacing for both left and right edges
+     */
+    x?: ResponsiveSpacing;
+    /**
+     * Spacing for both top and bottom edges
+     */
+    y?: ResponsiveSpacing;
+    /**
+     * Spacing for all edges
+     */
+    all?: ResponsiveSpacing;
+}
+
 /**
  * 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 +5128,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 +5181,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 +5218,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,8 +5238,12 @@ interface TabsProps {
     activationMode?: "automatic" | "manual";
 }
 
-declare const TabsItem: FC<TabsItemProps>;
+declare const TabsItem: ({ label, value, icon, iconActive, ref, onClick, onFocus, ...props }: TabsItemProps) => React__default.JSX.Element;
 interface TabsItemProps {
+    /**
+     * Ref to the underlying button element.
+     */
+    ref?: Ref<HTMLButtonElement>;
     /**
      * Label to display on the Tab
      */
@@ -4532,9 +5260,17 @@ interface TabsItemProps {
      * Determine what to display when `Tab` is active
      */
     iconActive?: string;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Focus handler
+     */
+    onFocus?: () => void;
 }
 
-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 +5290,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 +5313,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 +5348,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 +5387,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 +5470,72 @@ interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType
     maxHeight?: string;
 }
 
-declare const InputIcon: FC<InputIconProps>;
+/** Use `Tooltip` to display information related to an element when the element receives keyboard focus or the mouse hovers over it */
+declare const Tooltip: ({ children, side, sideOffset, align, alignContent, title, supportingCopy, icon, ariaLabel, maxWidth, delayDuration, open, onOpenChange, asChild, zIndex, ...props }: TooltipProps) => React__default.JSX.Element;
+interface TooltipProps {
+    /**
+     * Content to render within Tooltip
+     */
+    children?: React__default.ReactNode;
+    /**
+     * The preferred side of the anchor to render against when open
+     */
+    side?: "left" | "right" | "bottom" | "top";
+    /**
+     * The distance in pixels from the anchor
+     */
+    sideOffset?: 8 | 16 | 32;
+    /**
+     * The preferred alignment against the anchor. May change when collisions occur.
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * Alignment for content within the tooltip
+     */
+    alignContent?: "start" | "center" | "end";
+    /**
+     * Aria label for accessibility
+     */
+    ariaLabel?: string;
+    /**
+     * The main title text displayed within the tooltip.
+     */
+    title: string;
+    /**
+     * Additional supporting text displayed below the title, if provided.
+     */
+    supportingCopy?: string;
+    /**
+     * Icon displayed next to the tooltip title or content.
+     */
+    icon?: string;
+    /**
+     * Delay in milliseconds before the tooltip appears.
+     */
+    delayDuration?: number;
+    /**
+     * Maximum width for the tooltip container.
+     */
+    maxWidth?: string;
+    /**
+     * The controlled open state of the tooltip. Must be used in conjunction with `onOpenChange`.
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the open state of the tooltip changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Z-index for the `Tooltip`. Used to fine tune the overlapping of other page elements.
+     */
+    zIndex?: number;
+    /**
+     * Set to true if you want to use your own link or button for the trigger. If false it will wrap the children in a button.
+     */
+    asChild?: boolean;
+}
+
+declare const InputIcon: ({ isButton, isReadOnly, isDisabled, size, tooltip, themeIcon, icon, }: InputIconProps) => React__default.JSX.Element;
 interface InputIconProps {
     /**
      * Sets the Icon to be a Button.
@@ -4740,6 +5545,7 @@ interface InputIconProps {
         onFocus?: React__default.FocusEventHandler<HTMLButtonElement>;
         onClick: () => void;
         label: string;
+        onKeyDown?: (e: React__default.KeyboardEvent<HTMLButtonElement>) => void;
     };
     /**
      * Pass in TextInput isReadOnly state.
@@ -4770,7 +5576,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 +5595,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 +5622,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 +5639,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 +5678,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,8 +5695,9 @@ 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, text, minHeight, headingSize, linkData, pathway, buttonIcon, headingLevel, labelLevel, headingWordWrap, preserveAspectRatios, ...props }: TypographyCardProps) => React__default.JSX.Element;
 type TypographyCardPathway = "light" | "dark";
+type AspectRatios = "3-4" | "10-16";
 interface TypographyCardProps {
     /**
      * Heading for the TypographyCard.
@@ -4904,6 +5711,10 @@ interface TypographyCardProps {
      * Url for the TypographyCard.
      */
     url: string;
+    /**
+     * Text content for the TypographyCard. Use \n to create multiple paragraphs, up to 3 paragraphs.
+     */
+    text?: string;
     /**
      * Sets a dark or light background for the TypographyCard.
      */
@@ -4943,13 +5754,29 @@ interface TypographyCardProps {
      * Heading level for the TypographyCard label.
      */
     labelLevel?: HeadingLevel;
+    /**
+     * Whether long words in heading should be wrapped.
+     */
+    headingWordWrap?: boolean;
+    /**
+     * Preserve aspect ratio of the TypographyCard. Set minHeight depending on Card width. Overwrites minHeight prop value.
+     */
+    preserveAspectRatios?: {
+        xs?: AspectRatios;
+        s?: AspectRatios;
+        m?: AspectRatios;
+        l?: AspectRatios;
+        xl?: AspectRatios;
+        xxl?: AspectRatios;
+        xxxl?: AspectRatios;
+    };
 }
 
 /**
  * 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 +5806,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 +5843,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 +5881,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 +5925,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 +6040,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 +6049,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 +6071,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 +6092,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 +6126,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;
 }
 
@@ -5275,4 +6169,4 @@ interface NavigationHeaderPageProps {
  */
 declare const useMediaQuery: (mediaQuery: string) => boolean;
 
-export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps$1 as LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery, useProgressStepperOverflow };
+export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, type BreadcrumbsItemProps, BreadcrumbsLink, type BreadcrumbsLinkProps, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, type ContentSwitcherContentProps, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherListProps, type ContentSwitcherProps, ContentSwitcherTab, type ContentSwitcherTabProps, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, type DrawerContentProps, DrawerFooter, type DrawerFooterProps, DrawerHeader, type DrawerHeaderProps, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, type FilterControlsProps, FilterItem, type FilterItemProps, FilterItems, type FilterItemsProps, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridColProps, type GridProps, GridRow, type GridRowProps, type GridValue, Group, GroupItem, type GroupItemProps, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, type MenuContentProps, MenuFooter, type MenuFooterProps, MenuGroup, type MenuGroupProps, MenuGroupSingleSelect, type MenuGroupSingleSelectProps, MenuHeader, type MenuHeaderProps, MenuItem, MenuItemCheckbox, type MenuItemCheckboxProps, MenuItemContentTemplate, type MenuItemContentTemplateProps, MenuItemMultiLevel, MenuItemMultiLevelContent, type MenuItemMultiLevelContentProps, type MenuItemMultiLevelProps, MenuItemMultiLevelTrigger, type MenuItemMultiLevelTriggerProps, type MenuItemProps, MenuItemSingleSelect, type MenuItemSingleSelectProps, MenuLabel, type MenuLabelProps, MenuPortal, type MenuPortalProps, type MenuProps, MenuScrollable, type MenuScrollableProps, MenuSeparator, MenuTrigger, type MenuTriggerProps, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionBarProps, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderPageProps, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterImageProps, type PosterProps, PosterVideo, type PosterVideoProps, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupInputProps, type RadioCardGroupProps, RadioGroup, RadioGroupButton, type RadioGroupButtonProps, RadioGroupInput, type RadioGroupInputProps, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterItemGroupProps, type SiteFooterItemProps, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, type SiteFooterV2ItemGroupProps, type SiteFooterV2ItemProps, SiteFooterV2Main, type SiteFooterV2MainProps, type SiteFooterV2Props, SiteFooterV2Utility, type SiteFooterV2UtilityProps, SiteHeaderV2, SiteHeaderV2Column, type SiteHeaderV2ColumnProps, SiteHeaderV2Item, SiteHeaderV2ItemGroup, type SiteHeaderV2ItemGroupProps, type SiteHeaderV2ItemProps, SiteHeaderV2NavItem, type SiteHeaderV2NavItemProps, SiteHeaderV2NavItemWithSubNav, type SiteHeaderV2NavItemWithSubNavProps, SiteHeaderV2NodeItem, type SiteHeaderV2NodeItemProps, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, type SiteHeaderV2SubNavItemProps, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type SkipLinkItemProps, type SkipLinkProps, Spacing, type SpacingProps, type SpacingSize, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, type TabsContentProps, TabsItem, type TabsItemProps, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastNotificationProps, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderItemProps, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery, useProgressStepperOverflow };