@arc-ui/components 12.0.0-beta.16 → 12.0.0-beta.18

package/lib/index.d.mts

@@ -1,14 +1,8 @@
-import React$1, { FC, ReactNode, SVGProps, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } from 'react';
+import React, { FC, ReactNode, HTMLAttributes, MouseEvent as MouseEvent$1, ChangeEvent, ReactElement } from 'react';
 import { ImageProps as ImageProps$1 } from 'src/components/Image/Image';
 import { VideoPlayerProps as VideoPlayerProps$1 } from 'src/components/VideoPlayer';
 import { SwitchProps as SwitchProps$1 } from '@radix-ui/react-switch';
-import { ArcIcon as ArcIcon$1 } from 'src/types/arc-icon';
 import { ReactPlayerProps } from 'react-player';
-import { ArcIconSocialLinkedin } from '@arc-ui/icons/ArcIconSocialLinkedin';
-import { ArcIconSocialYouTube } from '@arc-ui/icons/ArcIconSocialYouTube';
-import { ArcIconSocialX } from '@arc-ui/icons/ArcIconSocialX';
-import { ArcIconSocialInstagram } from '@arc-ui/icons/ArcIconSocialInstagram';
-import { ArcIconSocialFacebook } from '@arc-ui/icons/ArcIconSocialFacebook';
 
 /**
  * Use `Align` to align items horizontally or vertically.
@@ -34,8 +28,6 @@ interface AlignProps {
     vertical?: "top" | "center" | "bottom";
 }
 
-type ArcIcon = React.FC<SVGProps<SVGSVGElement>>;
-
 /** Use `Alert` to inform the user of important changes or actions. */
 declare const Alert: FC<AlertProps>;
 interface AlertProps {
@@ -58,7 +50,7 @@ interface AlertProps {
     /**
      * Determine a icon to display within `<Alert />`. This overrides the default icons.
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * Determine the type of alert
      */
@@ -83,7 +75,7 @@ interface AlertProps {
 }
 type AlertStatus = "general" | "error" | "warning" | "success";
 
-declare const AppButton: React$1.FC<AppButtonProps>;
+declare const AppButton: React.FC<AppButtonProps>;
 type AppButtonType = "google-play" | "apple-app-store";
 interface AppButtonProps {
     type: AppButtonType;
@@ -192,13 +184,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$1.FC<AvatarProps>;
+declare const Avatar: React.FC<AvatarProps>;
 interface AvatarProps {
     initials?: string;
     href?: string;
     title?: string;
     ariaLabel?: string;
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
     img?: AvatarImage;
     size?: AvatarSize;
 }
@@ -206,7 +198,7 @@ interface AvatarProps {
 type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick">;
 
 /** Use `AvatarGroup` to visually represent a group of users. */
-declare const AvatarGroup: React$1.FC<AvatarGroupProps>;
+declare const AvatarGroup: React.FC<AvatarGroupProps>;
 interface AvatarGroupProps {
     avatars: GroupAvatar[];
     size?: AvatarSize;
@@ -214,7 +206,7 @@ interface AvatarGroupProps {
     title?: string;
     ariaLabel?: string;
     href?: string;
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 
 /** Use `Badge` as a static, non-interactive way to provide short updates. */
@@ -291,10 +283,11 @@ interface HeadingProps {
 }
 
 interface BannerImageProps extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad" | "fit"> {
+    ariaHidden?: boolean;
     sources?: Pick<ImageSourceProps, "media" | "sizes" | "srcSet">[];
 }
 
-declare const TemplateBanner: React$1.FC<TemplateBannerProps>;
+declare const TemplateBanner: React.FC<TemplateBannerProps>;
 type TemplateBannerStyle = "light" | "dark" | "contained";
 type TemplateBannerAlignment = "top" | "bottom" | "center";
 interface TemplateBannerImage extends BannerImageProps {
@@ -329,7 +322,7 @@ interface TemplateBannerProps {
     /**
      * Content for the TemplateBanner.
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * Heading level for the ImpactCard heading.
      */
@@ -364,7 +357,7 @@ declare const Banner: FC<BannerProps>;
 type BannerProps = Omit<TemplateBannerProps, "headingSize" | "additionalTopMargin">;
 
 type SurfaceBackground = "light" | "dark";
-declare const Context$1: React$1.Context<{
+declare const Context$1: React.Context<{
     surface: SurfaceBackground;
 }>;
 /**
@@ -423,7 +416,7 @@ interface BoxProps {
     /**
      * Contents of the Box.
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * Set Box to fill parent element.
      */
@@ -529,7 +522,7 @@ interface LinkProps$1 {
     /**
      * Ref to `<a>` tag
      */
-    ref?: React$1.Ref<HTMLAnchorElement>;
+    ref?: React.Ref<HTMLAnchorElement>;
     /**
      * React router property
      */
@@ -537,7 +530,7 @@ interface LinkProps$1 {
 }
 
 type ElementUnion$2 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$2 = React$1.Ref<ElementUnion$2> | null;
+type Ref$2 = React.Ref<ElementUnion$2> | null;
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.
  */
@@ -581,7 +574,7 @@ interface ButtonProps extends ButtonElementProps, LinkElementProps$2 {
     /**
      * Button icon variant.
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * How should a Button icon be displayed?
      */
@@ -642,7 +635,7 @@ interface ButtonGroupProps {
      * Components to appear within the ButtonGroup
      * Can be Button, ButtonV2 only.
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * Size of the buttons in the ButtonGroup This will override the size prop for each individual button.
      */
@@ -670,7 +663,7 @@ interface ButtonGroupProps {
 }
 
 type ElementUnion$1 = HTMLButtonElement | HTMLAnchorElement;
-type Ref$1 = React$1.Ref<ElementUnion$1> | null;
+type Ref$1 = React.Ref<ElementUnion$1> | null;
 declare const ButtonV2: FC<ButtonV2Props>;
 interface LinkElementProps$1 {
     /**
@@ -698,6 +691,7 @@ interface ButtonV2ElementProps {
      */
     form?: string;
 }
+type ButtonStyle = "primary" | "secondary" | "tertiary" | "warning" | "compact";
 interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
     /**
      * Label for `ButtonV2`
@@ -706,11 +700,11 @@ interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
     /**
      * Determine the buttonStyle for `ButtonV2`. Default style is `primary`
      */
-    buttonStyle?: "primary" | "secondary" | "tertiary" | "warning" | "compact";
+    buttonStyle?: ButtonStyle;
     /**
      * Render icon within `ButtonV2`
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * Determine the style position for the icon. Default is `afterText`
      */
@@ -756,6 +750,10 @@ interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps$1 {
      * Defines the ID of the element controlled by the button.
      */
     ariaControls?: string;
+    /**
+     * Render `ButtonV2` as a span
+     */
+    isSpan?: boolean;
 }
 
 interface RangeSelection {
@@ -832,7 +830,7 @@ interface SlideConfig {
 
 type Responsive = Partial<Record<BreakPoints, SlideConfig>>;
 
-declare const Carousel: React$1.FC<CarouselProps>;
+declare const Carousel: React.FC<CarouselProps>;
 interface CarouselProps {
     /**
      * Adds a gap between the slides.
@@ -861,7 +859,7 @@ interface CarouselProps {
     /**
      * items for the carousel.
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
 /**
@@ -890,7 +888,7 @@ interface CheckboxProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Helper text for the Checkbox, shown below the label.
      */
-    helper?: React$1.ReactNode;
+    helper?: React.ReactNode;
     /**
      * Determine the alignment of the Checkbox.
      */
@@ -910,7 +908,7 @@ interface CheckboxProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Label for the Checkbox.
      */
-    label: React$1.ReactNode;
+    label: React.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.
      */
@@ -922,12 +920,12 @@ interface CheckboxProps extends Omit<CheckedProps, "defaultChecked"> {
     /**
      * Function to call when the Checkbox loses focus.
      */
-    onBlur?: (e: React$1.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     /**
      * Callback function to update the Checkbox's controlled `checked` prop, for
      * example `e => setChecked(e.target.checked)`.
      */
-    onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * Size of the Checkbox.
      */
@@ -938,8 +936,88 @@ interface CheckboxProps extends Omit<CheckedProps, "defaultChecked"> {
     value?: string;
 }
 
+interface ExtentableContainer {
+    /**
+     * Allows the component to use extended grid values when set to true.
+     */
+    isExtended?: boolean;
+}
+
+/**
+ * Use `Columns` to compose layouts on a 12-column grid.
+ */
+declare const Columns: FC<ColumnsProps>;
+declare const ColumnsCol: FC<ColumnsColProps>;
+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 {
+    /**
+     * Vertically align the Column.
+     */
+    align?: "top" | "center" | "bottom";
+    /**
+     * Content to display in the Column.
+     */
+    children?: ReactNode;
+    /**
+     * Should the Column be visible for debugging and documentation
+     * purposes?
+     */
+    isDebugVisible?: boolean;
+    /**
+     * Overlay the column over the previous content on the default breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
+     */
+    offset?: Offset;
+    /**
+     * Overlay the column over the previous content on the S breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
+     */
+    offsetS?: Offset;
+    /**
+     * Overlay the column over the previous content on the M breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
+     */
+    offsetM?: Offset;
+    /**
+     * Overlay the column over the previous content on the L breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
+     */
+    offsetL?: Offset;
+    /**
+     * Overlay the column over the previous content on the XL breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
+     */
+    offsetXL?: Offset;
+    /**
+     * The number of columns to span on the default breakpoint and above, from 1 to 12.
+     */
+    span?: Span;
+    /**
+     * The number of columns to span on the S breakpoint and above, from 1 to 12.
+     */
+    spanS?: Span;
+    /**
+     * The number of columns to span on the M breakpoint and above, from 1 to 12.
+     */
+    spanM?: Span;
+    /**
+     * The number of columns to span on the L breakpoint and above, from 1 to 12.
+     */
+    spanL?: Span;
+    /**
+     * The number of columns to span on the XL breakpoint and above, from 1 to 12.
+     */
+    spanXL?: Span;
+}
+interface ColumnsProps extends ExtentableContainer {
+    /**
+     * Contents of the Columns Should only contain `ColumnsCol`.
+     */
+    children: ReactNode;
+    /**
+     * Should the Columns be gutterless?
+     */
+    isGutterless?: boolean;
+}
+
 type RequirementStatus = "required" | "optional" | "not-applicable";
-declare const Context: React$1.Context<{
+declare const Context: React.Context<{
     requirementStatus: RequirementStatus | null;
 }>;
 /**
@@ -950,7 +1028,7 @@ interface FormControlProps {
     /**
      * Render the input or series of inputs
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * HTML Element type for the FormControl.
      * @default 'div'
@@ -963,7 +1041,7 @@ interface FormControlProps {
     /**
      * Helper text for the FormControl, shown below the label.
      */
-    helper?: React$1.ReactNode;
+    helper?: React.ReactNode;
     /**
      * ID for the input that the FormControl points towards.
      */
@@ -1009,7 +1087,7 @@ interface FormControlProps {
     /**
      * Optional additional information for the FormControl.
      */
-    supplementaryInfo?: React$1.ReactNode;
+    supplementaryInfo?: React.ReactNode;
     /**
      * Position helper text under label. This is set to `false` by default.
      */
@@ -1020,101 +1098,21 @@ interface FormControlProps {
     hideLabel?: boolean;
 }
 
-declare const ComboBox: React$1.ForwardRefExoticComponent<ComboBoxProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const ComboBox: React.ForwardRefExoticComponent<ComboBoxProps & React.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$1.FocusEvent<HTMLInputElement, Element>) => void;
-    onFocus?: (e: React$1.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     isMultiSelectable?: boolean;
     isAutocomplete?: boolean;
     isReadOnly?: boolean;
     isFluid?: boolean;
 }
 
-interface ExtentableContainer {
-    /**
-     * Allows the component to use extended grid values when set to true.
-     */
-    isExtended?: boolean;
-}
-
-/**
- * Use `Columns` to compose layouts on a 12-column grid.
- */
-declare const Columns: FC<ColumnsProps>;
-declare const ColumnsCol: FC<ColumnsColProps>;
-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 {
-    /**
-     * Vertically align the Column.
-     */
-    align?: "top" | "center" | "bottom";
-    /**
-     * Content to display in the Column.
-     */
-    children?: ReactNode;
-    /**
-     * Should the Column be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Overlay the column over the previous content on the default breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offset?: Offset;
-    /**
-     * Overlay the column over the previous content on the S breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetS?: Offset;
-    /**
-     * Overlay the column over the previous content on the M breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetM?: Offset;
-    /**
-     * Overlay the column over the previous content on the L breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetL?: Offset;
-    /**
-     * Overlay the column over the previous content on the XL breakpoint and above. Multiples of 24 up to 384. Use with caution, and ensure to check responsive behaviour.
-     */
-    offsetXL?: Offset;
-    /**
-     * The number of columns to span on the default breakpoint and above, from 1 to 12.
-     */
-    span?: Span;
-    /**
-     * The number of columns to span on the S breakpoint and above, from 1 to 12.
-     */
-    spanS?: Span;
-    /**
-     * The number of columns to span on the M breakpoint and above, from 1 to 12.
-     */
-    spanM?: Span;
-    /**
-     * The number of columns to span on the L breakpoint and above, from 1 to 12.
-     */
-    spanL?: Span;
-    /**
-     * The number of columns to span on the XL breakpoint and above, from 1 to 12.
-     */
-    spanXL?: Span;
-}
-interface ColumnsProps extends ExtentableContainer {
-    /**
-     * Contents of the Columns Should only contain `ColumnsCol`.
-     */
-    children: ReactNode;
-    /**
-     * Should the Columns be gutterless?
-     */
-    isGutterless?: boolean;
-}
-
 /** Use `ContentSwitcher` to allow users to navigate between different sections of relevant content. */
 declare const ContentSwitcher: FC<ContentSwitcherProps>;
 interface ContentSwitcherProps {
@@ -1294,11 +1292,11 @@ interface ThemeIconProps {
 }
 type ThemeIconNames = (typeof iconNames)[number];
 
-type EventType$4 = React$1.ChangeEvent<HTMLInputElement>;
+type EventType$4 = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow users to enter short form text.
  */
-declare const TextInput: React$1.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 interface TextInputComponentProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo" | "labelPosition"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
@@ -1342,11 +1340,11 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * Function to call when the TextInput loses focus.
      */
-    onBlur?: (e: React$1.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Function to call when the TextInput is focused.
      */
-    onFocus?: (e: React$1.FocusEvent<HTMLInputElement, Element>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Callback function commonly used to update the TextInput's controlled
      * `value`, for example `e => setValue(e.target.value)`.
@@ -1392,8 +1390,8 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
      * Icon button to show at the end of the input
      */
     iconButton?: {
-        ref?: React$1.Ref<HTMLButtonElement>;
-        onFocus?: React$1.FocusEventHandler<HTMLButtonElement>;
+        ref?: React.Ref<HTMLButtonElement>;
+        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
         onClick: () => void;
         label: string;
         icon: ThemeIconNames;
@@ -1409,7 +1407,7 @@ interface TextInputComponentProps extends Omit<FormControlProps, "children" | "e
     /**
      * A reference to TextInput
      */
-    ref?: React$1.Ref<HTMLInputElement>;
+    ref?: React.Ref<HTMLInputElement>;
     /**
      * Indicates whether the TextInput is in a loading state
      */
@@ -1421,7 +1419,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$1.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 interface DatePickerRangeSelection extends RangeSelection {
     formattedRange: string;
 }
@@ -1497,84 +1495,84 @@ interface DisclosureMiniProps {
     size?: "s" | "l";
 }
 
-declare const Drawer: React$1.FC<DrawerProps>;
-interface DrawerProps {
+declare const Download: React.FC<DownloadProps>;
+interface DownloadProps {
     /**
-     * Title for the drawer. This will be announced by screen readers when the drawer opens.
+     * Name for `<Download />`
      */
-    title: string;
+    name: string;
     /**
-     * The position on the screen the drawer should render.
+     * File type for `<Download />`
      */
-    position?: "top" | "right" | "bottom" | "left";
+    type: string;
     /**
-     * Show or hide page overlay.
+     * File url for `<Download />`
      */
-    isOverlayVisible?: boolean;
+    href?: string;
     /**
-     * Footer content for the drawer.
+     * If true, the spacing will be reduced resulting in a tighter look and feel.
      */
-    footer?: React$1.ReactNode;
+    isCompact?: boolean;
     /**
-     * Function to be called when the Drawer has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the Drawer to false.
+     * If false the width will be the same as the inner content
      */
-    onRequestClose: () => void;
+    isFullWidth?: boolean;
     /**
-     * Whether to return focus to the element that was focused before the Drawer opened. True by default.
+     * Description for `<Download />`
      */
-    shouldReturnFocus?: boolean;
+    description?: string;
     /**
-     * Size of the Drawer dialog.
+     * File size for `<Download />`
      */
-    size?: "s" | "l";
+    size?: string;
     /**
-     * Set Drawer open or closed.
+     * Icon for `<Download />`
      */
-    isOpen?: boolean;
+    icon?: Extract<ThemeIconNames, "downloadFile" | "downloadAccessibility">;
     /**
-     * Custom content for `Modal`.
+     * Click handler for `<Download />`
      */
-    children?: React$1.ReactNode;
+    onClick?: (e: MouseEvent$1<HTMLAnchorElement>) => void;
 }
 
-declare const Download: React$1.FC<DownloadProps>;
-interface DownloadProps {
+declare const Drawer: React.FC<DrawerProps>;
+interface DrawerProps {
     /**
-     * Name for `<Download />`
+     * Title for the drawer. This will be announced by screen readers when the drawer opens.
      */
-    name: string;
+    title: string;
     /**
-     * File type for `<Download />`
+     * The position on the screen the drawer should render.
      */
-    type: string;
+    position?: "top" | "right" | "bottom" | "left";
     /**
-     * File url for `<Download />`
+     * Show or hide page overlay.
      */
-    href?: string;
+    isOverlayVisible?: boolean;
     /**
-     * If true, the spacing will be reduced resulting in a tighter look and feel.
+     * Footer content for the drawer.
      */
-    isCompact?: boolean;
+    footer?: React.ReactNode;
     /**
-     * If false the width will be the same as the inner content
+     * Function to be called when the Drawer has been requested to close by either the esc key being pressed, outside the dialog being clicked or the close button being clicked. The callback must set the open state of the Drawer to false.
      */
-    isFullWidth?: boolean;
+    onRequestClose: () => void;
     /**
-     * Description for `<Download />`
+     * Whether to return focus to the element that was focused before the Drawer opened. True by default.
      */
-    description?: string;
+    shouldReturnFocus?: boolean;
     /**
-     * File size for `<Download />`
+     * Size of the Drawer dialog.
      */
-    size?: string;
+    size?: "s" | "l";
     /**
-     * Icon for `<Download />`
+     * Set Drawer open or closed.
      */
-    icon?: Extract<ThemeIconNames, "downloadFile" | "downloadAccessibility">;
+    isOpen?: boolean;
     /**
-     * Click handler for `<Download />`
+     * Custom content for `Modal`.
      */
-    onClick?: (e: MouseEvent$1<HTMLAnchorElement>) => void;
+    children?: React.ReactNode;
 }
 
 /**
@@ -1686,10 +1684,20 @@ interface FilterControlProps {
     onClick?: () => void;
 }
 
+declare const GhostedHeroBanner: React.FC<GhostedHeroBannerProps>;
+type GhostedHeroBannerProps = Pick<TemplateBannerProps, "heading" | "img" | "children" | "label" | "text" | "headingLevel">;
+
+declare const GradientBackground: React.FC<GradientBackgroundProps>;
+interface GradientBackgroundProps {
+    type?: "lightOne" | "darkOne" | "brandAssetFullColour07";
+    scrim?: "s" | "m" | "l";
+    children: React.ReactNode;
+}
+
 /**
  * Use `Grid` to compose layouts on a 12-column grid.
  */
-declare const Grid: React$1.FC<GridProps>;
+declare const Grid: React.FC<GridProps>;
 interface GridProps extends ExtentableContainer {
     /**
      * `Grid` is set to 100% width if true.
@@ -1706,7 +1714,7 @@ interface GridProps extends ExtentableContainer {
     /**
      * Contents of the Grid Should only contain `GridRow`.
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
 declare const BREAKPOINTS: readonly ["xs", "s", "m", "l", "xl", "xxl", "xxxl"];
@@ -1720,20 +1728,20 @@ type Column = ColumnConfig<ColumnValue>;
 type Arrangement = ColumnConfig<GridValue>;
 type Alignment = ColumnConfig<AlignmentValue>;
 
-declare const GridCol: React$1.FC<GridColProps>;
+declare const GridCol: React.FC<GridColProps>;
 interface GridColProps extends Column {
     offset?: Arrangement;
     order?: Arrangement;
     align?: Alignment;
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
-declare const GridRow: React$1.FC<GridRowProps>;
+declare const GridRow: React.FC<GridRowProps>;
 interface GridRowProps {
     align?: AlignmentValue;
     direction?: "column" | "row" | "column-reverse" | "row-reverse";
     justify?: "start" | "center" | "end" | "between" | "around" | "normal";
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
 /**
@@ -1789,7 +1797,7 @@ interface HeroBannerProps extends Omit<TemplateBannerProps, "headingSize" | "ali
 }
 
 type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-type Ref = React$1.Ref<ElementUnion> | null;
+type Ref = React.Ref<ElementUnion> | null;
 declare const HeroButton: FC<HeroButtonProps>;
 interface LinkElementProps {
     /**
@@ -1853,34 +1861,81 @@ interface HeroButtonProps extends HeroButtonElementProps, LinkElementProps {
     isLoading?: boolean;
 }
 
-declare const Hidden: React$1.FC<HiddenProps>;
+declare const Hidden: React.FC<HiddenProps>;
 interface HiddenProps {
     xs?: boolean;
     s?: boolean;
     m?: boolean;
     l?: boolean;
     xl?: boolean;
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
-/**
- * Use `Icon` to display brand iconography.
- */
-declare const Icon: FC<IconProps>;
-declare const colors: readonly ["auto", "brand", "statusRed", "statusAmber", "statusGreen"];
-interface IconProps {
+type CardFooterIcon = "play" | "arrow";
+interface CardFooterProps {
+    metaText?: string | Date;
+    isDarkPathway?: boolean;
+    buttonIcon?: CardFooterIcon;
+    buttonSize?: "s" | "m";
+    showButton?: boolean;
+    isHovered?: boolean;
+}
+
+declare const HorizontalCard: React.FC<HorizontalCardProps>;
+interface HorizontalCardProps {
     /**
-     * Color of the Icon.
+     * Heading for the HorizontalCard.
      */
-    color?: (typeof colors)[number];
+    heading: string;
+    /**
+     * Heading level for the HorizontalCard heading.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Text content for the HorizontalCard
+     */
+    text: string;
+    /**
+     * Uppercase label for the HorizontalCard.
+     */
+    label?: string;
+    /**
+     * Url for the HorizontalCard. Makes the whole card a link.
+     */
+    url?: string;
+    /**
+     * Image for the HorizontalCard.
+     */
+    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad" | "fit">;
+    /**
+     * 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.
+     */
+    metaText?: CardFooterProps["metaText"];
+    /**
+     * Click handler for the HorizontalCard. Only applied when a url is provided.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+
+/**
+ * Use `Icon` to display brand iconography.
+ */
+declare const Icon: FC<IconProps>;
+declare const colors: readonly ["auto", "brand", "statusRed", "statusAmber", "statusGreen", "gradient"];
+type IconColor = (typeof colors)[number];
+interface IconProps {
+    /**
+     * Color of the Icon.
+     */
+    color?: IconColor;
     /**
      * Should the Icon component be styled as an inline element?
      */
     isInline?: boolean;
     /**
-     * Icon variant.
+     * url for the svg. For BT and EE icons you can import these as data uri's from the @arc-ui/icons package.
      */
-    icon?: ArcIcon | React$1.ReactElement<SVGElement>;
+    icon?: string;
     /**
      * Alternative text label for the Icon.
      */
@@ -1893,20 +1948,6 @@ interface IconProps {
      * value for data-testid
      */
     testId?: string;
-    /**
-     * hides the icon from screenreaders
-     */
-    isPresentationIcon?: boolean;
-}
-
-type CardFooterIcon = "play" | "arrow";
-interface CardFooterProps {
-    metaText?: string | Date;
-    isDarkPathway?: boolean;
-    buttonIcon?: CardFooterIcon;
-    buttonSize?: "s" | "m";
-    showButton?: boolean;
-    isHovered?: boolean;
 }
 
 type CardHeadingSize = Extract<HeadingSize, "m" | "l">;
@@ -1946,7 +1987,7 @@ interface ImpactCardProps {
     /**
      * Click handler for the ImpactCard.
      */
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React.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">`.
@@ -2001,7 +2042,7 @@ interface InformationCardProps {
     /**
      * Click handler for the InformationCard. Only applied when a card url is provided.
      */
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
     /**
      * Footer logo for the InformationCard.
      */
@@ -2013,7 +2054,7 @@ interface InformationCardProps {
     /**
      * Header icon for the InformationCard.
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * Sets a minimum height for the InformationCard. Overrules minHeights values.
      */
@@ -2037,7 +2078,7 @@ interface InformationCardProps {
 /**
  * Use `Link` to direct users to a new page or piece of information.
  */
-declare const Link: React$1.FC<LinkProps>;
+declare const Link: React.FC<LinkProps>;
 interface LinkProps {
     /**
      * Id attribute for `Link`.
@@ -2074,7 +2115,7 @@ interface LinkProps {
     /**
      * Click handler for `Link`.
      */
-    onClick?: (e: React$1.MouseEvent) => void;
+    onClick?: (e: React.MouseEvent) => void;
     /**
      * Target for `Link`.
      */
@@ -2157,11 +2198,366 @@ interface MediaCardProps {
     /**
      * Click handler for the MediaCard. Only applied when a url is provided.
      */
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+}
+
+/**
+ * Contains all the parts of a dropdown menu.
+ */
+declare const Menu: React.FC<MenuProps>;
+interface MenuProps {
+    /**
+     * The content of the menu
+     */
+    children: React.ReactNode;
+    /**
+     * Whether the menu is open by default
+     */
+    defaultOpen?: boolean;
+    /**
+     * Controls whether the menu is open
+     */
+    open?: boolean;
+    /**
+     * Callback fired when the open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the menu should behave like a modal, preventing interaction with elements outside
+     */
+    modal?: boolean;
+}
+
+declare const MenuItemContentTemplate: React.FC<MenuItemContentTemplateProps>;
+interface MenuItemContentTemplateProps {
+    /**
+     * Optional supporting text that appears below the label for additional context.
+     */
+    supportingText?: string;
+    /**
+     * An optional leading icon displayed on the left side of the menu item.
+     */
+    leadingIcon?: string;
+    /**
+     * An optional trailing icon displayed on the right side of the menu item.
+     */
+    trailingIcon?: string;
+    /**
+     * The main label text displayed in the menu item.
+     */
+    children: string;
+    /**
+     * Optional keyboard shortcut text displayed next to the item (e.g., "⌘ + K").
+     */
+    keyCommands?: string;
+}
+
+declare const MenuCheckboxItem: React.FC<MenuCheckboxItemProps>;
+interface MenuCheckboxItemProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
+    /**
+     * Controls whether the checkbox is checked, unchecked.
+     */
+    checked?: boolean;
+    /**
+     * Callback fired when the checked state changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Disables the checkbox item, preventing interaction.
+     */
+    isDisabled?: boolean;
+    /**
+     * Callback fired when the item is selected.
+     */
+    onSelect?: (event: Event) => void;
+    /**
+     * ID for the MenuCheckboxItem.
+     */
+    id?: string;
+    /**
+     * Prevents the menu from closing when this item is selected.
+     */
+    shouldKeepOpen?: boolean;
+}
+
+/**
+ * The component that pops out when the dropdown menu is open.
+ */
+declare const MenuContent: React.ForwardRefExoticComponent<MenuContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuContentProps {
+    /**
+     * The content inside the menu, typically `MenuItem`, `MenuGroup`, and other menu elements.
+     */
+    children: React.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.
+     */
+    width?: string | number | "auto";
+    /**
+     * The minimum width of the menu content.
+     */
+    minWidth?: string | number;
+    /**
+     * The maximum width of the menu content.
+     */
+    maxWidth?: string | number;
+    /**
+     * Horizontal alignment of the dropdown relative to the trigger.
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * Pixel offset for horizontal alignment.
+     */
+    alignOffset?: number;
+    /**
+     * The side of the trigger to display the menu.
+     */
+    side?: "top" | "right" | "bottom" | "left";
+}
+
+/**
+ * Displays footer content at the bottom of the menu.
+ */
+declare const MenuFooter: FC<MenuFooterProps>;
+interface MenuFooterProps extends MenuItemContentTemplateProps {
+    /**
+     * Click event handler triggered when the menu header is selected.
+     */
+    onClick?: () => void;
+    /**
+     * Optional URL that makes the menu item behave as a link.
+     */
+    href?: string;
+    /**
+     * ARIA label for accessibility, used to provide a descriptive label for screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * disables the menu item, preventing user interaction.
+     */
+    isDisabled?: boolean;
+}
+
+/**
+ * Groups related menu items together within a dropdown menu.
+ */
+declare const MenuGroup: React.FC<MenuGroupProps>;
+interface MenuGroupProps {
+    /**
+     *  Menu items grouped together within the menu.
+     */
+    children: React.ReactNode;
+}
+
+/**
+ * Displays a header within the dropdown menu.
+ */
+declare const MenuHeader: FC<MenuHeaderProps>;
+interface MenuHeaderProps extends MenuItemContentTemplateProps {
+    /**
+     * Click event handler triggered when the menu header is selected.
+     */
+    onClick?: () => void;
+    /**
+     * Optional URL that makes the menu item behave as a link.
+     */
+    href?: string;
+    /**
+     * ARIA label for accessibility, used to provide a descriptive label for screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * disables the menu item, preventing user interaction.
+     */
+    isDisabled?: boolean;
+}
+
+/**
+ * Renders a menu item, optionally as a link if `href` is provided.
+ */
+declare const MenuItem: React.FC<MenuItemProps>;
+interface MenuItemProps extends MenuItemContentTemplateProps {
+    /**
+     * Click event handler triggered when the menu item is selected.
+     */
+    onClick?: () => void;
+    /**
+     * Optional URL that makes the menu item behave as a link.
+     */
+    href?: string;
+    /**
+     * ARIA label for accessibility, used to provide a descriptive label for screen readers.
+     */
+    ariaLabel?: string;
+    /**
+     * disables the menu item, preventing user interaction.
+     */
+    isDisabled?: boolean;
+    /**
+     * Prevents the dropdown menu from closing when the item is clicked.
+     */
+    shouldKeepOpen?: boolean;
+}
+
+/**
+ * Provides a label to group related menu items.
+ */
+declare const MenuLabel: React.FC<MenuLabelProps>;
+interface MenuLabelProps {
+    /**
+     *  The text content of the label, typically used to group related menu items.
+     */
+    children: string;
+}
+
+/**
+ * When used, portals the content part into the body. By default it's arc's theme element
+ */
+declare const MenuPortal: React.FC<MenuPortalProps>;
+interface MenuPortalProps {
+    /**
+     * The content to be portalled.
+     */
+    children: React.ReactNode;
+}
+
+/**
+ * Groups menu items allowing single selection from multiple options.
+ */
+declare const MenuRadioGroup: React.FC<MenuRadioGroupProps>;
+interface MenuRadioGroupProps {
+    /**
+     * The radio items inside the group.
+     */
+    children: React.ReactNode;
+    /**
+     * The current selected value of the radio group.
+     */
+    value?: string;
+    /**
+     * Callback fired when the selected value changes.
+     */
+    onValueChange?: (value: string) => void;
+}
+
+/**
+ * A selectable menu item used within a radio group.
+ */
+declare const MenuRadioItem: React.FC<MenuRadioItemProps>;
+interface MenuRadioItemProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
+    /**
+     * The value assigned to this radio item.
+     */
+    value: string;
+    /**
+     * Whether the radio item is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Callback function triggered when the item is selected.
+     */
+    onSelect?: () => void;
+}
+
+/**
+ * Scrollable container that adjusts height based on surrounding menu content.
+ */
+declare const MenuScrollable: React.FC<MenuScrollableProps>;
+interface MenuScrollableProps {
+    /**
+     * The content within the scrollable area, typically a list of `MenuItem` components or similar menu elements.
+     */
+    children: React.ReactNode;
+}
+
+/**
+ * Visual separator used to divide groups of menu items.
+ */
+declare const MenuSeparator: React.FC;
+
+/**
+ * Container for submenu content within a dropdown menu.
+ */
+declare const MenuSub: React.FC<MenuSubProps>;
+interface MenuSubProps {
+    /**
+     *  The content inside the submenu.
+     */
+    children: React.ReactNode;
+}
+
+/**
+ * The submenu content that pops out when a menu item with children is hovered or clicked.
+ */
+declare const MenuSubContent: React.ForwardRefExoticComponent<MenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuSubContentProps {
+    /**
+     * The submenu content, typically containing `Menu.Item` elements.
+     */
+    children: React.ReactNode;
+    /**
+     * The width of the submenu 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.
+     */
+    width?: string | number | "auto";
+    /**
+     * The minimum width of the submenu content.
+     */
+    minWidth?: string | number;
+    /**
+     * The maximum width of the submenu content.
+     */
+    maxWidth?: string | number;
+    /**
+     * Horizontal alignment of the submenu relative to the parent trigger.
+     */
+    align?: "start" | "center" | "end";
+    /**
+     * Pixel offset for horizontal alignment.
+     */
+    alignOffset?: number;
+    /**
+     * The side of the parent trigger to display the submenu.
+     */
+    side?: "top" | "right" | "bottom" | "left";
+    /**
+     * If true, hides the submenu when it's detached from its trigger.
+     */
+    hideWhenDetached?: boolean;
+}
+
+/**
+ * Trigger element that opens a submenu when selected.
+ */
+declare const MenuSubTrigger: React.FC<MenuSubTriggerProps>;
+interface MenuSubTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
+    /**
+     * The trigger element for opening the submenu.
+     */
+    children: React.ReactNode;
+    /**
+     * Disables the sub-trigger, preventing interaction.
+     */
+    isDisabled?: boolean;
+}
+
+/**
+ * The element that toggles the menu.
+ */
+declare const MenuTrigger: React.FC<MenuTriggerProps>;
+interface MenuTriggerProps {
+    /**
+     * The element that triggers the menu when clicked or interacted with.
+     */
+    children: React.ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     */
+    asChild?: boolean;
 }
 
 /** Use `Modal` to display information that needs immediate action from a user. */
 declare const Modal: FC<ModalProps>;
+type modalSpan = 4 | 6 | 8 | 10 | 12;
 interface ModalProps {
     /**
      * Title for the modal. This will be announced by screen readers when the modal opens.
@@ -2206,15 +2602,20 @@ interface ModalProps {
     /**
      * Custom content for `Modal`.
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * Removes all default padding from the children section of the modal.
      */
     fullBleed?: boolean;
     /**
-     * Set custom width for the modal.
+     * Overrides the default widths of the `size` property. Select the number of columns to span on each breakpoint and above (Even numbers from 4 to 12).
      */
-    customWidth?: number;
+    customWidths?: {
+        xs?: modalSpan;
+        s?: modalSpan;
+        m?: modalSpan;
+        l?: modalSpan;
+    };
 }
 
 /**
@@ -2276,7 +2677,7 @@ interface PaginationSimpleProps {
     /**
      * Function to call when page is changed. This is called with type and event
      */
-    onPageChange?: (e: React$1.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
+    onPageChange?: (e: React.MouseEvent, type?: "prev" | "next" | "first" | "last") => void;
 }
 
 /** Use `Popover` to display content in a portal, triggered by a button. */
@@ -2285,7 +2686,7 @@ interface PopoverProps {
     /**
      * Content to render within Popover Trigger
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -2413,7 +2814,7 @@ interface PosterImageProps {
     /**
      * Contents of the PosterImage.
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
 }
 
 declare const PosterVideo: FC<PosterVideoProps>;
@@ -2580,7 +2981,7 @@ interface ProgressStepperItemProps {
     isStepContentHidden?: boolean;
 }
 
-type EventType$3 = React$1.ChangeEvent<HTMLInputElement>;
+type EventType$3 = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
  */
@@ -2589,7 +2990,7 @@ interface RadioCardGroupProps extends Omit<FormControlProps, "children" | "eleme
     /**
      * Contents of the `RadioCardGroup`. Should only contain `RadioCardGroupCard`
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * Value of the `RadioCard` that should be checked by default.
      */
@@ -2683,7 +3084,7 @@ interface RadioCardProps {
     /**
      * Render icon within `RadioCard`
      */
-    icon?: ArcIcon | React$1.ReactElement<SVGElement>;
+    icon?: string;
     /**
      * Set control location within `RadioCard`.
      */
@@ -2717,7 +3118,7 @@ interface RadioCardProps {
 /**
  * Radio Card component.
  */
-declare const RadioCardGroupInput: React$1.ForwardRefExoticComponent<RadioCardGroupInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const RadioCardGroupInput: React.ForwardRefExoticComponent<RadioCardGroupInputProps & React.RefAttributes<HTMLInputElement>>;
 interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
     /**
      * Determine the alignment the RadioButton.
@@ -2750,7 +3151,7 @@ interface RadioCardGroupInputProps extends Omit<RadioCardProps, "name"> {
     value: string;
 }
 
-type EventType$1 = React$1.ChangeEvent<HTMLInputElement>;
+type EventType$1 = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
@@ -2759,7 +3160,7 @@ interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementTy
     /**
      * Contents of the RadioGroup Should only contain `RadioGroupInput`
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * Value of the RadioButton that should be checked by default.
      */
@@ -2822,7 +3223,7 @@ type ContextProps = {
     size: "s" | "l";
 };
 
-declare const RadioGroupButton: React$1.ForwardRefExoticComponent<RadioGroupButtonProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupButton: React.ForwardRefExoticComponent<RadioGroupButtonProps & React.RefAttributes<HTMLInputElement>>;
 interface RadioGroupButtonProps {
     id: string;
     label: string;
@@ -2844,7 +3245,7 @@ interface RadioGroupButtonProps {
 /**
  * Radio Button component.
  */
-declare const RadioGroupInput: React$1.ForwardRefExoticComponent<RadioGroupInputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const RadioGroupInput: React.ForwardRefExoticComponent<RadioGroupInputProps & React.RefAttributes<HTMLInputElement>>;
 interface RadioGroupInputProps {
     /**
      * Determine the alignment the RadioButton.
@@ -2930,7 +3331,7 @@ interface SectionProps extends ExtentableContainer {
 }
 
 /** Use `Select` to choose from a dropdown list of options. */
-declare const Select: React$1.FC<SelectProps>;
+declare const Select: React.FC<SelectProps>;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {
     /**
      * Name for the Select.
@@ -2974,11 +3375,11 @@ interface SelectProps extends Omit<FormControlProps, "children" | "elementType"
     /**
      * onBlur handler for the Select.
      */
-    onBlur?: (e: React$1.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onFocus handler for the Select.
      */
-    onFocus?: (e: React$1.FocusEvent<HTMLButtonElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLButtonElement>) => void;
     /**
      * onOpenChange handler for the Select.
      */
@@ -3045,26 +3446,125 @@ interface SiteFooterItemProps {
 }
 interface SiteFooterProps {
     /**
-     * Secondary content of the SiteFooter Must be SiteFooterItem components.
+     * Secondary content of the SiteFooter Must be SiteFooterItem components.
+     */
+    children?: ReactNode;
+    /**
+     * Copyright year.
+     */
+    currentYear?: string;
+    /**
+     * Accessible text for the SiteFooter logo.
+     */
+    logoLabel?: string;
+    /**
+     * Main content of the SiteFooter Must be SiteFooterItemGroup components.
+     */
+    main?: ReactNode;
+    /**
+     * Text that appears at the top of the footer. Can be the name of the site, a
+     * brand strapline, or similar.
+     */
+    siteName?: string;
+}
+
+/**
+ * Use `SiteFooterV2` to display information at the bottom of a page.
+ */
+declare const SiteFooterV2: FC<SiteFooterV2Props>;
+interface SiteFooterV2Props {
+    /**
+     * Content of the SiteFooterV2. Must include SiteFooterV2Utility component and optional SiteFooterV2Main.
+     */
+    children: ReactNode;
+    /**
+     * Text that appears at the top of the footer. Can be the name of the site, a
+     * brand slogan, or similar.
+     */
+    slogan?: string;
+    /**
+     * Hide the top border.
+     */
+    hideTopBorder?: boolean;
+}
+
+declare const SiteFooterV2Main: FC<SiteFooterV2MainProps>;
+declare const SiteFooterV2ItemGroup: FC<SiteFooterV2ItemGroupProps>;
+declare const SiteFooterV2Item: FC<SiteFooterV2ItemProps>;
+interface SiteFooterV2MainProps {
+    /**
+     * Contents of the SiteFooterV2Main. Must be SiteFooterV2ItemGroup components.
+     */
+    children: ReactNode;
+    /**
+     * Number of columns to render at L+ breakpoints.
+     */
+    columns?: 3 | 4;
+}
+interface SiteFooterV2ItemGroupProps {
+    /**
+     * Contents of the SiteFooterV2ItemGroup. Must be SiteFooterV2Item components.
+     */
+    children?: ReactNode;
+    /**
+     * Title text for the SiteFooterV2ItemGroup.
+     */
+    title?: string;
+    /**
+     * Hide disclosure at medium and small breakpoints.
+     */
+    hideDisclosure?: boolean;
+}
+interface SiteFooterV2ItemProps {
+    /**
+     * Contents of the SiteFooterV2Item.
+     */
+    children: ReactNode;
+    /**
+     * A URL to link to when the Item is clicked or touched.
+     */
+    href: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+}
+
+/**
+ * Use `SiteFooterV2.Utility` to display information at the bottom of a page.
+ */
+declare const SiteFooterV2Utility: FC<SiteFooterV2UtilityProps>;
+declare const socialIcons: readonly [string, string, string, string, string];
+declare const subBrands: readonly ["redcare", "wholesale", "ee"];
+interface SiteFooterV2UtilityProps {
+    /**
+     * T&C links of the SiteFooterV2Utility. Must be SiteFooterV2Item components.
      */
     children?: ReactNode;
     /**
-     * Copyright year.
+     * Date to show adjacent to the copyright symbol, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
      */
-    currentYear?: string;
+    copyrightYear?: string | Date;
     /**
-     * Accessible text for the SiteFooter logo.
+     * Options for other brands and label.
      */
-    logoLabel?: string;
+    brand?: {
+        subBrand?: (typeof subBrands)[number];
+        logoLabel?: string;
+        onClick?: () => void;
+    };
     /**
-     * Main content of the SiteFooter Must be SiteFooterItemGroup components.
+     * Add social media links and desired Icons (Facebook, X (Twitter), LinkedIn, Instagram and Youtube).
      */
-    main?: ReactNode;
+    socialLinks?: {
+        href: string;
+        icon: (typeof socialIcons)[number];
+        ariaLabel: string;
+    }[];
     /**
-     * Text that appears at the top of the footer. Can be the name of the site, a
-     * brand strapline, or similar.
+     * A content slot to accept react node. Will override the brand logo.
      */
-    siteName?: string;
+    contentSlot?: ReactNode;
 }
 
 /**
@@ -3305,7 +3805,7 @@ interface SiteHeaderV2SubNavItemProps {
      * provided, top-level link text will be automatically generated from `title`.
      */
     viewAllTitle?: string;
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * On click handler.
      */
@@ -3427,6 +3927,31 @@ interface SwitchProps extends Omit<FormControlProps, "children" | "elementType"
     onCheckedChange?: SwitchProps$1["onCheckedChange"];
 }
 
+declare const TabbedBanner: FC<TabbedBannerProps>;
+interface TabbedBannerProps {
+    /**
+     * Determine what tabs to render. They need both a `value` and `label` prop
+     */
+    tabs: {
+        value: string;
+        label: string;
+        content: TemplateBannerProps;
+    }[];
+    /**
+     * Default to an inital value of a tab. If this is left blank it will default to first tab.
+     */
+    defaultValue?: string;
+    /**
+     * The minimum height of the all banners M and above`.
+     */
+    minHeight?: TemplateBannerProps["minHeight"];
+    /**
+     * The minimum height of the banner for the M breakpoint.
+     * This will be active when the TabbedBanner switches to the mobile layout at the medium breakpoint.
+     */
+    minHeightM?: TemplateBannerProps["minHeight"];
+}
+
 /** Use `Tabs` to allow users to navigate between different sections of relevant content. */
 declare const Tabs: FC<TabsProps>;
 interface TabsProps {
@@ -3461,11 +3986,11 @@ interface TabsItemProps {
     /**
      * Determine what icon to display within the Tab.
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * Determine what to display when `Tab` is active
      */
-    iconActive?: ArcIcon;
+    iconActive?: string;
 }
 
 declare const TabsContent: FC<TabsContentProps>;
@@ -3500,31 +4025,6 @@ interface TabsListProps {
     ariaLabel?: string;
 }
 
-declare const TabbedBanner: FC<TabbedBannerProps>;
-interface TabbedBannerProps {
-    /**
-     * Determine what tabs to render. They need both a `value` and `label` prop
-     */
-    tabs: {
-        value: string;
-        label: string;
-        content: TemplateBannerProps;
-    }[];
-    /**
-     * Default to an inital value of a tab. If this is left blank it will default to first tab.
-     */
-    defaultValue?: string;
-    /**
-     * The minimum height of the all banners M and above`.
-     */
-    minHeight?: TemplateBannerProps["minHeight"];
-    /**
-     * The minimum height of the banner for the M breakpoint.
-     * This will be active when the TabbedBanner switches to the mobile layout at the medium breakpoint.
-     */
-    minHeightM?: TemplateBannerProps["minHeight"];
-}
-
 /**
  * Use `Tag` to promote features and manage filtering.
  */
@@ -3545,7 +4045,7 @@ interface TagProps {
     /**
      * Determine a icon to display within the tag.
      */
-    icon?: ArcIcon;
+    icon?: string;
     /**
      * onClick Handler for Tag
      */
@@ -3602,7 +4102,7 @@ interface TextProps {
 }
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
-declare const TextArea: React$1.ForwardRefExoticComponent<TextAreaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "labelPosition"> {
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
@@ -3648,16 +4148,16 @@ interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType
     /**
      * Function to call when the TextArea loses focus.
      */
-    onBlur?: (e: React$1.FocusEvent<HTMLTextAreaElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Function to call when the TextArea is focused.
      */
-    onFocus?: (e: React$1.FocusEvent<HTMLTextAreaElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLTextAreaElement>) => void;
     /**
      * Callback function commonly used to update the TextArea's controlled
      * `value`, for example `e => setValue(e.target.value)`.
      */
-    onChange?: (e: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     /**
      * Current value of the TextArea. Must be controlled via an
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
@@ -3702,13 +4202,39 @@ interface ThemeProps {
     children: any;
 }
 
+declare const ThumbnailSignpost: React.FC<ThumbnailSignpostProps>;
+interface ThumbnailSignpostProps {
+    /**
+     * Title for the ThumbnailSignpost.
+     */
+    title: string;
+    /**
+     * Text content for the ThumbnailSignpost.
+     */
+    text: string;
+    /**
+     * Button properties in the ThumbnailSignpost.
+     */
+    button: Partial<Pick<ButtonV2Props, "onClick" | "ariaLabel" | "ariaHasPopup" | "ariaExpanded" | "ariaControls" | "target" | "href">> & {
+        label: ButtonV2Props["label"];
+    };
+    /**
+     * Label for the button in the ThumbnailSignpost.
+     */
+    buttonOnClick?: ButtonV2Props["onClick"];
+    /**
+     * Image properties for the ThumbnailSignpost.
+     */
+    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad">;
+}
+
 /** Use `Toast` to display temporary messages at the bottom of the screen. */
 declare const Toast: FC<ToastProps>;
 interface ToastProps {
     /**
      * Content to display within `Toast`
      */
-    children: React$1.ReactNode;
+    children: React.ReactNode;
     /**
      * Colour scheme for `Toast` - Use 'default' in almost all cases.
      */
@@ -3759,7 +4285,7 @@ interface TooltipProps {
     /**
      * Content to render within Tooltip
      */
-    children?: React$1.ReactNode;
+    children?: React.ReactNode;
     /**
      * The preferred side of the anchor to render against when open
      */
@@ -3787,7 +4313,7 @@ interface TooltipProps {
     /**
      * Icon displayed next to the tooltip title or content.
      */
-    icon?: React$1.ReactElement<SVGElement> | ArcIcon$1;
+    icon?: string;
     /**
      * Delay in milliseconds before the tooltip appears.
      */
@@ -3863,7 +4389,7 @@ interface TypographyCardProps {
     /**
      * Click handler for the TypographyCard.
      */
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (e: React.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.
      */
@@ -3948,7 +4474,7 @@ interface VerticalSpaceProps {
 /**
  * Use `VideoPlayer` to embed videos from YouTube or Vimeo.
  */
-declare const VideoPlayer: React$1.FC<VideoPlayerProps>;
+declare const VideoPlayer: React.FC<VideoPlayerProps>;
 interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" | "onStart" | "onPause" | "onEnded" | "onError" | "light"> {
     url: string;
     title: string;
@@ -3971,14 +4497,14 @@ interface VideoPlayerProps extends Pick<ReactPlayerProps, "onReady" | "onPlay" |
     isSupportingTextHidden?: boolean;
 }
 
-declare const Visible: React$1.FC<VisibleProps>;
+declare const Visible: React.FC<VisibleProps>;
 interface VisibleProps {
     xs?: boolean;
     s?: boolean;
     m?: boolean;
     l?: boolean;
     xl?: boolean;
-    children: React$1.ReactNode;
+    children: React.ReactNode;
 }
 
 /**
@@ -3992,163 +4518,6 @@ interface VisuallyHiddenProps {
     children?: ReactNode;
 }
 
-declare const ThumbnailSignpost: React$1.FC<ThumbnailSignpostProps>;
-interface ThumbnailSignpostProps {
-    /**
-     * Title for the ThumbnailSignpost.
-     */
-    title: string;
-    /**
-     * Text content for the ThumbnailSignpost.
-     */
-    text: string;
-    /**
-     * Button properties in the ThumbnailSignpost.
-     */
-    button: Partial<Pick<ButtonV2Props, "onClick" | "ariaLabel" | "ariaHasPopup" | "ariaExpanded" | "ariaControls" | "target" | "href">> & {
-        label: ButtonV2Props["label"];
-    };
-    /**
-     * Label for the button in the ThumbnailSignpost.
-     */
-    buttonOnClick?: ButtonV2Props["onClick"];
-    /**
-     * Image properties for the ThumbnailSignpost.
-     */
-    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad">;
-}
-
-declare const HorizontalCard: React$1.FC<HorizontalCardProps>;
-interface HorizontalCardProps {
-    /**
-     * Heading for the HorizontalCard.
-     */
-    heading: string;
-    /**
-     * Heading level for the HorizontalCard heading.
-     */
-    headingLevel?: HeadingLevel;
-    /**
-     * Text content for the HorizontalCard
-     */
-    text: string;
-    /**
-     * Uppercase label for the HorizontalCard.
-     */
-    label?: string;
-    /**
-     * Url for the HorizontalCard. Makes the whole card a link.
-     */
-    url?: string;
-    /**
-     * Image for the HorizontalCard.
-     */
-    img?: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad" | "fit">;
-    /**
-     * 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.
-     */
-    metaText?: CardFooterProps["metaText"];
-    /**
-     * Click handler for the HorizontalCard. Only applied when a url is provided.
-     */
-    onClick?: (e: React$1.MouseEvent<HTMLAnchorElement>) => void;
-}
-
-/**
- * Use `SiteFooterV2` to display information at the bottom of a page.
- */
-declare const SiteFooterV2: FC<SiteFooterV2Props>;
-interface SiteFooterV2Props {
-    /**
-     * Content of the SiteFooterV2. Must include SiteFooterV2.Utility component and optional SiteFooterV2.Main.
-     */
-    children: ReactNode;
-    /**
-     * Text that appears at the top of the footer. Can be the name of the site, a
-     * brand slogan, or similar.
-     */
-    slogan?: string;
-}
-
-declare const SiteFooterV2Main: FC<SiteFooterV2MainProps>;
-declare const SiteFooterV2ItemGroup: FC<SiteFooterV2ItemGroupProps>;
-declare const SiteFooterV2Item: FC<SiteFooterV2ItemProps>;
-interface SiteFooterV2MainProps {
-    /**
-     * Contents of the SiteFooterV2Main. Must be SiteFooterV2.ItemGroup components.
-     */
-    children: ReactNode;
-    /**
-     * Number of columns to render at L+ breakpoints.
-     */
-    columns?: 3 | 4;
-}
-interface SiteFooterV2ItemGroupProps {
-    /**
-     * Contents of the SiteFooterV2ItemGroup. Must be SiteFooterV2.Item components.
-     */
-    children?: ReactNode;
-    /**
-     * Title text for the SiteFooterV2ItemGroup.
-     */
-    title?: string;
-    /**
-     * Hide disclosure at medium and small breakpoints.
-     */
-    hideDisclosure?: boolean;
-}
-interface SiteFooterV2ItemProps {
-    /**
-     * Contents of the SiteFooterV2Item.
-     */
-    children: ReactNode;
-    /**
-     * A URL to link to when the Item is clicked or touched.
-     */
-    href: string;
-    /**
-     * On click handler.
-     */
-    onClick?: () => void;
-}
-
-/**
- * Use `SiteFooterV2.Utility` to display information at the bottom of a page.
- */
-declare const SiteFooterV2Utility: FC<SiteFooterV2UtilityProps>;
-declare const socialIcons: readonly [typeof ArcIconSocialFacebook, typeof ArcIconSocialInstagram, typeof ArcIconSocialLinkedin, typeof ArcIconSocialX, typeof ArcIconSocialYouTube];
-declare const subBrands: readonly ["redcare", "wholesale", "ee"];
-interface SiteFooterV2UtilityProps {
-    /**
-     * T&C links of the SiteFooterV2.Utility. Must be SiteFooterV2.Item components.
-     */
-    children?: ReactNode;
-    /**
-     * Date to show adjacent to the copyright symbol, can be either a date or text. Its recommended to pass dates as Date objects so the component can render them correctly.
-     */
-    copyrightYear?: string | Date;
-    /**
-     * Options for other brands and label.
-     */
-    brand?: {
-        subBrand?: (typeof subBrands)[number];
-        logoLabel?: string;
-        onClick?: () => void;
-    };
-    /**
-     * Add social media links and desired Icons (Facebook, X (Twitter), LinkedIn, Instagram and Youtube).
-     */
-    socialLinks?: {
-        href: string;
-        icon: (typeof socialIcons)[number];
-        ariaLabel: string;
-    }[];
-    /**
-     * A content slot to accept react node. Will override the brand logo.
-     */
-    contentSlot?: ReactNode;
-}
-
 /**
  * @typedef MediaQueryOutputs
  * @param {boolean} matches - does the document match the media query?
@@ -4168,4 +4537,4 @@ interface SiteFooterV2UtilityProps {
  */
 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, 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, 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, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, 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, colors as IconColors, type IconProps, Image, fitOptions as ImageFitOptions, overlayOptions as ImageOverlayOptions, type ImageProps, ImageSource, type ImageSourceProps, ImpactCard, type ImpactCardProps, InformationCard, type InformationCardProps, Link, type LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Modal, type ModalProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, 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 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, 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, 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, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, FilterControls, FilterItem, FilterItems, type FilterProps, FormControl, Context as FormControlContext, type FormControlProps, GhostedHeroBanner, type GhostedHeroBannerProps, GradientBackground, type GradientBackgroundProps, 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, Link, type LinkProps, Markup, type MarkupProps, MediaCard, type MediaCardProps, Menu, MenuCheckboxItem, MenuContent, MenuFooter, MenuGroup, MenuHeader, MenuItem, MenuItemContentTemplate, MenuLabel, MenuPortal, type MenuProps, MenuRadioGroup, MenuRadioItem, MenuScrollable, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger, Modal, type ModalProps, Pagination, type PaginationProps, PaginationSimple, type PaginationSimpleProps, Popover, type PopoverProps, Poster, PosterImage, type PosterProps, PosterVideo, ProgressBar, type ProgressBarProps, type ProgressBarState, ProgressStepper, ProgressStepperItem, type ProgressStepperItemProps, type ProgressStepperProps, RadioCardGroup, RadioCardGroupInput, type RadioCardGroupProps, RadioGroup, RadioGroupButton, RadioGroupInput, type RadioGroupProps, Rule, type RuleProps, ScrollToTop, type ScrollToTopProps, Section, type SectionProps, Select, type SelectProps, 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 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 };