@arc-ui/components 12.0.0 → 12.1.0

package/lib/index.d.cts

@@ -1,4 +1,5 @@
-import React, { FC, ReactNode, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } from 'react';
+import * as React from 'react';
+import React__default, { FC, ReactNode, HTMLAttributes, 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';
@@ -32,7 +33,7 @@ interface AlignProps {
 /**
  * Use `Link` to direct users to a new page or piece of information.
  */
-declare const Link: React.FC<LinkProps$1>;
+declare const Link: React__default.FC<LinkProps$1>;
 interface LinkProps$1 {
     /**
      * Id attribute for `Link`.
@@ -69,7 +70,7 @@ interface LinkProps$1 {
     /**
      * Click handler for `Link`.
      */
-    onClick?: (e: React.MouseEvent) => void;
+    onClick?: (e: React__default.MouseEvent) => void;
     /**
      * Target for `Link`.
      */
@@ -84,11 +85,11 @@ interface LinkProps$1 {
  * Use `SemanticHeading` to render accessible headings that preserve correct
  * document hierarchy.
  */
-declare const SemanticHeading: React.FC<SemanticHeadingProps>;
+declare const SemanticHeading: React__default.FC<SemanticHeadingProps>;
 type SemanticHeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
-interface SemanticHeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+interface SemanticHeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
     level?: SemanticHeadingLevel;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
@@ -147,7 +148,7 @@ type AlertStatus = "general" | "error" | "warning" | "success";
 /**
  * Use `AppButton` for a branded button that links users to download an app.
  */
-declare const AppButton: React.FC<AppButtonProps>;
+declare const AppButton: React__default.FC<AppButtonProps>;
 type AppButtonType = "google-play" | "apple-app-store";
 interface AppButtonProps {
     type: AppButtonType;
@@ -192,7 +193,7 @@ interface ImageSourceProps {
 declare const fitOptions: readonly ["cover"];
 declare const loadingOptions: readonly ["eager", "lazy"];
 declare const overlayOptions: readonly ["scrimBottomDark"];
-interface ImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+interface ImageProps extends React__default.ImgHTMLAttributes<HTMLImageElement> {
     /**
      * Alternative text for the Image, shown if the image cannot be displayed.
      */
@@ -260,13 +261,13 @@ type AvatarImage = Pick<ImageProps, "src" | "loading" | "sizes" | "srcSet" | "wi
 type AvatarSize = "s" | "m" | "l" | "xl";
 
 /** Use `Avatar` to visually represent a user. */
-declare const Avatar: React.FC<AvatarProps>;
+declare const Avatar: React__default.FC<AvatarProps>;
 interface AvatarProps {
     initials?: string;
     href?: string;
     title?: string;
     ariaLabel?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
     img?: AvatarImage;
     size?: AvatarSize;
 }
@@ -274,7 +275,7 @@ interface AvatarProps {
 type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick" | "ariaLabel">;
 
 /** Use `AvatarGroup` to visually represent a group of users. */
-declare const AvatarGroup: React.FC<AvatarGroupProps>;
+declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
 interface AvatarGroupProps {
     avatars: GroupAvatar[];
     size?: AvatarSize;
@@ -282,7 +283,7 @@ interface AvatarGroupProps {
     title?: string;
     ariaLabel?: string;
     href?: string;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 /** Use `Badge` as a static, non-interactive way to provide short updates. */
@@ -368,7 +369,7 @@ interface BannerImageProps extends Pick<ImageProps, "src" | "alt" | "loading" |
 }
 
 /** Use `TemplateBanner` as a base structure for banner components; other banner variants extend or consume this template. */
-declare const TemplateBanner: React.FC<TemplateBannerProps>;
+declare const TemplateBanner: React__default.FC<TemplateBannerProps>;
 type TemplateBannerStyle = "light" | "dark" | "contained";
 type TemplateBannerAlignment = "top" | "bottom" | "center";
 interface TemplateBannerImage extends BannerImageProps {
@@ -418,7 +419,7 @@ interface TemplateBannerProps {
     /**
      * Content for the TemplateBanner.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Heading level for the Banner heading.
      */
@@ -466,7 +467,7 @@ declare const Banner: FC<BannerProps>;
 type BannerProps = Omit<TemplateBannerProps, "headingSize" | "additionalTopMargin">;
 
 type SurfaceBackground = "light" | "dark";
-declare const Context$1: React.Context<{
+declare const Context$1: React__default.Context<{
     surface: SurfaceBackground;
 }>;
 /**
@@ -525,7 +526,7 @@ interface BoxProps {
     /**
      * Contents of the Box.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Set Box to fill parent element.
      */
@@ -631,7 +632,7 @@ interface LinkProps {
     /**
      * Ref to `<a>` tag
      */
-    ref?: React.Ref<HTMLAnchorElement>;
+    ref?: React__default.Ref<HTMLAnchorElement>;
     /**
      * React router property
      */
@@ -639,7 +640,7 @@ interface LinkProps {
 }
 
 type ElementUnion$2 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$2 = React.Ref<ElementUnion$2> | null;
+type Ref$2 = React__default.Ref<ElementUnion$2> | null;
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
  */
@@ -748,7 +749,7 @@ interface ButtonGroupProps {
      * Components to appear within the ButtonGroup
      * Can be Button, ButtonV2 only.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Size of the buttons in the ButtonGroup This will override the size prop for each individual button.
      */
@@ -776,7 +777,7 @@ interface ButtonGroupProps {
 }
 
 type ElementUnion$1 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$1 = React.Ref<ElementUnion$1> | null;
+type Ref$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.
  */
@@ -951,7 +952,7 @@ interface SlideConfig {
 
 type Responsive = Partial<Record<BreakPoints, SlideConfig>>;
 
-declare const Carousel: React.FC<CarouselProps>;
+declare const Carousel: React__default.FC<CarouselProps>;
 interface CarouselProps {
     /**
      * Adds a gap between the slides.
@@ -977,10 +978,47 @@ interface CarouselProps {
      * Configure the carousel options for different breakpoints.
      */
     responsive?: Responsive;
+    /**
+     * Autoplay configuration. Pass an empty object to use default options.
+     */
+    autoplay?: {
+        /**
+         * Time in milliseconds between auto scrolls.
+         */
+        delay?: number;
+        /**
+         * Start autoplay on initialization.
+         */
+        playOnInit?: boolean;
+        /**
+         * Stops autoplay on user interaction (click/tap).
+         */
+        stopOnInteraction?: boolean;
+        /**
+         * Stops autoplay when mouse enters carousel.
+         */
+        stopOnMouseEnter?: boolean;
+        /**
+         * Stops autoplay when carousel receives focus.
+         */
+        stopOnFocusIn?: boolean;
+        /**
+         * Stops autoplay when reaching the last slide.
+         */
+        stopOnLastSnap?: boolean;
+    };
+    /**
+     * Use isPlaying to control the state of autoplay
+     */
+    isPlaying?: boolean;
+    /**
+     * Enable fade transition between slides
+     */
+    fade?: boolean;
     /**
      * items for the carousel.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
@@ -1013,7 +1051,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Helper text for the Checkbox, shown below the label.
      */
-    helper?: React.ReactNode;
+    helper?: React__default.ReactNode;
     /**
      * Determine the alignment of the Checkbox.
      */
@@ -1033,7 +1071,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Label for the Checkbox.
      */
-    label: React.ReactNode;
+    label: React__default.ReactNode;
     /**
      * Use `hideLabel` to visually hide the `Checkbox` label. This still allows screen readers to have access to labels. This is set to `false` by default.
      */
@@ -1045,12 +1083,12 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
     /**
      * Function to call when the Checkbox loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
     /**
      * Callback function to update the Checkbox's controlled `checked` prop, for
      * example `e => setChecked(e.target.checked)`.
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Size of the Checkbox.
      */
@@ -1066,7 +1104,7 @@ interface CheckboxProps extends Omit<CheckedProps$1, "defaultChecked"> {
 }
 
 /** Use `CheckboxIcon` to display a visual checkbox indicator that reflects a checked, unchecked, or indeterminate state. */
-declare const CheckboxIcon: React.FC<CheckboxIconProps>;
+declare const CheckboxIcon: React__default.FC<CheckboxIconProps>;
 type CheckedProps = {
     /**
      * Is the input checked?
@@ -1109,12 +1147,12 @@ interface CheckboxIconProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Function to call when the Checkbox loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement>) => void;
     /**
      * Callback function to update the Checkbox's controlled `checked` prop, for
      * example `e => setChecked(e.target.checked)`.
      */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Size of the Checkbox.
      */
@@ -1206,7 +1244,7 @@ interface ColumnsProps extends ExtentableContainer {
 }
 
 type RequirementStatus = "required" | "optional" | "not-applicable";
-declare const Context: React.Context<{
+declare const Context: React__default.Context<{
     requirementStatus: RequirementStatus | null;
 }>;
 /**
@@ -1217,7 +1255,7 @@ interface FormControlProps {
     /**
      * Render the input or series of inputs
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * HTML Element type for the FormControl.
      * @default 'div'
@@ -1230,7 +1268,7 @@ interface FormControlProps {
     /**
      * Helper text for the FormControl, shown below the label.
      */
-    helper?: React.ReactNode;
+    helper?: React__default.ReactNode;
     /**
      * ID for the input that the FormControl points towards.
      */
@@ -1276,7 +1314,7 @@ interface FormControlProps {
     /**
      * Optional additional information for the FormControl.
      */
-    supplementaryInfo?: React.ReactNode;
+    supplementaryInfo?: React__default.ReactNode;
     /**
      * Position helper text under label. This is set to `false` by default.
      */
@@ -1292,15 +1330,15 @@ interface FormControlProps {
 }
 
 /** Use `ComboBox` to provide a searchable dropdown list that allows users to select from or filter through multiple options. */
-declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLInputElement>>;
+declare const ComboBox: React__default.ForwardRefExoticComponent<ComboBoxProps & React__default.RefAttributes<HTMLInputElement>>;
 interface ComboBoxProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition"> {
     listBoxAriaLabel: string;
     options: string[];
     name?: string;
     isRequired?: boolean;
     defaultValue?: string;
-    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
-    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
     isMultiSelectable?: boolean;
     isAutocomplete?: boolean;
     isReadOnly?: boolean;
@@ -1488,7 +1526,7 @@ interface TooltipProps {
     /**
      * Content to render within Tooltip
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -1547,11 +1585,11 @@ interface TooltipProps {
     asChild?: boolean;
 }
 
-type EventType$4 = React.ChangeEvent<HTMLInputElement>;
+type EventType$4 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow users to enter short form text.
  */
-declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React__default.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition" | "labelSize"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
@@ -1598,11 +1636,11 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Add a leadingSlot value within `TextInput`
      */
-    leadingSlot?: React.ReactNode;
+    leadingSlot?: React__default.ReactNode;
     /**
      * Add a trailingSlot value within `TextInput`. If `showPassword`, `clearIcon` or `isloading` is true, this value will not be displayed.
      */
-    trailingSlot?: React.ReactNode;
+    trailingSlot?: React__default.ReactNode;
     /**
      * Add a suffix value within `TextInput`.
      */
@@ -1626,11 +1664,11 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Function to call when the TextInput loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Function to call when the TextInput is focused.
      */
-    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Callback function commonly used to update the TextInput's controlled
      * `value`, for example `e => setValue(e.target.value)`.
@@ -1672,7 +1710,7 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * A reference to TextInput
      */
-    ref?: React.Ref<HTMLInputElement>;
+    ref?: React__default.Ref<HTMLInputElement>;
 }
 type TextInputProps = Omit<TextInputComponentProps, "placeholder">;
 type TextInputWithPlaceholderProps = TextInputComponentProps;
@@ -1680,7 +1718,7 @@ type TextInputWithPlaceholderProps = TextInputComponentProps;
 /**
  * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
  */
-declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const DatePicker: React__default.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 interface DatePickerRangeSelection$1 extends RangeSelection {
     formattedRange: string;
 }
@@ -1693,7 +1731,7 @@ interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultVa
     onRangeSelect?: (value: DatePickerRangeSelection$1) => void;
 }
 
-declare const DatePickerRange: React.FC<DatePickerRangeProps>;
+declare const DatePickerRange: React__default.FC<DatePickerRangeProps>;
 interface DatePickerRangeSelection extends RangeSelection {
     formattedStart: string;
     formattedEnd: string;
@@ -1793,7 +1831,7 @@ interface ThemeIconProps {
 type ThemeIconNames = (typeof iconNames)[number];
 
 /** Use `Download` to provide users with a file download action. */
-declare const Download: React.FC<DownloadProps>;
+declare const Download: React__default.FC<DownloadProps>;
 interface DownloadProps {
     /**
      * Name for `<Download />`
@@ -1833,7 +1871,7 @@ interface DownloadProps {
     onClick?: (e: MouseEvent$1<HTMLAnchorElement>) => void;
 }
 
-declare const Drawer: React.FC<DrawerProps>;
+declare const Drawer: React__default.FC<DrawerProps>;
 interface DrawerProps {
     /**
      * Show or hide page overlay.
@@ -1868,7 +1906,7 @@ interface DrawerProps {
     /**
      * Content to include with in the `Drawer` This should typically be `DrawerHeader`, `DrawerFooter` and `DrawerFooter`. This can also have custom content.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Set the position of the `Drawer`
      */
@@ -1895,14 +1933,14 @@ interface DrawerProps {
     /**
      * Envoke function when drag handle is clicked
      */
-    onDragHandleClick?: (e: React.MouseEvent) => void;
+    onDragHandleClick?: (e: React__default.MouseEvent) => void;
     /**
      * Describe the content of the Drawer
      */
     ariaDescription: string;
 }
 
-declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+declare const DrawerHeader: React__default.FC<DrawerHeaderProps>;
 interface DrawerHeaderProps extends Pick<HeadingProps, "isResponsive"> {
     /**
      * Title for the DrawerHeader
@@ -1914,24 +1952,24 @@ interface DrawerHeaderProps extends Pick<HeadingProps, "isResponsive"> {
     isFixed?: boolean;
 }
 
-declare const DrawerFooter: React.FC<DrawerFooterProps>;
+declare const DrawerFooter: React__default.FC<DrawerFooterProps>;
 interface DrawerFooterProps {
     /**
      * Content to display within the DrawerFooter. This will typically be ButtonGroup
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Determine if the `DrawerFooter` is fixed to the bottom of the `Drawer`
      */
     isFixed?: boolean;
 }
 
-declare const DrawerContent: React.FC<DrawerContentProps>;
+declare const DrawerContent: React__default.FC<DrawerContentProps>;
 interface DrawerContentProps {
     /**
      * Display content within the DrawerContent sectino
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * This property removes all arc styling and opens the Drawer to have fully custom content
      */
@@ -2051,7 +2089,7 @@ interface FilterControlProps {
 /**
  *  Use `GhostedHeroBanner` to grab attention and convey the main message or purpose of a webpage
  */
-declare const GhostedHeroBanner: React.FC<GhostedHeroBannerProps>;
+declare const GhostedHeroBanner: React__default.FC<GhostedHeroBannerProps>;
 type GhostedHeroBannerProps = Pick<TemplateBannerProps, "heading" | "img" | "children" | "label" | "text" | "headingLevel" | "fontStyle">;
 
 /**
@@ -2078,7 +2116,7 @@ type ScrimFadeSize = "l" | "m" | "s";
 /**
  * Use `GradientPageBackground` as a content wrapper blending multiple colours to add depth, mood or emphasise hero sections, footer sections, or mid-page section backgrounds.
  */
-declare const GradientPageBackground: React.FC<GradientPageBackgroundProps>;
+declare const GradientPageBackground: React__default.FC<GradientPageBackgroundProps>;
 interface GradientPageBackgroundProps {
     /**
      * Gradient for the component. You can import these directly from the @arc-ui/gradients package, or pass your own.
@@ -2107,7 +2145,7 @@ interface GradientPageBackgroundProps {
     /**
      * Content to be displayed on top of the gradient
      */
-    children: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Loading behaviour of the background gradient image.
      */
@@ -2117,7 +2155,7 @@ interface GradientPageBackgroundProps {
 /**
  * Use `Grid` to compose layouts on a 12-column grid. Aligns with sibling `Section` components.
  */
-declare const Grid: React.FC<GridProps>;
+declare const Grid: React__default.FC<GridProps>;
 interface GridProps extends ExtentableContainer {
     /**
      * `Grid` is set to 100% width if true.
@@ -2134,7 +2172,7 @@ interface GridProps extends ExtentableContainer {
     /**
      * Contents of the Grid Should only contain `GridRow`.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 declare const BREAKPOINTS: readonly ["xs", "s", "m", "l", "xl", "xxl", "xxxl"];
@@ -2148,20 +2186,20 @@ type Column = ColumnConfig<ColumnValue>;
 type Arrangement = ColumnConfig<GridValue>;
 type Alignment = ColumnConfig<AlignmentValue>;
 
-declare const GridCol: React.FC<GridColProps>;
+declare const GridCol: React__default.FC<GridColProps>;
 interface GridColProps extends Column {
     offset?: Arrangement;
     order?: Arrangement;
     align?: Alignment;
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
-declare const GridRow: React.FC<GridRowProps>;
+declare const GridRow: React__default.FC<GridRowProps>;
 interface GridRowProps {
     align?: AlignmentValue;
     direction?: "column" | "row" | "column-reverse" | "row-reverse";
     justify?: "start" | "center" | "end" | "between" | "around" | "normal";
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
@@ -2218,7 +2256,7 @@ interface HeroBannerProps extends Omit<TemplateBannerProps, "headingSize" | "ali
 }
 
 type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React.Ref<ElementUnion> | null;
+type Ref = React__default.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.
  */
@@ -2295,9 +2333,9 @@ interface BreakpointVisibility {
 }
 
 /** Use `Hidden` to hide it's children at specific breakpoints */
-declare const Hidden: React.FC<HiddenProps>;
+declare const Hidden: React__default.FC<HiddenProps>;
 interface HiddenProps extends BreakpointVisibility {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 type CardFooterIcon = "play" | "arrow";
@@ -2311,7 +2349,7 @@ interface CardFooterProps {
 }
 
 /** Use `HorizontalCard` to display card content in a horizontal layout. */
-declare const HorizontalCard: React.FC<HorizontalCardProps>;
+declare const HorizontalCard: React__default.FC<HorizontalCardProps>;
 interface HorizontalCardProps {
     /**
      * Heading for the HorizontalCard.
@@ -2344,7 +2382,7 @@ interface HorizontalCardProps {
     /**
      * Click handler for the HorizontalCard. Only applied when a url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
 }
 
 /**
@@ -2417,7 +2455,7 @@ interface ImpactCardProps {
     /**
      * Click handler for the ImpactCard.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Object of `data-` attributes to render on internal anchor element, e.g.
      * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
@@ -2476,7 +2514,7 @@ interface InformationCardProps {
     /**
      * Click handler for the InformationCard. Only applied when a card url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Footer logo for the InformationCard.
      */
@@ -2584,7 +2622,7 @@ interface MediaCardProps {
     /**
      * Click handler for the MediaCard. Only applied when a url is provided.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Heading level for the MediaCard label.
      */
@@ -2594,12 +2632,12 @@ interface MediaCardProps {
 /**
  * Use 'Menu' to display a list of selectable options, e.g. suggestions, presets or autocomplete results.
  */
-declare const Menu: React.FC<MenuProps>;
+declare const Menu: React__default.FC<MenuProps>;
 interface MenuProps {
     /**
      * The content of the menu
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Whether the menu is open by default
      */
@@ -2626,7 +2664,7 @@ interface MenuProps {
     defaultWidth?: string | number;
 }
 
-declare const MenuItemContentTemplate: React.FC<MenuItemContentTemplateProps>;
+declare const MenuItemContentTemplate: React__default.FC<MenuItemContentTemplateProps>;
 interface MenuItemContentTemplateProps {
     /**
      * Optional supporting text that appears below the label for additional context.
@@ -2650,7 +2688,7 @@ interface MenuItemContentTemplateProps {
     keyCommands?: string;
 }
 
-declare const MenuItemCheckbox: React.FC<MenuItemCheckboxProps>;
+declare const MenuItemCheckbox: React__default.FC<MenuItemCheckboxProps>;
 interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
     /**
      * Controls whether the checkbox is checked, unchecked.
@@ -2681,12 +2719,12 @@ interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supp
 /**
  * The component that pops out when the dropdown menu is open.
  */
-declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenuContent: React__default.ForwardRefExoticComponent<MenuContentProps & React__default.RefAttributes<HTMLDivElement>>;
 interface MenuContentProps {
     /**
      * The content inside the menu, typically `MenuItem`, `MenuGroup`, and other menu elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The width of the menu content. Can be any valid CSS width value. This is `fit-content` by default and needs to be set to `auto` to use other properties.
      */
@@ -2747,12 +2785,12 @@ interface MenuFooterProps extends MenuItemContentTemplateProps {
 /**
  * Groups related menu items together within a dropdown menu.
  */
-declare const MenuGroup: React.FC<MenuGroupProps>;
+declare const MenuGroup: React__default.FC<MenuGroupProps>;
 interface MenuGroupProps {
     /**
      *  Menu items grouped together within the menu.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
@@ -2781,7 +2819,7 @@ interface MenuHeaderProps extends MenuItemContentTemplateProps {
 /**
  * Renders a menu item, optionally as a link if `href` is provided.
  */
-declare const MenuItem: React.FC<MenuItemProps>;
+declare const MenuItem: React__default.FC<MenuItemProps>;
 interface MenuItemProps extends MenuItemContentTemplateProps {
     /**
      * Click event handler triggered when the menu item is selected.
@@ -2808,7 +2846,7 @@ interface MenuItemProps extends MenuItemContentTemplateProps {
 /**
  * Provides a label to group related menu items.
  */
-declare const MenuLabel: React.FC<MenuLabelProps>;
+declare const MenuLabel: React__default.FC<MenuLabelProps>;
 interface MenuLabelProps {
     /**
      *  The text content of the label, typically used to group related menu items.
@@ -2819,23 +2857,23 @@ interface MenuLabelProps {
 /**
  * When used, portals the content part into the body. By default it's arc's theme element
  */
-declare const MenuPortal: React.FC<MenuPortalProps>;
+declare const MenuPortal: React__default.FC<MenuPortalProps>;
 interface MenuPortalProps {
     /**
      * The content to be portalled.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * Groups menu items allowing single selection from multiple options.
  */
-declare const MenuGroupSingleSelect: React.FC<MenuGroupSingleSelectProps>;
+declare const MenuGroupSingleSelect: React__default.FC<MenuGroupSingleSelectProps>;
 interface MenuGroupSingleSelectProps {
     /**
      * The single select items inside the group.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The current selected value of the single select group.
      */
@@ -2849,7 +2887,7 @@ interface MenuGroupSingleSelectProps {
 /**
  * A selectable menu item used within a radio group.
  */
-declare const MenuItemSingleSelect: React.FC<MenuItemSingleSelectProps>;
+declare const MenuItemSingleSelect: React__default.FC<MenuItemSingleSelectProps>;
 interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
     /**
      * The value assigned to this radio item.
@@ -2872,39 +2910,39 @@ interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "
 /**
  * Scrollable container that adjusts height based on surrounding menu content.
  */
-declare const MenuScrollable: React.FC<MenuScrollableProps>;
+declare const MenuScrollable: React__default.FC<MenuScrollableProps>;
 interface MenuScrollableProps {
     /**
      * The content within the scrollable area, typically a list of `MenuItem` components or similar menu elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * Visual separator used to divide groups of menu items.
  */
-declare const MenuSeparator: React.FC;
+declare const MenuSeparator: React__default.FC;
 
 /**
  * Container for multi-level menu content within a dropdown menu.
  */
-declare const MenuItemMultiLevel: React.FC<MenuItemMultiLevelProps>;
+declare const MenuItemMultiLevel: React__default.FC<MenuItemMultiLevelProps>;
 interface MenuItemMultiLevelProps {
     /**
      *  The content inside the multi-level menu.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
  * The multi-level menu content that pops out when a menu item with children is hovered or clicked.
  */
-declare const MenuItemMultiLevelContent: React.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const MenuItemMultiLevelContent: React__default.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React__default.RefAttributes<HTMLDivElement>>;
 interface MenuItemMultiLevelContentProps {
     /**
      * The multi-level menu content, typically containing `Menu.Item` elements.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * The width of the multi-level menu content. Can be any valid CSS width value. This is `fit-content` by default and needs to be set to `auto` to use other properties.
      */
@@ -2938,15 +2976,15 @@ interface MenuItemMultiLevelContentProps {
 /**
  * Trigger element that opens a multi-level menu when selected.
  */
-declare const MenuItemMultiLevelTrigger: React.FC<InternalProps>;
+declare const MenuItemMultiLevelTrigger: React__default.FC<InternalProps>;
 interface InternalProps extends MenuItemMultiLevelTriggerProps {
-    pairedContent?: React.ReactNode;
+    pairedContent?: React__default.ReactNode;
 }
 interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
     /**
      * The trigger element for opening the multi-level menu.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Disables the sub-trigger, preventing interaction.
      */
@@ -2956,12 +2994,12 @@ interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommand
 /**
  * The element that toggles the menu.
  */
-declare const MenuTrigger: React.FC<MenuTriggerProps>;
+declare const MenuTrigger: React__default.FC<MenuTriggerProps>;
 interface MenuTriggerProps {
     /**
      * The element that triggers the menu when clicked or interacted with.
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Change the default rendered element for the one passed as a child, merging their props and behavior.
      */
@@ -3015,7 +3053,7 @@ interface ModalProps {
     /**
      * Custom content for `Modal`.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Removes all default padding from the children section of the modal.
      */
@@ -3090,7 +3128,7 @@ interface PaginationSimpleProps {
     /**
      * Function to call when page is changed. This is called with type and event
      */
-    onPageChange?: (e: React.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
+    onPageChange?: (e: React__default.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
 }
 
 /**
@@ -3101,7 +3139,7 @@ interface PopoverProps {
     /**
      * Content to render within Popover Trigger
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -3251,7 +3289,7 @@ interface PosterImageProps {
     /**
      * Contents of the PosterImage.
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
 }
 
 declare const PosterVideo: FC<PosterVideoProps>;
@@ -3327,7 +3365,7 @@ interface ProgressBarProps {
 }
 
 /** Use `ProgressStepper` to provide an overview of a series of steps in a digital journey. */
-declare const ProgressStepper: FC<ProgressStepperProps>;
+declare const ProgressStepper: React__default.ForwardRefExoticComponent<ProgressStepperProps & React__default.RefAttributes<HTMLOListElement>>;
 interface ProgressStepperProps {
     /**
      * Children of `<ProgressStepper  />` should only contain `<ProgressStepperItem />`
@@ -3350,13 +3388,13 @@ interface ProgressStepperProps {
      */
     invertLabelPosition?: boolean;
     /**
-     * <b>DEPRECATED</b>: This will be removed in a future release.
+     * Detach the active 'dot' indicator from the current status. Pass the index number of the step where the dot should appear.
      */
-    isExpandable?: boolean;
+    currentStep?: number;
     /**
-     * Optional property to provide component Ref
+     * <b>DEPRECATED</b>: This will be removed in a future release.
      */
-    ref?: React.Ref<HTMLDivElement>;
+    isExpandable?: boolean;
 }
 
 type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
@@ -3404,6 +3442,10 @@ interface ProgressStepperItemProps {
      * Determine the context `<ProgressStepperItem /> should be`
      */
     previousStep?: ProgressStatus;
+    /**
+     * Determine the `<ProgressStepperItem /> should have a active dot`
+     */
+    isViewing?: boolean;
     /**
      * DEPRECATED: Determine if `<ProgressStepperItem /> should have expandable content`
      */
@@ -3423,33 +3465,35 @@ interface ProgressStepperItemProps {
 }
 
 /** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
-declare const ProgressStepperOverflow: React.ForwardRefExoticComponent<Omit<ProgressStepperOverflowProps, "ref"> & React.RefAttributes<ProgressStepperOverflowRef>>;
+declare const ProgressStepperOverflow: React__default.ForwardRefExoticComponent<ProgressStepperOverflowProps & React__default.RefAttributes<HTMLOListElement>>;
 interface ProgressStepperOverflowProps extends Omit<ProgressStepperProps, "isFluid" | "isExpandable" | "direction"> {
     /**
      * Children of `<ProgressStepperOverflow  />` should only contain `<ProgressStepperItem />`
      */
-    children?: React.ReactNode;
-    /**
-     * onIndexChange handler for the ProgressStepperOverflow.
-     */
-    onIndexChange?: (index: number) => void;
-    /**
-     * Select the index of the step to scroll to on inital load.
-     */
-    onLoadStep?: number;
+    children?: React__default.ReactNode;
     /**
      * Add an offset to the start of the steps.
      */
     offsetLeft?: 0 | 8 | 12 | 16 | 24 | 32 | 40;
 }
-interface ProgressStepperOverflowRef {
-    handleStepScroll: (increment: number) => void;
-    scrollToStep: (step: number) => void;
-    handleViewScroll: (direction: boolean) => void;
-    isLastChildVisible: () => boolean;
+
+declare const useProgressStepperOverflow: ({ onLoadStep, increment, offsetLeft, }?: UseProgressStepperOverflowParams) => {
+    stepperRef: React.MutableRefObject<HTMLOListElement | null>;
+    onNextStep: () => void;
+    onPreviousStep: () => void;
+    onViewScroll: (direction: boolean) => void;
+    currentIndex: number;
+    scrollToStep: (index: number) => void;
+    isFirstStepVisible: boolean;
+    isLastStepVisible: boolean;
+};
+interface UseProgressStepperOverflowParams {
+    increment?: number;
+    onLoadStep?: number;
+    offsetLeft?: 0 | 8 | 12 | 16 | 24 | 32 | 40;
 }
 
-type EventType$3 = React.ChangeEvent<HTMLInputElement>;
+type EventType$3 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
  */
@@ -3458,7 +3502,7 @@ interface RadioCardGroupProps extends Omit<FormControlProps, "children" | "eleme
     /**
      * Contents of the `RadioCardGroup`. Should only contain `RadioCardGroupCard`
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Value of the `RadioCard` that should be checked by default.
      */
@@ -3586,7 +3630,7 @@ interface RadioCardProps {
 /**
  * Radio Card component.
  */
-declare const RadioCardGroupInput: React.ForwardRefExoticComponent<RadioCardGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioCardGroupInput: React__default.ForwardRefExoticComponent<RadioCardGroupInputProps & React__default.RefAttributes<HTMLInputElement>>;
 interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
     /**
      * Determine the alignment the RadioButton.
@@ -3619,7 +3663,7 @@ interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
     value: string;
 }
 
-type EventType$1 = React.ChangeEvent<HTMLInputElement>;
+type EventType$1 = React__default.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
@@ -3628,7 +3672,7 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
     /**
      * Contents of the RadioGroup Should only contain `RadioGroupInput`
      */
-    children?: React.ReactNode;
+    children?: React__default.ReactNode;
     /**
      * Value of the RadioButton that should be checked by default.
      */
@@ -3686,7 +3730,7 @@ type ContextProps = {
     size: "s" | "l";
 };
 
-declare const RadioGroupButton: React.ForwardRefExoticComponent<RadioGroupButtonProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupButton: React__default.ForwardRefExoticComponent<RadioGroupButtonProps & React__default.RefAttributes<HTMLInputElement>>;
 interface RadioGroupButtonProps {
     id: string;
     label: string;
@@ -3709,7 +3753,7 @@ interface RadioGroupButtonProps {
 /**
  * Radio Button component.
  */
-declare const RadioGroupInput: React.ForwardRefExoticComponent<RadioGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupInput: React__default.ForwardRefExoticComponent<RadioGroupInputProps & React__default.RefAttributes<HTMLInputElement>>;
 interface RadioGroupInputProps {
     /**
      * Determine the alignment the RadioButton.
@@ -3807,7 +3851,7 @@ interface SectionProps extends ExtentableContainer {
 }
 
 /** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React.FC<SelectProps>;
+declare const Select: React__default.FC<SelectProps>;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelSize" | "labelPosition"> {
     /**
      * Name for the Select.
@@ -3851,11 +3895,11 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * onBlur handler for the Select.
      */
-    onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onFocus handler for the Select.
      */
-    onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onOpenChange handler for the Select.
      */
@@ -4340,7 +4384,7 @@ interface SkipLinkItemProps {
     /**
      * Click handler for the skip link.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 /**
@@ -4607,7 +4651,7 @@ interface TextProps {
 }
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "labelPosition"> {
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
@@ -4653,16 +4697,16 @@ interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType
     /**
      * Function to call when the TextArea loses focus.
      */
-    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React__default.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Function to call when the TextArea is focused.
      */
-    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React__default.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Callback function commonly used to update the TextArea's controlled
      * `value`, for example `e => setValue(e.target.value)`.
      */
-    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
     /**
      * Current value of the TextArea. Must be controlled via an
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
@@ -4692,8 +4736,8 @@ interface InputIconProps {
      * Sets the Icon to be a Button.
      */
     isButton?: {
-        ref?: React.Ref<HTMLButtonElement>;
-        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+        ref?: React__default.Ref<HTMLButtonElement>;
+        onFocus?: React__default.FocusEventHandler<HTMLButtonElement>;
         onClick: () => void;
         label: string;
     };
@@ -4745,7 +4789,7 @@ interface ThemeProps {
 }
 
 /** Use `ThumbnailSignpost` to highlight key information or navigation points with an accompanying thumbnail image or icon. */
-declare const ThumbnailSignpost: React.FC<ThumbnailSignpostProps>;
+declare const ThumbnailSignpost: React__default.FC<ThumbnailSignpostProps>;
 interface ThumbnailSignpostProps {
     /**
      * Title for the ThumbnailSignpost.
@@ -4777,7 +4821,7 @@ interface ToastProps {
     /**
      * Content to display within `Toast`
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
     /**
      * Colour scheme for `Toast` - Use 'default' in almost all cases.
      */
@@ -4879,7 +4923,7 @@ interface TypographyCardProps {
     /**
      * Click handler for the TypographyCard.
      */
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Text to show adjacent to the cta, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
      */
@@ -4972,7 +5016,7 @@ interface VerticalSpaceProps {
 /**
  * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
  */
-declare const VideoPlayer: React.FC<VideoPlayerProps>;
+declare const VideoPlayer: React__default.FC<VideoPlayerProps>;
 interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" | "onStart" | "onPause" | "onEnded" | "onError" | "light"> {
     url: string;
     title: string;
@@ -4996,9 +5040,9 @@ interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" |
 }
 
 /** Use `Visible` to show it's children at specific breakpoints */
-declare const Visible: React.FC<VisibleProps>;
+declare const Visible: React__default.FC<VisibleProps>;
 interface VisibleProps extends BreakpointVisibility {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 /**
@@ -5029,7 +5073,7 @@ interface NavigationHeaderContainerProps extends ExtentableContainer {
     /**
      * content for the navbar
      */
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
 type Brand = "btWholesale" | "btGlobalFabric" | "ee" | "bt";
@@ -5037,15 +5081,15 @@ interface NavigationHeaderLogoProps {
     ariaLabel?: string;
     brand?: Brand;
     href?: string;
-    svg?: React.ReactNode;
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    svg?: React__default.ReactNode;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 interface NavigationHeaderNavLinkProps {
     text: string;
     href: string;
     borderRadiusSize?: "s" | "m";
-    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 type CustomBreakpoint = keyof typeof ArcBreakpoints | number;
@@ -5092,7 +5136,7 @@ interface NavigationHeaderInlineActionProps {
     /**
      * Click handlers for the action.
      */
-    onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLElement, MouseEvent>) => void;
 }
 
 type BurgerMenuPathway = "invert" | "match";
@@ -5117,7 +5161,7 @@ type ConfigurableHeaderVisibility = Partial<Record<Exclude<ArcBreakpointSizes, "
 /**
  *  Use `NavigationHeader` as a Top-level UI element that displays branding, page titles, and primary navigation actions.
  */
-declare const NavigationHeader: React.FC<NavigationHeaderProps>;
+declare const NavigationHeader: React__default.FC<NavigationHeaderProps>;
 interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "children" | "background">, Omit<NavigationHeaderNavListProps, "navItems">, ExtentableContainer {
     /**
      * set the background color of the navbar.
@@ -5126,15 +5170,15 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Open content slot on the left of the nav bar.
      */
-    leftSlot?: React.ReactNode;
+    leftSlot?: React__default.ReactNode;
     /**
      * Open content slot on the middle of the nav bar, after the nav items.
      */
-    middleSlot?: React.ReactNode;
+    middleSlot?: React__default.ReactNode;
     /**
      * Open content slot on the right of the nav bar.
      */
-    rightSlot?: React.ReactNode;
+    rightSlot?: React__default.ReactNode;
     /**
      * Configuration for the logo. Logo Defaults to BT. Alternatively you can select one of the brands via the `brand` field, or supply your own svg via the `svg` field.
      * When supplying your own svg the root element must be an `svg` element that is implemented as follows: it has a `viewBox` attribute, no `height`, `width` or `preserveAspectRatio` attributes. It will also need
@@ -5148,11 +5192,11 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     /**
      * Additional content for the burger menu that sits below all the other content.
      */
-    burgerMenuFooter?: React.ReactNode;
+    burgerMenuFooter?: React__default.ReactNode;
     /**
      * Additional content for the burger menu that sits between the logo and the nav items.
      */
-    burgerMenuHeader?: React.ReactNode;
+    burgerMenuHeader?: React__default.ReactNode;
     /**
      * Sets the color pathway for the burger menu, by default it inverts the pathway the header is using for contrast.
      */
@@ -5172,7 +5216,7 @@ interface NavigationHeaderProps extends Omit<NavigationHeaderContainerProps, "ch
     onOpenChange?: (isOpen: boolean) => void;
 }
 
-declare const NavigationHeaderAction: React.FC<NavigationHeaderActionProps>;
+declare const NavigationHeaderAction: React__default.FC<NavigationHeaderActionProps>;
 interface NavigationHeaderActionProps {
     /**
      * Icon url for the action.
@@ -5197,15 +5241,15 @@ interface NavigationHeaderActionProps {
     /**
      * Click handlers for the action.
      */
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 }
 
-declare const NavigationHeaderActionBar: React.FC<NavigationHeaderActionBarProps>;
+declare const NavigationHeaderActionBar: React__default.FC<NavigationHeaderActionBarProps>;
 interface NavigationHeaderActionBarProps {
-    children: React.ReactNode;
+    children: React__default.ReactNode;
 }
 
-declare const NavigationHeaderPage: React.FC<NavigationHeaderPageProps>;
+declare const NavigationHeaderPage: React__default.FC<NavigationHeaderPageProps>;
 interface NavigationHeaderPageProps {
     icon?: string;
     page?: string;
@@ -5231,4 +5275,4 @@ interface NavigationHeaderPageProps {
  */
 declare const useMediaQuery: (mediaQuery: string) => boolean;
 
-export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps$1 as LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowRef, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery };
+export { Alert, type AlertProps, Align, type AlignProps, type AlignmentValue, AppButton, type AppButtonProps, type RangeSelection as ArcCalendarRangeSelection, type SelectionType as ArcCalendarSelectionType, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerProps, Box, type BoxProps, type Brand, BrandLogo, colors$1 as BrandLogoColors, type BrandLogoProps, Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, ButtonV2, type ButtonV2Props, Calendar, type CalendarProps, Carousel, type CarouselProps, Checkbox, CheckboxIcon, type CheckboxIconProps, type CheckboxProps, type ColumnValue, Columns, ColumnsCol, type ColumnsColProps, type ColumnsProps, ComboBox, type ComboBoxProps, ContentSwitcher, ContentSwitcherContent, ContentSwitcherDropdown, ContentSwitcherDropdownContent, type ContentSwitcherDropdownProps, ContentSwitcherList, type ContentSwitcherProps, ContentSwitcherTab, DATE_FORMAT, DatePicker, type DatePickerProps, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, type FilterControlProps, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientPageBackground, type GradientPageBackgroundProps, Grid, GridCol, type GridProps, GridRow, type GridValue, Group, GroupItem, type GroupProps, Heading, type HeadingLevel, type HeadingProps, HeroBanner, type HeroBannerProps, HeroButton, type HeroButtonProps, Hidden, type HiddenProps, HorizontalCard, type HorizontalCardProps, Icon, type IconColor, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, InputIcon, type InputIconProps, Link, type LinkProps$1 as LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuContent, MenuFooter, MenuGroup, MenuGroupSingleSelect, MenuHeader, MenuItem, MenuItemCheckbox, MenuItemContentTemplate, MenuItemMultiLevel, MenuItemMultiLevelContent, MenuItemMultiLevelTrigger, MenuItemSingleSelect, MenuLabel, MenuPortal, type MenuProps, MenuScrollable, MenuSeparator, MenuTrigger, Modal, type ModalProps, NavigationHeader, NavigationHeaderAction, NavigationHeaderActionBar, type NavigationHeaderActionProps, type NavigationHeaderNavigationItem, NavigationHeaderPage, type NavigationHeaderProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, ProgressStepperOverflow, type ProgressStepperOverflowProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, SemanticHeading, type SemanticHeadingLevel, type SemanticHeadingProps, SiteFooter, SiteFooterItem, SiteFooterItemGroup, type SiteFooterProps, SiteFooterV2, SiteFooterV2Item, SiteFooterV2ItemGroup, SiteFooterV2Main, SiteFooterV2Utility, SiteHeaderV2, SiteHeaderV2Column, SiteHeaderV2Item, SiteHeaderV2ItemGroup, SiteHeaderV2NavItem, SiteHeaderV2NavItemWithSubNav, SiteHeaderV2NodeItem, type SiteHeaderV2Props, SiteHeaderV2SubNavItem, SiteHeaderV2VerticalDivider, Skeleton, type SkeletonProps, SkipLink, SkipLinkItem, type Span, Spinner, type SpinnerProps, Surface, type SurfaceBackground, type SurfaceBackgroundColor, Context$1 as SurfaceContext, type SurfacePadding, type SurfaceProps, Switch, type SwitchProps, TabbedBanner, type TabbedBannerProps, Tabs, TabsContent, TabsItem, TabsList, type TabsListProps, type TabsProps, Tag, type TagProps, TemplateBanner, type TemplateBannerProps, Text, TextArea, type TextAreaProps, TextInput, type TextInputProps, type TextProps, Theme, ThemeIcon, type ThemeIconNames, type ThemeIconProps, type ThemeProps, type ThemeType, ThumbnailSignpost, type ThumbnailSignpostProps, Toast, ToastNotification, type ToastProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, TypographyCard, type TypographyCardProps, UniversalHeader, UniversalHeaderItem, type UniversalHeaderProps, VerticalSpace, type VerticalSpaceProps, VideoPlayer, type VideoPlayerProps, Visible, type VisibleProps, VisuallyHidden, type VisuallyHiddenProps, backgrounds, backgroundsBT, isDateValid, isRangeValid, loadingOptions, parseDateString, parseRangeString, themes, useMediaQuery, useProgressStepperOverflow };