@razorpay/blade 11.28.2 → 11.29.0

package/build/types/components/index.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, KeyboardEvent } from 'react';
-import { View, ViewStyle, TouchableOpacity, AccessibilityRole, GestureResponderEvent } from 'react-native';
-import * as styled_components from 'styled-components';
+import React__default, { ReactNode, ReactElement, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
+import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity } from 'react-native';
 import { CSSObject } from 'styled-components';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
 import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
@@ -2899,183 +2898,6 @@ type BadgeProps = {
 } & TestID & StyledPropsBlade;
 declare const Badge: ({ children, emphasis, icon: Icon, size, color, testID, ...styledProps }: BadgeProps) => ReactElement;
 
-type ActionListItemProps = {
-    title: string;
-    description?: string;
-    onClick?: (clickProps: {
-        name: string;
-        value?: boolean;
-        event: Platform.Select<{
-            web: React__default.MouseEvent;
-            native: React__default.TouchEvent<TouchableOpacity>;
-        }>;
-    }) => void;
-    /**
-     * value that you get from `onChange` event on SelectInput or in form submissions.
-     */
-    value: string;
-    /**
-     * Link to open when item is clicked.
-     */
-    href?: string;
-    /**
-     * HTML target of the link
-     */
-    target?: string;
-    /**
-     * Item that goes on left-side of item.
-     *
-     * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
-     *
-     * Will be overriden in multiselect
-     */
-    leading?: React__default.ReactNode;
-    /**
-     * Item that goes on right-side of item.
-     *
-     * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
-     */
-    trailing?: React__default.ReactNode;
-    /**
-     * Item that goes immediately next to the title.
-     *
-     * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
-     *
-     */
-    titleSuffix?: React__default.ReactElement;
-    isDisabled?: boolean;
-    intent?: Extract<FeedbackColors, 'negative'>;
-    /**
-     * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
-     *
-     * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
-     */
-    isSelected?: boolean;
-    /**
-     * Internally passed from ActionList. No need to pass it explicitly
-     *
-     * @private
-     */
-    _index?: number;
-} & TestID;
-type ActionListSectionProps = {
-    title: string;
-    children: React__default.ReactNode[] | React__default.ReactNode;
-    /**
-     * Internally used to hide the divider on final item in React Native.
-     *
-     * Should not be used by consumers (also won't work on web)
-     *
-     * @private
-     */
-    _hideDivider?: boolean;
-    /**
-     * Internally used to hide / show section in AutoComplete
-     *
-     * @private
-     */
-    _sectionChildValues?: string[];
-} & TestID;
-declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
-declare const ActionListItemIcon: ({ icon }: {
-    icon: IconComponent;
-}) => React__default.ReactElement;
-declare const ActionListItemBadgeGroup: ({ children, }: {
-    children: React__default.ReactElement[] | React__default.ReactElement;
-}) => React__default.ReactElement;
-declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
-declare const ActionListItemText: ({ children, }: {
-    children: StringChildrenType;
-}) => React__default.ReactElement;
-declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
-
-type ActionListItemAssetProps = {
-    /**
-     * Source of the image.
-     */
-    src: string;
-    /**
-     * Alt tag for the image
-     */
-    alt: string;
-};
-declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
-
-type PrimaryAction = {
-    text: string;
-    onClick: () => void;
-};
-type SecondaryActionButton = {
-    text: string;
-    onClick: () => void;
-};
-type SecondaryActionLinkButton = {
-    text: string;
-    href: string;
-    onClick?: () => void;
-    target?: string;
-    /**
-     * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
-     */
-    rel?: string;
-};
-type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
-type AlertProps = {
-    /**
-     * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
-     */
-    description: ReactChild;
-    /**
-     * A brief heading
-     */
-    title?: string;
-    /**
-     * Shows a dismiss button
-     *
-     * @default true
-     */
-    isDismissible?: boolean;
-    /**
-     * A callback when the dismiss button is clicked
-     */
-    onDismiss?: () => void;
-    /**
-     * Can be used to render custom icon
-     */
-    icon?: IconComponent;
-    /**
-     * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
-     *
-     * @default subtle
-     */
-    emphasis?: SubtleOrIntense;
-    /**
-     * Makes the Alert span the entire container width, instead of the default max width of `584px`.
-     * This also makes the alert borderless, useful for creating full bleed layouts.
-     *
-     * @default false
-     */
-    isFullWidth?: boolean;
-    /**
-     * Sets the color tone
-     */
-    color?: FeedbackColors;
-    /**
-     * Renders a primary action button and a secondary action link button
-     */
-    actions?: {
-        /**
-         * Renders a button (should **always** be present if `secondary` action is being used)
-         */
-        primary?: PrimaryAction;
-        /**
-         * Renders a Link button
-         */
-        secondary?: SecondaryAction;
-    };
-} & TestID & StyledPropsBlade;
-declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
-
 type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
 type AccessibilityProps = AriaAttributes;
 type AriaAttributes = {
@@ -3338,73 +3160,6 @@ type BaseTextProps = {
 } & TestID & StyledPropsBlade;
 type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 
-type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
-type AmountDisplayProps = {
-    type?: 'display';
-    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
-    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
-};
-type AmountHeadingProps = {
-    type?: 'heading';
-    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
-    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
-};
-type AmountBodyProps = {
-    type?: 'body';
-    size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
-    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
-};
-type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
-
-type AmountCommonProps = {
-    /**
-     * The value to be rendered within the component.
-     *
-     */
-    value: number;
-    /**
-     * Sets the color of the amount.
-     *
-     * @default undefined
-     */
-    color?: BaseTextProps['color'];
-    /**
-     * Indicates what the suffix of amount should be
-     *
-     * @default 'decimals'
-     */
-    suffix?: 'decimals' | 'none' | 'humanize';
-    /**
-     * Makes the currency indicator(currency symbol/code) and decimal digits small and faded
-     *
-     * @default true
-     */
-    isAffixSubtle?: true | false;
-    /**
-     * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
-     *
-     * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
-     *
-     * @default 'currency-symbol'
-     */
-    currencyIndicator?: 'currency-symbol' | 'currency-code';
-    /**
-     * The currency of the amount.  Note that this component
-     * only displays the provided value in the specified currency, it does not perform any currency conversion.
-     *
-     * @default 'INR'
-     * */
-    currency?: CurrencyCodeType;
-    /**
-     * If true, the amount text will have a line through it.
-     *
-     * @default false
-     */
-    isStrikethrough?: boolean;
-} & TestID & StyledPropsBlade;
-type AmountProps = AmountTypeProps & AmountCommonProps;
-declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
-
 type BaseLinkCommonProps = {
     color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
     icon?: IconComponent;
@@ -3678,18 +3433,263 @@ type AvatarCommonProps = {
 } & BladeCommonEvents & StyledPropsBlade;
 type AvatarProps = AvatarCommonProps & AvatarImgProps;
 
-/**
- * ### Avatar Component
- *
- * An avatar component is a standardized visual representation of a user or entity.
- *
- * ---
- *
- * #### Usage
- *
- * ```jsx
-  <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
- * ```
+type ActionListItemProps = {
+    title: string;
+    description?: string;
+    onClick?: (clickProps: {
+        name: string;
+        value?: boolean;
+        event: Platform.Select<{
+            web: React__default.MouseEvent;
+            native: React__default.TouchEvent<TouchableOpacity>;
+        }>;
+    }) => void;
+    /**
+     * value that you get from `onChange` event on SelectInput or in form submissions.
+     */
+    value: string;
+    /**
+     * Link to open when item is clicked.
+     */
+    href?: string;
+    /**
+     * HTML target of the link
+     */
+    target?: string;
+    /**
+     * Item that goes on left-side of item.
+     *
+     * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
+     *
+     * Will be overriden in multiselect
+     */
+    leading?: React__default.ReactNode;
+    /**
+     * Item that goes on right-side of item.
+     *
+     * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
+     */
+    trailing?: React__default.ReactNode;
+    /**
+     * Item that goes immediately next to the title.
+     *
+     * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
+     *
+     */
+    titleSuffix?: React__default.ReactElement;
+    isDisabled?: boolean;
+    intent?: Extract<FeedbackColors, 'negative'>;
+    /**
+     * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
+     *
+     * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
+     */
+    isSelected?: boolean;
+    /**
+     * Internally passed from ActionList. No need to pass it explicitly
+     *
+     * @private
+     */
+    _index?: number;
+} & TestID;
+type ActionListSectionProps = {
+    title: string;
+    children: React__default.ReactNode[] | React__default.ReactNode;
+    /**
+     * Internally used to hide the divider on final item in React Native.
+     *
+     * Should not be used by consumers (also won't work on web)
+     *
+     * @private
+     */
+    _hideDivider?: boolean;
+    /**
+     * Internally used to hide / show section in AutoComplete
+     *
+     * @private
+     */
+    _sectionChildValues?: string[];
+} & TestID;
+declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
+declare const ActionListItemIcon: ({ icon }: {
+    icon: IconComponent;
+}) => React__default.ReactElement;
+declare const ActionListItemBadgeGroup: ({ children, }: {
+    children: React__default.ReactElement[] | React__default.ReactElement;
+}) => React__default.ReactElement;
+declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => React__default.ReactElement;
+declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
+declare const ActionListItemText: ({ children, }: {
+    children: StringChildrenType;
+}) => React__default.ReactElement;
+declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
+
+type ActionListItemAssetProps = {
+    /**
+     * Source of the image.
+     */
+    src: string;
+    /**
+     * Alt tag for the image
+     */
+    alt: string;
+};
+declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
+
+type PrimaryAction = {
+    text: string;
+    onClick: () => void;
+};
+type SecondaryActionButton = {
+    text: string;
+    onClick: () => void;
+};
+type SecondaryActionLinkButton = {
+    text: string;
+    href: string;
+    onClick?: () => void;
+    target?: string;
+    /**
+     * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
+     */
+    rel?: string;
+};
+type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
+type AlertProps = {
+    /**
+     * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
+     */
+    description: ReactChild;
+    /**
+     * A brief heading
+     */
+    title?: string;
+    /**
+     * Shows a dismiss button
+     *
+     * @default true
+     */
+    isDismissible?: boolean;
+    /**
+     * A callback when the dismiss button is clicked
+     */
+    onDismiss?: () => void;
+    /**
+     * Can be used to render custom icon
+     */
+    icon?: IconComponent;
+    /**
+     * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
+     *
+     * @default subtle
+     */
+    emphasis?: SubtleOrIntense;
+    /**
+     * Makes the Alert span the entire container width, instead of the default max width of `584px`.
+     * This also makes the alert borderless, useful for creating full bleed layouts.
+     *
+     * @default false
+     */
+    isFullWidth?: boolean;
+    /**
+     * Sets the color tone
+     */
+    color?: FeedbackColors;
+    /**
+     * Renders a primary action button and a secondary action link button
+     */
+    actions?: {
+        /**
+         * Renders a button (should **always** be present if `secondary` action is being used)
+         */
+        primary?: PrimaryAction;
+        /**
+         * Renders a Link button
+         */
+        secondary?: SecondaryAction;
+    };
+} & TestID & StyledPropsBlade;
+declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
+
+type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+type AmountDisplayProps = {
+    type?: 'display';
+    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
+    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
+};
+type AmountHeadingProps = {
+    type?: 'heading';
+    size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
+    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
+};
+type AmountBodyProps = {
+    type?: 'body';
+    size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
+    weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
+};
+type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
+
+type AmountCommonProps = {
+    /**
+     * The value to be rendered within the component.
+     *
+     */
+    value: number;
+    /**
+     * Sets the color of the amount.
+     *
+     * @default undefined
+     */
+    color?: BaseTextProps['color'];
+    /**
+     * Indicates what the suffix of amount should be
+     *
+     * @default 'decimals'
+     */
+    suffix?: 'decimals' | 'none' | 'humanize';
+    /**
+     * Makes the currency indicator(currency symbol/code) and decimal digits small and faded
+     *
+     * @default true
+     */
+    isAffixSubtle?: true | false;
+    /**
+     * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
+     *
+     * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
+     *
+     * @default 'currency-symbol'
+     */
+    currencyIndicator?: 'currency-symbol' | 'currency-code';
+    /**
+     * The currency of the amount.  Note that this component
+     * only displays the provided value in the specified currency, it does not perform any currency conversion.
+     *
+     * @default 'INR'
+     * */
+    currency?: CurrencyCodeType;
+    /**
+     * If true, the amount text will have a line through it.
+     *
+     * @default false
+     */
+    isStrikethrough?: boolean;
+} & TestID & StyledPropsBlade;
+type AmountProps = AmountTypeProps & AmountCommonProps;
+declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
+
+/**
+ * ### Avatar Component
+ *
+ * An avatar component is a standardized visual representation of a user or entity.
+ *
+ * ---
+ *
+ * #### Usage
+ *
+ * ```jsx
+  <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
+ * ```
  *
  *  ---
  *
@@ -10695,697 +10695,7 @@ type TooltipProps = {
 
 declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
 
-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;
-    whiteSpace?: csstype.Property.WhiteSpace | {
-        readonly base?: csstype.Property.WhiteSpace | undefined;
-        readonly xs?: csstype.Property.WhiteSpace | undefined;
-        readonly s?: csstype.Property.WhiteSpace | undefined;
-        readonly m?: csstype.Property.WhiteSpace | undefined;
-        readonly l?: csstype.Property.WhiteSpace | undefined;
-        readonly xl?: csstype.Property.WhiteSpace | 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;
-} & FlexboxProps & {
-    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;
-} & {
-    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;
-    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;
-    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>;
-} & {
-    draggable: boolean;
-    onDragStart: React$1.DragEventHandler<HTMLElement>;
-    onDragEnter: React$1.DragEventHandler<HTMLElement>;
-    onDragLeave: React$1.DragEventHandler<HTMLElement>;
-    onDragOver: React$1.DragEventHandler<HTMLElement>;
-    onDragEnd: React$1.DragEventHandler<HTMLElement>;
-    onDrop: React$1.DragEventHandler<HTMLElement>;
-} & {
-    elevation?: ElevationLevels | {
-        readonly base?: ElevationLevels | undefined;
-        readonly xs?: ElevationLevels | undefined;
-        readonly s?: ElevationLevels | undefined;
-        readonly m?: ElevationLevels | undefined;
-        readonly l?: ElevationLevels | undefined;
-        readonly xl?: ElevationLevels | undefined;
-    } | undefined;
-    backgroundImage?: csstype.Property.BackgroundImage | {
-        readonly base?: csstype.Property.BackgroundImage | undefined;
-        readonly xs?: csstype.Property.BackgroundImage | undefined;
-        readonly s?: csstype.Property.BackgroundImage | undefined;
-        readonly m?: csstype.Property.BackgroundImage | undefined;
-        readonly l?: csstype.Property.BackgroundImage | undefined;
-        readonly xl?: csstype.Property.BackgroundImage | undefined;
-    } | undefined;
-    backgroundOrigin?: csstype.Property.BackgroundOrigin | {
-        readonly base?: csstype.Property.BackgroundOrigin | undefined;
-        readonly xs?: csstype.Property.BackgroundOrigin | undefined;
-        readonly s?: csstype.Property.BackgroundOrigin | undefined;
-        readonly m?: csstype.Property.BackgroundOrigin | undefined;
-        readonly l?: csstype.Property.BackgroundOrigin | undefined;
-        readonly xl?: csstype.Property.BackgroundOrigin | undefined;
-    } | undefined;
-    backgroundRepeat?: csstype.Property.BackgroundRepeat | {
-        readonly base?: csstype.Property.BackgroundRepeat | undefined;
-        readonly xs?: csstype.Property.BackgroundRepeat | undefined;
-        readonly s?: csstype.Property.BackgroundRepeat | undefined;
-        readonly m?: csstype.Property.BackgroundRepeat | undefined;
-        readonly l?: csstype.Property.BackgroundRepeat | undefined;
-        readonly xl?: csstype.Property.BackgroundRepeat | undefined;
-    } | undefined;
-    backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
-        readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
-        readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
-        readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
-        readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
-        readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
-        readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
-    } | undefined;
-    borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
-        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-    };
-    borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
-        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-    };
-    borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
-        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-    };
-    borderBottomStyle?: csstype.Property.BorderBottomStyle | {
-        readonly base?: csstype.Property.BorderBottomStyle | undefined;
-        readonly xs?: csstype.Property.BorderBottomStyle | undefined;
-        readonly s?: csstype.Property.BorderBottomStyle | undefined;
-        readonly m?: csstype.Property.BorderBottomStyle | undefined;
-        readonly l?: csstype.Property.BorderBottomStyle | undefined;
-        readonly xl?: csstype.Property.BorderBottomStyle | undefined;
-    } | undefined;
-    borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
-        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-    };
-    borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
-        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-    };
-    borderLeftStyle?: csstype.Property.BorderLeftStyle | {
-        readonly base?: csstype.Property.BorderLeftStyle | undefined;
-        readonly xs?: csstype.Property.BorderLeftStyle | undefined;
-        readonly s?: csstype.Property.BorderLeftStyle | undefined;
-        readonly m?: csstype.Property.BorderLeftStyle | undefined;
-        readonly l?: csstype.Property.BorderLeftStyle | undefined;
-        readonly xl?: csstype.Property.BorderLeftStyle | undefined;
-    } | undefined;
-    borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
-        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-    };
-    borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
-        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-    };
-    borderRightStyle?: csstype.Property.BorderRightStyle | {
-        readonly base?: csstype.Property.BorderRightStyle | undefined;
-        readonly xs?: csstype.Property.BorderRightStyle | undefined;
-        readonly s?: csstype.Property.BorderRightStyle | undefined;
-        readonly m?: csstype.Property.BorderRightStyle | undefined;
-        readonly l?: csstype.Property.BorderRightStyle | undefined;
-        readonly xl?: csstype.Property.BorderRightStyle | undefined;
-    } | undefined;
-    borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
-        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-    };
-    borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
-        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-    };
-    borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
-        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-    };
-    borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
-        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-    };
-    borderTopStyle?: csstype.Property.BorderTopStyle | {
-        readonly base?: csstype.Property.BorderTopStyle | undefined;
-        readonly xs?: csstype.Property.BorderTopStyle | undefined;
-        readonly s?: csstype.Property.BorderTopStyle | undefined;
-        readonly m?: csstype.Property.BorderTopStyle | undefined;
-        readonly l?: csstype.Property.BorderTopStyle | undefined;
-        readonly xl?: csstype.Property.BorderTopStyle | undefined;
-    } | undefined;
-    borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
-        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-    };
-    clipPath?: csstype.Property.ClipPath | {
-        readonly base?: csstype.Property.ClipPath | undefined;
-        readonly xs?: csstype.Property.ClipPath | undefined;
-        readonly s?: csstype.Property.ClipPath | undefined;
-        readonly m?: csstype.Property.ClipPath | undefined;
-        readonly l?: csstype.Property.ClipPath | undefined;
-        readonly xl?: csstype.Property.ClipPath | undefined;
-    } | 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;
-    transform?: csstype.Property.Transform | {
-        readonly base?: csstype.Property.Transform | undefined;
-        readonly xs?: csstype.Property.Transform | undefined;
-        readonly s?: csstype.Property.Transform | undefined;
-        readonly m?: csstype.Property.Transform | undefined;
-        readonly l?: csstype.Property.Transform | undefined;
-        readonly xl?: csstype.Property.Transform | undefined;
-    } | undefined;
-    transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
-        readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
-        readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
-        readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
-        readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
-        readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
-        readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
-    } | undefined;
-    visibility?: csstype.Property.Visibility | {
-        readonly base?: csstype.Property.Visibility | undefined;
-        readonly xs?: csstype.Property.Visibility | undefined;
-        readonly s?: csstype.Property.Visibility | undefined;
-        readonly m?: csstype.Property.Visibility | undefined;
-        readonly l?: csstype.Property.Visibility | undefined;
-        readonly xl?: csstype.Property.Visibility | undefined;
-    } | undefined;
-    backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
-        readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
-        readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
-        readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
-        readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
-        readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
-        readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
-    } | undefined;
-    borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
-        readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-        readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
-    };
-    borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
-        readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-        readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
-    };
-    borderStyle?: csstype.Property.BorderStyle | {
-        readonly base?: csstype.Property.BorderStyle | undefined;
-        readonly xs?: csstype.Property.BorderStyle | undefined;
-        readonly s?: csstype.Property.BorderStyle | undefined;
-        readonly m?: csstype.Property.BorderStyle | undefined;
-        readonly l?: csstype.Property.BorderStyle | undefined;
-        readonly xl?: csstype.Property.BorderStyle | undefined;
-    } | undefined;
-    borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
-        readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
-        readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | 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;
-} & MakeObjectResponsive<{
-    backgroundColor: "transparent" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense";
-}, "backgroundColor"> & {
-    as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
-} & {
-    children?: React$1.ReactNode | React$1.ReactNode[];
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-} & TestID>, "backgroundColor" | "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: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | {
-        readonly base?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-        readonly xs?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-        readonly s?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-        readonly m?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-        readonly l?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-        readonly xl?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
-    };
-    cursor?: csstype.Property.Cursor | {
-        readonly base?: csstype.Property.Cursor | undefined;
-        readonly xs?: csstype.Property.Cursor | undefined;
-        readonly s?: csstype.Property.Cursor | undefined;
-        readonly m?: csstype.Property.Cursor | undefined;
-        readonly l?: csstype.Property.Cursor | undefined;
-        readonly xl?: csstype.Property.Cursor | undefined;
-    } | 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;
-    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;
-    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;
-    __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 & {
-    'data-blade-component'?: string | undefined;
-    'data-testid'?: string | undefined;
-    tabIndex: -1;
-}, "tabIndex" | "data-testid" | "data-blade-component">;
+declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLDivElement>>;
 
 type SideNavProps = {
     /**
@@ -13913,4 +13223,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };