@razorpay/blade 11.18.2 → 11.19.0

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

@@ -6,6 +6,8 @@ import { CSSObject } from 'styled-components';
 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 { DatePickerProps as DatePickerProps$1, DayOfWeek, DatesRangeValue } from '@mantine/dates';
+export { DateValue, DatesRangeValue } from '@mantine/dates';
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
 import { CountryCodeType } from '@razorpay/i18nify-js';
 import { Toast } from 'react-hot-toast';
@@ -3471,6 +3473,7 @@ type BottomSheetBodyProps = {
      * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--page
      */
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.5'>;
+    overflow?: BaseBoxProps['overflow'];
 };
 
 declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
@@ -5464,254 +5467,7 @@ declare const DrawerBody: (_props: {
     children: React__default.ReactNode;
 }) => React__default.ReactElement;
 
-type DropdownProps = {
-    /**
-     * Control open / close state of the Dropdown component
-     *
-     * This can be used to close the dropdown when button in the footer of dropdown is clicked
-     */
-    isOpen?: boolean;
-    /**
-     * Callback when open state of the dropdown changes
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-    selectionType?: 'single' | 'multiple';
-    children: React__default.ReactNode[];
-} & TestID & StyledPropsBlade;
-type DropdownOverlayProps = {
-    children: React__default.ReactElement[] | React__default.ReactElement;
-    /**
-     * Sets the z-index of the DropdownOverlay
-     *
-     * @default 1001
-     */
-    zIndex?: number;
-    width?: BoxProps['width'];
-    /**
-     * Reference to the element which triggers the DropdownOverlay
-     *
-     * This is used to position the DropdownOverlay relative to a specific element,
-     * for example in PhoneNumberInput the DropdownOverlay is positioned relative to the input element
-     */
-    referenceRef?: React__default.MutableRefObject<ContainerElementType | null>;
-    /**
-     * Sets the placement of the DropdownOverlay
-     *
-     * @default 'bottom-start'
-     */
-    defaultPlacement?: Placement;
-} & TestID;
-
-declare const Dropdown: ({ children, isOpen: isOpenControlled, onOpenChange, selectionType, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
-
-declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => React__default.ReactElement;
-
-type DropdownButtonProps = ButtonProps & {
-    onBlur?: BaseButtonProps['onBlur'];
-    onKeyDown?: BaseButtonProps['onKeyDown'];
-};
-declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) => React__default.ReactElement;
-
-type DropdownLinkProps = LinkButtonVariantProps & {
-    onBlur?: BaseLinkProps['onBlur'];
-    onKeyDown?: BaseLinkProps['onKeyDown'];
-};
-declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => React__default.ReactElement;
-
-type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
-declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
-type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
-declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
-
-interface BladeFile extends File {
-    /**
-     * The unique identifier of the file.
-     */
-    id?: string;
-    /**
-     * The file's upload status.
-     */
-    status?: 'uploading' | 'success' | 'error';
-    /**
-     * The percentage of file upload completion.
-     */
-    uploadPercent?: number;
-    /**
-     * Text indicating an error state
-     */
-    errorText?: string;
-}
-type BladeFileList = BladeFile[];
-type FileUploadCommonProps = {
-    /**
-     * Position of the label relative to the file upload area. Desktop only prop. Default value on mobile will be 'top'
-     *
-     * @default 'top'
-     */
-    labelPosition?: 'top' | 'left';
-    /**
-     * Defines the upload behavior of the FileUpload component
-     */
-    uploadType?: 'single' | 'multiple';
-    /**
-     * File types that can be accepted. See [input's accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)
-     *
-     * Usage: accept=".jpg, .png, .pdf", accept="image/*", accept="image/png, image/jpeg, application/pdf"
-     */
-    accept?: string;
-    /**
-     * Disables or enables the FileUpload component
-     */
-    isDisabled?: boolean;
-    /**
-     * Sets the required state of the file input
-     *
-     * @default false
-     */
-    isRequired?: boolean;
-    /**
-     * Renders a necessity indicator after the label. If `isRequired` is `true`, it defaults to `'required'`
-     */
-    necessityIndicator?: 'required' | 'optional' | 'none';
-    /**
-     * The name of the file upload input, [useful in form submissions](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
-     */
-    name?: string;
-    /**
-     * List of files that have been selected/uploaded, useful when the component is controlled
-     */
-    fileList?: BladeFileList;
-    /**
-     * Limit the number of files that can be uploaded
-     */
-    maxCount?: number;
-    /**
-     * Limit the size of the uploaded files (in bytes)
-     */
-    maxSize?: number;
-    /**
-     * Callback function triggered when files are selected
-     */
-    onChange?: ({ name, fileList }: {
-        name?: string;
-        fileList: BladeFileList;
-    }) => void;
-    /**
-     * Callback function triggered when the preview icon is clicked
-     */
-    onPreview?: ({ file }: {
-        file: File;
-    }) => void;
-    /**
-     * Callback function triggered when a file is removed
-     */
-    onRemove?: ({ file }: {
-        file: File;
-    }) => void;
-    /**
-     * Callback function triggered when a file upload is dismissed
-     */
-    onDismiss?: ({ file }: {
-        file: File;
-    }) => void;
-    /**
-     * Callback function executed when files are dropped into the upload area
-     */
-    onDrop?: ({ name, fileList }: {
-        name?: string;
-        fileList: BladeFileList;
-    }) => void;
-    /**
-     * State indicating whether there is an error in the FileUpload component
-     */
-    validationState?: 'none' | 'error';
-    /**
-     * Additional text providing assistance or guidance
-     */
-    helpText?: string;
-    /**
-     * Text indicating an error state
-     */
-    errorText?: string;
-    /**
-     * Size of the FileUpload component
-     *
-     * @default 'medium'
-     */
-    size?: 'medium' | 'large';
-    /**
-     * Test ID for automation
-     */
-    testID?: string;
-};
-type FileUploadPropsWithA11yLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label?: undefined;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel: string;
-};
-type FileUploadPropsWithLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label: string;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel?: string;
-};
-type FileUploadProps = (FileUploadPropsWithA11yLabel | FileUploadPropsWithLabel) & FileUploadCommonProps;
-
-declare const FileUpload: (_props: FileUploadProps) => React.ReactElement;
-
-type IndicatorCommonProps = {
-    /**
-     * Sets the color tone
-     *
-     * @default neutral
-     */
-    color?: FeedbackColors | 'primary';
-    /**
-     * Sets the emphasis of the indicator
-     *
-     * If set to intense it will show a background circle
-     *
-     * @default subtle
-     */
-    emphasis?: 'subtle' | 'intense';
-    /**
-     * Size of the indicator
-     *
-     * @default medium
-     */
-    size?: 'small' | 'medium' | 'large';
-} & TestID & StyledPropsBlade;
-type IndicatorWithoutA11yLabel = {
-    /**
-     * A text label to show alongside the indicator dot
-     */
-    children: StringChildrenType;
-    /**
-     * a11y label for screen readers
-     */
-    accessibilityLabel?: string;
-};
-type IndicatorWithA11yLabel = {
-    /**
-     * a11y label for screen readers
-     */
-    accessibilityLabel: string;
-    /**
-     * A text label to show alongside the indicator dot
-     */
-    children?: StringChildrenType;
-};
-type IndicatorProps = IndicatorCommonProps & (IndicatorWithA11yLabel | IndicatorWithoutA11yLabel);
-declare const Indicator: ({ accessibilityLabel, children, size, color, emphasis, testID, ...styledProps }: IndicatorProps) => ReactElement;
+declare const DatePicker: (_props: any) => React.ReactElement;
 
 type FormInputLabelProps = {
     /**
@@ -5926,129 +5682,535 @@ type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
      */
     labelId?: string;
     /**
-     * Can be used in select to set the id of the active descendant from the listbox
+     * Can be used in select to set the id of the active descendant from the listbox
+     */
+    activeDescendant?: string;
+    /**
+     * Hides the label text
+     */
+    hideLabelText?: boolean;
+    /**
+     * Hides the form hint text
+     */
+    hideFormHint?: boolean;
+    /**
+     * componentName prop sets the data-blade-component attribute name
+     * for internal metric collection purposes
+     */
+    componentName?: string;
+    /**
+     * whether the input has a popup
+     */
+    hasPopup?: AriaAttributes['hasPopup'];
+    /**
+     * id of the popup
+     */
+    popupId?: string;
+    /**
+     * true if popup is in expanded state
+     */
+    isPopupExpanded?: boolean;
+    setInputWrapperRef?: (node: ContainerElementType) => void;
+    /**
+     * sets the autocapitalize behavior for the input
+     */
+    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    /**
+     * constraints the height of input to given number rows
+     *
+     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active
+     *
+     * @default 'single'
+     */
+    maxTagRows?: 'single' | 'multiple' | 'expandable';
+    /**
+     * A slot for adding tags to input
+     */
+    tags?: React__default.ReactElement[] | null;
+    /**
+     * Disables stripping of tags and shows all tags
+     */
+    showAllTags?: boolean;
+    /**
+     * State variable of active tag index
+     */
+    activeTagIndex?: number;
+    /**
+     * Is this input SelectInput or AutoComplete
+     */
+    isDropdownTrigger?: boolean;
+    /**
+     * Is the label expected to be rendered inside input?
+     * Used in AutoComplete and Select when label can't exist outside
+     *
+     */
+    isLabelInsideInput?: boolean;
+    /**
+     * State setter for active tag index
+     */
+    setActiveTagIndex?: (activeTagIndex: number) => void;
+    /**
+     * Sets the size of the input field
+     * @default medium
+     */
+    size?: 'medium' | 'large';
+    /**
+     * Link button to be rendered at the end of the input field.
+     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.
+     * Example:
+     * ```tsx
+     * trailingButton={<Link onClick={handleClick}>Apply</Link>}
+     * ```
+     */
+    trailingButton?: React__default.ReactElement<LinkProps>;
+    /**
+     * Whether to use Text or Heading component for Input text
+     * @default text
+     **/
+    valueComponentType?: 'text' | 'heading';
+} & TestID & Platform.Select<{
+    native: {
+        /**
+         * The callback function to be invoked when the value of the input field is submitted.
+         */
+        onSubmit?: FormInputOnEvent;
+        /**
+         * determines what autoComplete suggestion type to show
+         *
+         * Internally it'll render platform specific attributes:
+         *
+         * - web: `autocomplete`
+         * - iOS: `textContentType`
+         * - android: `autoComplete`
+         *
+         */
+        autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;
+    };
+    web: {
+        /**
+         * This is a react-native only prop and has no effect on web.
+         */
+        onSubmit?: undefined;
+        /**
+         * determines what autoComplete suggestion type to show
+         *
+         * Internally it'll render platform specific attributes:
+         *
+         * - web: `autocomplete`
+         * - iOS: `textContentType`
+         * - android: `autoComplete`
+         *
+         */
+        autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
+    };
+}> & StyledPropsBlade;
+type BaseInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+type BaseInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
+
+type TaggedInputProps = {
+    isTaggedInput?: boolean;
+    tags?: string[];
+    onTagChange?: ({ tags }: {
+        tags: string[];
+    }) => void;
+};
+
+type Type = Exclude<BaseInputProps['type'], 'password'>;
+type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | 'leadingIcon' | 'trailingButton' | 'trailingIcon'> & {
+    /**
+     * Decides whether to render a clear icon button
+     */
+    showClearButton?: boolean;
+    /**
+     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
+     */
+    onClearButtonClick?: () => void;
+    /**
+     * Decides whether to show a loading spinner for the input field.
+     */
+    isLoading?: boolean;
+    /**
+     * Icon that will be rendered at the beginning of the input field
+     * @deprecated Use `leadingIcon` instead. This prop will be removed in the next major version.
+     */
+    icon?: IconComponent;
+    /**
+     * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
+     *
+     *
+     * **Note on number type**
+     *
+     * `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
+     * If you have a usecase where you only want to support number input, you can handle it on validations end.
+     *
+     * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning
+     *
+     * @default text
+     */
+    type?: Type;
+} & TaggedInputProps & StyledPropsBlade;
+type TextInputPropsWithA11yLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label?: undefined;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel: string;
+};
+type TextInputPropsWithLabel = {
+    /**
+     * Label to be shown for the input field
+     */
+    label: string;
+    /**
+     * Accessibility label for the input
+     */
+    accessibilityLabel?: string;
+};
+type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
+declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
+
+type Level = 'month' | 'year' | 'decade';
+type PickerType = 'day' | 'month' | 'year';
+type Preset = {
+    /**
+     * Label for the preset
+     *
+     * @example 'Last 7 days'
+     */
+    label: string;
+    /**
+     * Value can be a range of dates
+     *
+     * @example with range selection
+     * [dayjs().subtract(7, 'day'), dayjs()]
+     */
+    value: (date: Date) => DatesRangeValue;
+};
+type DateSelectionType = 'single' | 'range';
+type MantineInternalProps = '__onDayMouseEnter' | '__onDayClick' | 'getDayProps' | 'getYearControlProps' | 'getMonthControlProps' | 'onMouseLeave';
+type CalendarProps<SelectionType extends DateSelectionType> = Pick<DatePickerProps$1<SelectionType extends 'single' ? 'default' : 'range'>, MantineInternalProps | 'value' | 'defaultValue' | 'onChange' | 'onMonthSelect' | 'onYearSelect'> & {
+    /**
+     * Sets the selection mode of the calendar
+     * @default 'single'
+     */
+    selectionType?: SelectionType;
+    /**
+     * Sets the picker type
+     * @default 'date'
+     */
+    picker?: PickerType;
+    /**
+     * Sets the default picker type
+     */
+    defaultPicker?: PickerType;
+    /**
+     * Callback which fires when picker type changes
+     */
+    onPickerChange?: (picker: PickerType) => void;
+    /**
+     * Controlled isOpen state
+     */
+    isOpen?: boolean;
+    /**
+     * Uncontrolled isOpen state
+     */
+    defaultIsOpen?: boolean;
+    /**
+     * Callback which fires when isOpen state changes
+     */
+    onOpenChange?: ({ isOpen }: {
+        isOpen: boolean;
+    }) => void;
+    /**
+     * Defines presets for the date picker
+     *
+     * @example with single selection
+     * [
+     *   { label: 'In 7 days', value: dayjs().add(7, 'day') },
+     *   { label: 'In a month', value: dayjs().add(1, 'month') },
+     * ]
+     *
+     * @example with range selection
+     * [
+     *   { label: 'Last 7 days', value: [dayjs().subtract(7, 'day'), dayjs()] },
+     *   { label: 'Last month', value: [dayjs().subtract(1, 'month'), dayjs()] },
+     * ]
+     */
+    presets?: Preset[];
+    /**
+     * Sets the first day of the week in the calendar.
+     *
+     * 0-6 (0=Sunday, 1=Monday, etc.)
+     * @default 1
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Sets the minimum date that can be selected.
+     */
+    minDate?: Date;
+    /**
+     * Sets the maximum date that can be selected.
+     */
+    maxDate?: Date;
+    /**
+     * Disables dates that do not pass the function.
+     */
+    excludeDate?: (date: Date) => boolean;
+    /**
+     * Determines whether single date can be selected as range, applicable only when type="range"
+     * @default false
+     */
+    allowSingleDateInRange?: boolean;
+    /**
+     * Callback which is called whenever the next button is clicked.
+     *
+     * @param date - The updated date.
+     * @param type - The level of the calendar. ("month" | "year" | "decade")
+     */
+    onNext?: ({ date, type }: {
+        date: Date;
+        type: Level;
+    }) => void;
+    /**
+     * Callback which is called whenever the previous button is clicked.
+     *
+     * @param date - The updated date.
+     * @param type - The level of the calendar. ("month" | "year" | "decade")
+     */
+    onPrevious?: ({ date, type }: {
+        date: Date;
+        type: Level;
+    }) => void;
+};
+type DatePickerProps<Type extends DateSelectionType> = Omit<CalendarProps<Type>, MantineInternalProps> & Omit<DatePickerCommonInputProps, 'inputRef' | 'referenceProps' | 'labelPosition' | 'name'> & {
+    /**
+     * Sets the label for the input element.
+     */
+    label?: Type extends 'single' ? string : {
+        start: string;
+        end?: string;
+    };
+    /**
+     * Sets the HTML [name](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname) attribute on the input elements.
+     * Can be used when submitting a form.
+     *
+     * @example 'date' | { start: 'start-date', end: 'end-date' }
+     */
+    name?: Type extends 'single' ? string : {
+        start: string;
+        end?: string;
+    };
+    labelPosition?: BaseInputProps['labelPosition'];
+};
+type DatePickerCommonInputProps = {
+    labelPosition?: BaseInputProps['labelPosition'];
+    inputRef: React.Ref<any>;
+    referenceProps: any;
+} & Pick<TextInputProps, 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel'> & FormInputValidationProps;
+
+type DropdownProps = {
+    /**
+     * Control open / close state of the Dropdown component
+     *
+     * This can be used to close the dropdown when button in the footer of dropdown is clicked
+     */
+    isOpen?: boolean;
+    /**
+     * Callback when open state of the dropdown changes
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+    selectionType?: 'single' | 'multiple';
+    children: React__default.ReactNode[];
+} & TestID & StyledPropsBlade;
+type DropdownOverlayProps = {
+    children: React__default.ReactElement[] | React__default.ReactElement;
+    /**
+     * Sets the z-index of the DropdownOverlay
+     *
+     * @default 1001
+     */
+    zIndex?: number;
+    width?: BoxProps['width'];
+    /**
+     * Reference to the element which triggers the DropdownOverlay
+     *
+     * This is used to position the DropdownOverlay relative to a specific element,
+     * for example in PhoneNumberInput the DropdownOverlay is positioned relative to the input element
+     */
+    referenceRef?: React__default.MutableRefObject<ContainerElementType | null>;
+    /**
+     * Sets the placement of the DropdownOverlay
+     *
+     * @default 'bottom-start'
+     */
+    defaultPlacement?: Placement;
+} & TestID;
+
+declare const Dropdown: ({ children, isOpen: isOpenControlled, onOpenChange, selectionType, testID, ...styledProps }: DropdownProps) => React__default.ReactElement;
+
+declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => React__default.ReactElement;
+
+type DropdownButtonProps = ButtonProps & {
+    onBlur?: BaseButtonProps['onBlur'];
+    onKeyDown?: BaseButtonProps['onKeyDown'];
+};
+declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, accessibilityLabel, testID, ...styledProps }: DropdownButtonProps) => React__default.ReactElement;
+
+type DropdownLinkProps = LinkButtonVariantProps & {
+    onBlur?: BaseLinkProps['onBlur'];
+    onKeyDown?: BaseLinkProps['onKeyDown'];
+};
+declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...styledProps }: DropdownLinkProps) => React__default.ReactElement;
+
+type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID'>;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, }: DropdownHeaderProps) => React__default.ReactElement;
+type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
+declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
+
+interface BladeFile extends File {
+    /**
+     * The unique identifier of the file.
+     */
+    id?: string;
+    /**
+     * The file's upload status.
+     */
+    status?: 'uploading' | 'success' | 'error';
+    /**
+     * The percentage of file upload completion.
+     */
+    uploadPercent?: number;
+    /**
+     * Text indicating an error state
+     */
+    errorText?: string;
+}
+type BladeFileList = BladeFile[];
+type FileUploadCommonProps = {
+    /**
+     * Position of the label relative to the file upload area. Desktop only prop. Default value on mobile will be 'top'
+     *
+     * @default 'top'
+     */
+    labelPosition?: 'top' | 'left';
+    /**
+     * Defines the upload behavior of the FileUpload component
+     */
+    uploadType?: 'single' | 'multiple';
+    /**
+     * File types that can be accepted. See [input's accept attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept)
+     *
+     * Usage: accept=".jpg, .png, .pdf", accept="image/*", accept="image/png, image/jpeg, application/pdf"
+     */
+    accept?: string;
+    /**
+     * Disables or enables the FileUpload component
      */
-    activeDescendant?: string;
+    isDisabled?: boolean;
     /**
-     * Hides the label text
+     * Sets the required state of the file input
+     *
+     * @default false
      */
-    hideLabelText?: boolean;
+    isRequired?: boolean;
     /**
-     * Hides the form hint text
+     * Renders a necessity indicator after the label. If `isRequired` is `true`, it defaults to `'required'`
      */
-    hideFormHint?: boolean;
+    necessityIndicator?: 'required' | 'optional' | 'none';
     /**
-     * componentName prop sets the data-blade-component attribute name
-     * for internal metric collection purposes
+     * The name of the file upload input, [useful in form submissions](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#name)
      */
-    componentName?: string;
+    name?: string;
     /**
-     * whether the input has a popup
+     * List of files that have been selected/uploaded, useful when the component is controlled
      */
-    hasPopup?: AriaAttributes['hasPopup'];
+    fileList?: BladeFileList;
     /**
-     * id of the popup
+     * Limit the number of files that can be uploaded
      */
-    popupId?: string;
+    maxCount?: number;
     /**
-     * true if popup is in expanded state
+     * Limit the size of the uploaded files (in bytes)
      */
-    isPopupExpanded?: boolean;
-    setInputWrapperRef?: (node: ContainerElementType) => void;
+    maxSize?: number;
     /**
-     * sets the autocapitalize behavior for the input
+     * Callback function triggered when files are selected
      */
-    autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';
+    onChange?: ({ name, fileList }: {
+        name?: string;
+        fileList: BladeFileList;
+    }) => void;
     /**
-     * constraints the height of input to given number rows
-     *
-     * When set to expandable, input takes 1 row in the begining and expands to take 3 when active
-     *
-     * @default 'single'
+     * Callback function triggered when the preview icon is clicked
      */
-    maxTagRows?: 'single' | 'multiple' | 'expandable';
+    onPreview?: ({ file }: {
+        file: File;
+    }) => void;
     /**
-     * A slot for adding tags to input
+     * Callback function triggered when a file is removed
      */
-    tags?: React__default.ReactElement[] | null;
+    onRemove?: ({ file }: {
+        file: File;
+    }) => void;
     /**
-     * Disables stripping of tags and shows all tags
+     * Callback function triggered when a file upload is dismissed
      */
-    showAllTags?: boolean;
+    onDismiss?: ({ file }: {
+        file: File;
+    }) => void;
     /**
-     * State variable of active tag index
+     * Callback function executed when files are dropped into the upload area
      */
-    activeTagIndex?: number;
+    onDrop?: ({ name, fileList }: {
+        name?: string;
+        fileList: BladeFileList;
+    }) => void;
     /**
-     * Is this input SelectInput or AutoComplete
+     * State indicating whether there is an error in the FileUpload component
      */
-    isDropdownTrigger?: boolean;
+    validationState?: 'none' | 'error';
     /**
-     * Is the label expected to be rendered inside input?
-     * Used in AutoComplete and Select when label can't exist outside
-     *
+     * Additional text providing assistance or guidance
      */
-    isLabelInsideInput?: boolean;
+    helpText?: string;
     /**
-     * State setter for active tag index
+     * Text indicating an error state
      */
-    setActiveTagIndex?: (activeTagIndex: number) => void;
+    errorText?: string;
     /**
-     * Sets the size of the input field
-     * @default medium
+     * Size of the FileUpload component
+     *
+     * @default 'medium'
      */
     size?: 'medium' | 'large';
     /**
-     * Link button to be rendered at the end of the input field.
-     * **Note:** `size` of the Link will be set to the same size as the input field, `isDisabled` will follow Input's `isDisabled`, & `variant` will be set to `button`.
-     * Example:
-     * ```tsx
-     * trailingButton={<Link onClick={handleClick}>Apply</Link>}
-     * ```
+     * Test ID for automation
      */
-    trailingButton?: React__default.ReactElement<LinkProps>;
-    /**
-     * Whether to use Text or Heading component for Input text
-     * @default text
-     **/
-    valueComponentType?: 'text' | 'heading';
-} & TestID & Platform.Select<{
-    native: {
-        /**
-         * The callback function to be invoked when the value of the input field is submitted.
-         */
-        onSubmit?: FormInputOnEvent;
-        /**
-         * determines what autoComplete suggestion type to show
-         *
-         * Internally it'll render platform specific attributes:
-         *
-         * - web: `autocomplete`
-         * - iOS: `textContentType`
-         * - android: `autoComplete`
-         *
-         */
-        autoCompleteSuggestionType?: CommonAutoCompleteSuggestionTypes;
-    };
-    web: {
-        /**
-         * This is a react-native only prop and has no effect on web.
-         */
-        onSubmit?: undefined;
-        /**
-         * determines what autoComplete suggestion type to show
-         *
-         * Internally it'll render platform specific attributes:
-         *
-         * - web: `autocomplete`
-         * - iOS: `textContentType`
-         * - android: `autoComplete`
-         *
-         */
-        autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
-    };
-}> & StyledPropsBlade;
-type BaseInputPropsWithA11yLabel = {
+    testID?: string;
+};
+type FileUploadPropsWithA11yLabel = {
     /**
      * Label to be shown for the input field
      */
@@ -6058,7 +6220,7 @@ type BaseInputPropsWithA11yLabel = {
      */
     accessibilityLabel: string;
 };
-type BaseInputPropsWithLabel = {
+type FileUploadPropsWithLabel = {
     /**
      * Label to be shown for the input field
      */
@@ -6068,7 +6230,54 @@ type BaseInputPropsWithLabel = {
      */
     accessibilityLabel?: string;
 };
-type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
+type FileUploadProps = (FileUploadPropsWithA11yLabel | FileUploadPropsWithLabel) & FileUploadCommonProps;
+
+declare const FileUpload: (_props: FileUploadProps) => React.ReactElement;
+
+type IndicatorCommonProps = {
+    /**
+     * Sets the color tone
+     *
+     * @default neutral
+     */
+    color?: FeedbackColors | 'primary';
+    /**
+     * Sets the emphasis of the indicator
+     *
+     * If set to intense it will show a background circle
+     *
+     * @default subtle
+     */
+    emphasis?: 'subtle' | 'intense';
+    /**
+     * Size of the indicator
+     *
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+} & TestID & StyledPropsBlade;
+type IndicatorWithoutA11yLabel = {
+    /**
+     * A text label to show alongside the indicator dot
+     */
+    children: StringChildrenType;
+    /**
+     * a11y label for screen readers
+     */
+    accessibilityLabel?: string;
+};
+type IndicatorWithA11yLabel = {
+    /**
+     * a11y label for screen readers
+     */
+    accessibilityLabel: string;
+    /**
+     * A text label to show alongside the indicator dot
+     */
+    children?: StringChildrenType;
+};
+type IndicatorProps = IndicatorCommonProps & (IndicatorWithA11yLabel | IndicatorWithoutA11yLabel);
+declare const Indicator: ({ accessibilityLabel, children, size, color, emphasis, testID, ...styledProps }: IndicatorProps) => ReactElement;
 
 /**
  * ### SelectInput
@@ -6380,14 +6589,6 @@ type PasswordInputPropsWithLabel = {
 type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
 declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
 
-type TaggedInputProps = {
-    isTaggedInput?: boolean;
-    tags?: string[];
-    onTagChange?: ({ tags }: {
-        tags: string[];
-    }) => void;
-};
-
 type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID' | 'size'> & {
     /**
      * Decides whether to render a clear icon button
@@ -6421,63 +6622,6 @@ type TextAreaPropsWithLabel = {
 type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
 declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
 
-type Type = Exclude<BaseInputProps['type'], 'password'>;
-type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | 'leadingIcon' | 'trailingButton' | 'trailingIcon'> & {
-    /**
-     * Decides whether to render a clear icon button
-     */
-    showClearButton?: boolean;
-    /**
-     * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
-     */
-    onClearButtonClick?: () => void;
-    /**
-     * Decides whether to show a loading spinner for the input field.
-     */
-    isLoading?: boolean;
-    /**
-     * Icon that will be rendered at the beginning of the input field
-     * @deprecated Use `leadingIcon` instead. This prop will be removed in the next major version.
-     */
-    icon?: IconComponent;
-    /**
-     * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
-     *
-     *
-     * **Note on number type**
-     *
-     * `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
-     * If you have a usecase where you only want to support number input, you can handle it on validations end.
-     *
-     * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning
-     *
-     * @default text
-     */
-    type?: Type;
-} & TaggedInputProps & StyledPropsBlade;
-type TextInputPropsWithA11yLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label?: undefined;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel: string;
-};
-type TextInputPropsWithLabel = {
-    /**
-     * Label to be shown for the input field
-     */
-    label: string;
-    /**
-     * Accessibility label for the input
-     */
-    accessibilityLabel?: string;
-};
-type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
-declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
-
 type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size'> & {
     /**
      * Event handler to handle the onClick event for clear button.
@@ -6517,7 +6661,7 @@ type SearchInputPropsWithLabel = {
 type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
 declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<BladeElementRef>>;
 
-type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType'>;
+type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder'>;
 type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
     /**
      * Default value of the input, Used to set the default value of input field when it's uncontrolled
@@ -8692,4 +8836,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
  */
 declare const screenReaderStyles: CSSObject;
 
-export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, 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, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, 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, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
+export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, 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, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, 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, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, 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, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };