@razorpay/blade 8.8.4 → 8.9.0

package/build/components/index.d.ts

@@ -2,9 +2,11 @@
 import * as React$1 from 'react';
 import React__default, { ReactChild, ReactElement, ReactNode, SyntheticEvent, KeyboardEvent } from 'react';
 import { AccessibilityRole, ViewStyle, View, GestureResponderEvent } from 'react-native';
+import * as styled_components from 'styled-components';
 import { CSSObject } from 'styled-components';
 import * as csstype from 'csstype';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
+import { UseFloatingOptions } from '@floating-ui/react';
 
 type BorderRadius = Readonly<{
   /** none: 0(px/rem/pt) */
@@ -968,7 +970,7 @@ type StringChildrenType = React__default.ReactText | React__default.ReactText[];
  */
 type StringWithAutocomplete = string & Record<never, never>;
 
-type TestID = {
+type TestID$1 = {
   testID?: string;
 };
 
@@ -1012,7 +1014,7 @@ declare type ActionListProps = {
      * Decides the backgroundColor of ActionList
      */
     surfaceLevel?: Exclude<SurfaceLevels, 1>;
-} & TestID;
+} & TestID$1;
 declare const ActionList: React__default.MemoExoticComponent<({ children, surfaceLevel, testID }: ActionListProps) => JSX.Element>;
 
 type Theme$1 = {
@@ -1300,6 +1302,32 @@ type MarginProps$1 = MakeObjectResponsive$1<{
   marginLeft: SpacingValueType$1;
 }>;
 
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+
+type BladeCommonEvents$1 = {
+  onBlur?: Platform.Select<{
+    native: undefined | ((event: any) => void);
+    web: React.FocusEventHandler;
+  }>;
+  onFocus?: Platform.Select<{
+    native: undefined | ((event: any) => void);
+    web: React.FocusEventHandler;
+  }>;
+  onMouseLeave?: Platform.Select<{ web: React.MouseEventHandler; native: undefined }>;
+  onMouseMove?: Platform.Select<{ web: React.MouseEventHandler; native: undefined }>;
+  onPointerDown?: Platform.Select<{ web: React.PointerEventHandler; native: undefined }>;
+  onPointerEnter?: Platform.Select<{ web: React.PointerEventHandler; native: undefined }>;
+  onTouchStart?: Platform.Select<{
+    native: undefined | ((event: any) => void);
+    web: React.TouchEventHandler;
+  }>;
+  onTouchEnd?: Platform.Select<{
+    native: undefined | ((event: any) => void);
+    web: React.TouchEventHandler;
+  }>;
+};
+
 type FlexboxProps$1 = MakeObjectResponsive$1<
   {
     /**
@@ -1482,7 +1510,7 @@ declare type ActionListItemProps = {
      * @private
      */
     _index?: number;
-} & TestID;
+} & TestID$1;
 declare const ActionListSectionDivider: () => JSX.Element;
 declare type ActionListSectionProps = {
     title: string;
@@ -1495,7 +1523,7 @@ declare type ActionListSectionProps = {
      * @private
      */
     _hideDivider?: boolean;
-} & TestID;
+} & TestID$1;
 declare const ActionListSection: ({ title, children, testID, _hideDivider, }: ActionListSectionProps) => JSX.Element;
 declare const ActionListItemIcon: ({ icon }: {
     icon: IconComponent$1;
@@ -1513,7 +1541,7 @@ declare type ActionListHeaderProps = {
      * Valid children - `ActionListHeaderIcon`
      */
     leading?: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const ActionListHeader: (props: ActionListHeaderProps) => JSX.Element;
 declare const ActionListHeaderIcon: ({ icon }: {
     icon: IconComponent$1;
@@ -1533,7 +1561,7 @@ declare type ActionListFooterProps = {
      * Anything can be passed here but maybe don't? Should ideally have Button or Tick Icon Buttons.
      */
     trailing?: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const ActionListFooter: (props: ActionListFooterProps) => JSX.Element;
 declare const ActionListFooterIcon: ({ icon }: {
     icon: IconComponent$1;
@@ -1621,7 +1649,7 @@ declare type AlertProps = {
          */
         secondary?: SecondaryAction;
     };
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Alert: ({ description, title, isDismissible, onDismiss, contrast, isFullWidth, intent, actions, testID, ...styledProps }: AlertProps) => ReactElement | null;
 
 declare type BadgeProps = {
@@ -1660,7 +1688,7 @@ declare type BadgeProps = {
      * @default 'regular'
      */
     fontWeight?: 'regular' | 'bold';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Badge: ({ children, contrast, fontWeight, icon, size, variant, testID, ...styledProps }: BadgeProps) => ReactElement;
 
 declare type BladeProviderProps = {
@@ -2274,7 +2302,8 @@ declare type BoxCallbackProps = Omit<Platform.Select<{
 }>, '__brand__'>;
 declare type BoxProps = Partial<PaddingProps & MarginProps & LayoutProps & FlexboxProps & PositionProps & GridProps & BoxCallbackProps & BoxVisualProps & {
     children?: React.ReactNode | React.ReactNode[];
-} & TestID>;
+    tabIndex?: number;
+} & TestID$1>;
 declare type BoxRefType = Platform.Select<{
     web: Omit<HTMLElement, 'style'>;
     native: View;
@@ -2734,7 +2763,8 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     as: "header" | "main" | "label" | "aside" | "div" | "footer" | "nav" | "section" | "span";
 } & {
     children?: React__default.ReactNode | React__default.ReactNode[];
-} & TestID> & React__default.RefAttributes<BoxRefType>>;
+    tabIndex?: number | undefined;
+} & TestID$1> & React__default.RefAttributes<BoxRefType>>;
 
 declare const ComponentIds: {
     CardHeader: string;
@@ -2792,18 +2822,20 @@ declare type CardProps = {
      * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
      */
     padding?: Extract<SpacingValueType$1, 'spacing.0' | 'spacing.3' | 'spacing.5' | 'spacing.7'>;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Card: ({ children, surfaceLevel, elevation, testID, padding, ...styledProps }: CardProps) => React__default.ReactElement;
 declare type CardBodyProps = {
     children: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const CardBody: ({ children, testID }: CardBodyProps) => React__default.ReactElement;
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 
 type BladeElementRef = Platform.Select<{
-  web: Pick<HTMLElement, 'focus' | 'scrollIntoView'> | Pick<View, 'focus'>;
+  web:
+    | Pick<HTMLElement, 'focus' | 'scrollIntoView' | 'getBoundingClientRect'>
+    | Pick<View, 'focus'>;
   native: React.MutableRefObject<any>;
 }>;
 
@@ -2817,6 +2849,10 @@ declare type BaseLinkCommonProps = {
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
     }>;
+    onMouseLeave?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    }>;
     onKeyDown?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
@@ -2841,7 +2877,7 @@ declare type BaseLinkCommonProps = {
      * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
      */
     htmlTitle?: string;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade & Omit<BladeCommonEvents$1, 'onBlur' | 'onMouseLeave'>;
 declare type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -2882,7 +2918,7 @@ declare type LinkCommonProps = {
      * @default medium
      */
     size?: BaseLinkProps['size'];
-} & TestID & StyledPropsBlade & Platform.Select<{
+} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1 & Platform.Select<{
     native: {
         /**
          * Defines how far your touch can start away from the link
@@ -2933,7 +2969,7 @@ declare type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
     rel?: undefined;
 };
 declare type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
-declare const Link: ({ children, icon, iconPosition, isDisabled, onClick, variant, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: LinkProps) => ReactElement;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
 
 declare type BaseButtonCommonProps = {
     href?: BaseLinkProps['href'];
@@ -2943,10 +2979,6 @@ declare type BaseButtonCommonProps = {
     iconPosition?: 'left' | 'right';
     isDisabled?: boolean;
     isFullWidth?: boolean;
-    onBlur?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
-    }>;
     onKeyDown?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
@@ -2961,7 +2993,7 @@ declare type BaseButtonCommonProps = {
     variant?: 'primary' | 'secondary' | 'tertiary';
     contrast?: 'low' | 'high';
     intent?: 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1;
 declare type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3001,7 +3033,7 @@ declare type ButtonCommonProps = {
         native: (event: GestureResponderEvent) => void;
         web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade & BladeCommonEvents$1;
 declare type ButtonWithoutIconProps = ButtonCommonProps & {
     icon?: undefined;
     children: StringChildrenType;
@@ -3041,7 +3073,7 @@ declare type CounterProps = {
      * @default 'medium'
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Counter: ({ value, max, intent, contrast, size, testID, ...styledProps }: CounterProps) => React.ReactElement;
 
 type FeedbackColors$1 = `feedback.text.${DotNotationColorStringToken<
@@ -3082,7 +3114,7 @@ type BaseTextProps$1 = {
    */
   numberOfLines?: number;
   componentName?: 'text' | 'title' | 'heading' | 'code';
-} & TestID &
+} & TestID$1 &
   StyledPropsBlade;
 
 /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */
@@ -3101,7 +3133,7 @@ type TextCommonProps$1 = {
    */
   color?: BaseTextProps$1['color'];
   textAlign?: BaseTextProps$1['textAlign'];
-} & TestID &
+} & TestID$1 &
   StyledPropsBlade;
 
 type TextVariant$1 = 'body' | 'caption';
@@ -3145,7 +3177,7 @@ declare type CardHeaderIconButtonProps = Omit<ButtonProps, 'variant' | 'size' |
 declare const CardHeaderIconButton: (props: CardHeaderIconButtonProps) => React__default.ReactElement;
 declare type CardHeaderProps = {
     children?: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const CardHeader: ({ children, testID }: CardHeaderProps) => React__default.ReactElement;
 declare type CardHeaderLeadingProps = {
     title: string;
@@ -3179,7 +3211,7 @@ declare type CardFooterAction = Pick<ButtonProps, 'type' | 'accessibilityLabel'
 };
 declare type CardFooterProps = {
     children?: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const CardFooter: ({ children, testID }: CardFooterProps) => React__default.ReactElement;
 declare type CardFooterLeadingProps = {
     title?: string;
@@ -3216,8 +3248,30 @@ declare type IconButtonProps = {
      * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
      */
     accessibilityLabel: string;
-};
-declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<BladeElementRef>>;
+} & BladeCommonEvents$1;
+declare const IconButton: React__default.ForwardRefExoticComponent<{
+    /**
+     * Icon component to be rendered, eg. `CloseIcon`
+     */
+    icon: IconComponent$1;
+    onClick: () => void;
+    /**
+     * Icon size
+     *
+     * @default 'medium'
+     */
+    size?: "medium" | "large" | undefined;
+    /**
+     * Icon contrast
+     *
+     * @default 'low'
+     */
+    contrast?: "low" | "high" | undefined;
+    /**
+     * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
+     */
+    accessibilityLabel: string;
+} & BladeCommonEvents$1 & React__default.RefAttributes<BladeElementRef>>;
 
 declare type OnChange$1 = ({ isChecked, event, value, }: {
     isChecked: boolean;
@@ -3302,7 +3356,7 @@ declare type CheckboxProps = {
      *
      */
     tabIndex?: number;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Checkbox: React__default.ForwardRefExoticComponent<{
     /**
      * If `true`, The checkbox will be checked. This also makes the checkbox controlled
@@ -3381,7 +3435,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
      *
      */
     tabIndex?: number | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<{
+} & TestID$1 & Partial<Omit<MarginProps & Pick<{
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -3787,7 +3841,7 @@ declare type CheckboxGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const CheckboxGroup: ({ children, label, helpText, isDisabled, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: CheckboxGroupProps) => React__default.ReactElement;
 
 declare type DropdownProps = {
@@ -3799,7 +3853,7 @@ declare const Dropdown: ({ children, selectionType, onDismiss, ...styledProps }:
 
 declare type DropdownOverlayProps = {
     children: React__default.ReactNode;
-} & TestID;
+} & TestID$1;
 declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => JSX.Element;
 
 declare type DropdownButtonProps = ButtonProps & {
@@ -4614,7 +4668,7 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
      * sets the autocapitalize behavior for the input
      */
     autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
-} & TestID & Platform.Select<{
+} & TestID$1 & Platform.Select<{
     native: {
         /**
          * The callback function to be invoked when the value of the input field is submitted.
@@ -4684,7 +4738,7 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
      */
     type?: Type;
 } & StyledPropsBlade;
-declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "prefix" | "defaultValue" | "autoCapitalize" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
+declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "prefix" | "onBlur" | "onFocus" | "defaultValue" | "autoCapitalize" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
     /**
      * Decides whether to render a clear icon button
      */
@@ -5079,7 +5133,7 @@ declare type PasswordInputExtraProps = {
     autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
 };
 declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade;
-declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
+declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "successText" | "isRequired" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<{
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -5422,7 +5476,7 @@ declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'n
      */
     onClearButtonClick?: () => void;
 } & StyledPropsBlade;
-declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "defaultValue" | "onFocus" | "onBlur" | "onChange" | "onSubmit" | "numberOfLines" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "maxCharacters"> & {
+declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "value" | "onBlur" | "onFocus" | "defaultValue" | "onChange" | "onSubmit" | "numberOfLines" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "maxCharacters"> & {
     /**
      * Decides whether to render a clear icon button
      */
@@ -5866,7 +5920,7 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
  */
-declare const SelectInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "prefix" | "onFocus" | "onBlur" | "onClick" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "suffix"> & {
+declare const SelectInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "testID" | "placeholder" | "label" | "prefix" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "labelPosition" | "validationState" | "helpText" | "errorText" | "necessityIndicator" | "successText" | "isRequired" | "suffix"> & {
     icon?: IconComponent$1 | undefined;
     /**
      * Controlled value of the Select. Use it in combination of `onChange`.
@@ -5897,7 +5951,7 @@ declare type IndicatorCommonProps = {
      * @default medium
      */
     size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type IndicatorWithoutA11yLabel = {
     /**
      * A text label to show alongside the indicator dot
@@ -5937,7 +5991,7 @@ declare type ListItemProps = {
      *
      */
     _itemNumber?: undefined;
-} & TestID;
+} & TestID$1;
 declare const ListItem: ({ children, icon, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
 
 declare type ListCommonProps = {
@@ -5958,7 +6012,7 @@ declare type ListCommonProps = {
      * @default 'medium'
      */
     size?: 'small' | 'medium';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type ListWithIconProps = ListCommonProps & {
     variant?: 'unordered';
     icon?: IconComponent;
@@ -6002,7 +6056,7 @@ declare type BaseTextProps = {
      */
     numberOfLines?: number;
     componentName?: 'text' | 'title' | 'heading' | 'code';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 
 declare type TitleProps = {
     /**
@@ -6015,7 +6069,7 @@ declare type TitleProps = {
     contrast?: ColorContrastTypes;
     type?: TextTypes;
     children: StringChildrenType;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Title: ({ size, type, contrast, color, children, testID, ...styledProps }: TitleProps) => ReactElement;
 
 declare type HeadingVariant = 'regular' | 'subheading';
@@ -6031,7 +6085,7 @@ declare type HeadingCommonProps = {
     contrast?: ColorContrastTypes;
     children: StringChildrenType;
     textAlign?: BaseTextProps['textAlign'];
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type HeadingNormalVariant = HeadingCommonProps & {
     variant?: Exclude<HeadingVariant, 'subheading'>;
     /**
@@ -6073,7 +6127,7 @@ declare type TextCommonProps = {
      */
     color?: BaseTextProps['color'];
     textAlign?: BaseTextProps['textAlign'];
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type TextVariant = 'body' | 'caption';
 declare type TextBodyVariant = TextCommonProps & {
     variant?: Extract<TextVariant, 'body'>;
@@ -6118,7 +6172,7 @@ declare type CodeCommonProps = {
     weight?: 'regular' | 'bold';
     isHighlighted?: boolean;
     color?: BaseTextProps['color'];
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type CodeHighlightedProps = CodeCommonProps & {
     /**
      * Adds background color to highlight the text
@@ -6317,7 +6371,7 @@ declare type ProgressBarCommonProps = {
      * @default 100
      */
     max?: number;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare type ProgressBarVariant = 'progress' | 'meter';
 declare type ProgressBarProgressProps = ProgressBarCommonProps & {
     /**
@@ -6382,7 +6436,7 @@ declare type RadioProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Radio: React__default.ForwardRefExoticComponent<{
     /**
      * Sets the label text of the Radio
@@ -6409,7 +6463,7 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
      * @default "medium"
      */
     size?: "small" | "medium" | undefined;
-} & TestID & Partial<Omit<MarginProps & Pick<{
+} & TestID$1 & Partial<Omit<MarginProps & Pick<{
     alignContent?: csstype.Property.AlignContent | {
         readonly base?: csstype.Property.AlignContent | undefined;
         readonly xs?: csstype.Property.AlignContent | undefined;
@@ -6815,7 +6869,7 @@ declare type RadioGroupProps = {
      * @default "medium"
      */
     size?: 'small' | 'medium';
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const RadioGroup: ({ children, label, helpText, isDisabled, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
 
 declare type BaseSpinnerProps = {
@@ -6848,7 +6902,7 @@ declare type BaseSpinnerProps = {
      *
      */
     accessibilityLabel: string;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 
 declare type SpinnerProps = Omit<BaseSpinnerProps, 'intent'>;
 declare const Spinner: ({ label, labelPosition, accessibilityLabel, contrast, size, testID, ...styledProps }: SpinnerProps) => React.ReactElement;
@@ -6860,7 +6914,7 @@ declare type SkipNavLinkProps = {
 declare const SkipNavLink: ({ id, children, }: SkipNavLinkProps) => JSX.Element;
 declare type SkipNavContentProps = {
     id?: string;
-} & TestID;
+} & TestID$1;
 declare const SkipNavContent: ({ id, testID, }: SkipNavContentProps) => JSX.Element;
 
 declare type OnChange = ({ isChecked, value, event, }: {
@@ -6923,7 +6977,7 @@ declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & Rea
 
 declare type VisuallyHiddenProps = {
     children: React.ReactNode;
-} & TestID;
+} & TestID$1;
 
 declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => JSX.Element;
 
@@ -6976,7 +7030,7 @@ declare type AmountProps = {
      * @default 'INR'
      * */
     currency?: Currency;
-} & TestID & StyledPropsBlade;
+} & TestID$1 & StyledPropsBlade;
 declare const Amount: ({ value, suffix, size, isAffixSubtle, intent, prefix, testID, currency, ...styledProps }: AmountProps) => ReactElement;
 
 declare type SnapPoints = [number, number, number];
@@ -7041,4 +7095,734 @@ declare const BottomSheetBody: ({ children }: {
 
 declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, }: BottomSheetProps) => React__default.ReactElement;
 
-export { ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
+declare type TooltipProps = {
+    content: string;
+    placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
+    children: React.ReactElement;
+    onOpenChange?: ({ isOpen }: {
+        isOpen: boolean;
+    }) => void;
+};
+
+declare const Tooltip: ({ content, children, placement, onOpenChange, }: TooltipProps) => React__default.ReactElement;
+
+declare type BladeCommonEvents = {
+    onBlur?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.FocusEventHandler;
+    }>;
+    onFocus?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.FocusEventHandler;
+    }>;
+    onMouseLeave?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined;
+    }>;
+    onMouseMove?: Platform.Select<{
+        web: React.MouseEventHandler;
+        native: undefined;
+    }>;
+    onPointerDown?: Platform.Select<{
+        web: React.PointerEventHandler;
+        native: undefined;
+    }>;
+    onPointerEnter?: Platform.Select<{
+        web: React.PointerEventHandler;
+        native: undefined;
+    }>;
+    onTouchStart?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.TouchEventHandler;
+    }>;
+    onTouchEnd?: Platform.Select<{
+        native: undefined | ((event: any) => void);
+        web: React.TouchEventHandler;
+    }>;
+};
+
+declare type TestID = {
+    testID?: string;
+};
+
+declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Omit<Partial<PaddingProps & MarginProps & {
+    width: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    display?: csstype.Property.Display | {
+        readonly base?: csstype.Property.Display | undefined;
+        readonly xs?: csstype.Property.Display | undefined;
+        readonly s?: csstype.Property.Display | undefined;
+        readonly m?: csstype.Property.Display | undefined;
+        readonly l?: csstype.Property.Display | undefined;
+        readonly xl?: csstype.Property.Display | undefined;
+    } | undefined;
+    height: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    maxHeight: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    maxWidth: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    minHeight: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    minWidth: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    overflowX?: csstype.Property.OverflowX | {
+        readonly base?: csstype.Property.OverflowX | undefined;
+        readonly xs?: csstype.Property.OverflowX | undefined;
+        readonly s?: csstype.Property.OverflowX | undefined;
+        readonly m?: csstype.Property.OverflowX | undefined;
+        readonly l?: csstype.Property.OverflowX | undefined;
+        readonly xl?: csstype.Property.OverflowX | undefined;
+    } | undefined;
+    overflowY?: csstype.Property.OverflowY | {
+        readonly base?: csstype.Property.OverflowY | undefined;
+        readonly xs?: csstype.Property.OverflowY | undefined;
+        readonly s?: csstype.Property.OverflowY | undefined;
+        readonly m?: csstype.Property.OverflowY | undefined;
+        readonly l?: csstype.Property.OverflowY | undefined;
+        readonly xl?: csstype.Property.OverflowY | undefined;
+    } | undefined;
+    textAlign?: csstype.Property.TextAlign | {
+        readonly base?: csstype.Property.TextAlign | undefined;
+        readonly xs?: csstype.Property.TextAlign | undefined;
+        readonly s?: csstype.Property.TextAlign | undefined;
+        readonly m?: csstype.Property.TextAlign | undefined;
+        readonly l?: csstype.Property.TextAlign | undefined;
+        readonly xl?: csstype.Property.TextAlign | undefined;
+    } | undefined;
+    overflow?: csstype.Property.Overflow | {
+        readonly base?: csstype.Property.Overflow | undefined;
+        readonly xs?: csstype.Property.Overflow | undefined;
+        readonly s?: csstype.Property.Overflow | undefined;
+        readonly m?: csstype.Property.Overflow | undefined;
+        readonly l?: csstype.Property.Overflow | undefined;
+        readonly xl?: csstype.Property.Overflow | undefined;
+    } | undefined;
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+} & {
+    alignContent?: csstype.Property.AlignContent | {
+        readonly base?: csstype.Property.AlignContent | undefined;
+        readonly xs?: csstype.Property.AlignContent | undefined;
+        readonly s?: csstype.Property.AlignContent | undefined;
+        readonly m?: csstype.Property.AlignContent | undefined;
+        readonly l?: csstype.Property.AlignContent | undefined;
+        readonly xl?: csstype.Property.AlignContent | undefined;
+    } | undefined;
+    alignItems?: csstype.Property.AlignItems | {
+        readonly base?: csstype.Property.AlignItems | undefined;
+        readonly xs?: csstype.Property.AlignItems | undefined;
+        readonly s?: csstype.Property.AlignItems | undefined;
+        readonly m?: csstype.Property.AlignItems | undefined;
+        readonly l?: csstype.Property.AlignItems | undefined;
+        readonly xl?: csstype.Property.AlignItems | undefined;
+    } | undefined;
+    alignSelf?: csstype.Property.AlignSelf | {
+        readonly base?: csstype.Property.AlignSelf | undefined;
+        readonly xs?: csstype.Property.AlignSelf | undefined;
+        readonly s?: csstype.Property.AlignSelf | undefined;
+        readonly m?: csstype.Property.AlignSelf | undefined;
+        readonly l?: csstype.Property.AlignSelf | undefined;
+        readonly xl?: csstype.Property.AlignSelf | undefined;
+    } | undefined;
+    columnGap: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    flexBasis?: csstype.Property.FlexBasis<string | number> | {
+        readonly base?: csstype.Property.FlexBasis<string | number> | undefined;
+        readonly xs?: csstype.Property.FlexBasis<string | number> | undefined;
+        readonly s?: csstype.Property.FlexBasis<string | number> | undefined;
+        readonly m?: csstype.Property.FlexBasis<string | number> | undefined;
+        readonly l?: csstype.Property.FlexBasis<string | number> | undefined;
+        readonly xl?: csstype.Property.FlexBasis<string | number> | undefined;
+    } | undefined;
+    flexDirection?: csstype.Property.FlexDirection | {
+        readonly base?: csstype.Property.FlexDirection | undefined;
+        readonly xs?: csstype.Property.FlexDirection | undefined;
+        readonly s?: csstype.Property.FlexDirection | undefined;
+        readonly m?: csstype.Property.FlexDirection | undefined;
+        readonly l?: csstype.Property.FlexDirection | undefined;
+        readonly xl?: csstype.Property.FlexDirection | undefined;
+    } | undefined;
+    flexGrow?: csstype.Property.FlexGrow | {
+        readonly base?: csstype.Property.FlexGrow | undefined;
+        readonly xs?: csstype.Property.FlexGrow | undefined;
+        readonly s?: csstype.Property.FlexGrow | undefined;
+        readonly m?: csstype.Property.FlexGrow | undefined;
+        readonly l?: csstype.Property.FlexGrow | undefined;
+        readonly xl?: csstype.Property.FlexGrow | undefined;
+    } | undefined;
+    flexShrink?: csstype.Property.FlexShrink | {
+        readonly base?: csstype.Property.FlexShrink | undefined;
+        readonly xs?: csstype.Property.FlexShrink | undefined;
+        readonly s?: csstype.Property.FlexShrink | undefined;
+        readonly m?: csstype.Property.FlexShrink | undefined;
+        readonly l?: csstype.Property.FlexShrink | undefined;
+        readonly xl?: csstype.Property.FlexShrink | undefined;
+    } | undefined;
+    flexWrap?: csstype.Property.FlexWrap | {
+        readonly base?: csstype.Property.FlexWrap | undefined;
+        readonly xs?: csstype.Property.FlexWrap | undefined;
+        readonly s?: csstype.Property.FlexWrap | undefined;
+        readonly m?: csstype.Property.FlexWrap | undefined;
+        readonly l?: csstype.Property.FlexWrap | undefined;
+        readonly xl?: csstype.Property.FlexWrap | undefined;
+    } | undefined;
+    justifyContent?: csstype.Property.JustifyContent | {
+        readonly base?: csstype.Property.JustifyContent | undefined;
+        readonly xs?: csstype.Property.JustifyContent | undefined;
+        readonly s?: csstype.Property.JustifyContent | undefined;
+        readonly m?: csstype.Property.JustifyContent | undefined;
+        readonly l?: csstype.Property.JustifyContent | undefined;
+        readonly xl?: csstype.Property.JustifyContent | undefined;
+    } | undefined;
+    justifyItems?: csstype.Property.JustifyItems | {
+        readonly base?: csstype.Property.JustifyItems | undefined;
+        readonly xs?: csstype.Property.JustifyItems | undefined;
+        readonly s?: csstype.Property.JustifyItems | undefined;
+        readonly m?: csstype.Property.JustifyItems | undefined;
+        readonly l?: csstype.Property.JustifyItems | undefined;
+        readonly xl?: csstype.Property.JustifyItems | undefined;
+    } | undefined;
+    justifySelf?: csstype.Property.JustifySelf | {
+        readonly base?: csstype.Property.JustifySelf | undefined;
+        readonly xs?: csstype.Property.JustifySelf | undefined;
+        readonly s?: csstype.Property.JustifySelf | undefined;
+        readonly m?: csstype.Property.JustifySelf | undefined;
+        readonly l?: csstype.Property.JustifySelf | undefined;
+        readonly xl?: csstype.Property.JustifySelf | undefined;
+    } | undefined;
+    order?: csstype.Property.Order | {
+        readonly base?: csstype.Property.Order | undefined;
+        readonly xs?: csstype.Property.Order | undefined;
+        readonly s?: csstype.Property.Order | undefined;
+        readonly m?: csstype.Property.Order | undefined;
+        readonly l?: csstype.Property.Order | undefined;
+        readonly xl?: csstype.Property.Order | undefined;
+    } | undefined;
+    rowGap: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    flex: string | number | {
+        readonly base?: string | number | undefined;
+        readonly xs?: string | number | undefined;
+        readonly s?: string | number | undefined;
+        readonly m?: string | number | undefined;
+        readonly l?: string | number | undefined;
+        readonly xl?: string | number | undefined;
+    };
+    gap: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    placeSelf?: csstype.Property.PlaceSelf | {
+        readonly base?: csstype.Property.PlaceSelf | undefined;
+        readonly xs?: csstype.Property.PlaceSelf | undefined;
+        readonly s?: csstype.Property.PlaceSelf | undefined;
+        readonly m?: csstype.Property.PlaceSelf | undefined;
+        readonly l?: csstype.Property.PlaceSelf | undefined;
+        readonly xl?: csstype.Property.PlaceSelf | undefined;
+    } | undefined;
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+} & {
+    bottom: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    left: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    position?: csstype.Property.Position | {
+        readonly base?: csstype.Property.Position | undefined;
+        readonly xs?: csstype.Property.Position | undefined;
+        readonly s?: csstype.Property.Position | undefined;
+        readonly m?: csstype.Property.Position | undefined;
+        readonly l?: csstype.Property.Position | undefined;
+        readonly xl?: csstype.Property.Position | undefined;
+    } | undefined;
+    right: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    top: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    zIndex?: csstype.Property.ZIndex | {
+        readonly base?: csstype.Property.ZIndex | undefined;
+        readonly xs?: csstype.Property.ZIndex | undefined;
+        readonly s?: csstype.Property.ZIndex | undefined;
+        readonly m?: csstype.Property.ZIndex | undefined;
+        readonly l?: csstype.Property.ZIndex | undefined;
+        readonly xl?: csstype.Property.ZIndex | undefined;
+    } | undefined;
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+} & {
+    grid?: csstype.Property.Grid | {
+        readonly base?: csstype.Property.Grid | undefined;
+        readonly xs?: csstype.Property.Grid | undefined;
+        readonly s?: csstype.Property.Grid | undefined;
+        readonly m?: csstype.Property.Grid | undefined;
+        readonly l?: csstype.Property.Grid | undefined;
+        readonly xl?: csstype.Property.Grid | undefined;
+    } | undefined;
+    gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
+        readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
+        readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
+    } | undefined;
+    gridAutoFlow?: csstype.Property.GridAutoFlow | {
+        readonly base?: csstype.Property.GridAutoFlow | undefined;
+        readonly xs?: csstype.Property.GridAutoFlow | undefined;
+        readonly s?: csstype.Property.GridAutoFlow | undefined;
+        readonly m?: csstype.Property.GridAutoFlow | undefined;
+        readonly l?: csstype.Property.GridAutoFlow | undefined;
+        readonly xl?: csstype.Property.GridAutoFlow | undefined;
+    } | undefined;
+    gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
+        readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
+        readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
+        readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
+        readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
+        readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
+        readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
+    } | undefined;
+    gridColumnEnd?: csstype.Property.GridColumnEnd | {
+        readonly base?: csstype.Property.GridColumnEnd | undefined;
+        readonly xs?: csstype.Property.GridColumnEnd | undefined;
+        readonly s?: csstype.Property.GridColumnEnd | undefined;
+        readonly m?: csstype.Property.GridColumnEnd | undefined;
+        readonly l?: csstype.Property.GridColumnEnd | undefined;
+        readonly xl?: csstype.Property.GridColumnEnd | undefined;
+    } | undefined;
+    gridColumnStart?: csstype.Property.GridColumnStart | {
+        readonly base?: csstype.Property.GridColumnStart | undefined;
+        readonly xs?: csstype.Property.GridColumnStart | undefined;
+        readonly s?: csstype.Property.GridColumnStart | undefined;
+        readonly m?: csstype.Property.GridColumnStart | undefined;
+        readonly l?: csstype.Property.GridColumnStart | undefined;
+        readonly xl?: csstype.Property.GridColumnStart | undefined;
+    } | undefined;
+    gridRowEnd?: csstype.Property.GridRowEnd | {
+        readonly base?: csstype.Property.GridRowEnd | undefined;
+        readonly xs?: csstype.Property.GridRowEnd | undefined;
+        readonly s?: csstype.Property.GridRowEnd | undefined;
+        readonly m?: csstype.Property.GridRowEnd | undefined;
+        readonly l?: csstype.Property.GridRowEnd | undefined;
+        readonly xl?: csstype.Property.GridRowEnd | undefined;
+    } | undefined;
+    gridRowStart?: csstype.Property.GridRowStart | {
+        readonly base?: csstype.Property.GridRowStart | undefined;
+        readonly xs?: csstype.Property.GridRowStart | undefined;
+        readonly s?: csstype.Property.GridRowStart | undefined;
+        readonly m?: csstype.Property.GridRowStart | undefined;
+        readonly l?: csstype.Property.GridRowStart | undefined;
+        readonly xl?: csstype.Property.GridRowStart | undefined;
+    } | undefined;
+    gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
+        readonly base?: csstype.Property.GridTemplateAreas | undefined;
+        readonly xs?: csstype.Property.GridTemplateAreas | undefined;
+        readonly s?: csstype.Property.GridTemplateAreas | undefined;
+        readonly m?: csstype.Property.GridTemplateAreas | undefined;
+        readonly l?: csstype.Property.GridTemplateAreas | undefined;
+        readonly xl?: csstype.Property.GridTemplateAreas | undefined;
+    } | undefined;
+    gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
+        readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+        readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
+    } | undefined;
+    gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
+        readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
+        readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
+    } | undefined;
+    gridArea?: csstype.Property.GridArea | {
+        readonly base?: csstype.Property.GridArea | undefined;
+        readonly xs?: csstype.Property.GridArea | undefined;
+        readonly s?: csstype.Property.GridArea | undefined;
+        readonly m?: csstype.Property.GridArea | undefined;
+        readonly l?: csstype.Property.GridArea | undefined;
+        readonly xl?: csstype.Property.GridArea | undefined;
+    } | undefined;
+    gridColumn?: csstype.Property.GridColumn | {
+        readonly base?: csstype.Property.GridColumn | undefined;
+        readonly xs?: csstype.Property.GridColumn | undefined;
+        readonly s?: csstype.Property.GridColumn | undefined;
+        readonly m?: csstype.Property.GridColumn | undefined;
+        readonly l?: csstype.Property.GridColumn | undefined;
+        readonly xl?: csstype.Property.GridColumn | undefined;
+    } | undefined;
+    gridRow?: csstype.Property.GridRow | {
+        readonly base?: csstype.Property.GridRow | undefined;
+        readonly xs?: csstype.Property.GridRow | undefined;
+        readonly s?: csstype.Property.GridRow | undefined;
+        readonly m?: csstype.Property.GridRow | undefined;
+        readonly l?: csstype.Property.GridRow | undefined;
+        readonly xl?: csstype.Property.GridRow | undefined;
+    } | undefined;
+    gridTemplate?: csstype.Property.GridTemplate | {
+        readonly base?: csstype.Property.GridTemplate | undefined;
+        readonly xs?: csstype.Property.GridTemplate | undefined;
+        readonly s?: csstype.Property.GridTemplate | undefined;
+        readonly m?: csstype.Property.GridTemplate | undefined;
+        readonly l?: csstype.Property.GridTemplate | undefined;
+        readonly xl?: csstype.Property.GridTemplate | undefined;
+    } | undefined;
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+} & {
+    onMouseOver: React$1.MouseEventHandler<HTMLElement>;
+    onMouseEnter: React$1.MouseEventHandler<HTMLElement>;
+    onMouseLeave: React$1.MouseEventHandler<HTMLElement>;
+    onScroll: React$1.UIEventHandler<HTMLElement>;
+} & MakeObjectResponsive<{
+    backgroundColor: "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast";
+    borderWidth: "none" | "thin" | "thick";
+    borderColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast";
+    borderTopWidth: "none" | "thin" | "thick";
+    borderTopColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast";
+    borderRightWidth: "none" | "thin" | "thick";
+    borderRightColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast";
+    borderBottomWidth: "none" | "thin" | "thick";
+    borderBottomColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast";
+    borderLeftWidth: "none" | "thin" | "thick";
+    borderLeftColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast";
+    borderRadius: "none" | "small" | "medium" | "large" | "max" | "round";
+    borderTopLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round";
+    borderTopRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
+    borderBottomRightRadius: "none" | "small" | "medium" | "large" | "max" | "round";
+    borderBottomLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round";
+}, "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderColor" | "borderRadius" | "borderWidth"> & {
+    as: "header" | "main" | "label" | "aside" | "div" | "footer" | "nav" | "section" | "span";
+} & {
+    children?: React$1.ReactNode | React$1.ReactNode[];
+    tabIndex?: number | undefined;
+} & TestID>, "backgroundColor" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomWidth" | "borderLeftColor" | "borderLeftWidth" | "borderRightColor" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopWidth" | "borderColor" | "borderRadius" | "borderWidth" | "as"> & Partial<{
+    border?: csstype.Property.Border<string | number> | {
+        readonly base?: csstype.Property.Border<string | number> | undefined;
+        readonly xs?: csstype.Property.Border<string | number> | undefined;
+        readonly s?: csstype.Property.Border<string | number> | undefined;
+        readonly m?: csstype.Property.Border<string | number> | undefined;
+        readonly l?: csstype.Property.Border<string | number> | undefined;
+        readonly xl?: csstype.Property.Border<string | number> | undefined;
+    } | undefined;
+    backgroundColor: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | {
+        readonly base?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+        readonly xs?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+        readonly s?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+        readonly m?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+        readonly l?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+        readonly xl?: (string & Record<never, never>) | "feedback.background.neutral.lowContrast" | "feedback.background.neutral.highContrast" | "feedback.background.information.lowContrast" | "feedback.background.information.highContrast" | "feedback.background.negative.lowContrast" | "feedback.background.negative.highContrast" | "feedback.background.notice.lowContrast" | "feedback.background.notice.highContrast" | "feedback.background.positive.lowContrast" | "feedback.background.positive.highContrast" | "surface.background.level1.lowContrast" | "surface.background.level1.highContrast" | "surface.background.level2.lowContrast" | "surface.background.level2.highContrast" | "surface.background.level3.lowContrast" | "surface.background.level3.highContrast" | "action.background.primary.default" | "action.background.primary.disabled" | "action.background.primary.hover" | "action.background.primary.focus" | "action.background.primary.active" | "action.background.secondary.default" | "action.background.secondary.disabled" | "action.background.secondary.hover" | "action.background.secondary.focus" | "action.background.secondary.active" | "action.background.tertiary.default" | "action.background.tertiary.disabled" | "action.background.tertiary.hover" | "action.background.tertiary.focus" | "action.background.tertiary.active" | undefined;
+    };
+    borderBottomColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
+        readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xs?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly s?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly m?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+    };
+    borderBottomLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round" | {
+        readonly base?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xs?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly s?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly m?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+    };
+    borderBottomRightRadius: "none" | "small" | "medium" | "large" | "max" | "round" | {
+        readonly base?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xs?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly s?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly m?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+    };
+    borderBottomWidth: "none" | "thin" | "thick" | {
+        readonly base?: "none" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thin" | "thick" | undefined;
+    };
+    borderLeftColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
+        readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xs?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly s?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly m?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+    };
+    borderLeftWidth: "none" | "thin" | "thick" | {
+        readonly base?: "none" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thin" | "thick" | undefined;
+    };
+    borderRightColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
+        readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xs?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly s?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly m?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+    };
+    borderRightWidth: "none" | "thin" | "thick" | {
+        readonly base?: "none" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thin" | "thick" | undefined;
+    };
+    borderTopColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
+        readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xs?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly s?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly m?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+    };
+    borderTopLeftRadius: "none" | "small" | "medium" | "large" | "max" | "round" | {
+        readonly base?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xs?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly s?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly m?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+    };
+    borderTopRightRadius: "none" | "small" | "medium" | "large" | "max" | "round" | {
+        readonly base?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xs?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly s?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly m?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+    };
+    borderTopWidth: "none" | "thin" | "thick" | {
+        readonly base?: "none" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thin" | "thick" | undefined;
+    };
+    lineHeight: SpacingValueType | {
+        readonly base?: SpacingValueType | undefined;
+        readonly xs?: SpacingValueType | undefined;
+        readonly s?: SpacingValueType | undefined;
+        readonly m?: SpacingValueType | undefined;
+        readonly l?: SpacingValueType | undefined;
+        readonly xl?: SpacingValueType | undefined;
+    };
+    opacity?: csstype.Property.Opacity | {
+        readonly base?: csstype.Property.Opacity | undefined;
+        readonly xs?: csstype.Property.Opacity | undefined;
+        readonly s?: csstype.Property.Opacity | undefined;
+        readonly m?: csstype.Property.Opacity | undefined;
+        readonly l?: csstype.Property.Opacity | undefined;
+        readonly xl?: csstype.Property.Opacity | undefined;
+    } | undefined;
+    pointerEvents?: csstype.Property.PointerEvents | {
+        readonly base?: csstype.Property.PointerEvents | undefined;
+        readonly xs?: csstype.Property.PointerEvents | undefined;
+        readonly s?: csstype.Property.PointerEvents | undefined;
+        readonly m?: csstype.Property.PointerEvents | undefined;
+        readonly l?: csstype.Property.PointerEvents | undefined;
+        readonly xl?: csstype.Property.PointerEvents | undefined;
+    } | undefined;
+    touchAction: csstype.Property.TouchAction | {
+        readonly base?: csstype.Property.TouchAction | undefined;
+        readonly xs?: csstype.Property.TouchAction | undefined;
+        readonly s?: csstype.Property.TouchAction | undefined;
+        readonly m?: csstype.Property.TouchAction | undefined;
+        readonly l?: csstype.Property.TouchAction | undefined;
+        readonly xl?: csstype.Property.TouchAction | undefined;
+    } | undefined;
+    userSelect: csstype.Property.UserSelect | {
+        readonly base?: csstype.Property.UserSelect | undefined;
+        readonly xs?: csstype.Property.UserSelect | undefined;
+        readonly s?: csstype.Property.UserSelect | undefined;
+        readonly m?: csstype.Property.UserSelect | undefined;
+        readonly l?: csstype.Property.UserSelect | undefined;
+        readonly xl?: csstype.Property.UserSelect | undefined;
+    } | undefined;
+    borderBottom?: csstype.Property.BorderBottom<string | number> | {
+        readonly base?: csstype.Property.BorderBottom<string | number> | undefined;
+        readonly xs?: csstype.Property.BorderBottom<string | number> | undefined;
+        readonly s?: csstype.Property.BorderBottom<string | number> | undefined;
+        readonly m?: csstype.Property.BorderBottom<string | number> | undefined;
+        readonly l?: csstype.Property.BorderBottom<string | number> | undefined;
+        readonly xl?: csstype.Property.BorderBottom<string | number> | undefined;
+    } | undefined;
+    borderColor: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | {
+        readonly base?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xs?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly s?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly m?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly l?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+        readonly xl?: "surface.border.normal.lowContrast" | "surface.border.normal.highContrast" | "surface.border.subtle.lowContrast" | "surface.border.subtle.highContrast" | undefined;
+    };
+    borderLeft?: csstype.Property.BorderLeft<string | number> | {
+        readonly base?: csstype.Property.BorderLeft<string | number> | undefined;
+        readonly xs?: csstype.Property.BorderLeft<string | number> | undefined;
+        readonly s?: csstype.Property.BorderLeft<string | number> | undefined;
+        readonly m?: csstype.Property.BorderLeft<string | number> | undefined;
+        readonly l?: csstype.Property.BorderLeft<string | number> | undefined;
+        readonly xl?: csstype.Property.BorderLeft<string | number> | undefined;
+    } | undefined;
+    borderRadius: "none" | "small" | "medium" | "large" | "max" | "round" | {
+        readonly base?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xs?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly s?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly m?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly l?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+        readonly xl?: "none" | "small" | "medium" | "large" | "max" | "round" | undefined;
+    };
+    borderRight?: csstype.Property.BorderRight<string | number> | {
+        readonly base?: csstype.Property.BorderRight<string | number> | undefined;
+        readonly xs?: csstype.Property.BorderRight<string | number> | undefined;
+        readonly s?: csstype.Property.BorderRight<string | number> | undefined;
+        readonly m?: csstype.Property.BorderRight<string | number> | undefined;
+        readonly l?: csstype.Property.BorderRight<string | number> | undefined;
+        readonly xl?: csstype.Property.BorderRight<string | number> | undefined;
+    } | undefined;
+    borderTop?: csstype.Property.BorderTop<string | number> | {
+        readonly base?: csstype.Property.BorderTop<string | number> | undefined;
+        readonly xs?: csstype.Property.BorderTop<string | number> | undefined;
+        readonly s?: csstype.Property.BorderTop<string | number> | undefined;
+        readonly m?: csstype.Property.BorderTop<string | number> | undefined;
+        readonly l?: csstype.Property.BorderTop<string | number> | undefined;
+        readonly xl?: csstype.Property.BorderTop<string | number> | undefined;
+    } | undefined;
+    borderWidth: "none" | "thin" | "thick" | {
+        readonly base?: "none" | "thin" | "thick" | undefined;
+        readonly xs?: "none" | "thin" | "thick" | undefined;
+        readonly s?: "none" | "thin" | "thick" | undefined;
+        readonly m?: "none" | "thin" | "thick" | undefined;
+        readonly l?: "none" | "thin" | "thick" | undefined;
+        readonly xl?: "none" | "thin" | "thick" | undefined;
+    };
+    __brand__?: "platform-web" | {
+        readonly base?: "platform-web" | undefined;
+        readonly xs?: "platform-web" | undefined;
+        readonly s?: "platform-web" | undefined;
+        readonly m?: "platform-web" | undefined;
+        readonly l?: "platform-web" | undefined;
+        readonly xl?: "platform-web" | undefined;
+    } | undefined;
+} & {
+    className?: string | undefined;
+    id?: string | undefined;
+    tabIndex?: number | undefined;
+}> & BladeCommonEvents & {
+    tabIndex: -1;
+}, "tabIndex">;
+
+export { ActionList, ActionListFooter, ActionListFooterIcon, ActionListFooterProps, ActionListHeader, ActionListHeaderIcon, ActionListHeaderProps, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };