@razorpay/blade 11.6.3 → 11.8.0

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

@@ -3,8 +3,8 @@ import * as React$1 from 'react';
 import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, KeyboardEvent } from 'react';
 import { View, ViewStyle, ImageSourcePropType, AccessibilityRole, GestureResponderEvent, PressableProps } from 'react-native';
 import { CSSObject } from 'styled-components';
-import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
+import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
 import * as react_native_types from 'react-native/types';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
 import { Toast } from 'react-hot-toast';
@@ -1348,35 +1348,6 @@ type BoxRefType = Platform.Select<{
     native: View;
 }>;
 
-type AccordionProps = {
-    /**
-     * Makes the passed item index expanded by default (uncontrolled)
-     */
-    defaultExpandedIndex?: number;
-    /**
-     * Expands the passed index (controlled), `-1` implies no expanded items
-     */
-    expandedIndex?: number;
-    /**
-     * Callback for change in any item's expanded state,
-     * `-1` implies no expanded items
-     */
-    onExpandChange?: ({ expandedIndex }: {
-        expandedIndex: number;
-    }) => void;
-    /**
-     * Adds numeric index at the beginning of items
-     *
-     * @default false
-     */
-    showNumberPrefix?: boolean;
-    /**
-     * Accepts `AccordionItem` child nodes
-     */
-    children: ReactElement | ReactElement[];
-} & TestID & StyledPropsBlade;
-declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, testID, ...styledProps }: AccordionProps) => ReactElement;
-
 declare const ArrowDownIcon: IconComponent;
 
 declare const ArrowLeftIcon: IconComponent;
@@ -1935,924 +1906,88 @@ type IconProps = {
 } & StyledPropsBlade;
 type IconComponent = React.ComponentType<IconProps>;
 
-type AccordionItemProps = {
-    /**
-     * Title text content
-     */
-    title: string;
-    /**
-     * Body text content
-     */
-    description?: string;
-    /**
-     * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)
-     */
-    icon?: IconComponent;
-    /**
-     * Slot, renders any custom content
-     */
-    children?: ReactNode;
-    /**
-     * **Internal:** used for determining numbering, you don't need to pass this,
-     * instead pass `showNumberPrefix` to root `Accordion`
-     */
-    _index?: number;
-} & TestID;
-declare const AccordionItem: ({ title, description, icon, children, _index, testID, }: AccordionItemProps) => ReactElement;
-
-type ActionListProps = {
-    children: React__default.ReactNode[];
-} & TestID;
-/**
- * ### ActionList
- *
- * List of multiple actionable items. Can be used as menu items inside `Dropdown`,
- * `BottomSheet` and as selectable items when combined with `SelectInput`
- *
- * #### Usage
- *
- * ```jsx
- * <Dropdown>
- *  <SelectInput label="Select Action" />
- *  <DropdownOverlay>
- *    <DropdownHeader title="Header Title" />
- *    <ActionList>
- *      <ActionListItem
- *        title="Home"
- *        value="home"
- *        leading={<ActionListItemIcon icon={HomeIcon} />}
- *      />
- *      <ActionListItem
- *        title="Pricing"
- *        value="pricing"
- *        leading={<ActionListItemAsset src="https://flagcdn.com/w20/in.png" alt="India Flag" />}
- *      />
- *    </ActionList>
- *    <DropdownFooter><Button>Apply</Button></DropdownFooter>
- *  </DropdownOverlay>
- * </Dropdown>
- * ```
- *
- */
-declare const ActionList: React__default.MemoExoticComponent<({ children, testID }: ActionListProps) => React__default.ReactElement>;
-
-type BadgeProps = {
-    /**
-     * Sets the label for the badge.
-     *
-     */
-    children: StringChildrenType;
-    /**
-     * Sets the color of the badge.
-     *
-     * @default 'neutral'
-     */
-    color?: FeedbackColors | 'primary';
+type AccordionVariantType = 'filled' | 'transparent';
+type AccordionProps = {
     /**
-     * Sets the contrast of the badge.
-     *
-     * @default 'subtle'
+     * Makes the passed item index expanded by default (uncontrolled)
      */
-    emphasis?: SubtleOrIntense;
+    defaultExpandedIndex?: number;
     /**
-     * Sets the size of the badge.
-     *
-     * @default 'medium'
+     * Expands the passed index (controlled), `-1` implies no expanded items
      */
-    size?: 'small' | 'medium' | 'large';
+    expandedIndex?: number;
     /**
-     * Icon to be displayed in the badge.
-     * Accepts a component of type `IconComponent` from Blade.
-     *
+     * Callback for change in any item's expanded state,
+     * `-1` implies no expanded items
      */
-    icon?: IconComponent;
-} & 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;
+    onExpandChange?: ({ expandedIndex }: {
+        expandedIndex: number;
     }) => 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.
+     * Adds numeric index at the beginning of items
      *
-     * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
+     * @default false
      */
-    isSelected?: boolean;
+    showNumberPrefix?: boolean;
     /**
-     * Internally passed from ActionList. No need to pass it explicitly
+     * Visual variant of AccordionItem
      *
-     * @private
+     * @default transparent
      */
-    _index?: number;
-} & TestID;
-type ActionListSectionProps = {
-    title: string;
-    children: React__default.ReactNode[] | React__default.ReactNode;
+    variant?: AccordionVariantType;
     /**
-     * Internally used to hide the divider on final item in React Native.
-     *
-     * Should not be used by consumers (also won't work on web)
+     * Size of the Accordion
      *
-     * @private
+     * @default large
      */
-    _hideDivider?: boolean;
+    size?: 'large' | 'medium';
     /**
-     * Internally used to hide / show section in AutoComplete
-     *
-     * @private
+     * Accepts `AccordionItem` child nodes
      */
-    _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>;
+    children: React__default.ReactElement | React__default.ReactElement[];
+} & TestID & StyledPropsBlade;
 
