@arc-ui/components 12.0.0-beta.19 → 12.0.0-beta.20

package/lib/index.d.mts

@@ -195,7 +195,7 @@ interface AvatarProps {
     size?: AvatarSize;
 }
 
-type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick">;
+type GroupAvatar = Omit<AvatarProps, "size" | "title" | "href" | "onClick" | "ariaLabel">;
 
 /** Use `AvatarGroup` to visually represent a group of users. */
 declare const AvatarGroup: React.FC<AvatarGroupProps>;
@@ -277,9 +277,9 @@ interface HeadingProps {
      */
     isResponsive?: boolean;
     /**
-     * Changes the Heading font family. Please note `dottee` fonts will only work when theme is set to `ee `
+     * Changes the Heading font family. Please note `dottee` fonts will only work when theme is set to `ee`
      */
-    fontStyle?: "default" | "display-standard" | "display-condensed" | "display-extended";
+    fontStyle?: "default" | "display-standard" | "display-condensed" | "display-extended" | "overline";
 }
 
 interface BannerImageProps extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "width" | "height" | "fadeOnLoad" | "fit"> {
@@ -1420,7 +1420,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>>;
-interface DatePickerRangeSelection extends RangeSelection {
+interface DatePickerRangeSelection$1 extends RangeSelection {
     formattedRange: string;
 }
 interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "iconButton" | "prefix" | "suffix">, Omit<CalendarProps, "onDateSelect" | "onRangeSelect" | "selectedDate" | "selectedRange"> {
@@ -1429,6 +1429,18 @@ interface DatePickerProps extends Omit<TextInputWithPlaceholderProps, "defaultVa
         date: Date;
         formattedDate: string;
     }) => void;
+    onRangeSelect?: (value: DatePickerRangeSelection$1) => void;
+}
+
+declare const DatePickerRange: React.FC<DatePickerRangeProps>;
+interface DatePickerRangeSelection extends RangeSelection {
+    formattedStart: string;
+    formattedEnd: string;
+}
+type SharedInputProps = Omit<TextInputWithPlaceholderProps, "defaultValue" | "inputMode" | "minLength" | "maxLength" | "pattern" | "type" | "showPassword" | "placeholder" | "iconButton" | "prefix" | "suffix" | "label"> & Partial<Pick<TextInputWithPlaceholderProps, "label">>;
+interface DatePickerRangeProps extends Pick<CalendarProps, "type" | "minDate" | "maxDate" | "disabledDates"> {
+    inputStart: SharedInputProps;
+    inputEnd: SharedInputProps;
     onRangeSelect?: (value: DatePickerRangeSelection) => void;
 }
 