-type ActionListItemAssetProps = {
-    /**
-     * Source of the image.
-     *
-     * Can either be a string URI or `require('/local/image')` in React Native
-     */
-    src: string | ImageSourcePropType;
-    /**
-     * Alt tag for the image
-     */
-    alt: string;
-};
-declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
+/**
+ * # Accordion
+ *
+ * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.
+ *
+ * ## Usage
+ *
+ * ```jsx
+ * <Accordion>
+ *  <AccordionItem>
+ *    <AccordionItemHeader title="Title" />
+ *    <AccordionItemBody>
+ *      <Text color="surface.text.gray.subtle">
+ *        Hello this is accordion body content
+ *        </Text>
+ *     </AccordionItemBody>
+ *  </AccordionItem>
+ *  <AccordionItem>
+ *    <AccordionItemHeader title="Title" />
+ *    <AccordionItemBody>
+ *      <Text color="surface.text.gray.subtle">
+ *         Hello this is accordion body content
+ *      </Text>
+ *    </AccordionItemBody>
+ *  </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs
+ *
+ */
+declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, variant, size, testID, ...styledProps }: AccordionProps) => 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 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, ...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 = {
-    role: AriaRoles;
-    /**
-     * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
-     */
-    activeDescendant?: string;
-    /**
-     * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
-     */
-    atomic?: boolean;
-    /**
-     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
-     */
-    autoComplete?: 'none' | 'inline' | 'list' | 'both';
-    /**
-     * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
-     */
-    busy?: boolean;
-    /**
-     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
-     * @see aria-pressed @see aria-selected.
-     */
-    checked?: boolean | 'mixed';
-    /**
-     * Defines the total number of columns in a table, grid, or treegrid.
-     * @see aria-colindex.
-     */
-    colCount?: number;
-    /**
-     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
-     * @see aria-colcount @see aria-colspan.
-     */
-    colIndex?: number;
-    /**
-     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
-     * @see aria-colindex @see aria-rowspan.
-     */
-    colSpan?: number;
-    /**
-     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
-     * @see aria-owns.
-     */
-    controls?: string;
-    /**
-     * Indicates the element that represents the current item within a container or set of related elements.
-     */
-    current?: boolean | 'page' | 'step' | 'location' | 'date' | 'time';
-    /**
-     * Identifies the element (or elements) that describes the object.
-     * @see aria-labelledby
-     */
-    describedBy?: string;
-    /**
-     * Identifies the element that provides a detailed, extended description for the object.
-     * @see aria-describedby.
-     */
-    details?: string;
-    /**
-     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
-     * @see aria-hidden @see aria-readonly.
-     */
-    disabled?: boolean;
-    /**
-     * Indicates what functions can be performed when a dragged object is released on the drop target.
-     * @deprecated in ARIA 1.1
-     */
-    dropEffect?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup';
-    /**
-     * Identifies the element that provides an error message for the object.
-     * @see aria-invalid @see aria-describedby.
-     */
-    errorMessage?: string;
-    /**
-     * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
-     */
-    expanded?: boolean;
-    /**
-     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
-     * allows assistive technology to override the general default of reading in document source order.
-     */
-    flowTo?: string;
-    /**
-     * Indicates an element's "grabbed" state in a drag-and-drop operation.
-     * @deprecated in ARIA 1.1
-     */
-    grabbed?: boolean;
-    /**
-     * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
-     */
-    hasPopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
-    /**
-     * Indicates whether the element is exposed to an accessibility API.
-     * @see aria-disabled.
-     */
-    hidden?: boolean;
-    /**
-     * Indicates the entered value does not conform to the format expected by the application.
-     * @see aria-errormessage.
-     */
-    invalid?: boolean | 'grammar' | 'spelling';
-    /**
-     * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
-     */
-    keyShortcuts?: string;
-    /**
-     * Defines a string value that labels the current element.
-     * @see aria-labelledby.
-     */
-    label?: string;
-    /**
-     * Identifies the element (or elements) that labels the current element.
-     * @see aria-describedby.
-     */
-    labelledBy?: string;
-    /**
-     * Defines the hierarchical level of an element within a structure.
-     */
-    level?: number;
-    /**
-     * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
-     */
-    liveRegion?: 'off' | 'assertive' | 'polite';
-    /**
-     * Indicates whether an element is modal when displayed.
-     */
-    modal?: boolean;
-    /**
-     * Indicates whether a text box accepts multiple lines of input or only a single line.
-     */
-    multiline?: boolean;
-    /**
-     * Indicates that the user may select more than one item from the current selectable descendants.
-     */
-    multiSelectable?: boolean;
-    /**
-     * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
-     */
-    orientation?: 'horizontal' | 'vertical';
-    /**
-     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
-     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
-     * @see aria-controls.
-     */
-    owns?: string;
-    /**
-     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
-     * A hint could be a sample value or a brief description of the expected format.
-     */
-    placeholder?: string;
-    /**
-     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-     * @see aria-setsize.
-     */
-    posInSet?: number;
-    /**
-     * Indicates the current "pressed" state of toggle buttons.
-     * @see aria-checked @see aria-selected.
-     */
-    pressed?: boolean | 'mixed';
-    /**
-     * Indicates that the element is not editable, but is otherwise operable.
-     * @see aria-disabled.
-     */
-    readOnly?: boolean;
-    /**
-     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
-     * @see aria-atomic.
-     */
-    relevant?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals';
-    /**
-     * Indicates that user input is required on the element before a form may be submitted.
-     */
-    required?: boolean;
-    /**
-     * Defines a human-readable, author-localized description for the role of an element.
-     */
-    roleDescription?: string;
-    /**
-     * Defines the total number of rows in a table, grid, or treegrid.
-     * @see aria-rowindex.
-     */
-    rowCount?: number;
-    /**
-     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
-     * @see aria-rowcount @see aria-rowspan.
-     */
-    rowIndex?: number;
-    /**
-     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
-     * @see aria-rowindex @see aria-colspan.
-     */
-    rowSpan?: number;
-    /**
-     * Indicates the current "selected" state of various widgets.
-     * @see aria-checked @see aria-pressed.
-     */
-    selected?: boolean;
-    /**
-     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
-     * @see aria-posinset.
-     */
-    setSize?: number;
-    /**
-     * Indicates if items in a table or grid are sorted in ascending or descending order.
-     */
-    sort?: 'none' | 'ascending' | 'descending' | 'other';
-    /**
-     * Defines the maximum allowed value for a range widget.
-     */
-    valueMax?: number;
-    /**
-     * Defines the minimum allowed value for a range widget.
-     */
-    valueMin?: number;
-    /**
-     * Defines the current value for a range widget.
-     * @see aria-valuetext.
-     */
-    valueNow?: number;
-    /**
-     * Defines the human readable text alternative of aria-valuenow for a range widget.
-     */
-    valueText?: string;
-};
-
-type InteractiveText = DotNotationToken<Theme['colors']['interactive']['text']>;
-type SurfaceText = DotNotationToken<Theme['colors']['surface']['text']>;
-type FeedbackText = DotNotationToken<Theme['colors']['feedback']['text']>;
-type TextColors = `interactive.text.${InteractiveText}` | `surface.text.${SurfaceText}` | `feedback.text.${FeedbackText}`;
-type As = 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'abbr' | 'q' | 'cite' | 'figcaption' | 'div' | 'label';
-type BaseTextProps = {
-    id?: string;
-    color?: TextColors;
-    fontFamily?: keyof Theme['typography']['fonts']['family'];
-    fontSize?: keyof Theme['typography']['fonts']['size'];
-    fontWeight?: keyof Theme['typography']['fonts']['weight'];
-    fontStyle?: 'italic' | 'normal';
-    textDecorationLine?: 'line-through' | 'none' | 'underline';
-    lineHeight?: keyof Theme['typography']['lineHeights'];
-    letterSpacing?: keyof Theme['typography']['letterSpacings'];
-    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
-    opacity?: number;
-    /**
-     * Web only
-     */
-    as?: As;
-    textAlign?: 'center' | 'justify' | 'left' | 'right';
-    truncateAfterLines?: number;
-    className?: string;
-    style?: React.CSSProperties;
-    children: React.ReactNode;
-    accessibilityProps?: Partial<AccessibilityProps>;
-    /**
-     * React Native only
-     */
-    numberOfLines?: number;
-    componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code' | 'display';
-} & 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 SnapPoints = [number, number, number];
-
-type BaseHeaderProps = {
-    title?: string;
-    subtitle?: string;
-    /**
-     * Leading part of the header placed at the left most side of the header
-     */
-    leading?: React__default.ReactNode;
-    /**
-     * Trailing part of the header placed at the right most side of the header
-     */
-    trailing?: React__default.ReactNode;
-    /**
-     * Placed adjacent to the title text
-     */
-    titleSuffix?: React__default.ReactNode;
-    /**
-     * @default true
-     */
-    showDivider?: boolean;
-    /**
-     * @default false
-     */
-    showBackButton?: boolean;
-    /**
-     * @default true
-     */
-    showCloseButton?: boolean;
-    onCloseButtonClick?: () => void;
-    onBackButtonClick?: () => void;
-    closeButtonRef?: React__default.MutableRefObject<any>;
-    backButtonRef?: React__default.MutableRefObject<any>;
-    metaComponentName?: string;
-    /**
-     * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
-     */
-    children?: React__default.ReactElement;
-} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID;
-
-type BaseFooterProps = {
-    children: React__default.ReactNode;
-    metaComponentName?: string;
-    showDivider?: boolean;
-} & TestID;
-
-type BottomSheetProps = {
-    /**
-     * Accepts BottomSheetHeader, BottomSheetFooter, BottomSheetBody
-     */
-    children: React.ReactNode;
-    /**
-     * SnapPoints in which the bottom sheeet will rest on.
-     * Accepts numbers between 0 & 1 which maps to the total view height of the screen, 0.5 means 50% of screen height.
-     *
-     * @default [0.35, 0.5, 0.85]
-     */
-    snapPoints?: SnapPoints;
-    /**
-     * Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
-     */
-    onDismiss?: () => void;
-    /**
-     * Toggles bottom sheet state
-     *
-     * @default false
-     */
-    isOpen?: boolean;
-    /**
-     * Ref element you want to get keyboard focus when opening the sheet
-     * By default the initial focus will go to the close button
-     */
-    initialFocusRef?: React.MutableRefObject<any>;
-    /**
-     * Sets the z-index of the bottom sheet
-     * Note: when using stacked bottom sheet make sure all the bottom sheets have the same zIndex
-     * @default 100
-     */
-    zIndex?: number;
-};
-type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick' | 'children'> & {
-    /**
-     * Trailing element to be rendered in the Header
-     *
-     * Accepts one of `Badge`, `Text`, `Button`, `Link`
-     */
-    trailing?: BaseHeaderProps['trailing'];
-    /**
-     * Renders an adornment besides the title
-     *
-     * Accepts `Counter`
-     */
-    titleSuffix?: BaseHeaderProps['titleSuffix'];
-};
-type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
-type BottomSheetBodyProps = {
-    children: React.ReactNode;
-    /**
-     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
-     * @default `spacing.5`
-     *
-     * **Links:**
-     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
-     */
-    padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
-};
-
-declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
-
-declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
-
-declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React__default.ReactElement;
-
-declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, zIndex, }: BottomSheetProps) => React__default.ReactElement;
-
-type BaseLinkCommonProps = {
-    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
-    icon?: IconComponent;
-    iconPosition?: 'left' | 'right';
-    onClick?: (event: SyntheticEvent) => void;
-    onBlur?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
-    }>;
-    onMouseLeave?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-    }>;
-    onKeyDown?: Platform.Select<{
-        native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
-    }>;
-    accessibilityProps?: Partial<AccessibilityProps>;
-    /**
-     * Sets the size of the link
-     *
-     * @default medium
-     */
-    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
-    /**
-     * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
-     */
-    hitSlop?: {
-        top?: number;
-        right?: number;
-        bottom?: number;
-        left?: number;
-    } | number;
-    /**
-     * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
-     */
-    htmlTitle?: string;
-    opacity?: number;
-} & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
-type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
-    icon?: undefined;
-    children: StringChildrenType;
-};
-type BaseLinkWithIconProps = BaseLinkCommonProps & {
-    icon: IconComponent;
-    children?: StringChildrenType;
-};
-type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
-type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
-    variant?: 'anchor';
-    href?: string;
-    target?: string;
-    rel?: string;
-    isDisabled?: undefined;
-};
-type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
-    variant?: 'button';
-    isDisabled?: boolean;
-    href?: undefined;
-    target?: undefined;
-    rel?: undefined;
-};
-type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
-
-type LinkCommonProps = {
-    variant?: 'anchor' | 'button';
-    icon?: IconComponent;
-    color?: 'primary' | 'white' | 'neutral';
-    iconPosition?: 'left' | 'right';
-    isDisabled?: boolean;
-    onClick?: (event: SyntheticEvent) => void;
-    href?: string;
-    target?: string;
-    accessibilityLabel?: string;
-    /**
-     * It is exposed for internal usage with tooltip.
-     *
-     * @private
-     */
-    'aria-describedby'?: string;
-    /**
-     * Sets the size of the link
-     *
-     * @default medium
-     */
-    size?: BaseLinkProps['size'];
-} & TestID & StyledPropsBlade & BladeCommonEvents & Platform.Select<{
-    native: {
-        /**
-         * Defines how far your touch can start away from the link
-         */
-        hitSlop?: {
-            top?: number;
-            right?: number;
-            bottom?: number;
-            left?: number;
-        } | number;
-        /**
-         * This is a web only prop and has no effect on react-native.
-         */
-        htmlTitle?: undefined;
-    };
-    web: {
-        /**
-         * This is a react-native only prop and has no effect on web.
-         */
-        hitSlop?: undefined;
-        /**
-         * The title of the link which is displayed as a tooltip.
-         */
-        htmlTitle?: string;
-    };
-}>;
-type LinkWithoutIconProps = LinkCommonProps & {
-    icon?: undefined;
-    children: StringChildrenType;
-};
-type LinkWithIconProps = LinkCommonProps & {
-    icon: IconComponent;
-    children?: StringChildrenType;
-};
-type LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;
-type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
-    variant?: 'anchor';
-    href?: string;
-    target?: string;
-    rel?: string;
-    isDisabled?: undefined;
-};
-type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
-    variant?: 'button';
-    isDisabled?: boolean;
-    href?: undefined;
-    target?: undefined;
-    rel?: undefined;
-};
-type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
-declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
-
-type BreadcrumbProps = StyledPropsBlade & {
-    /**
-     * Size of the Breadcrumb
-     *
-     * @default medium
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Color of the Breadcrumb
-     *
-     * @default neutral
-     */
-    color?: 'neutral' | 'primary' | 'white';
-    /**
-     * Content of the Breadcrumb, accepts BreadcrumbItem
-     */
-    children: React.ReactNode;
-    /**
-     * Whether to show the last separator
-     */
-    showLastSeparator?: boolean;
-    /**
-     * aria-label for breadcrumb
-     */
-    accessibilityLabel?: string;
-};
-type BreadcrumbItemProps = {
-    /**
-     * Href of the BreadcrumbItem
-     */
-    href: string;
-    /**
-     * Function to be called on click of the BreadcrumbItem,
-     *
-     * This can be used to integrate with routing libraries like `react-router-dom`
-     */
-    onClick?: LinkProps['onClick'];
-    /**
-     * Whether the BreadcrumbItem is the current page,
-     * Sets the aria-current attribute to `page`
-     *
-     * @default false
-     */
-    isCurrentPage?: boolean;
-    /**
-     * Content of the BreadcrumbItem
-     */
-    children?: StringChildrenType;
-    /**
-     * Icon to be shown before the BreadcrumbItem
-     */
-    icon?: IconComponent;
-    /**
-     * Accessibility label for the BreadcrumbItem, can be used in icon only variant
-     */
-    accessibilityLabel?: string;
-};
-
-declare const Breadcrumb: (_: BreadcrumbProps) => React.ReactElement;
-
-declare const BreadcrumbItem: (_: BreadcrumbItemProps) => React.ReactElement;
-
-declare const Box: React__default.ForwardRefExoticComponent<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;
+declare const Box: React__default.ForwardRefExoticComponent<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?: "none" | "flex" | {
         readonly base?: "none" | "flex" | undefined;
@@ -3161,39 +2296,992 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
         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;
+    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;
+    };
+    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-native" | {
+        readonly base?: "platform-native" | undefined;
+        readonly xs?: "platform-native" | undefined;
+        readonly s?: "platform-native" | undefined;
+        readonly m?: "platform-native" | undefined;
+        readonly l?: "platform-native" | undefined;
+        readonly xl?: "platform-native" | 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__default.ReactNode | React__default.ReactNode[];
+    tabIndex?: number | undefined;
+    id?: string | undefined;
+} & TestID> & React__default.RefAttributes<BoxRefType>>;
+
+type BaseHeaderProps = {
+    title?: string;
+    subtitle?: string;
+    /**
+     * Leading part of the header placed at the left most side of the header
+     */
+    leading?: React__default.ReactNode;
+    /**
+     * Trailing part of the header placed at the right most side of the header
+     */
+    trailing?: React__default.ReactNode;
+    /**
+     * Placed adjacent to the title text
+     */
+    titleSuffix?: React__default.ReactNode;
+    /**
+     * @default true
+     */
+    showDivider?: boolean;
+    /**
+     * @default false
+     */
+    showBackButton?: boolean;
+    /**
+     * Slot for rendering any trailing interaction element into BaseHeader.
+     *
+     * E.g. Used in accordion to render CollapsibleChevronIcon
+     */
+    trailingInteractionElement?: React__default.ReactNode;
+    /**
+     * Decides size of the Header
+     */
+    size?: 'large' | 'medium';
+    /**
+     * @default true
+     */
+    showCloseButton?: boolean;
+    /**
+     * Disabled state of BaseHeader
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    paddingX?: BoxProps['paddingX'];
+    marginY?: BoxProps['marginY'];
+    onCloseButtonClick?: () => void;
+    onBackButtonClick?: () => void;
+    closeButtonRef?: React__default.MutableRefObject<any>;
+    backButtonRef?: React__default.MutableRefObject<any>;
+    metaComponentName?: string;
+    /**
+     * inner child of BottomSheetHeader. Meant to be used for AutoComplete only
+     */
+    children?: React__default.ReactElement | React__default.ReactElement[];
+} & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID;
+
+declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'>) => React.ReactElement;
+
+declare const AccordionItemBody: ({ children, _description, }: {
+    children?: React.ReactNode | StringChildrenType;
+    _description?: string | undefined;
+}) => React.ReactElement;
+
+type AccordionItemProps = {
+    /**
+     * Title text content
+     *
+     * @deprecated Use AccordionItemHeader and AccordionItemBody
+     *
+     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
+     */
+    title?: string;
+    /**
+     * Body text content
+     *
+     *  @deprecated Use AccordionItemHeader and AccordionItemBody
+     *
+     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
+     */
+    description?: string;
+    /**
+     * Renders a Blade icon as title prefix (requires `showNumberPrefix={false}`)
+     *
+     * @deprecated Use `leading={<StarIcon size="large" />}` on AccordionItemHeader instead
+     *
+     * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs for new API
+     */
+    icon?: IconComponent;
+    /**
+     * Slot, renders any custom content
+     */
+    children?: ReactNode | ReactNode[];
+    /**
+     * Disabled state of the item
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * **Internal:** used for determining numbering, you don't need to pass this,
+     * instead pass `showNumberPrefix` to root `Accordion`
+     */
+    _index?: number;
+} & TestID;
+declare const AccordionItem: ({ title, description, icon, children, isDisabled, _index, testID, }: AccordionItemProps) => ReactElement;
+
+type ActionListProps = {
+    children: React__default.ReactNode[];
+} & TestID;
+/**
+ * ### ActionList
+ *
+ * List of multiple actionable items. Can be used as menu items inside `Dropdown`,
+ * `BottomSheet` and as selectable items when combined with `SelectInput`
+ *
+ * #### Usage
+ *
+ * ```jsx
+ * <Dropdown>
+ *  <SelectInput label="Select Action" />
+ *  <DropdownOverlay>
+ *    <DropdownHeader title="Header Title" />
+ *    <ActionList>
+ *      <ActionListItem
+ *        title="Home"
+ *        value="home"
+ *        leading={<ActionListItemIcon icon={HomeIcon} />}
+ *      />
+ *      <ActionListItem
+ *        title="Pricing"
+ *        value="pricing"
+ *        leading={<ActionListItemAsset src="https://flagcdn.com/w20/in.png" alt="India Flag" />}
+ *      />
+ *    </ActionList>
+ *    <DropdownFooter><Button>Apply</Button></DropdownFooter>
+ *  </DropdownOverlay>
+ * </Dropdown>
+ * ```
+ *
+ */
+declare const ActionList: React__default.MemoExoticComponent<({ children, testID }: ActionListProps) => React__default.ReactElement>;
+
+type BadgeProps = {
+    /**
+     * Sets the label for the badge.
+     *
+     */
+    children: StringChildrenType;
+    /**
+     * Sets the color of the badge.
+     *
+     * @default 'neutral'
+     */
+    color?: FeedbackColors | 'primary';
+    /**
+     * Sets the contrast of the badge.
+     *
+     * @default 'subtle'
+     */
+    emphasis?: SubtleOrIntense;
+    /**
+     * Sets the size of the badge.
+     *
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Icon to be displayed in the badge.
+     * Accepts a component of type `IconComponent` from Blade.
+     *
+     */
+    icon?: IconComponent;
+} & 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;
+    }) => 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.
+     *
+     * Can either be a string URI or `require('/local/image')` in React Native
+     */
+    src: string | ImageSourcePropType;
+    /**
+     * 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 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, ...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 = {
+    role: AriaRoles;
+    /**
+     * Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.
+     */
+    activeDescendant?: string;
+    /**
+     * Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.
+     */
+    atomic?: boolean;
+    /**
+     * Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.
+     */
+    autoComplete?: 'none' | 'inline' | 'list' | 'both';
+    /**
+     * Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user.
+     */
+    busy?: boolean;
+    /**
+     * Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.
+     * @see aria-pressed @see aria-selected.
+     */
+    checked?: boolean | 'mixed';
+    /**
+     * Defines the total number of columns in a table, grid, or treegrid.
+     * @see aria-colindex.
+     */
+    colCount?: number;
+    /**
+     * Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.
+     * @see aria-colcount @see aria-colspan.
+     */
+    colIndex?: number;
+    /**
+     * Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-colindex @see aria-rowspan.
+     */
+    colSpan?: number;
+    /**
+     * Identifies the element (or elements) whose contents or presence are controlled by the current element.
+     * @see aria-owns.
+     */
+    controls?: string;
+    /**
+     * Indicates the element that represents the current item within a container or set of related elements.
+     */
+    current?: boolean | 'page' | 'step' | 'location' | 'date' | 'time';
+    /**
+     * Identifies the element (or elements) that describes the object.
+     * @see aria-labelledby
+     */
+    describedBy?: string;
+    /**
+     * Identifies the element that provides a detailed, extended description for the object.
+     * @see aria-describedby.
+     */
+    details?: string;
+    /**
+     * Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.
+     * @see aria-hidden @see aria-readonly.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates what functions can be performed when a dragged object is released on the drop target.
+     * @deprecated in ARIA 1.1
+     */
+    dropEffect?: 'none' | 'copy' | 'execute' | 'link' | 'move' | 'popup';
+    /**
+     * Identifies the element that provides an error message for the object.
+     * @see aria-invalid @see aria-describedby.
+     */
+    errorMessage?: string;
+    /**
+     * Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.
+     */
+    expanded?: boolean;
+    /**
+     * Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,
+     * allows assistive technology to override the general default of reading in document source order.
+     */
+    flowTo?: string;
+    /**
+     * Indicates an element's "grabbed" state in a drag-and-drop operation.
+     * @deprecated in ARIA 1.1
+     */
+    grabbed?: boolean;
+    /**
+     * Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.
+     */
+    hasPopup?: boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    /**
+     * Indicates whether the element is exposed to an accessibility API.
+     * @see aria-disabled.
+     */
+    hidden?: boolean;
+    /**
+     * Indicates the entered value does not conform to the format expected by the application.
+     * @see aria-errormessage.
+     */
+    invalid?: boolean | 'grammar' | 'spelling';
+    /**
+     * Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.
+     */
+    keyShortcuts?: string;
+    /**
+     * Defines a string value that labels the current element.
+     * @see aria-labelledby.
+     */
+    label?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     * @see aria-describedby.
+     */
+    labelledBy?: string;
+    /**
+     * Defines the hierarchical level of an element within a structure.
+     */
+    level?: number;
+    /**
+     * Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.
+     */
+    liveRegion?: 'off' | 'assertive' | 'polite';
+    /**
+     * Indicates whether an element is modal when displayed.
+     */
+    modal?: boolean;
+    /**
+     * Indicates whether a text box accepts multiple lines of input or only a single line.
+     */
+    multiline?: boolean;
+    /**
+     * Indicates that the user may select more than one item from the current selectable descendants.
+     */
+    multiSelectable?: boolean;
+    /**
+     * Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship
+     * between DOM elements where the DOM hierarchy cannot be used to represent the relationship.
+     * @see aria-controls.
+     */
+    owns?: string;
+    /**
+     * Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.
+     * A hint could be a sample value or a brief description of the expected format.
+     */
+    placeholder?: string;
+    /**
+     * Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-setsize.
+     */
+    posInSet?: number;
+    /**
+     * Indicates the current "pressed" state of toggle buttons.
+     * @see aria-checked @see aria-selected.
+     */
+    pressed?: boolean | 'mixed';
+    /**
+     * Indicates that the element is not editable, but is otherwise operable.
+     * @see aria-disabled.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.
+     * @see aria-atomic.
+     */
+    relevant?: 'additions' | 'additions removals' | 'additions text' | 'all' | 'removals' | 'removals additions' | 'removals text' | 'text' | 'text additions' | 'text removals';
+    /**
+     * Indicates that user input is required on the element before a form may be submitted.
+     */
+    required?: boolean;
+    /**
+     * Defines a human-readable, author-localized description for the role of an element.
+     */
+    roleDescription?: string;
+    /**
+     * Defines the total number of rows in a table, grid, or treegrid.
+     * @see aria-rowindex.
+     */
+    rowCount?: number;
+    /**
+     * Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.
+     * @see aria-rowcount @see aria-rowspan.
+     */
+    rowIndex?: number;
+    /**
+     * Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.
+     * @see aria-rowindex @see aria-colspan.
+     */
+    rowSpan?: number;
+    /**
+     * Indicates the current "selected" state of various widgets.
+     * @see aria-checked @see aria-pressed.
+     */
+    selected?: boolean;
+    /**
+     * Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.
+     * @see aria-posinset.
+     */
+    setSize?: number;
+    /**
+     * Indicates if items in a table or grid are sorted in ascending or descending order.
+     */
+    sort?: 'none' | 'ascending' | 'descending' | 'other';
+    /**
+     * Defines the maximum allowed value for a range widget.
+     */
+    valueMax?: number;
+    /**
+     * Defines the minimum allowed value for a range widget.
+     */
+    valueMin?: number;
+    /**
+     * Defines the current value for a range widget.
+     * @see aria-valuetext.
+     */
+    valueNow?: number;
+    /**
+     * Defines the human readable text alternative of aria-valuenow for a range widget.
+     */
+    valueText?: string;
+};
+
+type InteractiveText = DotNotationToken<Theme['colors']['interactive']['text']>;
+type SurfaceText = DotNotationToken<Theme['colors']['surface']['text']>;
+type FeedbackText = DotNotationToken<Theme['colors']['feedback']['text']>;
+type TextColors = `interactive.text.${InteractiveText}` | `surface.text.${SurfaceText}` | `feedback.text.${FeedbackText}`;
+type As = 'code' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'abbr' | 'q' | 'cite' | 'figcaption' | 'div' | 'label';
+type BaseTextProps = {
+    id?: string;
+    color?: TextColors;
+    fontFamily?: keyof Theme['typography']['fonts']['family'];
+    fontSize?: keyof Theme['typography']['fonts']['size'];
+    fontWeight?: keyof Theme['typography']['fonts']['weight'];
+    fontStyle?: 'italic' | 'normal';
+    textDecorationLine?: 'line-through' | 'none' | 'underline';
+    lineHeight?: keyof Theme['typography']['lineHeights'];
+    letterSpacing?: keyof Theme['typography']['letterSpacings'];
+    wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
+    opacity?: number;
+    /**
+     * Web only
+     */
+    as?: As;
+    textAlign?: 'center' | 'justify' | 'left' | 'right';
+    truncateAfterLines?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+    accessibilityProps?: Partial<AccessibilityProps>;
+    /**
+     * React Native only
+     */
+    numberOfLines?: number;
+    componentName?: 'base-text' | 'text' | 'title' | 'heading' | 'code' | 'display';
+} & 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 SnapPoints = [number, number, number];
+
+type BaseFooterProps = {
+    children: React__default.ReactNode;
+    metaComponentName?: string;
+    showDivider?: boolean;
+} & TestID;
+
+type BottomSheetProps = {
+    /**
+     * Accepts BottomSheetHeader, BottomSheetFooter, BottomSheetBody
+     */
+    children: React.ReactNode;
+    /**
+     * SnapPoints in which the bottom sheeet will rest on.
+     * Accepts numbers between 0 & 1 which maps to the total view height of the screen, 0.5 means 50% of screen height.
+     *
+     * @default [0.35, 0.5, 0.85]
+     */
+    snapPoints?: SnapPoints;
+    /**
+     * Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
+     */
+    onDismiss?: () => void;
+    /**
+     * Toggles bottom sheet state
+     *
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Ref element you want to get keyboard focus when opening the sheet
+     * By default the initial focus will go to the close button
+     */
+    initialFocusRef?: React.MutableRefObject<any>;
+    /**
+     * Sets the z-index of the bottom sheet
+     * Note: when using stacked bottom sheet make sure all the bottom sheets have the same zIndex
+     * @default 100
+     */
+    zIndex?: number;
+};
+type BottomSheetHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'showBackButton' | 'onBackButtonClick' | 'children'> & {
+    /**
+     * Trailing element to be rendered in the Header
+     *
+     * Accepts one of `Badge`, `Text`, `Button`, `Link`
+     */
+    trailing?: BaseHeaderProps['trailing'];
+    /**
+     * Renders an adornment besides the title
+     *
+     * Accepts `Counter`
+     */
+    titleSuffix?: BaseHeaderProps['titleSuffix'];
+};
+type BottomSheetFooterProps = Pick<BaseFooterProps, 'children'>;
+type BottomSheetBodyProps = {
+    children: React.ReactNode;
+    /**
+     * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately
+     * @default `spacing.5`
+     *
+     * **Links:**
+     * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
+     */
+    padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
+};
+
+declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
+
+declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => React__default.ReactElement;
+
+declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React__default.ReactElement;
+
+declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, zIndex, }: BottomSheetProps) => React__default.ReactElement;
+
+type BaseLinkCommonProps = {
+    color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
+    icon?: IconComponent;
+    iconPosition?: 'left' | 'right';
+    onClick?: (event: SyntheticEvent) => void;
+    onBlur?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
+    }>;
+    onMouseLeave?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    }>;
+    onKeyDown?: Platform.Select<{
+        native: (event: GestureResponderEvent) => void;
+        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
+    }>;
+    accessibilityProps?: Partial<AccessibilityProps>;
+    /**
+     * Sets the size of the link
+     *
+     * @default medium
+     */
+    size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
+    /**
+     * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
+     */
+    hitSlop?: {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    } | number;
+    /**
+     * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
+     */
+    htmlTitle?: string;
+    opacity?: number;
+} & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
+type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
+    icon?: undefined;
+    children: StringChildrenType;
+};
+type BaseLinkWithIconProps = BaseLinkCommonProps & {
+    icon: IconComponent;
+    children?: StringChildrenType;
+};
+type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
+type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
+    variant?: 'anchor';
+    href?: string;
+    target?: string;
+    rel?: string;
+    isDisabled?: undefined;
+};
+type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
+    variant?: 'button';
+    isDisabled?: boolean;
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};
+type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
+
+type LinkCommonProps = {
+    variant?: 'anchor' | 'button';
+    icon?: IconComponent;
+    color?: 'primary' | 'white' | 'neutral';
+    iconPosition?: 'left' | 'right';
+    isDisabled?: boolean;
+    onClick?: (event: SyntheticEvent) => void;
+    href?: string;
+    target?: string;
+    accessibilityLabel?: string;
+    /**
+     * It is exposed for internal usage with tooltip.
+     *
+     * @private
+     */
+    'aria-describedby'?: string;
+    /**
+     * Sets the size of the link
+     *
+     * @default medium
+     */
+    size?: BaseLinkProps['size'];
+} & TestID & StyledPropsBlade & BladeCommonEvents & Platform.Select<{
+    native: {
+        /**
+         * Defines how far your touch can start away from the link
+         */
+        hitSlop?: {
+            top?: number;
+            right?: number;
+            bottom?: number;
+            left?: number;
+        } | number;
+        /**
+         * This is a web only prop and has no effect on react-native.
+         */
+        htmlTitle?: 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;
+    web: {
+        /**
+         * This is a react-native only prop and has no effect on web.
+         */
+        hitSlop?: undefined;
+        /**
+         * The title of the link which is displayed as a tooltip.
+         */
+        htmlTitle?: string;
     };
-    __brand__?: "platform-native" | {
-        readonly base?: "platform-native" | undefined;
-        readonly xs?: "platform-native" | undefined;
-        readonly s?: "platform-native" | undefined;
-        readonly m?: "platform-native" | undefined;
-        readonly l?: "platform-native" | undefined;
-        readonly xl?: "platform-native" | 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__default.ReactNode | React__default.ReactNode[];
-    tabIndex?: number | undefined;
-    id?: string | undefined;
-} & TestID> & React__default.RefAttributes<BoxRefType>>;
+}>;
+type LinkWithoutIconProps = LinkCommonProps & {
+    icon?: undefined;
+    children: StringChildrenType;
+};
+type LinkWithIconProps = LinkCommonProps & {
+    icon: IconComponent;
+    children?: StringChildrenType;
+};
+type LinkPropsWithOrWithoutIcon = LinkWithIconProps | LinkWithoutIconProps;
+type LinkAnchorVariantProps = LinkPropsWithOrWithoutIcon & {
+    variant?: 'anchor';
+    href?: string;
+    target?: string;
+    rel?: string;
+    isDisabled?: undefined;
+};
+type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
+    variant?: 'button';
+    isDisabled?: boolean;
+    href?: undefined;
+    target?: undefined;
+    rel?: undefined;
+};
+type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
+declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
+
+type BreadcrumbProps = StyledPropsBlade & {
+    /**
+     * Size of the Breadcrumb
+     *
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Color of the Breadcrumb
+     *
+     * @default neutral
+     */
+    color?: 'neutral' | 'primary' | 'white';
+    /**
+     * Content of the Breadcrumb, accepts BreadcrumbItem
+     */
+    children: React.ReactNode;
+    /**
+     * Whether to show the last separator
+     */
+    showLastSeparator?: boolean;
+    /**
+     * aria-label for breadcrumb
+     */
+    accessibilityLabel?: string;
+};
+type BreadcrumbItemProps = {
+    /**
+     * Href of the BreadcrumbItem
+     */
+    href: string;
+    /**
+     * Function to be called on click of the BreadcrumbItem,
+     *
+     * This can be used to integrate with routing libraries like `react-router-dom`
+     */
+    onClick?: LinkProps['onClick'];
+    /**
+     * Whether the BreadcrumbItem is the current page,
+     * Sets the aria-current attribute to `page`
+     *
+     * @default false
+     */
+    isCurrentPage?: boolean;
+    /**
+     * Content of the BreadcrumbItem
+     */
+    children?: StringChildrenType;
+    /**
+     * Icon to be shown before the BreadcrumbItem
+     */
+    icon?: IconComponent;
+    /**
+     * Accessibility label for the BreadcrumbItem, can be used in icon only variant
+     */
+    accessibilityLabel?: string;
+};
+
+declare const Breadcrumb: (_: BreadcrumbProps) => React.ReactElement;
+
+declare const BreadcrumbItem: (_: BreadcrumbItemProps) => React.ReactElement;
 
 type BaseButtonCommonProps = {
     href?: BaseLinkProps['href'];
@@ -3347,6 +3435,47 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
     __brand__?: "platform-native" | undefined;
 } & React__default.RefAttributes<BladeElementRef>>;
 
+type ButtonGroupProps = {
+    /**
+     * Accepts multiple Button components as children
+     */
+    children: React.ReactNode;
+    /**
+     * Specifies the visual style variant of the ButtonGroup.
+     *
+     * @default 'primary'
+     */
+    variant?: ButtonProps['variant'];
+    /**
+     * Specifies the size of the ButtonGroup.
+     *
+     * @default 'medium'
+     */
+    size?: ButtonProps['size'];
+    /**
+     * Specifies the color of the ButtonGroup.
+     *
+     * @default 'primary'
+     */
+    color?: ButtonProps['color'];
+    /**
+     * Specifies whether the ButtonGroup should take up the full width of its container.
+     */
+    isFullWidth?: boolean;
+    /**
+     * Disables or enables the ButtonGroup component
+     *
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Test ID for automation
+     */
+    testID?: string;
+};
+
+declare const ButtonGroup: (_props: ButtonGroupProps) => React.ReactElement;
+
 type CardSpacingValueType = Extract<SpacingValueType, 'spacing.0' | 'spacing.3' | 'spacing.4' | 'spacing.5' | 'spacing.7'>;
 
 declare const ComponentIds: {
@@ -5261,7 +5390,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
 } | {
     label: string;
     accessibilityLabel?: string | undefined;
-}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "accessibilityLabel" | "onBlur" | "onFocus" | "placeholder" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "placeholder" | "accessibilityLabel" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -5320,7 +5449,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.
  */
-declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "accessibilityLabel" | "onBlur" | "onFocus" | "placeholder" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "placeholder" | "accessibilityLabel" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -7232,4 +7361,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps$1 as TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme, useToast };
+export { Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AutoComplete, AutoCompleteProps, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonGroup, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps$1 as TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme, useToast };