@@ -1538,21 +1550,19 @@ interface DownloadProps {
 declare const Drawer: React.FC<DrawerProps>;
 interface DrawerProps {
     /**
-     * Title for the drawer. This will be announced by screen readers when the drawer opens.
-     */
-    title: string;
-    /**
-     * The position on the screen the drawer should render.
+     * Show or hide page overlay.
      */
-    position?: "top" | "right" | "bottom" | "left";
+    noOverlay?: boolean;
     /**
-     * Show or hide page overlay.
+     * Set the height of the Drawer. Position Bottom Only. Accepts string (px, %, em etc) or number.
+     * If a number is provided, it will be treated as pixels.
      */
-    isOverlayVisible?: boolean;
+    height?: string | number;
     /**
-     * Footer content for the drawer.
+     * Set the width of the Drawer. Position Left / Right Only. Accepts string (px, %, em etc) or number.
+     * If a number is provided, it will be treated as pixels.
      */
-    footer?: React.ReactNode;
+    width?: string | number;
     /**
      * 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.
      */
@@ -1562,17 +1572,57 @@ interface DrawerProps {
      */
     shouldReturnFocus?: boolean;
     /**
-     * Size of the Drawer dialog.
+     * Size preset for the drawer. These can be overridden by setting custom `height` (for Bottom position) or `width` (for 'Left, 'Right'). Use 'auto' to hug the `drawer` content.
      */
-    size?: "s" | "l";
+    size?: "s" | "m" | "l" | "auto";
     /**
      * Set Drawer open or closed.
      */
     isOpen?: boolean;
     /**
-     * Custom content for `Modal`.
+     * Content to include with in the `Drawer` This should typically be `DrawerHeader`, `DrawerFooter` and `DrawerFooter`. This can also have custom content.
+     */
+    children?: React.ReactNode;
+    /**
+     * Set the position of the `Drawer`
+     */
+    position?: "right" | "left" | "bottom";
+}
+
+declare const DrawerHeader: React.FC<DrawerHeaderProps>;
+interface DrawerHeaderProps {
+    /**
+     * Title for the DrawerHeader
+     */
+    title?: string;
+    /**
+     * Determine if the `DrawerHeader` is fixed to the top of the `Drawer`
+     */
+    isFixed?: boolean;
+}
+
+declare const DrawerFooter: React.FC<DrawerFooterProps>;
+interface DrawerFooterProps {
+    /**
+     * Content to display within the DrawerFooter. This will typically be ButtonGroup
      */
     children?: React.ReactNode;
+    /**
+     * Determine if the `DrawerFooter` is fixed to the bottom of the `Drawer`
+     */
+    isFixed?: boolean;
+}
+
+declare const DrawerContent: React.FC<DrawerContentProps>;
+interface DrawerContentProps {
+    /**
+     * Display content within the DrawerContent sectino
+     */
+    children: React.ReactNode;
+    /**
+     * This property removes all arc styling and opens the Drawer to have fully custom content
+     */
+    isFullBleed?: boolean;
 }
 
 /**
@@ -1687,11 +1737,57 @@ interface FilterControlProps {
 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";
+declare const GradientPageBackground: React.FC<GradientPageBackgroundProps>;
+interface GradientPageBackgroundProps {
+    /**
+     * Select the gradient type
+     */
+    type?: "HomepageDark1" | "HomepageDark2" | "ProductpageDark1" | "ProductpageDark2" | "HomepageLight1" | "HomepageLight2" | "ProductpageLight1" | "ProductpageLight2" | "FooterLight";
+    /**
+     * Select the gradient fade sizing, default heights "s" 640px, "m" 1024px and "l" 1280px
+     */
+    scrimFadeSize?: "s" | "m" | "l";
+    /**
+     * Set a custom height at each breakpoint for the gradient fade that will override the scrimFadeSize height. Larger breakpoints will inherit smaller breakpoints if no value is provided.
+     */
+    scrimFadeHeights?: {
+        xs?: number;
+        s?: number;
+        m?: number;
+        l?: number;
+        xl?: number;
+        xxl?: number;
+    };
+    /**
+     * Select the gradient fade positioning
+     */
+    scrimFadePosition?: "top" | "bottom";
+    /**
+     * Set a height at each breakpoint for the gradient to extend beyond it 100% height. Larger breakpoints will inherit smaller breakpoints if no value is provided.
+     */
+    extendBackgrounds?: {
+        xs?: number;
+        s?: number;
+        m?: number;
+        l?: number;
+        xl?: number;
+        xxl?: number;
+    };
+    /**
+     * Content to be displayed on top of the gradient
+     */
     children: React.ReactNode;
+    /**
+     * Add customGradients svgs for each desired breakpoint. Larger breakpoints will inherit smaller breakpoints if no svg is provided. Ensure preserveAspectRatio="none" and the svg has no height or width defined. Name must include light or dark for surface context.
+     */
+    customGradients?: {
+        xs?: string;
+        s?: string;
+        m?: string;
+        l?: string;
+        xl?: string;
+        xxl?: string;
+    };
 }
 
 /**
@@ -1921,7 +2017,7 @@ interface HorizontalCardProps {
  * Use `Icon` to display brand iconography.
  */
 declare const Icon: FC<IconProps>;
-declare const colors: readonly ["auto", "brand", "statusRed", "statusAmber", "statusGreen", "gradient"];
+declare const colors: readonly ["auto", "brand", "brand-alt", "statusRed", "statusAmber", "statusGreen"];
 type IconColor = (typeof colors)[number];
 interface IconProps {
     /**
@@ -2252,8 +2348,8 @@ interface MenuItemContentTemplateProps {
     keyCommands?: string;
 }
 
-declare const MenuCheckboxItem: React.FC<MenuCheckboxItemProps>;
-interface MenuCheckboxItemProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
+declare const MenuItemCheckbox: React.FC<MenuItemCheckboxProps>;
+interface MenuItemCheckboxProps extends Pick<MenuItemContentTemplateProps, "supportingText" | "children"> {
     /**
      * Controls whether the checkbox is checked, unchecked.
      */
@@ -2271,7 +2367,7 @@ interface MenuCheckboxItemProps extends Pick<MenuItemContentTemplateProps, "supp
      */
     onSelect?: (event: Event) => void;
     /**
-     * ID for the MenuCheckboxItem.
+     * ID for the MenuItemCheckbox.
      */
     id?: string;
     /**
@@ -2424,14 +2520,14 @@ interface MenuPortalProps {
 /**
  * Groups menu items allowing single selection from multiple options.
  */
-declare const MenuRadioGroup: React.FC<MenuRadioGroupProps>;
-interface MenuRadioGroupProps {
+declare const MenuGroupSingleSelect: React.FC<MenuGroupSingleSelectProps>;
+interface MenuGroupSingleSelectProps {
     /**
-     * The radio items inside the group.
+     * The single select items inside the group.
      */
     children: React.ReactNode;
     /**
-     * The current selected value of the radio group.
+     * The current selected value of the single select group.
      */
     value?: string;
     /**
@@ -2443,8 +2539,8 @@ interface MenuRadioGroupProps {
 /**
  * A selectable menu item used within a radio group.
  */
-declare const MenuRadioItem: React.FC<MenuRadioItemProps>;
-interface MenuRadioItemProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
+declare const MenuItemSingleSelect: React.FC<MenuItemSingleSelectProps>;
+interface MenuItemSingleSelectProps extends Omit<MenuItemContentTemplateProps, "trailingIcon"> {
     /**
      * The value assigned to this radio item.
      */
@@ -2480,39 +2576,39 @@ interface MenuScrollableProps {
 declare const MenuSeparator: React.FC;
 
 /**
- * Container for submenu content within a dropdown menu.
+ * Container for multi-level menu content within a dropdown menu.
  */
-declare const MenuSub: React.FC<MenuSubProps>;
-interface MenuSubProps {
+declare const MenuItemMultiLevel: React.FC<MenuItemMultiLevelProps>;
+interface MenuItemMultiLevelProps {
     /**
-     *  The content inside the submenu.
+     *  The content inside the multi-level menu.
      */
     children: React.ReactNode;
 }
 
 /**
- * The submenu content that pops out when a menu item with children is hovered or clicked.
+ * The multi-level menu 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 {
+declare const MenuItemMultiLevelContent: React.ForwardRefExoticComponent<MenuItemMultiLevelContentProps & React.RefAttributes<HTMLDivElement>>;
+interface MenuItemMultiLevelContentProps {
     /**
-     * The submenu content, typically containing `Menu.Item` elements.
+     * The multi-level menu 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.
+     * 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.
      */
     width?: string | number | "auto";
     /**
-     * The minimum width of the submenu content.
+     * The minimum width of the multi-level menu content.
      */
     minWidth?: string | number;
     /**
-     * The maximum width of the submenu content.
+     * The maximum width of the multi-level menu content.
      */
     maxWidth?: string | number;
     /**
-     * Horizontal alignment of the submenu relative to the parent trigger.
+     * Horizontal alignment of the multi-level menu relative to the parent trigger.
      */
     align?: "start" | "center" | "end";
     /**
@@ -2520,22 +2616,22 @@ interface MenuSubContentProps {
      */
     alignOffset?: number;
     /**
-     * The side of the parent trigger to display the submenu.
+     * The side of the parent trigger to display the multi-level menu.
      */
     side?: "top" | "right" | "bottom" | "left";
     /**
-     * If true, hides the submenu when it's detached from its trigger.
+     * If true, hides the multi-level menu when it's detached from its trigger.
      */
     hideWhenDetached?: boolean;
 }
 
 /**
- * Trigger element that opens a submenu when selected.
+ * Trigger element that opens a multi-level menu when selected.
  */
-declare const MenuSubTrigger: React.FC<MenuSubTriggerProps>;
-interface MenuSubTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
+declare const MenuItemMultiLevelTrigger: React.FC<MenuItemMultiLevelTriggerProps>;
+interface MenuItemMultiLevelTriggerProps extends Pick<MenuItemProps, "keyCommands" | "leadingIcon" | "ariaLabel" | "supportingText"> {
     /**
-     * The trigger element for opening the submenu.
+     * The trigger element for opening the multi-level menu.
      */
     children: React.ReactNode;
     /**
@@ -2920,6 +3016,10 @@ interface ProgressStepperProps {
      * <b>DEPRECATED</b>: This will be removed in a future release.
      */
     isExpandable?: boolean;
+    /**
+     * Optional property to provide component Ref
+     */
+    ref?: React.Ref<HTMLDivElement>;
 }
 
 type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
@@ -2985,6 +3085,33 @@ interface ProgressStepperItemProps {
     isStepContentHidden?: boolean;
 }
 
+/** Use `ProgressStepperOverflow` to wrap `ProgressStepperItem`s and allow overflow behaviour. */
+declare const ProgressStepperOverflow: React.ForwardRefExoticComponent<Omit<ProgressStepperOverflowProps, "ref"> & React.RefAttributes<ProgressStepperOverflowRef>>;
+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;
+    /**
+     * 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;
+}
+
 type EventType$3 = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioCardGroup` to wrap and control `RadioCard` buttons and apply default values
@@ -4540,4 +4667,4 @@ interface VisuallyHiddenProps {
  */
 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, 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 };
+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, DatePickerRange, type DatePickerRangeProps, Disclosure, DisclosureMini, type DisclosureMiniProps, type DisclosureProps, Download, type DownloadProps, Drawer, DrawerContent, DrawerFooter, DrawerHeader, type DrawerProps, Elevation, type ElevationProps, Filter, FilterControl, 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, Link, type 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, 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, 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 };