@razorpay/blade 12.42.0 → 12.42.2

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as react_native_types from 'react-native/types';
-import * as React$1 from 'react';
-import React__default, { ReactNode, ReactElement, CSSProperties, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
+import * as react from 'react';
+import react__default, { ReactNode, ReactElement, CSSProperties, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
 import * as react_native from 'react-native';
 import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity, ImageSourcePropType, PressableProps } from 'react-native';
 import { CSSObject } from 'styled-components';
@@ -395,7 +395,7 @@ type ThemeContext = UseColorScheme & {
     theme: Theme;
     platform: TypographyPlatforms;
 };
-declare const ThemeContext: React$1.Context<ThemeContext>;
+declare const ThemeContext: react.Context<ThemeContext>;
 declare const useTheme: () => ThemeContext;
 
 type Duration = {
@@ -526,7 +526,7 @@ type DotNotationSpacingStringToken = `spacing.${keyof Spacing}`;
  * }
  * ```
  */
-type StringChildrenType = React__default.ReactText | React__default.ReactText[];
+type StringChildrenType = react__default.ReactText | react__default.ReactText[];
 /**
  *
  * When combined with union, this type utility will give you autocomplete of union while still supporting any string value as input
@@ -577,7 +577,7 @@ type PickIfExist<T, K extends keyof T> = {
  * // On Native --> This will be just `flex` and `none`
  * ```
  */
-type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
+type PickCSSByPlatform<T extends keyof react__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
     web: PickIfExist<CSSObject, T>;
     native: PickIfExist<ViewStyle, T>;
 }>;
@@ -1384,7 +1384,7 @@ type BoxRefType = Platform.Select<{
     native: View;
 }>;
 
-declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
+declare const Box: react__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
     width: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -1741,10 +1741,10 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
 }, "backgroundColor"> & {
     as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
 } & {
-    children?: React__default.ReactNode | React__default.ReactNode[];
+    children?: react__default.ReactNode | react__default.ReactNode[];
     tabIndex?: number | undefined;
     id?: string | undefined;
-} & TestID & DataAnalyticsAttribute> & React__default.RefAttributes<BoxRefType>>;
+} & TestID & DataAnalyticsAttribute> & react__default.RefAttributes<BoxRefType>>;
 
 type InteractiveText$1 = DotNotationToken<Theme['colors']['interactive']['icon']>;
 type FeedbackText$1 = DotNotationToken<Theme['colors']['feedback']['icon']>;
@@ -1760,781 +1760,781 @@ type IconProps = {
 } & StyledPropsBlade;
 type IconComponent = React.ComponentType<IconProps>;
 
-declare const AcceptPaymentsIcon: IconComponent;
+declare const AcceptPaymentsIcon: react.FunctionComponent<IconProps>;
 
-declare const ActivityIcon: IconComponent;
+declare const ActivityIcon: react.FunctionComponent<IconProps>;
 
-declare const AddressBookIcon: IconComponent;
+declare const AddressBookIcon: react.FunctionComponent<IconProps>;
 
-declare const AffordabilityIcon: IconComponent;
+declare const AffordabilityIcon: react.FunctionComponent<IconProps>;
 
-declare const AirplayIcon: IconComponent;
+declare const AirplayIcon: react.FunctionComponent<IconProps>;
 
-declare const AlertCircleIcon: IconComponent;
+declare const AlertCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const AlertOctagonIcon: IconComponent;
+declare const AlertOctagonIcon: react.FunctionComponent<IconProps>;
 
-declare const AlertOnlyIcon: IconComponent;
+declare const AlertOnlyIcon: react.FunctionComponent<IconProps>;
 
-declare const AlertTriangleIcon: IconComponent;
+declare const AlertTriangleIcon: react.FunctionComponent<IconProps>;
 
-declare const AlignCenterIcon: IconComponent;
+declare const AlignCenterIcon: react.FunctionComponent<IconProps>;
 
-declare const AlignJustifyIcon: IconComponent;
+declare const AlignJustifyIcon: react.FunctionComponent<IconProps>;
 
-declare const AlignLeftIcon: IconComponent;
+declare const AlignLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const AlignRightIcon: IconComponent;
+declare const AlignRightIcon: react.FunctionComponent<IconProps>;
 
-declare const AnchorIcon: IconComponent;
+declare const AnchorIcon: react.FunctionComponent<IconProps>;
 
-declare const AndroidIcon: IconComponent;
+declare const AndroidIcon: react.FunctionComponent<IconProps>;
 
-declare const AnnouncementIcon: IconComponent;
+declare const AnnouncementIcon: react.FunctionComponent<IconProps>;
 
-declare const ApertureIcon: IconComponent;
+declare const ApertureIcon: react.FunctionComponent<IconProps>;
 
-declare const AppStoreIcon: IconComponent;
+declare const AppStoreIcon: react.FunctionComponent<IconProps>;
 
-declare const AppleIcon: IconComponent;
+declare const AppleIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowDownIcon: IconComponent;
+declare const ArrowDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowDownLeftIcon: IconComponent;
+declare const ArrowDownLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowDownRightIcon: IconComponent;
+declare const ArrowDownRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowLeftIcon: IconComponent;
+declare const ArrowLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowRightIcon: IconComponent;
+declare const ArrowRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareDownIcon: IconComponent;
+declare const ArrowSquareDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareDownLeftIcon: IconComponent;
+declare const ArrowSquareDownLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareDownRightIcon: IconComponent;
+declare const ArrowSquareDownRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareLeftIcon: IconComponent;
+declare const ArrowSquareLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareRightIcon: IconComponent;
+declare const ArrowSquareRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareUpIcon: IconComponent;
+declare const ArrowSquareUpIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareUpLeftIcon: IconComponent;
+declare const ArrowSquareUpLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowSquareUpRightIcon: IconComponent;
+declare const ArrowSquareUpRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowUpIcon: IconComponent;
+declare const ArrowUpIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowUpLeftIcon: IconComponent;
+declare const ArrowUpLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ArrowUpRightIcon: IconComponent;
+declare const ArrowUpRightIcon: react.FunctionComponent<IconProps>;
 
-declare const AtSignIcon: IconComponent;
+declare const AtSignIcon: react.FunctionComponent<IconProps>;
 
-declare const AttachmentIcon: IconComponent;
+declare const AttachmentIcon: react.FunctionComponent<IconProps>;
 
-declare const AutomateAccountingIcon: IconComponent;
+declare const AutomateAccountingIcon: react.FunctionComponent<IconProps>;
 
-declare const AutomatePayrollIcon: IconComponent;
+declare const AutomatePayrollIcon: react.FunctionComponent<IconProps>;
 
-declare const AwardIcon: IconComponent;
+declare const AwardIcon: react.FunctionComponent<IconProps>;
 
-declare const BankAccountVerificationIcon: IconComponent;
+declare const BankAccountVerificationIcon: react.FunctionComponent<IconProps>;
 
-declare const BankIcon: IconComponent;
+declare const BankIcon: react.FunctionComponent<IconProps>;
 
-declare const BarChartAltIcon: IconComponent;
+declare const BarChartAltIcon: react.FunctionComponent<IconProps>;
 
-declare const BarChartIcon: IconComponent;
+declare const BarChartIcon: react.FunctionComponent<IconProps>;
 
-declare const BarCodeIcon: IconComponent;
+declare const BarCodeIcon: react.FunctionComponent<IconProps>;
 
-declare const Battery100PercentIcon: IconComponent;
+declare const Battery100PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const Battery20PercentIcon: IconComponent;
+declare const Battery20PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const Battery40PercentIcon: IconComponent;
+declare const Battery40PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const Battery60PercentIcon: IconComponent;
+declare const Battery60PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const Battery80PercentIcon: IconComponent;
+declare const Battery80PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const BatteryChargingIcon: IconComponent;
+declare const BatteryChargingIcon: react.FunctionComponent<IconProps>;
 
-declare const BatteryIcon: IconComponent;
+declare const BatteryIcon: react.FunctionComponent<IconProps>;
 
-declare const BellIcon: IconComponent;
+declare const BellIcon: react.FunctionComponent<IconProps>;
 
-declare const BellOffIcon: IconComponent;
+declare const BellOffIcon: react.FunctionComponent<IconProps>;
 
-declare const BfsiIcon: IconComponent;
+declare const BfsiIcon: react.FunctionComponent<IconProps>;
 
-declare const BillIcon: IconComponent;
+declare const BillIcon: react.FunctionComponent<IconProps>;
 
-declare const BillMeIcon: IconComponent;
+declare const BillMeIcon: react.FunctionComponent<IconProps>;
 
-declare const BluetoothIcon: IconComponent;
+declare const BluetoothIcon: react.FunctionComponent<IconProps>;
 
-declare const BoldIcon: IconComponent;
+declare const BoldIcon: react.FunctionComponent<IconProps>;
 
-declare const BookIcon: IconComponent;
+declare const BookIcon: react.FunctionComponent<IconProps>;
 
-declare const BookmarkIcon: IconComponent;
+declare const BookmarkIcon: react.FunctionComponent<IconProps>;
 
-declare const BoxIcon: IconComponent;
+declare const BoxIcon: react.FunctionComponent<IconProps>;
 
-declare const BriefcaseIcon: IconComponent;
+declare const BriefcaseIcon: react.FunctionComponent<IconProps>;
 
-declare const BugIcon: IconComponent;
+declare const BugIcon: react.FunctionComponent<IconProps>;
 
-declare const BuildingIcon: IconComponent;
+declare const BuildingIcon: react.FunctionComponent<IconProps>;
 
-declare const BulkPayoutsIcon: IconComponent;
+declare const BulkPayoutsIcon: react.FunctionComponent<IconProps>;
 
-declare const BusinessBankingIcon: IconComponent;
+declare const BusinessBankingIcon: react.FunctionComponent<IconProps>;
 
-declare const BusinessSpendManagementIcon: IconComponent;
+declare const BusinessSpendManagementIcon: react.FunctionComponent<IconProps>;
 
-declare const CalendarIcon: IconComponent;
+declare const CalendarIcon: react.FunctionComponent<IconProps>;
 
-declare const CameraIcon: IconComponent;
+declare const CameraIcon: react.FunctionComponent<IconProps>;
 
-declare const CameraOffIcon: IconComponent;
+declare const CameraOffIcon: react.FunctionComponent<IconProps>;
 
-declare const CashIcon: IconComponent;
+declare const CashIcon: react.FunctionComponent<IconProps>;
 
-declare const CastIcon: IconComponent;
+declare const CastIcon: react.FunctionComponent<IconProps>;
 
-declare const CheckCircle2Icon: IconComponent;
+declare const CheckCircle2Icon: react.FunctionComponent<IconProps>;
 
-declare const CheckCircleIcon: IconComponent;
+declare const CheckCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const CheckIcon: IconComponent;
+declare const CheckIcon: react.FunctionComponent<IconProps>;
 
-declare const CheckSquareIcon: IconComponent;
+declare const CheckSquareIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronDownIcon: IconComponent;
+declare const ChevronDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronLeftIcon: IconComponent;
+declare const ChevronLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronRightIcon: IconComponent;
+declare const ChevronRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronUpDownIcon: IconComponent;
+declare const ChevronUpDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronUpIcon: IconComponent;
+declare const ChevronUpIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronsDownIcon: IconComponent;
+declare const ChevronsDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronsLeftIcon: IconComponent;
+declare const ChevronsLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronsRightIcon: IconComponent;
+declare const ChevronsRightIcon: react.FunctionComponent<IconProps>;
 
-declare const ChevronsUpIcon: IconComponent;
+declare const ChevronsUpIcon: react.FunctionComponent<IconProps>;
 
-declare const ChromeIcon: IconComponent;
+declare const ChromeIcon: react.FunctionComponent<IconProps>;
 
-declare const CircleIcon: IconComponent;
+declare const CircleIcon: react.FunctionComponent<IconProps>;
 
-declare const ClipboardIcon: IconComponent;
+declare const ClipboardIcon: react.FunctionComponent<IconProps>;
 
-declare const ClockIcon: IconComponent;
+declare const ClockIcon: react.FunctionComponent<IconProps>;
 
-declare const CloseIcon: IconComponent;
+declare const CloseIcon: react.FunctionComponent<IconProps>;
 
-declare const ClosedCaptioningIcon: IconComponent;
+declare const ClosedCaptioningIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudDrizzleIcon: IconComponent;
+declare const CloudDrizzleIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudIcon: IconComponent;
+declare const CloudIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudLightningIcon: IconComponent;
+declare const CloudLightningIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudOffIcon: IconComponent;
+declare const CloudOffIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudRainIcon: IconComponent;
+declare const CloudRainIcon: react.FunctionComponent<IconProps>;
 
-declare const CloudSnowIcon: IconComponent;
+declare const CloudSnowIcon: react.FunctionComponent<IconProps>;
 
-declare const CodeSnippetIcon: IconComponent;
+declare const CodeSnippetIcon: react.FunctionComponent<IconProps>;
 
-declare const CodepenIcon: IconComponent;
+declare const CodepenIcon: react.FunctionComponent<IconProps>;
 
-declare const CoinIcon: IconComponent;
+declare const CoinIcon: react.FunctionComponent<IconProps>;
 
-declare const CoinsIcon: IconComponent;
+declare const CoinsIcon: react.FunctionComponent<IconProps>;
 
-declare const CommandIcon: IconComponent;
+declare const CommandIcon: react.FunctionComponent<IconProps>;
 
-declare const CompanyRegistrationIcon: IconComponent;
+declare const CompanyRegistrationIcon: react.FunctionComponent<IconProps>;
 
-declare const CompassIcon: IconComponent;
+declare const CompassIcon: react.FunctionComponent<IconProps>;
 
-declare const ConfettiIcon: IconComponent;
+declare const ConfettiIcon: react.FunctionComponent<IconProps>;
 
-declare const ContactlessPaymentIcon: IconComponent;
+declare const ContactlessPaymentIcon: react.FunctionComponent<IconProps>;
 
-declare const CookieIcon: IconComponent;
+declare const CookieIcon: react.FunctionComponent<IconProps>;
 
-declare const CopyIcon: IconComponent;
+declare const CopyIcon: react.FunctionComponent<IconProps>;
 
-declare const CopyrightIcon: IconComponent;
+declare const CopyrightIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerDownLeftIcon: IconComponent;
+declare const CornerDownLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerDownRightIcon: IconComponent;
+declare const CornerDownRightIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerLeftDownIcon: IconComponent;
+declare const CornerLeftDownIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerLeftUpIcon: IconComponent;
+declare const CornerLeftUpIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerRightDownIcon: IconComponent;
+declare const CornerRightDownIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerRightUpIcon: IconComponent;
+declare const CornerRightUpIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerUpLeftIcon: IconComponent;
+declare const CornerUpLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const CornerUpRightIcon: IconComponent;
+declare const CornerUpRightIcon: react.FunctionComponent<IconProps>;
 
-declare const CpuIcon: IconComponent;
+declare const CpuIcon: react.FunctionComponent<IconProps>;
 
-declare const CreditCardIcon: IconComponent;
+declare const CreditCardIcon: react.FunctionComponent<IconProps>;
 
-declare const CreditsAndLoansIcon: IconComponent;
+declare const CreditsAndLoansIcon: react.FunctionComponent<IconProps>;
 
-declare const CropIcon: IconComponent;
+declare const CropIcon: react.FunctionComponent<IconProps>;
 
-declare const CrosshairIcon: IconComponent;
+declare const CrosshairIcon: react.FunctionComponent<IconProps>;
 
-declare const CurrentAccountIcon: IconComponent;
+declare const CurrentAccountIcon: react.FunctionComponent<IconProps>;
 
-declare const CustomersIcon: IconComponent;
+declare const CustomersIcon: react.FunctionComponent<IconProps>;
 
-declare const CutIcon: IconComponent;
+declare const CutIcon: react.FunctionComponent<IconProps>;
 
-declare const DashboardIcon: IconComponent;
+declare const DashboardIcon: react.FunctionComponent<IconProps>;
 
-declare const DeleteIcon: IconComponent;
+declare const DeleteIcon: react.FunctionComponent<IconProps>;
 
-declare const DigitalLendingIcon: IconComponent;
+declare const DigitalLendingIcon: react.FunctionComponent<IconProps>;
 
-declare const DisbursePaymentsIcon: IconComponent;
+declare const DisbursePaymentsIcon: react.FunctionComponent<IconProps>;
 
-declare const DiscIcon: IconComponent;
+declare const DiscIcon: react.FunctionComponent<IconProps>;
 
-declare const DollarIcon: IconComponent;
+declare const DollarIcon: react.FunctionComponent<IconProps>;
 
-declare const DollarsIcon: IconComponent;
+declare const DollarsIcon: react.FunctionComponent<IconProps>;
 
-declare const DotIcon: IconComponent;
+declare const DotIcon: react.FunctionComponent<IconProps>;
 
-declare const DownloadCloudIcon: IconComponent;
+declare const DownloadCloudIcon: react.FunctionComponent<IconProps>;
 
-declare const DownloadIcon: IconComponent;
+declare const DownloadIcon: react.FunctionComponent<IconProps>;
 
-declare const DragHandleIcon: IconComponent;
+declare const DragHandleIcon: react.FunctionComponent<IconProps>;
 
-declare const DropletIcon: IconComponent;
+declare const DropletIcon: react.FunctionComponent<IconProps>;
 
-declare const EcommerceIcon: IconComponent;
+declare const EcommerceIcon: react.FunctionComponent<IconProps>;
 
-declare const EditComposeIcon: IconComponent;
+declare const EditComposeIcon: react.FunctionComponent<IconProps>;
 
-declare const EditIcon: IconComponent;
+declare const EditIcon: react.FunctionComponent<IconProps>;
 
-declare const EditInlineIcon: IconComponent;
+declare const EditInlineIcon: react.FunctionComponent<IconProps>;
 
-declare const EducationIcon: IconComponent;
+declare const EducationIcon: react.FunctionComponent<IconProps>;
 
-declare const EngageIcon: IconComponent;
+declare const EngageIcon: react.FunctionComponent<IconProps>;
 
-declare const EqualsIcon: IconComponent;
+declare const EqualsIcon: react.FunctionComponent<IconProps>;
 
-declare const EscrowAccountIcon: IconComponent;
+declare const EscrowAccountIcon: react.FunctionComponent<IconProps>;
 
-declare const ExportIcon: IconComponent;
+declare const ExportIcon: react.FunctionComponent<IconProps>;
 
-declare const ExternalLinkIcon: IconComponent;
+declare const ExternalLinkIcon: react.FunctionComponent<IconProps>;
 
-declare const EyeIcon: IconComponent;
+declare const EyeIcon: react.FunctionComponent<IconProps>;
 
-declare const EyeOffIcon: IconComponent;
+declare const EyeOffIcon: react.FunctionComponent<IconProps>;
 
-declare const FacebookIcon: IconComponent;
+declare const FacebookIcon: react.FunctionComponent<IconProps>;
 
-declare const FastForwardIcon: IconComponent;
+declare const FastForwardIcon: react.FunctionComponent<IconProps>;
 
-declare const FeatherIcon: IconComponent;
+declare const FeatherIcon: react.FunctionComponent<IconProps>;
 
-declare const FigmaIcon: IconComponent;
+declare const FigmaIcon: react.FunctionComponent<IconProps>;
 
-declare const FileIcon: IconComponent;
+declare const FileIcon: react.FunctionComponent<IconProps>;
 
-declare const FileMinusIcon: IconComponent;
+declare const FileMinusIcon: react.FunctionComponent<IconProps>;
 
-declare const FilePlusIcon: IconComponent;
+declare const FilePlusIcon: react.FunctionComponent<IconProps>;
 
-declare const FileTextIcon: IconComponent;
+declare const FileTextIcon: react.FunctionComponent<IconProps>;
 
-declare const FileZipIcon: IconComponent;
+declare const FileZipIcon: react.FunctionComponent<IconProps>;
 
-declare const FilmIcon: IconComponent;
+declare const FilmIcon: react.FunctionComponent<IconProps>;
 
-declare const FilterIcon: IconComponent;
+declare const FilterIcon: react.FunctionComponent<IconProps>;
 
-declare const FlagIcon: IconComponent;
+declare const FlagIcon: react.FunctionComponent<IconProps>;
 
-declare const FlaskIcon: IconComponent;
+declare const FlaskIcon: react.FunctionComponent<IconProps>;
 
-declare const FolderIcon: IconComponent;
+declare const FolderIcon: react.FunctionComponent<IconProps>;
 
-declare const ForexManagementIcon: IconComponent;
+declare const ForexManagementIcon: react.FunctionComponent<IconProps>;
 
-declare const FreelanceIcon: IconComponent;
+declare const FreelanceIcon: react.FunctionComponent<IconProps>;
 
-declare const FullScreenEnterIcon: IconComponent;
+declare const FullScreenEnterIcon: react.FunctionComponent<IconProps>;
 
-declare const FullScreenExitIcon: IconComponent;
+declare const FullScreenExitIcon: react.FunctionComponent<IconProps>;
 
-declare const GithubIcon: IconComponent;
+declare const GithubIcon: react.FunctionComponent<IconProps>;
 
-declare const GitlabIcon: IconComponent;
+declare const GitlabIcon: react.FunctionComponent<IconProps>;
 
-declare const GlobeIcon: IconComponent;
+declare const GlobeIcon: react.FunctionComponent<IconProps>;
 
-declare const GridIcon: IconComponent;
+declare const GridIcon: react.FunctionComponent<IconProps>;
 
-declare const HashIcon: IconComponent;
+declare const HashIcon: react.FunctionComponent<IconProps>;
 
-declare const HeadphoneIcon: IconComponent;
+declare const HeadphoneIcon: react.FunctionComponent<IconProps>;
 
-declare const HeadphonesIcon: IconComponent;
+declare const HeadphonesIcon: react.FunctionComponent<IconProps>;
 
-declare const HeadsetIcon: IconComponent;
+declare const HeadsetIcon: react.FunctionComponent<IconProps>;
 
-declare const HeartIcon: IconComponent;
+declare const HeartIcon: react.FunctionComponent<IconProps>;
 
-declare const HelpCircleIcon: IconComponent;
+declare const HelpCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const HistoryIcon: IconComponent;
+declare const HistoryIcon: react.FunctionComponent<IconProps>;
 
-declare const HomeIcon: IconComponent;
+declare const HomeIcon: react.FunctionComponent<IconProps>;
 
-declare const ImageIcon: IconComponent;
+declare const ImageIcon: react.FunctionComponent<IconProps>;
 
-declare const InboxIcon: IconComponent;
+declare const InboxIcon: react.FunctionComponent<IconProps>;
 
-declare const IndiaFlagIcon: IconComponent;
+declare const IndiaFlagIcon: react.FunctionComponent<IconProps>;
 
-declare const InfoIcon: IconComponent;
+declare const InfoIcon: react.FunctionComponent<IconProps>;
 
-declare const InstagramIcon: IconComponent;
+declare const InstagramIcon: react.FunctionComponent<IconProps>;
 
-declare const InstantSettlementIcon: IconComponent;
+declare const InstantSettlementIcon: react.FunctionComponent<IconProps>;
 
-declare const InternationalPaymentsIcon: IconComponent;
+declare const InternationalPaymentsIcon: react.FunctionComponent<IconProps>;
 
-declare const InvoicesIcon: IconComponent;
+declare const InvoicesIcon: react.FunctionComponent<IconProps>;
 
-declare const ItalicIcon: IconComponent;
+declare const ItalicIcon: react.FunctionComponent<IconProps>;
 
-declare const KeyIcon: IconComponent;
+declare const KeyIcon: react.FunctionComponent<IconProps>;
 
-declare const KeyboardIcon: IconComponent;
+declare const KeyboardIcon: react.FunctionComponent<IconProps>;
 
-declare const LayersIcon: IconComponent;
+declare const LayersIcon: react.FunctionComponent<IconProps>;
 
-declare const LayoutIcon: IconComponent;
+declare const LayoutIcon: react.FunctionComponent<IconProps>;
 
-declare const LeftCircularCornerIcon: IconComponent;
+declare const LeftCircularCornerIcon: react.FunctionComponent<IconProps>;
 
-declare const LifeBuoyIcon: IconComponent;
+declare const LifeBuoyIcon: react.FunctionComponent<IconProps>;
 
-declare const LinkIcon: IconComponent;
+declare const LinkIcon: react.FunctionComponent<IconProps>;
 
-declare const ListIcon: IconComponent;
+declare const ListIcon: react.FunctionComponent<IconProps>;
 
-declare const ListSearchIcon: IconComponent;
+declare const ListSearchIcon: react.FunctionComponent<IconProps>;
 
-declare const LoaderIcon: IconComponent;
+declare const LoaderIcon: react.FunctionComponent<IconProps>;
 
-declare const LoansForBusinessesIcon: IconComponent;
+declare const LoansForBusinessesIcon: react.FunctionComponent<IconProps>;
 
-declare const LockIcon: IconComponent;
+declare const LockIcon: react.FunctionComponent<IconProps>;
 
-declare const LogInIcon: IconComponent;
+declare const LogInIcon: react.FunctionComponent<IconProps>;
 
-declare const LogOutIcon: IconComponent;
+declare const LogOutIcon: react.FunctionComponent<IconProps>;
 
-declare const MagicCheckoutIcon: IconComponent;
+declare const MagicCheckoutIcon: react.FunctionComponent<IconProps>;
 
-declare const MagicKonnectIcon: IconComponent;
+declare const MagicKonnectIcon: react.FunctionComponent<IconProps>;
 
-declare const MailIcon: IconComponent;
+declare const MailIcon: react.FunctionComponent<IconProps>;
 
-declare const MailOpenIcon: IconComponent;
+declare const MailOpenIcon: react.FunctionComponent<IconProps>;
 
-declare const MapIcon: IconComponent;
+declare const MapIcon: react.FunctionComponent<IconProps>;
 
-declare const MapPinIcon: IconComponent;
+declare const MapPinIcon: react.FunctionComponent<IconProps>;
 
-declare const MaximizeIcon: IconComponent;
+declare const MaximizeIcon: react.FunctionComponent<IconProps>;
 
-declare const MenuDotsIcon: IconComponent;
+declare const MenuDotsIcon: react.FunctionComponent<IconProps>;
 
-declare const MenuIcon: IconComponent;
+declare const MenuIcon: react.FunctionComponent<IconProps>;
 
-declare const MessageCircleIcon: IconComponent;
+declare const MessageCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const MessageSquareIcon: IconComponent;
+declare const MessageSquareIcon: react.FunctionComponent<IconProps>;
 
-declare const MicIcon: IconComponent;
+declare const MicIcon: react.FunctionComponent<IconProps>;
 
-declare const MicOffIcon: IconComponent;
+declare const MicOffIcon: react.FunctionComponent<IconProps>;
 
-declare const MinimizeIcon: IconComponent;
+declare const MinimizeIcon: react.FunctionComponent<IconProps>;
 
-declare const MinusCircleIcon: IconComponent;
+declare const MinusCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const MinusIcon: IconComponent;
+declare const MinusIcon: react.FunctionComponent<IconProps>;
 
-declare const MinusSquareIcon: IconComponent;
+declare const MinusSquareIcon: react.FunctionComponent<IconProps>;
 
-declare const MobileAppIcon: IconComponent;
+declare const MobileAppIcon: react.FunctionComponent<IconProps>;
 
-declare const MonitorIcon: IconComponent;
+declare const MonitorIcon: react.FunctionComponent<IconProps>;
 
-declare const MoonIcon: IconComponent;
+declare const MoonIcon: react.FunctionComponent<IconProps>;
 
-declare const MoreHorizontalIcon: IconComponent;
+declare const MoreHorizontalIcon: react.FunctionComponent<IconProps>;
 
-declare const MoreIcon: IconComponent;
+declare const MoreIcon: react.FunctionComponent<IconProps>;
 
-declare const MoreVerticalIcon: IconComponent;
+declare const MoreVerticalIcon: react.FunctionComponent<IconProps>;
 
-declare const MoveIcon: IconComponent;
+declare const MoveIcon: react.FunctionComponent<IconProps>;
 
-declare const MusicIcon: IconComponent;
+declare const MusicIcon: react.FunctionComponent<IconProps>;
 
-declare const MyAccountIcon: IconComponent;
+declare const MyAccountIcon: react.FunctionComponent<IconProps>;
 
-declare const NavigationIcon: IconComponent;
+declare const NavigationIcon: react.FunctionComponent<IconProps>;
 
-declare const NoSignalIcon: IconComponent;
+declare const NoSignalIcon: react.FunctionComponent<IconProps>;
 
-declare const OctagonIcon: IconComponent;
+declare const OctagonIcon: react.FunctionComponent<IconProps>;
 
-declare const OffersIcon: IconComponent;
+declare const OffersIcon: react.FunctionComponent<IconProps>;
 
-declare const OptimizerIcon: IconComponent;
+declare const OptimizerIcon: react.FunctionComponent<IconProps>;
 
-declare const PackageIcon: IconComponent;
+declare const PackageIcon: react.FunctionComponent<IconProps>;
 
-declare const PaperclipIcon: IconComponent;
+declare const PaperclipIcon: react.FunctionComponent<IconProps>;
 
-declare const PauseCircleIcon: IconComponent;
+declare const PauseCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const PauseIcon: IconComponent;
+declare const PauseIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentButtonIcon: IconComponent;
+declare const PaymentButtonIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentButtonsIcon: IconComponent;
+declare const PaymentButtonsIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentGatewayIcon: IconComponent;
+declare const PaymentGatewayIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentLinkIcon: IconComponent;
+declare const PaymentLinkIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentLinksIcon: IconComponent;
+declare const PaymentLinksIcon: react.FunctionComponent<IconProps>;
 
-declare const PaymentPagesIcon: IconComponent;
+declare const PaymentPagesIcon: react.FunctionComponent<IconProps>;
 
-declare const PayoutLinkIcon: IconComponent;
+declare const PayoutLinkIcon: react.FunctionComponent<IconProps>;
 
-declare const PayrollAddonsIcon: IconComponent;
+declare const PayrollAddonsIcon: react.FunctionComponent<IconProps>;
 
-declare const PayrollForCaIcon: IconComponent;
+declare const PayrollForCaIcon: react.FunctionComponent<IconProps>;
 
-declare const PayrollForStartupOrSmeIcon: IconComponent;
+declare const PayrollForStartupOrSmeIcon: react.FunctionComponent<IconProps>;
 
-declare const PercentIcon: IconComponent;
+declare const PercentIcon: react.FunctionComponent<IconProps>;
 
-declare const PettyCashBudgetIcon: IconComponent;
+declare const PettyCashBudgetIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneCallIcon: IconComponent;
+declare const PhoneCallIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneForwardedIcon: IconComponent;
+declare const PhoneForwardedIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneIcon: IconComponent;
+declare const PhoneIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneIncomingIcon: IconComponent;
+declare const PhoneIncomingIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneMissedIcon: IconComponent;
+declare const PhoneMissedIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneOffIcon: IconComponent;
+declare const PhoneOffIcon: react.FunctionComponent<IconProps>;
 
-declare const PhoneOutgoingIcon: IconComponent;
+declare const PhoneOutgoingIcon: react.FunctionComponent<IconProps>;
 
-declare const PictureInPictureIcon: IconComponent;
+declare const PictureInPictureIcon: react.FunctionComponent<IconProps>;
 
-declare const PieChartIcon: IconComponent;
+declare const PieChartIcon: react.FunctionComponent<IconProps>;
 
-declare const PinIcon: IconComponent;
+declare const PinIcon: react.FunctionComponent<IconProps>;
 
-declare const PlayCircleIcon: IconComponent;
+declare const PlayCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const PlayIcon: IconComponent;
+declare const PlayIcon: react.FunctionComponent<IconProps>;
 
-declare const PlusCircleIcon: IconComponent;
+declare const PlusCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const PlusIcon: IconComponent;
+declare const PlusIcon: react.FunctionComponent<IconProps>;
 
-declare const PlusSquareIcon: IconComponent;
+declare const PlusSquareIcon: react.FunctionComponent<IconProps>;
 
-declare const PocketIcon: IconComponent;
+declare const PocketIcon: react.FunctionComponent<IconProps>;
 
-declare const PosIcon: IconComponent;
+declare const PosIcon: react.FunctionComponent<IconProps>;
 
-declare const PowerIcon: IconComponent;
+declare const PowerIcon: react.FunctionComponent<IconProps>;
 
-declare const PrinterIcon: IconComponent;
+declare const PrinterIcon: react.FunctionComponent<IconProps>;
 
-declare const PromptIcon: IconComponent;
+declare const PromptIcon: react.FunctionComponent<IconProps>;
 
-declare const QRCodeIcon: IconComponent;
+declare const QRCodeIcon: react.FunctionComponent<IconProps>;
 
-declare const RadioIcon: IconComponent;
+declare const RadioIcon: react.FunctionComponent<IconProps>;
 
-declare const RayIcon: IconComponent;
+declare const RayIcon: react.FunctionComponent<IconProps>;
 
-declare const RazorpayIcon: IconComponent;
+declare const RazorpayIcon: react.FunctionComponent<IconProps>;
 
-declare const RazorpayXIcon: IconComponent;
+declare const RazorpayXIcon: react.FunctionComponent<IconProps>;
 
-declare const RazorpayxPayrollIcon: IconComponent;
+declare const RazorpayxPayrollIcon: react.FunctionComponent<IconProps>;
 
-declare const RefreshIcon: IconComponent;
+declare const RefreshIcon: react.FunctionComponent<IconProps>;
 
-declare const RepeatIcon: IconComponent;
+declare const RepeatIcon: react.FunctionComponent<IconProps>;
 
-declare const ReportsIcon: IconComponent;
+declare const ReportsIcon: react.FunctionComponent<IconProps>;
 
-declare const ResizerIcon: IconComponent;
+declare const ResizerIcon: react.FunctionComponent<IconProps>;
 
-declare const RewindIcon: IconComponent;
+declare const RewindIcon: react.FunctionComponent<IconProps>;
 
-declare const RotateClockWiseIcon: IconComponent;
+declare const RotateClockWiseIcon: react.FunctionComponent<IconProps>;
 
-declare const RotateCounterClockWiseIcon: IconComponent;
+declare const RotateCounterClockWiseIcon: react.FunctionComponent<IconProps>;
 
-declare const RouteIcon: IconComponent;
+declare const RouteIcon: react.FunctionComponent<IconProps>;
 
-declare const RoutesIcon: IconComponent;
+declare const RoutesIcon: react.FunctionComponent<IconProps>;
 
-declare const RupeeIcon: IconComponent;
+declare const RupeeIcon: react.FunctionComponent<IconProps>;
 
-declare const RupeesIcon: IconComponent;
+declare const RupeesIcon: react.FunctionComponent<IconProps>;
 
-declare const SaasIcon: IconComponent;
+declare const SaasIcon: react.FunctionComponent<IconProps>;
 
-declare const SaveIcon: IconComponent;
+declare const SaveIcon: react.FunctionComponent<IconProps>;
 
-declare const ScissorsIcon: IconComponent;
+declare const ScissorsIcon: react.FunctionComponent<IconProps>;
 
-declare const SearchIcon: IconComponent;
+declare const SearchIcon: react.FunctionComponent<IconProps>;
 
-declare const SendIcon: IconComponent;
+declare const SendIcon: react.FunctionComponent<IconProps>;
 
-declare const ServerIcon: IconComponent;
+declare const ServerIcon: react.FunctionComponent<IconProps>;
 
-declare const SettingsIcon: IconComponent;
+declare const SettingsIcon: react.FunctionComponent<IconProps>;
 
-declare const SettlementsIcon: IconComponent;
+declare const SettlementsIcon: react.FunctionComponent<IconProps>;
 
-declare const ShareIcon: IconComponent;
+declare const ShareIcon: react.FunctionComponent<IconProps>;
 
-declare const ShieldIcon: IconComponent;
+declare const ShieldIcon: react.FunctionComponent<IconProps>;
 
-declare const ShoppingBagIcon: IconComponent;
+declare const ShoppingBagIcon: react.FunctionComponent<IconProps>;
 
-declare const ShoppingCartIcon: IconComponent;
+declare const ShoppingCartIcon: react.FunctionComponent<IconProps>;
 
-declare const ShuffleIcon: IconComponent;
+declare const ShuffleIcon: react.FunctionComponent<IconProps>;
 
-declare const SidebarIcon: IconComponent;
+declare const SidebarIcon: react.FunctionComponent<IconProps>;
 
-declare const Signal1BarIcon: IconComponent;
+declare const Signal1BarIcon: react.FunctionComponent<IconProps>;
 
-declare const Signal2BarIcon: IconComponent;
+declare const Signal2BarIcon: react.FunctionComponent<IconProps>;
 
-declare const Signal3BarIcon: IconComponent;
+declare const Signal3BarIcon: react.FunctionComponent<IconProps>;
 
-declare const Signal4BarIcon: IconComponent;
+declare const Signal4BarIcon: react.FunctionComponent<IconProps>;
 
-declare const SignalIcon: IconComponent;
+declare const SignalIcon: react.FunctionComponent<IconProps>;
 
-declare const SimCardIcon: IconComponent;
+declare const SimCardIcon: react.FunctionComponent<IconProps>;
 
-declare const SkipBackIcon: IconComponent;
+declare const SkipBackIcon: react.FunctionComponent<IconProps>;
 
-declare const SkipForwardIcon: IconComponent;
+declare const SkipForwardIcon: react.FunctionComponent<IconProps>;
 
-declare const SlackIcon: IconComponent;
+declare const SlackIcon: react.FunctionComponent<IconProps>;
 
-declare const SlashIcon: IconComponent;
+declare const SlashIcon: react.FunctionComponent<IconProps>;
 
-declare const SlidersIcon: IconComponent;
+declare const SlidersIcon: react.FunctionComponent<IconProps>;
 
-declare const SmartCollectIcon: IconComponent;
+declare const SmartCollectIcon: react.FunctionComponent<IconProps>;
 
-declare const SmartphoneIcon: IconComponent;
+declare const SmartphoneIcon: react.FunctionComponent<IconProps>;
 
-declare const SolutionsIcon: IconComponent;
+declare const SolutionsIcon: react.FunctionComponent<IconProps>;
 
-declare const SortIcon: IconComponent;
+declare const SortIcon: react.FunctionComponent<IconProps>;
 
-declare const SourceToPayIcon: IconComponent;
+declare const SourceToPayIcon: react.FunctionComponent<IconProps>;
 
-declare const SparklesIcon: IconComponent;
+declare const SparklesIcon: react.FunctionComponent<IconProps>;
 
-declare const SpeakerIcon: IconComponent;
+declare const SpeakerIcon: react.FunctionComponent<IconProps>;
 
-declare const SquareIcon: IconComponent;
+declare const SquareIcon: react.FunctionComponent<IconProps>;
 
-declare const StampIcon: IconComponent;
+declare const StampIcon: react.FunctionComponent<IconProps>;
 
-declare const StarIcon: IconComponent;
+declare const StarIcon: react.FunctionComponent<IconProps>;
 
-declare const StopCircleIcon: IconComponent;
+declare const StopCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const StorefrontIcon: IconComponent;
+declare const StorefrontIcon: react.FunctionComponent<IconProps>;
 
-declare const SubscriptionsIcon: IconComponent;
+declare const SubscriptionsIcon: react.FunctionComponent<IconProps>;
 
-declare const SunIcon: IconComponent;
+declare const SunIcon: react.FunctionComponent<IconProps>;
 
-declare const SunriseIcon: IconComponent;
+declare const SunriseIcon: react.FunctionComponent<IconProps>;
 
-declare const SunsetIcon: IconComponent;
+declare const SunsetIcon: react.FunctionComponent<IconProps>;
 
-declare const TabletIcon: IconComponent;
+declare const TabletIcon: react.FunctionComponent<IconProps>;
 
-declare const TagIcon: IconComponent;
+declare const TagIcon: react.FunctionComponent<IconProps>;
 
-declare const TargetIcon: IconComponent;
+declare const TargetIcon: react.FunctionComponent<IconProps>;
 
-declare const TaxPaymentsIcon: IconComponent;
+declare const TaxPaymentsIcon: react.FunctionComponent<IconProps>;
 
-declare const TestIcon: IconComponent;
+declare const TestIcon: react.FunctionComponent<IconProps>;
 
-declare const ThermometerIcon: IconComponent;
+declare const ThermometerIcon: react.FunctionComponent<IconProps>;
 
-declare const ThumbsDownIcon: IconComponent;
+declare const ThumbsDownIcon: react.FunctionComponent<IconProps>;
 
-declare const ThumbsUpIcon: IconComponent;
+declare const ThumbsUpIcon: react.FunctionComponent<IconProps>;
 
-declare const TicketIcon: IconComponent;
+declare const TicketIcon: react.FunctionComponent<IconProps>;
 
-declare const ToggleLeftIcon: IconComponent;
+declare const ToggleLeftIcon: react.FunctionComponent<IconProps>;
 
-declare const ToggleRightIcon: IconComponent;
+declare const ToggleRightIcon: react.FunctionComponent<IconProps>;
 
-declare const TokenHqIcon: IconComponent;
+declare const TokenHqIcon: react.FunctionComponent<IconProps>;
 
-declare const TopLeftRoundedCornerIcon: IconComponent;
+declare const TopLeftRoundedCornerIcon: react.FunctionComponent<IconProps>;
 
-declare const TopLeftSharpCornerIcon: IconComponent;
+declare const TopLeftSharpCornerIcon: react.FunctionComponent<IconProps>;
 
-declare const TrademarkIcon: IconComponent;
+declare const TrademarkIcon: react.FunctionComponent<IconProps>;
 
-declare const TrademarkRegisteredIcon: IconComponent;
+declare const TrademarkRegisteredIcon: react.FunctionComponent<IconProps>;
 
-declare const TransactionsIcon: IconComponent;
+declare const TransactionsIcon: react.FunctionComponent<IconProps>;
 
-declare const TranslateIcon: IconComponent;
+declare const TranslateIcon: react.FunctionComponent<IconProps>;
 
-declare const TrashIcon: IconComponent;
+declare const TrashIcon: react.FunctionComponent<IconProps>;
 
-declare const TrendingDownIcon: IconComponent;
+declare const TrendingDownIcon: react.FunctionComponent<IconProps>;
 
-declare const TrendingUpIcon: IconComponent;
+declare const TrendingUpIcon: react.FunctionComponent<IconProps>;
 
-declare const TriangleIcon: IconComponent;
+declare const TriangleIcon: react.FunctionComponent<IconProps>;
 
-declare const TvIcon: IconComponent;
+declare const TvIcon: react.FunctionComponent<IconProps>;
 
-declare const TwitterIcon: IconComponent;
+declare const TwitterIcon: react.FunctionComponent<IconProps>;
 
-declare const TypeIcon: IconComponent;
+declare const TypeIcon: react.FunctionComponent<IconProps>;
 
-declare const UmbrellaIcon: IconComponent;
+declare const UmbrellaIcon: react.FunctionComponent<IconProps>;
 
-declare const UnderlineIcon: IconComponent;
+declare const UnderlineIcon: react.FunctionComponent<IconProps>;
 
-declare const UnlockIcon: IconComponent;
+declare const UnlockIcon: react.FunctionComponent<IconProps>;
 
-declare const UpiAutopayIcon: IconComponent;
+declare const UpiAutopayIcon: react.FunctionComponent<IconProps>;
 
-declare const UpiIcon: IconComponent;
+declare const UpiIcon: react.FunctionComponent<IconProps>;
 
-declare const UploadCloudIcon: IconComponent;
+declare const UploadCloudIcon: react.FunctionComponent<IconProps>;
 
-declare const UploadIcon: IconComponent;
+declare const UploadIcon: react.FunctionComponent<IconProps>;
 
-declare const UserCheckIcon: IconComponent;
+declare const UserCheckIcon: react.FunctionComponent<IconProps>;
 
-declare const UserIcon: IconComponent;
+declare const UserIcon: react.FunctionComponent<IconProps>;
 
-declare const UserMinusIcon: IconComponent;
+declare const UserMinusIcon: react.FunctionComponent<IconProps>;
 
-declare const UserPlusIcon: IconComponent;
+declare const UserPlusIcon: react.FunctionComponent<IconProps>;
 
-declare const UserXIcon: IconComponent;
+declare const UserXIcon: react.FunctionComponent<IconProps>;
 
-declare const UsersIcon: IconComponent;
+declare const UsersIcon: react.FunctionComponent<IconProps>;
 
-declare const VendorPaymentsIcon: IconComponent;
+declare const VendorPaymentsIcon: react.FunctionComponent<IconProps>;
 
-declare const VideoIcon: IconComponent;
+declare const VideoIcon: react.FunctionComponent<IconProps>;
 
-declare const VideoOffIcon: IconComponent;
+declare const VideoOffIcon: react.FunctionComponent<IconProps>;
 
-declare const ViewLiveDemoIcon: IconComponent;
+declare const ViewLiveDemoIcon: react.FunctionComponent<IconProps>;
 
-declare const VoicemailIcon: IconComponent;
+declare const VoicemailIcon: react.FunctionComponent<IconProps>;
 
-declare const VolumeHighIcon: IconComponent;
+declare const VolumeHighIcon: react.FunctionComponent<IconProps>;
 
-declare const VolumeIcon: IconComponent;
+declare const VolumeIcon: react.FunctionComponent<IconProps>;
 
-declare const VolumeLowIcon: IconComponent;
+declare const VolumeLowIcon: react.FunctionComponent<IconProps>;
 
-declare const VolumeMuteIcon: IconComponent;
+declare const VolumeMuteIcon: react.FunctionComponent<IconProps>;
 
-declare const WalletIcon: IconComponent;
+declare const WalletIcon: react.FunctionComponent<IconProps>;
 
-declare const WatchIcon: IconComponent;
+declare const WatchIcon: react.FunctionComponent<IconProps>;
 
-declare const WhatsAppIcon: IconComponent;
+declare const WhatsAppIcon: react.FunctionComponent<IconProps>;
 
-declare const WifiIcon: IconComponent;
+declare const WifiIcon: react.FunctionComponent<IconProps>;
 
-declare const WifiOffIcon: IconComponent;
+declare const WifiOffIcon: react.FunctionComponent<IconProps>;
 
-declare const WindIcon: IconComponent;
+declare const WindIcon: react.FunctionComponent<IconProps>;
 
-declare const WorldwideIcon: IconComponent;
+declare const WorldwideIcon: react.FunctionComponent<IconProps>;
 
-declare const XCircleIcon: IconComponent;
+declare const XCircleIcon: react.FunctionComponent<IconProps>;
 
-declare const XSquareIcon: IconComponent;
+declare const XSquareIcon: react.FunctionComponent<IconProps>;
 
-declare const YoutubeIcon: IconComponent;
+declare const YoutubeIcon: react.FunctionComponent<IconProps>;
 
-declare const ZapIcon: IconComponent;
+declare const ZapIcon: react.FunctionComponent<IconProps>;
 
-declare const ZoomInIcon: IconComponent;
+declare const ZoomInIcon: react.FunctionComponent<IconProps>;
 
-declare const ZoomOutIcon: IconComponent;
+declare const ZoomOutIcon: react.FunctionComponent<IconProps>;
 
 type AccordionVariantType = 'filled' | 'transparent';
 type AccordionProps = {
@@ -2579,10 +2579,10 @@ type AccordionProps = {
     /**
      * Accepts `AccordionItem` child nodes
      */
-    children: React__default.ReactElement | React__default.ReactElement[];
+    children: react__default.ReactElement | react__default.ReactElement[];
 } & TestID & StyledPropsBlade;
 
-declare const Accordion: React__default.ForwardRefExoticComponent<{
+declare const Accordion: react__default.ForwardRefExoticComponent<{
     defaultExpandedIndex?: number | undefined;
     expandedIndex?: number | undefined;
     onExpandChange?: (({ expandedIndex }: {
@@ -2599,7 +2599,7 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
         readonly l?: SpacingValueType | undefined;
         readonly xl?: SpacingValueType | undefined;
     } | undefined;
-    children: ReactElement<any, string | React__default.JSXElementConstructor<any>> | ReactElement<any, string | React__default.JSXElementConstructor<any>>[];
+    children: ReactElement<any, string | react__default.JSXElementConstructor<any>> | ReactElement<any, string | react__default.JSXElementConstructor<any>>[];
 } & TestID & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -2939,7 +2939,7 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 type DividerProps = {
     /**
@@ -2977,7 +2977,7 @@ type DividerProps = {
      */
     width?: CSSObject['width'];
 } & TestID & StyledPropsBlade;
-declare const Divider: React__default.ForwardRefExoticComponent<{
+declare const Divider: react__default.ForwardRefExoticComponent<{
     /**
      * Sets the orientation of divider
      *
@@ -3351,7 +3351,7 @@ declare const Divider: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 type BaseHeaderProps = {
     title?: string;
@@ -3359,15 +3359,15 @@ type BaseHeaderProps = {
     /**
      * Leading part of the header placed at the left most side of the header
      */
-    leading?: React__default.ReactNode;
+    leading?: react__default.ReactNode;
     /**
      * Trailing part of the header placed at the right most side of the header
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
     /**
      * Placed adjacent to the title text
      */
-    titleSuffix?: React__default.ReactNode;
+    titleSuffix?: react__default.ReactNode;
     /**
      * @default true
      */
@@ -3381,7 +3381,7 @@ type BaseHeaderProps = {
      *
      * E.g. Used in accordion to render CollapsibleChevronIcon
      */
-    trailingInteractionElement?: React__default.ReactNode;
+    trailingInteractionElement?: react__default.ReactNode;
     /**
      * Decides size of the Header
      */
@@ -3404,22 +3404,31 @@ type BaseHeaderProps = {
     dividerProps?: DividerProps;
     onCloseButtonClick?: () => void;
     onBackButtonClick?: () => void;
-    closeButtonRef?: React__default.MutableRefObject<any>;
-    backButtonRef?: React__default.MutableRefObject<any>;
+    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[];
+    children?: react__default.ReactElement | react__default.ReactElement[];
     /**
      * Background image of the header
      *
      * You can use this for adding gradients.
      */
     backgroundImage?: BoxProps['backgroundImage'];
+    /**
+     * So we add a wrapper with custom styles in elements like leading, trailing interaction elements and trailing.
+     * this props allows you to control that.
+     *
+     * For example, in Accordion, we add a wrapper with flex to center the icon (in some cases)
+     *
+     * @default false
+     */
+    shouldAlignLeadingAndTrailingElementsToCenter?: boolean;
 } & Pick<ReactDOMAttributes, 'onClickCapture' | 'onKeyDown' | 'onKeyUp' | 'onLostPointerCapture' | 'onPointerCancel' | 'onPointerDown' | 'onPointerMove' | 'onPointerUp'> & TestID & DataAnalyticsAttribute;
 
-declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, ...rest }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'> & DataAnalyticsAttribute) => React__default.ReactElement;
+declare const AccordionItemHeader: ({ title, subtitle, leading, children, trailing, titleSuffix, ...rest }: Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'children' | 'trailing' | 'titleSuffix'> & DataAnalyticsAttribute) => react__default.ReactElement;
 
 declare const AccordionItemBody: ({ children, _description, ...rest }: {
     children?: React.ReactNode | StringChildrenType;
@@ -3470,7 +3479,7 @@ type AccordionItemProps = {
 declare const AccordionItem: ({ title, description, icon, children, isDisabled, _index, testID, ...rest }: AccordionItemProps) => ReactElement;
 
 type ActionListProps = {
-    children: React__default.ReactNode[];
+    children: react__default.ReactNode[];
     isVirtualized?: boolean;
 } & TestID & DataAnalyticsAttribute;
 /**
@@ -3504,7 +3513,7 @@ type ActionListProps = {
  * ```
  *
  */
-declare const ActionList: React__default.MemoExoticComponent<({ children, testID, isVirtualized, ...rest }: ActionListProps) => React__default.ReactElement>;
+declare const ActionList: react__default.MemoExoticComponent<({ children, testID, isVirtualized, ...rest }: ActionListProps) => react__default.ReactElement>;
 
 type BadgeProps = {
     /**
@@ -3537,7 +3546,7 @@ type BadgeProps = {
      */
     icon?: IconComponent;
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute;
-declare const Badge: React__default.ForwardRefExoticComponent<{
+declare const Badge: react__default.ForwardRefExoticComponent<{
     /**
      * Sets the label for the badge.
      *
@@ -3906,7 +3915,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;
 
 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;
@@ -4178,15 +4187,15 @@ type BaseLinkCommonProps = {
     onClick?: (event: SyntheticEvent) => void;
     onBlur?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.FocusEvent<HTMLButtonElement>) => void;
     }>;
     onMouseLeave?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
     onKeyDown?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.KeyboardEvent<HTMLButtonElement>) => void;
     }>;
     accessibilityProps?: Partial<AccessibilityProps>;
     /**
@@ -4247,11 +4256,11 @@ type BaseButtonCommonProps = {
     isFullWidth?: boolean;
     onKeyDown?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.KeyboardEvent<HTMLButtonElement>) => void;
     }>;
     onClick?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
     type?: 'button' | 'reset' | 'submit';
     isLoading?: boolean;
@@ -4328,7 +4337,7 @@ type ButtonCommonProps = {
     tabIndex?: BaseButtonProps['tabIndex'];
     onClick?: Platform.Select<{
         native: (event: GestureResponderEvent) => void;
-        web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        web: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
     }>;
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute & BladeCommonEvents;
 type ButtonWithoutIconProps = ButtonCommonProps & {
@@ -4340,7 +4349,7 @@ type ButtonWithIconProps = ButtonCommonProps & {
     children?: StringChildrenType;
 };
 type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
-declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Button: react__default.ForwardRefExoticComponent<ButtonProps & react__default.RefAttributes<BladeElementRef>>;
 
 type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 type AvatarImgProps = {
@@ -4369,7 +4378,7 @@ type AvatarGroupProps = {
     /**
      * Children elements representing the avatars to stack.
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * The size of each avatar within the group. Propagates to all avatars.
      * @default "medium"
@@ -4425,7 +4434,7 @@ type AvatarCommonProps = {
     /**
      * Click handler for the avatar.
      */
-    onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    onClick?: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
     isSelected?: boolean;
     /**
      * Custom icon component to render at bottom of the avatar.
@@ -4439,7 +4448,7 @@ type AvatarCommonProps = {
      * Only accepts:
      * - Indicator
      */
-    topAddon?: React__default.ReactElement;
+    topAddon?: react__default.ReactElement;
     testID?: string;
 } & BladeCommonEvents & StyledPropsBlade;
 type AvatarProps = AvatarCommonProps & AvatarImgProps & DataAnalyticsAttribute;
@@ -4451,8 +4460,8 @@ type ActionListItemProps = {
         name: string;
         value?: boolean;
         event: Platform.Select<{
-            web: React__default.MouseEvent;
-            native: React__default.TouchEvent<TouchableOpacity>;
+            web: react__default.MouseEvent;
+            native: react__default.TouchEvent<TouchableOpacity>;
         }>;
     }) => void;
     /**
@@ -4474,20 +4483,20 @@ type ActionListItemProps = {
      *
      * Will be overriden in multiselect
      */
-    leading?: React__default.ReactNode;
+    leading?: react__default.ReactNode;
     /**
      * Item that goes on right-side of item.
      *
      * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
     /**
      * Item that goes immediately next to the title.
      *
      * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
      *
      */
-    titleSuffix?: React__default.ReactElement;
+    titleSuffix?: react__default.ReactElement;
     isDisabled?: boolean;
     intent?: Extract<FeedbackColors, 'negative'>;
     /**
@@ -4517,7 +4526,7 @@ type ActionListItemProps = {
 } & TestID & DataAnalyticsAttribute;
 type ActionListSectionProps = {
     title: string;
-    children: React__default.ReactNode[] | React__default.ReactNode;
+    children: react__default.ReactNode[] | react__default.ReactNode;
     /**
      * Internally used to hide the divider on final item in React Native
      *
@@ -4536,20 +4545,20 @@ type ActionListSectionProps = {
 declare const ActionListSectionTitle: ({ title, isInsideVirtualizedList, }: {
     title: string;
     isInsideVirtualizedList?: boolean | undefined;
-}) => React__default.ReactElement;
-declare const ActionListSection: React__default.MemoExoticComponent<({ title, children, testID, _hideDivider, _sectionChildValues, ...rest }: ActionListSectionProps) => React__default.ReactElement>;
+}) => react__default.ReactElement;
+declare const ActionListSection: react__default.MemoExoticComponent<({ title, children, testID, _hideDivider, _sectionChildValues, ...rest }: ActionListSectionProps) => react__default.ReactElement>;
 declare const ActionListItemIcon: ({ icon }: {
     icon: IconComponent;
-}) => React__default.ReactElement;
+}) => react__default.ReactElement;
 declare const ActionListItemBadgeGroup: ({ children, }: {
-    children: React__default.ReactElement[] | React__default.ReactElement;
-}) => React__default.ReactElement;
-declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => React__default.ReactElement;
-declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
+    children: react__default.ReactElement[] | react__default.ReactElement;
+}) => react__default.ReactElement;
+declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => react__default.ReactElement;
+declare const ActionListItemBadge: (props: BadgeProps) => react__default.ReactElement;
 declare const ActionListItemText: ({ children, }: {
     children: StringChildrenType;
-}) => React__default.ReactElement;
-declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
+}) => react__default.ReactElement;
+declare const ActionListItem: react__default.MemoExoticComponent<(props: ActionListItemProps) => react__default.ReactElement>;
 
 type ActionListItemAssetProps = {
     /**
@@ -4638,7 +4647,7 @@ type AlertProps = {
         secondary?: SecondaryAction;
     };
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute;
-declare const Alert: React__default.ForwardRefExoticComponent<{
+declare const Alert: react__default.ForwardRefExoticComponent<{
     /**
      * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
      */
@@ -5030,7 +5039,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;
 
 type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
 type AmountDisplayProps = {
@@ -5103,7 +5112,7 @@ type AmountCommonProps = {
     fractionDigits?: number;
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type AmountProps = AmountTypeProps & AmountCommonProps;
-declare const Amount: React__default.ForwardRefExoticComponent<AmountProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Amount: react__default.ForwardRefExoticComponent<AmountProps & react__default.RefAttributes<BladeElementRef>>;
 
 type MotionTriggerEntryExitType = 'mount' | 'in-view' | 'focus' | 'on-animate-interactions';
 type MotionTriggersType = MotionTriggerEntryExitType | 'hover' | 'tap';
@@ -5123,8 +5132,8 @@ type MotionDelay = keyof Delay | {
     exit: keyof Delay;
 };
 type BaseMotionBoxProps = {
-    as?: React__default.ReactElement;
-    children: React__default.ReactElement;
+    as?: react__default.ReactElement;
+    children: react__default.ReactElement;
     /**
      * Whether component should animate in, animate out, or animate both in and out
      *
@@ -5234,7 +5243,7 @@ type BaseMotionEntryExitProps = Pick<BaseMotionBoxProps, 'children' | 'motionVar
     delay?: MotionDelay;
 };
 type MotionMeta = {
-    innerRef: React__default.Ref<HTMLElement>;
+    innerRef: react__default.Ref<HTMLElement>;
     isEnhanced: boolean;
 };
 type MotionMetaProp = {
@@ -5286,7 +5295,7 @@ declare const TrustedBadgeIcon: IconComponent;
 type SnapPoints = [number, number, number];
 
 type BaseFooterProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     metaComponentName?: string;
     showDivider?: boolean;
     padding?: BoxProps['padding'];
@@ -5354,13 +5363,13 @@ type BottomSheetBodyProps = {
     overflow?: BaseBoxProps['overflow'];
 } & DataAnalyticsAttribute;
 
-declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, }: BottomSheetHeaderProps) => React__default.ReactElement;
+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 BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) => react__default.ReactElement;
 
-declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => React__default.ReactElement;
+declare const BottomSheetFooter: ({ children }: BottomSheetFooterProps) => react__default.ReactElement;
 
-declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, zIndex, }: BottomSheetProps) => React__default.ReactElement;
+declare const BottomSheet: ({ children, snapPoints, isOpen, onDismiss, initialFocusRef, zIndex, }: BottomSheetProps) => react__default.ReactElement;
 
 type LinkCommonProps = {
     variant?: 'anchor' | 'button';
@@ -5435,13 +5444,13 @@ type LinkButtonVariantProps = LinkPropsWithOrWithoutIcon & {
     rel?: undefined;
 } & DataAnalyticsAttribute;
 type LinkProps = LinkAnchorVariantProps | LinkButtonVariantProps;
-declare const Link: React__default.ForwardRefExoticComponent<LinkProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Link: react__default.ForwardRefExoticComponent<LinkProps & react__default.RefAttributes<BladeElementRef>>;
 
 type BottomNavProps = {
     /**
      * children slot of BottomNav, accepts BottomNavItem
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * zIndex of BottomNav
      *
@@ -5483,7 +5492,7 @@ type BottomNavItemProps = {
      * <BottomNavItem as={Link} />
      * ```
      */
-    as?: React__default.ComponentType<any>;
+    as?: react__default.ComponentType<any>;
     /**
      * Active state of the BottomNavItem.
      *
@@ -5494,7 +5503,7 @@ type BottomNavItemProps = {
      * onClick handler of BottomNavItem
      */
     onClick?: Platform.Select<{
-        web: React__default.MouseEventHandler;
+        web: react__default.MouseEventHandler;
         native: undefined;
     }>;
 } & TestID & DataAnalyticsAttribute;
@@ -5595,7 +5604,7 @@ type IconButtonProps = {
     _tabIndex?: number;
 } & DataAnalyticsAttribute & BladeCommonEvents & StyledPropsBlade & Platform.Select<{
     web: {
-        onClick: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+        onClick: (event: react__default.MouseEvent<HTMLButtonElement>) => void;
         /**
          * This changes the hover interaction to highlight icon more
          *
@@ -5608,7 +5617,7 @@ type IconButtonProps = {
         isHighlighted?: undefined;
     };
 }>;
-declare const IconButton: React__default.ForwardRefExoticComponent<{
+declare const IconButton: react__default.ForwardRefExoticComponent<{
     /**
      * Icon component to be rendered, eg. `CloseIcon`
      */
@@ -5981,7 +5990,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
     isHighlighted?: undefined;
 } & {
     __brand__?: "platform-native" | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+} & react__default.RefAttributes<BladeElementRef>>;
 
 type ButtonGroupProps = {
     /**
@@ -6047,7 +6056,7 @@ type CardProps = {
     /**
      * Card contents
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Sets the background color of the Card
      *
@@ -6164,7 +6173,7 @@ type CardProps = {
      * Callback triggered when the card is clicked
      */
     onClick?: (event: Platform.Select<{
-        web: React__default.MouseEvent;
+        web: react__default.MouseEvent;
         native: GestureResponderEvent;
     }>) => void;
     /**
@@ -6178,14 +6187,14 @@ type CardProps = {
     as?: 'label';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type CardBodyProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     height?: BoxProps['height'];
 } & TestID & DataAnalyticsAttribute;
-declare const Card: React__default.ForwardRefExoticComponent<{
+declare const Card: react__default.ForwardRefExoticComponent<{
     /**
      * Card contents
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Sets the background color of the Card
      *
@@ -6302,7 +6311,7 @@ declare const Card: React__default.ForwardRefExoticComponent<{
      * Callback triggered when the card is clicked
      */
     onClick?: ((event: Platform.Select<{
-        web: React__default.MouseEvent;
+        web: react__default.MouseEvent;
         native: GestureResponderEvent;
     }>) => void) | undefined;
     /**
@@ -6653,8 +6662,8 @@ declare const Card: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
-declare const CardBody: ({ height, children, testID, ...rest }: CardBodyProps) => React__default.ReactElement;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
+declare const CardBody: ({ height, children, testID, ...rest }: CardBodyProps) => react__default.ReactElement;
 
 type CounterProps = {
     /**
@@ -6685,7 +6694,7 @@ type CounterProps = {
      */
     size?: 'small' | 'medium' | 'large';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const Counter: React__default.ForwardRefExoticComponent<{
+declare const Counter: react__default.ForwardRefExoticComponent<{
     /**
      * Sets the value for the counter.
      */
@@ -7052,7 +7061,7 @@ declare const Counter: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 declare const validAsValues$2: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 type HeadingProps = {
@@ -7064,7 +7073,7 @@ type HeadingProps = {
      */
     color?: BaseTextProps['color'];
     weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
@@ -7072,7 +7081,7 @@ type HeadingProps = {
     wordBreak?: BaseTextProps['wordBreak'];
 } & TestID & StyledPropsBlade;
 declare const getHeadingProps: ({ as, size, weight, color, testID, }: Pick<HeadingProps, 'as' | 'size' | 'weight' | 'color' | 'testID'>) => Omit<BaseTextProps, 'children'>;
-declare const Heading: React__default.ForwardRefExoticComponent<{
+declare const Heading: react__default.ForwardRefExoticComponent<{
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
     /**
      * Overrides the color of the Heading component.
@@ -7081,7 +7090,7 @@ declare const Heading: React__default.ForwardRefExoticComponent<{
      */
     color?: BaseTextProps['color'];
     weight?: "medium" | "regular" | "semibold" | undefined;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     size?: "small" | "medium" | "large" | "xlarge" | "2xlarge" | undefined;
@@ -7426,13 +7435,13 @@ declare const Heading: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 declare const validAsValues$1: readonly ["p", "span", "div", "abbr", "figcaption", "cite", "q", "label"];
 type TextCommonProps = {
     as?: typeof validAsValues$1[number];
     truncateAfterLines?: number;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
     /**
      * Overrides the color of the Text component.
@@ -7464,7 +7473,7 @@ type GetTextProps<T extends {
 declare const getTextProps: <T extends {
     variant: TextVariant;
 }>({ variant, weight, size, color, testID, textAlign, textDecorationLine, }: GetTextProps<T>) => GetTextPropsReturn;
-declare const Text: React__default.ForwardRefExoticComponent<(TextBodyVariant | TextCaptionVariant) & React__default.RefAttributes<BladeElementRef>>;
+declare const Text: react__default.ForwardRefExoticComponent<(TextBodyVariant | TextCaptionVariant) & react__default.RefAttributes<BladeElementRef>>;
 
 type CodeCommonProps = {
     /**
@@ -7533,7 +7542,7 @@ type CodeProps = CodeHighlightedProps | CodeNonHighlightedProps;
  * </Box>
  * ```
  */
-declare const Code: React__default.ForwardRefExoticComponent<CodeProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Code: react__default.ForwardRefExoticComponent<CodeProps & react__default.RefAttributes<BladeElementRef>>;
 
 declare const validAsValues: readonly ["span", "h1", "h2", "h3", "h4", "h5", "h6"];
 type DisplayProps = {
@@ -7546,12 +7555,12 @@ type DisplayProps = {
     color?: BaseTextProps['color'];
     size?: Extract<BaseTextSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
     weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     textTransform?: BaseTextProps['textTransform'];
 } & TestID & StyledPropsBlade;
-declare const Display: React__default.ForwardRefExoticComponent<{
+declare const Display: react__default.ForwardRefExoticComponent<{
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
     /**
      * Overrides the color of the Display component.
@@ -7561,7 +7570,7 @@ declare const Display: React__default.ForwardRefExoticComponent<{
     color?: BaseTextProps['color'];
     size?: "small" | "medium" | "large" | "xlarge" | undefined;
     weight?: "medium" | "regular" | "semibold" | undefined;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     textAlign?: BaseTextProps['textAlign'];
     textDecorationLine?: BaseTextProps['textDecorationLine'];
     textTransform?: BaseTextProps['textTransform'];
@@ -7904,24 +7913,24 @@ declare const Display: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 declare const CardHeaderIcon: ({ icon: Icon }: {
     icon: IconComponent;
-}) => React__default.ReactElement;
-declare const CardHeaderCounter: (props: CounterProps) => React__default.ReactElement;
-declare const CardHeaderBadge: (props: BadgeProps) => React__default.ReactElement;
-declare const CardHeaderAmount: (props: AmountProps) => React__default.ReactElement;
+}) => react__default.ReactElement;
+declare const CardHeaderCounter: (props: CounterProps) => react__default.ReactElement;
+declare const CardHeaderBadge: (props: BadgeProps) => react__default.ReactElement;
+declare const CardHeaderAmount: (props: AmountProps) => react__default.ReactElement;
 declare const CardHeaderText: (props: TextProps<{
     variant: TextVariant;
-}>) => React__default.ReactElement;
-declare const CardHeaderLink: (props: LinkProps) => React__default.ReactElement;
+}>) => react__default.ReactElement;
+declare const CardHeaderLink: (props: LinkProps) => react__default.ReactElement;
 type CardHeaderIconButtonProps = Omit<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isFullWidth' | 'children'> & {
     icon: IconComponent;
 };
-declare const CardHeaderIconButton: (props: CardHeaderIconButtonProps) => React__default.ReactElement;
+declare const CardHeaderIconButton: (props: CardHeaderIconButtonProps) => react__default.ReactElement;
 type CardHeaderProps = {
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * For spacing between divider and header title
      */
@@ -7935,7 +7944,7 @@ type CardHeaderProps = {
      */
     showDivider?: boolean;
 } & TestID & DataAnalyticsAttribute;
-declare const CardHeader: ({ children, testID, marginBottom, paddingBottom, showDivider, ...rest }: CardHeaderProps) => React__default.ReactElement;
+declare const CardHeader: ({ children, testID, marginBottom, paddingBottom, showDivider, ...rest }: CardHeaderProps) => react__default.ReactElement;
 type CardHeaderLeadingProps = {
     title: string;
     subtitle?: string;
@@ -7944,29 +7953,29 @@ type CardHeaderLeadingProps = {
      *
      * Accepts: `CardHeaderIcon` component
      */
-    prefix?: React__default.ReactNode;
+    prefix?: react__default.ReactNode;
     /**
      * suffix element of Card
      *
      * it add marginLeft to `CardHeaderCounter`,`CardHeaderLink`  components by default.
      */
-    suffix?: React__default.ReactNode;
+    suffix?: react__default.ReactNode;
 } & DataAnalyticsAttribute;
-declare const CardHeaderLeading: ({ title, subtitle, prefix, suffix, ...rest }: CardHeaderLeadingProps) => React__default.ReactElement;
+declare const CardHeaderLeading: ({ title, subtitle, prefix, suffix, ...rest }: CardHeaderLeadingProps) => react__default.ReactElement;
 type CardHeaderTrailingProps = {
     /**
      * Renders a visual ornament in card header trailing section
      *
      */
-    visual?: React__default.ReactNode;
+    visual?: react__default.ReactNode;
 };
-declare const CardHeaderTrailing: ({ visual }: CardHeaderTrailingProps) => React__default.ReactElement;
+declare const CardHeaderTrailing: ({ visual }: CardHeaderTrailingProps) => react__default.ReactElement;
 
 type CardFooterAction = Pick<ButtonProps, 'type' | 'accessibilityLabel' | 'isLoading' | 'isDisabled' | 'icon' | 'iconPosition' | 'onClick'> & {
     text: ButtonProps['children'];
 };
 type CardFooterProps = {
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * For spacing between divider and footer title
      */
@@ -7980,24 +7989,24 @@ type CardFooterProps = {
      */
     showDivider?: boolean;
 } & TestID & DataAnalyticsAttribute;
-declare const CardFooter: ({ children, testID, marginTop, paddingTop, showDivider, ...props }: CardFooterProps) => React__default.ReactElement;
+declare const CardFooter: ({ children, testID, marginTop, paddingTop, showDivider, ...props }: CardFooterProps) => react__default.ReactElement;
 type CardFooterLeadingProps = {
     title?: string;
     subtitle?: string;
 } & DataAnalyticsAttribute;
-declare const CardFooterLeading: ({ title, subtitle, ...rest }: CardFooterLeadingProps) => React__default.ReactElement;
+declare const CardFooterLeading: ({ title, subtitle, ...rest }: CardFooterLeadingProps) => react__default.ReactElement;
 type CardFooterTrailingProps = {
     actions?: {
         primary?: CardFooterAction;
         secondary?: CardFooterAction;
     };
 } & DataAnalyticsAttribute;
-declare const CardFooterTrailing: ({ actions, ...rest }: CardFooterTrailingProps) => React__default.ReactElement;
+declare const CardFooterTrailing: ({ actions, ...rest }: CardFooterTrailingProps) => react__default.ReactElement;
 
-declare const Carousel: React__default.ForwardRefExoticComponent<{
+declare const Carousel: react__default.ForwardRefExoticComponent<{
     defaultActiveSlide?: number | undefined;
     activeSlide?: number | undefined;
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     visibleItems?: 1 | 2 | 3 | "autofit" | undefined;
     shouldAddStartEndSpacing?: boolean | undefined;
     snapAlign?: "end" | "start" | "center" | undefined;
@@ -8384,12 +8393,12 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;
 
 type CarouselItemProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 };
-declare const CarouselItem: ({ children }: CarouselItemProps) => React__default.ReactElement;
+declare const CarouselItem: ({ children }: CarouselItemProps) => react__default.ReactElement;
 
 type InteractiveTokens = DotNotationToken<Theme['colors']['interactive']['background']>;
 type FeedbackTokens = DotNotationToken<Theme['colors']['feedback']['background']>;
@@ -8539,7 +8548,7 @@ type CarouselProps = {
 
 type OnChange$1 = ({ isChecked, event, value, }: {
     isChecked: boolean;
-    event?: React__default.ChangeEvent;
+    event?: react__default.ChangeEvent;
     value?: string;
 }) => void;
 type CheckboxProps = {
@@ -8563,7 +8572,7 @@ type CheckboxProps = {
     /**
      * Sets the label of the checkbox
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * Help text for the checkbox
      */
@@ -8621,7 +8630,7 @@ type CheckboxProps = {
      */
     tabIndex?: number;
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
-declare const Checkbox: React__default.ForwardRefExoticComponent<{
+declare const Checkbox: react__default.ForwardRefExoticComponent<{
     /**
      * If `true`, The checkbox will be checked. This also makes the checkbox controlled
      * Use `onChange` to update its value
@@ -8642,7 +8651,7 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
     /**
      * Sets the label of the checkbox
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * Help text for the checkbox
      */
@@ -9038,13 +9047,13 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & MotionMetaProp & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;
 
 type CheckboxGroupProps = {
     /**
      * Accepts multiple checkboxes as children
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Help text of the checkbox group
      */
@@ -9125,7 +9134,7 @@ type CheckboxGroupProps = {
      */
     orientation?: 'vertical' | 'horizontal';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, orientation, flexWrap, ...rest }: CheckboxGroupProps) => React__default.ReactElement;
+declare const CheckboxGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, orientation, flexWrap, ...rest }: CheckboxGroupProps) => react__default.ReactElement;
 
 type CommonChatMessageProps = {
     /**
@@ -9151,12 +9160,12 @@ type CommonChatMessageProps = {
      * footerActions prop is used to show actions in chat message. it will show actions below the chat message.
      * works only when senderType is self.
      * */
-    footerActions?: React__default.ReactNode;
+    footerActions?: react__default.ReactNode;
     /**
      * children prop is used to show content in chat message.
      * can be string or react node.
      * */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * SenderType prop is used to show chat message as self or other.
      * self: chat message will be shown as self. you can show error state and footer actions.
@@ -9180,7 +9189,7 @@ type CommonChatMessageProps = {
      * works only when senderType is other.
      * leading will be animated when isLoading is true.
      * */
-    leading?: React__default.ReactNode;
+    leading?: react__default.ReactNode;
     /**
      * maxWidth prop is used to set max width of chat message.
      */
@@ -9208,7 +9217,7 @@ type DefaultChatMessageProps = CommonChatMessageProps & {
 };
 type ChatMessageProps = SelfChatMessageProps | DefaultChatMessageProps;
 
-declare const ChatMessage: (_prop: ChatMessageProps) => React__default.ReactElement;
+declare const ChatMessage: (_prop: ChatMessageProps) => react__default.ReactElement;
 
 type ChipCommonProps = {
     /**
@@ -9367,9 +9376,9 @@ type ChipGroupPropsWithLabel = {
 };
 type ChipGroupProps = (ChipGroupPropsWithA11yLabel | ChipGroupPropsWithLabel) & ChipGroupCommonProps;
 
-declare const Chip: React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<BladeElementRef>>;
+declare const Chip: react__default.ForwardRefExoticComponent<ChipProps & react__default.RefAttributes<BladeElementRef>>;
 
-declare const ChipGroup: React__default.ForwardRefExoticComponent<ChipGroupProps & React__default.RefAttributes<BladeElementRef>>;
+declare const ChipGroup: react__default.ForwardRefExoticComponent<ChipGroupProps & react__default.RefAttributes<BladeElementRef>>;
 
 type CollapsibleProps = {
     /**
@@ -9411,7 +9420,7 @@ type CollapsibleProps = {
      */
     _shouldApplyWidthRestrictions?: boolean;
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const Collapsible: React$1.ForwardRefExoticComponent<{
+declare const Collapsible: react.ForwardRefExoticComponent<{
     /**
      * Composes `CollapsibleButton`, `CollapsibleLink`, `CollapsibleBody`
      */
@@ -9789,13 +9798,13 @@ declare const Collapsible: React$1.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React$1.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react.RefAttributes<BladeElementRef>>;
 
 type CollapsibleLinkProps = Pick<LinkProps, 'color' | 'size' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'children'> & DataAnalyticsAttribute & StyledPropsBlade;
 declare const CollapsibleLink: ({ children, size, color, isDisabled, testID, accessibilityLabel, ...rest }: CollapsibleLinkProps) => ReactElement;
 
 type CollapsibleButtonProps = Pick<ButtonProps, 'variant' | 'size' | 'iconPosition' | 'isDisabled' | 'testID' | 'accessibilityLabel' | 'icon' | 'children'> & DataAnalyticsAttribute;
-declare const CollapsibleButton: React$1.ForwardRefExoticComponent<Pick<ButtonProps, "icon" | "children" | "testID" | "size" | "accessibilityLabel" | "variant" | "isDisabled" | "iconPosition"> & DataAnalyticsAttribute & React$1.RefAttributes<BladeElementRef>>;
+declare const CollapsibleButton: react.ForwardRefExoticComponent<Pick<ButtonProps, "icon" | "children" | "testID" | "size" | "accessibilityLabel" | "variant" | "isDisabled" | "iconPosition"> & DataAnalyticsAttribute & react.RefAttributes<BladeElementRef>>;
 
 type CollapsibleBodyProps = {
     children: ReactNode;
@@ -9838,7 +9847,7 @@ type DrawerProps = {
      *
      * Supports DrawerHeader and DrawerBody
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * zIndex property of drawer
      *
@@ -9852,7 +9861,7 @@ type DrawerProps = {
     /**
      * Ref to the element that should receive focus when opening the drawer.
      */
-    initialFocusRef?: React__default.MutableRefObject<any>;
+    initialFocusRef?: react__default.MutableRefObject<any>;
     /**
      * If `true`, the DrawerBody will be rendered only when it becomes active.
      * Set to `false` to keep DrawerBody in DOM
@@ -9875,23 +9884,23 @@ type DrawerHeaderProps = {
      *
      * DrawerHeaderIcon or DrawerHeaderAsset
      */
-    leading?: React__default.ReactNode;
+    leading?: react__default.ReactNode;
     /**
      * Title suffix element
      *
      * DrawerHeaderBadge
      */
-    titleSuffix?: React__default.ReactNode;
+    titleSuffix?: react__default.ReactNode;
     /**
      * Trailing element
      *
      * Link, Button[]
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
     /**
      * Children elements to be rendered inside the header
      */
-    children?: React__default.ReactElement | React__default.ReactElement[];
+    children?: react__default.ReactElement | react__default.ReactElement[];
     /**
      * Background image of the header
      *
@@ -9902,10 +9911,10 @@ type DrawerHeaderProps = {
 
 declare const Drawer: (_props: DrawerProps) => React.ReactElement;
 
-declare const DrawerHeader: (_props: DrawerHeaderProps) => React__default.ReactElement;
+declare const DrawerHeader: (_props: DrawerHeaderProps) => react__default.ReactElement;
 declare const DrawerBody: (_props: {
-    children: React__default.ReactNode;
-}) => React__default.ReactElement;
+    children: react__default.ReactNode;
+}) => react__default.ReactElement;
 
 declare const DatePicker: (_props: any) => React.ReactElement;
 
@@ -9938,11 +9947,11 @@ type FormInputLabelProps = {
      * }
      * ```
      */
-    labelSuffix?: React__default.ReactNode;
+    labelSuffix?: react__default.ReactNode;
     /**
      * Trailing element to be shown for the input field
      */
-    labelTrailing?: React__default.ReactNode;
+    labelTrailing?: react__default.ReactNode;
 };
 
 type FormInputOnEvent = ({ name, value, rawValue, }: {
@@ -10200,7 +10209,7 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
     /**
      * A slot for adding tags to input
      */
-    tags?: React__default.ReactElement[] | null;
+    tags?: react__default.ReactElement[] | null;
     /**
      * Disables stripping of tags and shows all tags
      */
@@ -10236,7 +10245,7 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
      * trailingButton={<Link onClick={handleClick}>Apply</Link>}
      * ```
      */
-    trailingButton?: React__default.ReactElement<LinkProps>;
+    trailingButton?: react__default.ReactElement<LinkProps>;
     /**
      * Whether to use Text or Heading component for Input text
      * @default text
@@ -10361,11 +10370,11 @@ type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel'
      *
      * Icon or React Element to be rendered at the end of the input field
      */
-    trailing?: React__default.ReactElement | IconComponent;
+    trailing?: react__default.ReactElement | IconComponent;
     /**
      * Icon or React Element to be rendered at the beginning of the input field
      */
-    leading?: React__default.ReactElement | IconComponent;
+    leading?: react__default.ReactElement | IconComponent;
     /**
      * Format pattern where # represents input characters and other symbols act as delimiters
      * When provided, input will be automatically formatted and onChange will include rawValue
@@ -10403,7 +10412,7 @@ type TextInputPropsWithLabel = {
     accessibilityLabel?: string;
 };
 type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
-declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
+declare const TextInput: react__default.ForwardRefExoticComponent<TextInputProps & react__default.RefAttributes<BladeElementRef>>;
 
 type Level = 'month' | 'year' | 'decade';
 type PickerType = 'day' | 'month' | 'year';
@@ -10570,11 +10579,11 @@ type DatePickerCommonInputProps = {
     referenceProps: any;
 } & Pick<TextInputProps, 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel' | 'labelSuffix' | 'labelTrailing'> & FormInputValidationProps;
 
-declare const Dropdown: React__default.ForwardRefExoticComponent<{
+declare const Dropdown: react__default.ForwardRefExoticComponent<{
     isOpen?: boolean | undefined;
     onOpenChange?: ((isOpen: boolean) => void) | undefined;
     selectionType?: "multiple" | "single" | undefined;
-    children: React__default.ReactNode[];
+    children: react__default.ReactNode[];
     _width?: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -10922,7 +10931,7 @@ declare const Dropdown: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 type DropdownProps = {
     /**
@@ -10936,7 +10945,7 @@ type DropdownProps = {
      */
     onOpenChange?: (isOpen: boolean) => void;
     selectionType?: 'single' | 'multiple';
-    children: React__default.ReactNode[];
+    children: react__default.ReactNode[];
     /**
      * @private
      *
@@ -10945,7 +10954,7 @@ type DropdownProps = {
     _width?: BoxProps['width'];
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
 type DropdownOverlayProps = {
-    children: React__default.ReactElement[] | React__default.ReactElement;
+    children: react__default.ReactElement[] | react__default.ReactElement;
     /**
      * Sets the z-index of the DropdownOverlay
      *
@@ -10976,7 +10985,7 @@ type DropdownOverlayProps = {
      * 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>;
+    referenceRef?: react__default.MutableRefObject<ContainerElementType | null>;
     /**
      * Sets the placement of the DropdownOverlay
      *
@@ -10991,7 +11000,7 @@ type DropdownOverlayProps = {
     _isNestedDropdown?: boolean;
 } & TestID;
 type FilterChipGroupProps = TestID & DataAnalyticsAttribute & {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Callback which is called when clear button is clicked
      */
@@ -11008,36 +11017,36 @@ type FilterChipGroupContextType = {
      *  Number of Selected Filters
      */
     filterChipGroupSelectedFilters: string[];
-    setFilterChipGroupSelectedFilters: React__default.Dispatch<React__default.SetStateAction<string[]>>;
+    setFilterChipGroupSelectedFilters: react__default.Dispatch<react__default.SetStateAction<string[]>>;
     clearFilterCallbackTriggerer: number;
-    setClearFilterCallbackTriggerer: React__default.Dispatch<React__default.SetStateAction<number>>;
+    setClearFilterCallbackTriggerer: react__default.Dispatch<react__default.SetStateAction<number>>;
 };
 
-declare const DropdownOverlay: ({ children, testID }: DropdownOverlayProps) => 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, color, accessibilityLabel, testID, ...rest }: DropdownButtonProps) => React__default.ReactElement;
+declare const DropdownButton: ({ children, icon, iconPosition, isDisabled, isFullWidth, isLoading, onClick, onBlur, onKeyDown, size, type, variant, color, accessibilityLabel, testID, ...rest }: 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, ...props }: DropdownLinkProps) => React__default.ReactElement;
+declare const DropdownLink: ({ children, icon, iconPosition, onClick, onBlur, onKeyDown, isDisabled, href, target, rel, accessibilityLabel, size, testID, hitSlop, htmlTitle, ...props }: DropdownLinkProps) => react__default.ReactElement;
 
 type DropdownIconButtonProps = Omit<IconButtonProps, 'onClick'> & {
     onBlur?: BaseButtonProps['onBlur'];
     onKeyDown?: BaseButtonProps['onKeyDown'];
     onClick?: IconButtonProps['onClick'];
 };
-declare const DropdownIconButton: ({ icon, isDisabled, onClick, onBlur, onKeyDown, size, accessibilityLabel, emphasis, ...rest }: DropdownIconButtonProps) => React__default.ReactElement;
+declare const DropdownIconButton: ({ icon, isDisabled, onClick, onBlur, onKeyDown, size, accessibilityLabel, emphasis, ...rest }: DropdownIconButtonProps) => react__default.ReactElement;
 
 type DropdownHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | 'children' | keyof DataAnalyticsAttribute>;
-declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, children, ...rest }: DropdownHeaderProps) => React__default.ReactElement;
+declare const DropdownHeader: ({ title, subtitle, leading, titleSuffix, trailing, testID, children, ...rest }: DropdownHeaderProps) => react__default.ReactElement;
 type DropdownFooter = Pick<BaseFooterProps, 'children' | 'testID'>;
-declare const DropdownFooter: ({ children, testID }: DropdownFooter) => React__default.ReactElement;
+declare const DropdownFooter: ({ children, testID }: DropdownFooter) => react__default.ReactElement;
 
 declare const BaseFilterChip: (_props: any) => React.ReactElement;
 
@@ -11095,7 +11104,7 @@ type EmptyStateProps = {
     size?: EmptyStateSize;
 } & TestID & StyledPropsBlade & DataAnalyticsAttribute;
 
-declare const EmptyState: (_props: EmptyStateProps) => React__default.ReactElement;
+declare const EmptyState: (_props: EmptyStateProps) => react__default.ReactElement;
 
 type FadeProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
 
@@ -11391,7 +11400,7 @@ type IndicatorProps = {
      */
     accessibilityLabel?: string;
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const Indicator: React__default.ForwardRefExoticComponent<{
+declare const Indicator: react__default.ForwardRefExoticComponent<{
     /**
      * Sets the color tone
      *
@@ -11759,7 +11768,7 @@ declare const Indicator: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & react__default.RefAttributes<BladeElementRef>>;
 
 /**
  * ### SelectInput
@@ -11788,7 +11797,7 @@ declare const Indicator: React__default.ForwardRefExoticComponent<{
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
  */
-declare const SelectInput: React__default.ForwardRefExoticComponent<(({
+declare const SelectInput: react__default.ForwardRefExoticComponent<(({
     label?: undefined;
     accessibilityLabel: string;
 } | {
@@ -11805,7 +11814,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
     syncInputValueWithSelection?: ((value: string) => void) | undefined;
     maxRows?: "multiple" | "single" | "expandable" | undefined;
     labelPosition?: "left" | "top" | "inside-input" | undefined;
-}) & React__default.RefAttributes<BladeElementRef>>;
+}) & react__default.RefAttributes<BladeElementRef>>;
 
 /**
  * ### AutoComplete
@@ -11853,7 +11862,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" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+declare const AutoComplete: react__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | `data-analytics-${string}` | "label" | "testID" | "prefix" | "size" | "accessibilityLabel" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -11868,7 +11877,7 @@ declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseIn
     onInputValueChange?: FormInputOnEvent | undefined;
     inputValue?: string | undefined;
     filteredValues?: string[] | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+} & react__default.RefAttributes<BladeElementRef>>;
 
 type DropdownInputTriggersCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
     icon?: IconComponent;
@@ -12015,7 +12024,7 @@ type OTPInputPropsWithLabel = {
     accessibilityLabel?: string;
 };
 type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
-declare const OTPInput: React__default.ForwardRefExoticComponent<OTPInputProps & React__default.RefAttributes<HTMLInputElement[]>>;
+declare const OTPInput: react__default.ForwardRefExoticComponent<OTPInputProps & react__default.RefAttributes<HTMLInputElement[]>>;
 
 type PasswordInputExtraProps = {
     /**
@@ -12069,7 +12078,7 @@ type PasswordInputPropsWithLabel = {
     accessibilityLabel?: string;
 };
 type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
-declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
+declare const PasswordInput: react__default.ForwardRefExoticComponent<PasswordInputProps & react__default.RefAttributes<BladeElementRef>>;
 
 type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID' | 'size' | keyof DataAnalyticsAttribute> & {
     /**
@@ -12107,7 +12116,7 @@ type TextAreaPropsWithLabel = {
     accessibilityLabel?: string;
 };
 type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
-declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
+declare const TextArea: react__default.ForwardRefExoticComponent<TextAreaProps & react__default.RefAttributes<BladeElementRef>>;
 
 type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size' | keyof DataAnalyticsAttribute> & {
     /**
@@ -12127,7 +12136,7 @@ type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel
     /**
      * Optional trailing  to be shown at the end of the input.
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
 } & StyledPropsBlade;
 type SearchInputPropsWithA11yLabel = {
     /**
@@ -12150,7 +12159,7 @@ type SearchInputPropsWithLabel = {
     accessibilityLabel?: string;
 };
 type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
-declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<BladeElementRef>>;
+declare const SearchInput: react__default.ForwardRefExoticComponent<SearchInputProps & react__default.RefAttributes<BladeElementRef>>;
 
 type CommonProps = Pick<BaseInputProps, 'size' | 'label' | 'labelPosition' | 'labelSuffix' | 'labelTrailing' | 'name' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'defaultValue' | 'necessityIndicator' | 'isRequired' | 'isDisabled' | 'onFocus' | 'onBlur' | 'onClick' | 'leadingIcon' | 'trailingIcon' | 'accessibilityLabel' | 'autoFocus' | 'testID' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'placeholder' | keyof DataAnalyticsAttribute>;
 type PhoneNumberInputProps = StyledPropsBlade & CommonProps & {
@@ -12306,16 +12315,16 @@ type InputRowProps = {
     testID?: string;
 };
 
-declare const InputGroup: (_props: InputGroupProps) => React__default.ReactElement;
+declare const InputGroup: (_props: InputGroupProps) => react__default.ReactElement;
 
-declare const InputRow: (_props: InputRowProps) => React__default.ReactElement;
+declare const InputRow: (_props: InputRowProps) => react__default.ReactElement;
 
 type ListItemProps = {
     /**
      * Children to be rendered for ListItem. This can be a text, ListItemLink or another List.
      *
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Icon to be rendered for a ListItem's bullet.
      *
@@ -12332,14 +12341,14 @@ type ListItemProps = {
      */
     _itemNumber?: undefined;
 } & TestID;
-declare const ListItem: ({ children, icon: Icon, iconColor: listItemIconColor, _itemNumber, testID, }: ListItemProps) => React__default.ReactElement;
+declare const ListItem: ({ children, icon: Icon, iconColor: listItemIconColor, _itemNumber, testID, }: ListItemProps) => react__default.ReactElement;
 
 type ListCommonProps = {
     /**
      * ListItem to be rendered for the List.
      *
      */
-    children: React__default.ReactElement<ListItemProps> | React__default.ReactElement<ListItemProps>[];
+    children: react__default.ReactElement<ListItemProps> | react__default.ReactElement<ListItemProps>[];
     /**
      * Sets the variant to be rendered for the List.
      *
@@ -12364,7 +12373,7 @@ type ListWithoutIconProps = ListCommonProps & {
     iconColor?: undefined;
 };
 type ListProps = ListWithIconProps | ListWithoutIconProps;
-declare const List: React__default.ForwardRefExoticComponent<ListProps & React__default.RefAttributes<BladeElementRef>>;
+declare const List: react__default.ForwardRefExoticComponent<ListProps & react__default.RefAttributes<BladeElementRef>>;
 
 type ListItemLinkProps = Exclude<LinkProps, 'size' | 'variant' | 'isDisabled'>;
 declare const ListItemLink: ({ accessibilityLabel, children, href, icon, iconPosition, onClick, rel, target, testID, }: ListItemLinkProps) => React.ReactElement;
@@ -12384,16 +12393,16 @@ declare function clearAnnouncer(_assertiveness: Assertiveness): void;
 declare function destroyAnnouncer(): void;
 
 type ModalHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix'>;
-declare const ModalHeader: () => React__default.ReactElement;
+declare const ModalHeader: () => react__default.ReactElement;
 
 type ModalFooterProps = Pick<BaseFooterProps, 'children'>;
-declare const ModalFooter: () => React__default.ReactElement;
+declare const ModalFooter: () => react__default.ReactElement;
 
 type ModalBodyProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     padding?: Extract<SpacingValueType, 'spacing.0' | 'spacing.6'>;
 };
-declare const ModalBody: (props: ModalBodyProps) => React__default.ReactElement;
+declare const ModalBody: (props: ModalBodyProps) => react__default.ReactElement;
 
 type ModalProps = {
     /**
@@ -12430,7 +12439,7 @@ type ModalProps = {
     zIndex?: number;
 } & DataAnalyticsAttribute;
 
-declare const Modal: (props: ModalProps) => React__default.ReactElement;
+declare const Modal: (props: ModalProps) => react__default.ReactElement;
 
 type MoveProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
 
@@ -12474,7 +12483,7 @@ type MenuProps = {
     /**
      * First children is trigger and second children is MenuOverlay
      **/
-    children: [React__default.ReactElement, React__default.ReactElement];
+    children: [react__default.ReactElement, react__default.ReactElement];
     /**
      * Open controlled state
      */
@@ -12504,20 +12513,20 @@ type MenuItemProps = {
     /**
      * Slot to render custom menu items
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     as?: BaseMenuItemProps['as'];
     /**
      * Click handler for MenuItem
      *
      * Absense of this prop and href will turn the item into non-interactive item
      */
-    onClick?: (event: React__default.MouseEvent) => void;
+    onClick?: (event: react__default.MouseEvent) => void;
     /**
      * Focus handler for MenuItem
      *
      * Absense of this prop and href will turn the item into non-interactive item
      */
-    onFocus?: (event: React__default.FocusEvent) => void;
+    onFocus?: (event: react__default.FocusEvent) => void;
     /**
      * Link to open when item is clicked.
      *
@@ -12533,15 +12542,15 @@ type MenuItemProps = {
      *
      * Will be overriden in multiselect
      */
-    leading?: React__default.ReactNode;
+    leading?: react__default.ReactNode;
     /**
      * Item that goes on right-side of item.
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
     /**
      * Item that goes immediately next to the title.
      */
-    titleSuffix?: React__default.ReactElement;
+    titleSuffix?: react__default.ReactElement;
     /**
      * disabled state of item
      */
@@ -12558,7 +12567,7 @@ type MenuOverlayProps = {
     /**
      * JSX Slot for MenuItem or anything else
      */
-    children: React__default.ReactElement[] | React__default.ReactElement | React__default.ReactNode;
+    children: react__default.ReactElement[] | react__default.ReactElement | react__default.ReactNode;
     /**
      * zIndex override
      */
@@ -12580,7 +12589,7 @@ type MenuOverlayProps = {
     /**
      * @private Internal Prop. Do not override or you'll be fired
      */
-    _transitionStyle?: React__default.CSSProperties;
+    _transitionStyle?: react__default.CSSProperties;
 } & TestID & DataAnalyticsAttribute;
 type MenuFooterProps = Pick<BaseFooterProps, 'children' | 'testID' | keyof DataAnalyticsAttribute>;
 type MenuHeaderProps = Pick<BaseHeaderProps, 'title' | 'subtitle' | 'leading' | 'trailing' | 'titleSuffix' | 'testID' | keyof DataAnalyticsAttribute>;
@@ -12606,15 +12615,15 @@ type PopoverProps = {
      *
      * Can be any blade icon or asset.
      */
-    titleLeading?: React__default.ReactNode;
+    titleLeading?: react__default.ReactNode;
     /**
      * Footer content
      */
-    footer?: React__default.ReactNode;
+    footer?: react__default.ReactNode;
     /**
      * Popover content
      */
-    content: React__default.ReactElement;
+    content: react__default.ReactElement;
     /**
      * Placement of Popover
      *
@@ -12624,7 +12633,7 @@ type PopoverProps = {
     /**
      * Popover trigger
      */
-    children: React__default.ReactElement;
+    children: react__default.ReactElement;
     /**
      * Open state of Popover
      * If set to true makes the popover controlled
@@ -12650,7 +12659,7 @@ type PopoverProps = {
      *
      * @default PopoverCloseButton
      */
-    initialFocusRef?: React__default.RefObject<any>;
+    initialFocusRef?: react__default.RefObject<any>;
 } & DataAnalyticsAttribute;
 /**
  * PopoverTriggerProps
@@ -12659,34 +12668,34 @@ type PopoverProps = {
  */
 type PopoverTriggerProps = {
     onMouseDown?: Platform.Select<{
-        web: React__default.MouseEventHandler;
+        web: react__default.MouseEventHandler;
         native: undefined;
     }>;
     onPointerDown?: Platform.Select<{
-        web: React__default.PointerEventHandler;
+        web: react__default.PointerEventHandler;
         native: undefined;
     }>;
     onKeyDown?: Platform.Select<{
-        web: React__default.KeyboardEventHandler;
+        web: react__default.KeyboardEventHandler;
         native: undefined;
     }>;
     onKeyUp?: Platform.Select<{
-        web: React__default.KeyboardEventHandler;
+        web: react__default.KeyboardEventHandler;
         native: undefined;
     }>;
     onClick?: Platform.Select<{
-        web: React__default.MouseEventHandler;
+        web: react__default.MouseEventHandler;
         native: undefined;
     }>;
     onTouchEnd?: Platform.Select<{
-        web: React__default.TouchEventHandler;
+        web: react__default.TouchEventHandler;
         native: (event: GestureResponderEvent) => void;
     }>;
 };
 
-declare const Popover: ({ content, children, placement, onOpenChange, zIndex, title, titleLeading, footer, isOpen, defaultIsOpen, }: PopoverProps) => React__default.ReactElement;
+declare const Popover: ({ content, children, placement, onOpenChange, zIndex, title, titleLeading, footer, isOpen, defaultIsOpen, }: PopoverProps) => react__default.ReactElement;
 
-declare const PopoverInteractiveWrapper: React__default.ForwardRefExoticComponent<PressableProps & React__default.RefAttributes<View>>;
+declare const PopoverInteractiveWrapper: react__default.ForwardRefExoticComponent<PressableProps & react__default.RefAttributes<View>>;
 
 type ProgressBarCommonProps = {
     /**
@@ -12764,13 +12773,13 @@ type ProgressBarMeterProps = ProgressBarCommonProps & {
     showPercentage?: undefined;
 };
 type ProgressBarProps = ProgressBarProgressProps | ProgressBarMeterProps;
-declare const ProgressBar: React__default.ForwardRefExoticComponent<ProgressBarProps & React__default.RefAttributes<BladeElementRef>>;
+declare const ProgressBar: react__default.ForwardRefExoticComponent<ProgressBarProps & react__default.RefAttributes<BladeElementRef>>;
 
-declare const QuickFilter: React__default.ForwardRefExoticComponent<{
+declare const QuickFilter: react__default.ForwardRefExoticComponent<{
     title: string;
     value: string;
-    trailing?: React__default.ReactNode;
-} & TestID & DataAnalyticsAttribute & React__default.RefAttributes<BladeElementRef>>;
+    trailing?: react__default.ReactNode;
+} & TestID & DataAnalyticsAttribute & react__default.RefAttributes<BladeElementRef>>;
 
 type QuickFilterGroupCommomProps = {
     /**
@@ -12799,7 +12808,7 @@ type QuickFilterGroupCommomProps = {
 };
 type QuickFilterGroupProps = QuickFilterGroupCommomProps & TestID & DataAnalyticsAttribute;
 
-declare const QuickFilterGroup: ({ children, testID, value, defaultValue, onChange, name, selectionType, ...rest }: QuickFilterGroupProps) => React__default.ReactElement;
+declare const QuickFilterGroup: ({ children, testID, value, defaultValue, onChange, name, selectionType, ...rest }: QuickFilterGroupProps) => react__default.ReactElement;
 
 type RadioProps = {
     /**
@@ -12828,7 +12837,7 @@ type RadioProps = {
      */
     size?: 'small' | 'medium' | 'large';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
-declare const Radio: React__default.ForwardRefExoticComponent<{
+declare const Radio: react__default.ForwardRefExoticComponent<{
     /**
      * Sets the label text of the Radio
      */
@@ -13193,13 +13202,13 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & MotionMetaProp & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;
 
 type RadioGroupProps = {
     /**
      * Accepts multiple radios as children
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Help text of the radio group
      */
@@ -13261,7 +13270,7 @@ type RadioGroupProps = {
     onChange?: ({ name, value, event, }: {
         name: string | undefined;
         value: string;
-        event: React__default.ChangeEvent<HTMLInputElement>;
+        event: react__default.ChangeEvent<HTMLInputElement>;
     }) => void;
     /**
      * The name of the input field in a radio
@@ -13281,7 +13290,7 @@ type RadioGroupProps = {
      */
     orientation?: 'vertical' | 'horizontal';
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade;
-declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, orientation, testID, flexWrap, ...rest }: RadioGroupProps) => React__default.ReactElement;
+declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, orientation, testID, flexWrap, ...rest }: RadioGroupProps) => react__default.ReactElement;
 
 type ScaleProps = Pick<BaseMotionBoxProps, 'type' | 'motionTriggers' | 'children'> & {
     /**
@@ -13327,9 +13336,9 @@ type TooltipProps = {
     zIndex?: number;
 } & DataAnalyticsAttribute;
 
-declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
+declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => react__default.ReactElement;
 
-declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<PressableProps & React__default.RefAttributes<View>>;
+declare const TooltipInteractiveWrapper: react__default.ForwardRefExoticComponent<PressableProps & react__default.RefAttributes<View>>;
 
 type TooltipifyComponentProps = {
     children: React.ReactElement;
@@ -13342,7 +13351,7 @@ type SideNavProps = {
      *
      * Supports SideNavFooter, SideNavBody
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * **Only applicable in mobile**
      *
@@ -13370,7 +13379,7 @@ type SideNavProps = {
      *
      * **IMPORTANT** Avoid adding promotional items in this
      */
-    banner?: React__default.ReactElement;
+    banner?: react__default.ReactElement;
 } & StyledPropsBlade & TestID;
 type SideNavLinkProps = {
     /**
@@ -13388,13 +13397,13 @@ type SideNavLinkProps = {
      *
      * Used for <Badge />, <Counter /> in most cases
      */
-    titleSuffix?: React__default.ReactElement;
+    titleSuffix?: react__default.ReactElement;
     /**
      * Trailing slot for item. Only visible on hover of the item
      *
      * Used for <Button />
      */
-    trailing?: React__default.ReactElement;
+    trailing?: react__default.ReactElement;
     /**
      * href of the link
      */
@@ -13412,7 +13421,7 @@ type SideNavLinkProps = {
      * <SideNavLink as={Link} />
      * ```
      */
-    as: React__default.ComponentType<any>;
+    as: react__default.ComponentType<any>;
     /**
      * Set Active state of SideNavLink.
      *
@@ -13435,7 +13444,7 @@ type SideNavLinkProps = {
      * </SideNavLink>
      * ```
      */
-    children?: React__default.ReactElement;
+    children?: react__default.ReactElement;
     /**
      * Tooltip object to add tooltip to SideNavLink
      *
@@ -13449,7 +13458,7 @@ type SideNavLinkProps = {
      * ```
      */
     tooltip?: TooltipifyComponentProps['tooltip'];
-    onClick?: (event: React__default.MouseEvent) => void;
+    onClick?: (event: react__default.MouseEvent) => void;
 } & DataAnalyticsAttribute;
 type SideNavSectionProps = {
     title?: string;
@@ -13472,13 +13481,13 @@ type SideNavSectionProps = {
     /**
      * Children slot for SideNavLink
      */
-    children: React__default.ReactElement[];
+    children: react__default.ReactElement[];
 } & DataAnalyticsAttribute;
 type SideNavFooterProps = {
     /**
      * Children slot for SideNavLink, SideNavItem
      */
-    children: React__default.ReactElement[] | React__default.ReactElement;
+    children: react__default.ReactElement[] | react__default.ReactElement;
 };
 type SideNavItemProps = {
     /**
@@ -13486,13 +13495,13 @@ type SideNavItemProps = {
      *
      * Meant for Indicator, Icon, etc
      */
-    leading: React__default.ReactElement | IconComponent;
+    leading: react__default.ReactElement | IconComponent;
     /**
      * Trailing slot for SideNavItem.
      *
      * Meant for Button, Switch, etc
      */
-    trailing: React__default.ReactElement;
+    trailing: react__default.ReactElement;
     /**
      * Title of SideNavItem
      */
@@ -13524,11 +13533,11 @@ type SideNavItemProps = {
     tooltip?: SideNavLinkProps['tooltip'];
 } & DataAnalyticsAttribute;
 type SideNavBodyProps = {
-    children: React__default.ReactElement | React__default.ReactElement[];
+    children: react__default.ReactElement | react__default.ReactElement[];
 };
 type SideNavLevelProps = {
-    children: React__default.ReactElement | React__default.ReactElement[];
-    titleSuffix?: React__default.ReactElement;
+    children: react__default.ReactElement | react__default.ReactElement[];
+    titleSuffix?: react__default.ReactElement;
 };
 
 declare const SideNav: (_props: SideNavProps) => React.ReactElement;
@@ -13552,7 +13561,7 @@ type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth'
     testID?: string;
 };
 
-declare const Skeleton: React__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
+declare const Skeleton: react__default.ForwardRefExoticComponent<Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "flexWrap" | "justifySelf" | "order" | "placeSelf"> & {
     bottom: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
         readonly xs?: SpacingValueType | undefined;
@@ -13893,7 +13902,7 @@ declare const Skeleton: React__default.ForwardRefExoticComponent<Partial<Omit<Ma
     } | undefined;
 }, "visibility">, "__brand__">> & Pick<BaseBoxProps, "width" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "borderRadius"> & Partial<FlexboxProps> & {
     testID?: string | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+} & react__default.RefAttributes<BladeElementRef>>;
 
 type SkipNavLinkProps = {
     id?: string;
@@ -13941,7 +13950,7 @@ type SpinnerProps = BaseSpinnerProps & {
      */
     color?: 'primary' | 'neutral' | 'white';
 };
-declare const Spinner: React__default.ForwardRefExoticComponent<{
+declare const Spinner: react__default.ForwardRefExoticComponent<{
     color?: FeedbackColors | "primary" | "white" | undefined;
     label?: string | undefined;
     labelPosition?: "bottom" | "right" | undefined;
@@ -14293,7 +14302,7 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
      * @default 'default'
      */
     color?: "neutral" | "primary" | "white" | undefined;
-} & React__default.RefAttributes<BladeElementRef>>;
+} & react__default.RefAttributes<BladeElementRef>>;
 
 type SpotlightPopoverStepRenderProps = {
     /**
@@ -14417,7 +14426,7 @@ type StepGroupProps = {
     /**
      * children slot for StepItem components
      */
-    children: React__default.ReactElement | React__default.ReactElement[];
+    children: react__default.ReactElement | react__default.ReactElement[];
     /**
      * Width of StepGroup. By default it takes the width of its items.
      */
@@ -14483,11 +14492,11 @@ type StepItemProps = {
      * marker={<StepItemIcon icon={CheckIcon} color="positive" />}
      * ```
      */
-    marker?: React__default.ReactElement;
+    marker?: react__default.ReactElement;
     /**
      * trailing slot for StepItem. Mostly meant for Badge
      */
-    trailing?: React__default.ReactElement;
+    trailing?: react__default.ReactElement;
     /**
      * Controlled state of selected item
      */
@@ -14507,11 +14516,11 @@ type StepItemProps = {
     /**
      * StepItem's click handler. Turns StepItem into interactive item and render it as button tag
      */
-    onClick?: (event: React__default.MouseEvent) => void;
+    onClick?: (event: react__default.MouseEvent) => void;
     /**
      * Children slot for adding additional custom elements to item
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
 } & DataAnalyticsAttribute;
 
 declare const StepGroup: (_props: StepGroupProps) => React.ReactElement;
@@ -14621,7 +14630,7 @@ type SwitchProps = {
     id?: string;
 } & TestID & DataAnalyticsAttribute & StyledPropsBlade & MotionMetaProp;
 
-declare const Switch: React__default.ForwardRefExoticComponent<{
+declare const Switch: react__default.ForwardRefExoticComponent<{
     isChecked?: boolean | undefined;
     defaultChecked?: boolean | undefined;
     onChange?: OnChange | undefined;
@@ -14970,7 +14979,7 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & MotionMetaProp & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & MotionMetaProp & react__default.RefAttributes<BladeElementRef>>;
 
 type TableNode<Item> = Item & {
     id: Identifier;
@@ -14989,7 +14998,7 @@ type TableHeaderProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 };
 type TableHeaderRowProps = {
     /**
@@ -15001,7 +15010,7 @@ type TableHeaderRowProps = {
      *   </TableHeaderRow>
      * </TableHeader>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * The rowDensity prop determines the density of the table.
      * The rowDensity prop can be 'compact', 'normal', or'comfortable'.
@@ -15013,7 +15022,7 @@ type TableHeaderCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React__default.ReactNode;
+    children: string | react__default.ReactNode;
     /**
      * The unique key of the column.
      * This is used to identify the column for sorting in sortFunctions prop of Table.
@@ -15033,7 +15042,7 @@ type TableProps<Item> = {
      * The children of the Table component should be a function that returns TableHeader, TableBody and TableFooter components.
      * The function will be called with the tableData prop.
      */
-    children: (tableData: TableNode<Item>[]) => React__default.ReactElement;
+    children: (tableData: TableNode<Item>[]) => react__default.ReactElement;
     /**
      * The data prop is an object with a nodes property that is an array of objects.
      * Each object in the array is a row in the table.
@@ -15111,12 +15120,12 @@ type TableProps<Item> = {
      * The toolbar prop is a React element that is rendered above the table.
      * The toolbar prop should be a `TableToolbar` component.
      **/
-    toolbar?: React__default.ReactElement;
+    toolbar?: react__default.ReactElement;
     /**
      * The pagination prop is a React element that is rendered below the table.
      * The pagination prop should be a `TablePagination` component.
      **/
-    pagination?: React__default.ReactElement;
+    pagination?: react__default.ReactElement;
     /**
      * The height prop is a responsive styled prop that determines the height of the table.
      **/
@@ -15174,7 +15183,7 @@ type TableBodyProps<Item> = {
      *   )}
      * </TableBody>
      **/
-    children: React__default.ReactNode | ((tableItem: Item, index: number) => React__default.ReactElement);
+    children: react__default.ReactNode | ((tableItem: Item, index: number) => react__default.ReactElement);
 } & DataAnalyticsAttribute;
 type TableRowProps<Item> = {
     /**
@@ -15184,7 +15193,7 @@ type TableRowProps<Item> = {
      *   <TableCell>...</TableCell>
      * </TableRow>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * The item prop is used to pass the individual table item to the TableRow component.
      * @example
@@ -15215,7 +15224,7 @@ type TableRowProps<Item> = {
     onClick?: ({ item }: {
         item: TableNode<Item>;
     }) => void;
-    hoverActions?: React__default.ReactElement;
+    hoverActions?: react__default.ReactElement;
 } & TestID & DataAnalyticsAttribute;
 type TableCellProps = {
     /**
@@ -15229,7 +15238,7 @@ type TableCellProps = {
      * <Button>...</Button>
      * </TableCell>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * The textAlign prop determines the content alignment of the table.
      * The textAlign prop can be 'left', 'center', or 'right'.
@@ -15258,7 +15267,7 @@ type TableFooterProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 } & DataAnalyticsAttribute;
 type TableFooterRowProps = {
     /**
@@ -15270,13 +15279,13 @@ type TableFooterRowProps = {
      *   </TableFooterRow>
      * </TableFooter>
      **/
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 } & DataAnalyticsAttribute;
 type TableFooterCellProps = {
     /**
      * The children of TableHeaderCell can be a string or a ReactNode.
      **/
-    children: string | React__default.ReactNode;
+    children: string | react__default.ReactNode;
     /**
      * The textAlign prop determines the content alignment of the table.
      * The textAlign prop can be 'left', 'center', or 'right'.
@@ -15371,7 +15380,7 @@ type TableToolbarProps = {
     /**
      * The children of TableToolbar should be TableToolbarActions
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * The title of the TableToolbar. If not provided, it will show the default title.
      * @default `Showing 1 to ${totalItems} Items`
@@ -15384,34 +15393,34 @@ type TableToolbarProps = {
     selectedTitle?: string;
 } & DataAnalyticsAttribute;
 type TableToolbarActionsProps = {
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
 } & StyledPropsBlade & DataAnalyticsAttribute;
 
-declare const Table: <Item>(props: TableProps<Item>) => React__default.ReactElement;
+declare const Table: <Item>(props: TableProps<Item>) => react__default.ReactElement;
 
-declare const TableHeader: (props: TableHeaderProps) => React__default.ReactElement;
-declare const TableHeaderRow: (props: TableHeaderRowProps) => React__default.ReactElement;
-declare const TableHeaderCell: (props: TableHeaderCellProps) => React__default.ReactElement;
+declare const TableHeader: (props: TableHeaderProps) => react__default.ReactElement;
+declare const TableHeaderRow: (props: TableHeaderRowProps) => react__default.ReactElement;
+declare const TableHeaderCell: (props: TableHeaderCellProps) => react__default.ReactElement;
 
-declare const TableBody: <Item>(props: TableBodyProps<Item>) => React__default.ReactElement;
-declare const TableRow: (props: TableRowProps<unknown>) => React__default.ReactElement;
-declare const TableCell: (props: TableCellProps) => React__default.ReactElement;
+declare const TableBody: <Item>(props: TableBodyProps<Item>) => react__default.ReactElement;
+declare const TableRow: (props: TableRowProps<unknown>) => react__default.ReactElement;
+declare const TableCell: (props: TableCellProps) => react__default.ReactElement;
 
-declare const TableFooter: (props: unknown) => React__default.ReactElement;
-declare const TableFooterRow: (props: unknown) => React__default.ReactElement;
-declare const TableFooterCell: (props: unknown) => React__default.ReactElement;
+declare const TableFooter: (props: unknown) => react__default.ReactElement;
+declare const TableFooterRow: (props: unknown) => react__default.ReactElement;
+declare const TableFooterCell: (props: unknown) => react__default.ReactElement;
 
 type TablePaginationProps = unknown;
-declare const TablePagination: (props: TablePaginationProps) => React__default.ReactElement;
+declare const TablePagination: (props: TablePaginationProps) => react__default.ReactElement;
 
-declare const TableToolbar: (props: unknown) => React__default.ReactElement;
-declare const TableToolbarActions: (props: unknown) => React__default.ReactElement;
+declare const TableToolbar: (props: unknown) => react__default.ReactElement;
+declare const TableToolbarActions: (props: unknown) => react__default.ReactElement;
 
 declare const TableEditableCell: (props: TableEditableCellProps) => React.ReactElement;
 declare const TableEditableDropdownCell: (props: TableEditableDropdownCellProps) => React.ReactElement;
 
-declare const Tabs: React__default.ForwardRefExoticComponent<{
-    children: React__default.ReactNode;
+declare const Tabs: react__default.ForwardRefExoticComponent<{
+    children: react__default.ReactNode;
     value?: string | undefined;
     defaultValue?: string | undefined;
     onChange?: ((value: string) => void) | undefined;
@@ -15423,13 +15432,13 @@ declare const Tabs: React__default.ForwardRefExoticComponent<{
     variant?: "filled" | "bordered" | "borderless" | undefined;
     isFullWidthTabItem?: boolean | undefined;
     isLazy?: boolean | undefined;
-} & DataAnalyticsAttribute & React__default.RefAttributes<unknown>>;
+} & DataAnalyticsAttribute & react__default.RefAttributes<unknown>>;
 
 type TabsProps = {
     /**
      * The content of the component, accepts `TabsList` and `TabsPanel` components.
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * The value of the tab panel same as the corresponding TabItem's value to match the selected TabItem.
      */
@@ -15485,7 +15494,7 @@ type TabItemCommonProps = {
      * Trailing element of the tab item.
      * Can be used to render a Badge/Counter component.
      */
-    trailing?: React__default.ReactNode;
+    trailing?: react__default.ReactNode;
     /**
      * Internal prop used to pass size from Tabs to TabsItem.
      */
@@ -15503,13 +15512,13 @@ type TabItemCommonProps = {
     /**
      * Callback fired when the tab item is clicked.
      */
-    onClick?: (event: React__default.MouseEvent) => void;
+    onClick?: (event: react__default.MouseEvent) => void;
 };
 type TabItemWithoutLeadingProps = TabItemCommonProps & {
     /**
      * The content of the tab item.
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
     /**
      * Leading element of the tab item.
      * Can be used to render an Icon.
@@ -15525,7 +15534,7 @@ type TabItemWithOutChildrenProps = TabItemCommonProps & {
     /**
      * The content of the tab item.
      */
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
 };
 type TabItemProps = TabItemWithoutLeadingProps | TabItemWithOutChildrenProps;
 type TabPanelProps = {
@@ -15536,16 +15545,16 @@ type TabPanelProps = {
     /**
      * The content of the tab panel.
      */
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 } & DataAnalyticsAttribute;
 
-declare const TabItem: (_props: TabItemProps) => React__default.ReactElement;
+declare const TabItem: (_props: TabItemProps) => react__default.ReactElement;
 
 declare const TabList: (_props: {
-    children: React__default.ReactNode;
-}) => React__default.ReactElement;
+    children: react__default.ReactNode;
+}) => react__default.ReactElement;
 
-declare const TabPanel: (_props: TabPanelProps) => React__default.ReactElement;
+declare const TabPanel: (_props: TabPanelProps) => react__default.ReactElement;
 
 /**
  * ## Tags
@@ -15574,7 +15583,7 @@ declare const TabPanel: (_props: TabPanelProps) => React__default.ReactElement;
  * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
  *
  */
-declare const Tag: React__default.ForwardRefExoticComponent<{
+declare const Tag: react__default.ForwardRefExoticComponent<{
     size?: "medium" | "large" | undefined;
     icon?: IconComponent | undefined;
     onDismiss: () => void;
@@ -15921,7 +15930,7 @@ declare const Tag: React__default.ForwardRefExoticComponent<{
         readonly l?: "platform-native" | undefined;
         readonly xl?: "platform-native" | undefined;
     } | undefined;
-}, "visibility">, "__brand__">> & DataAnalyticsAttribute & TestID & React__default.RefAttributes<BladeElementRef>>;
+}, "visibility">, "__brand__">> & DataAnalyticsAttribute & TestID & react__default.RefAttributes<BladeElementRef>>;
 
 type TagProps = {
     /**
@@ -15978,7 +15987,7 @@ type ToastProps = {
     /**
      * Content of the toast
      */
-    content: React__default.ReactNode;
+    content: react__default.ReactNode;
     /**
      * @default `neutral`
      */
@@ -15986,7 +15995,7 @@ type ToastProps = {
     /**
      * Can be used to render an icon
      */
-    leading?: React__default.ComponentType<any>;
+    leading?: react__default.ComponentType<any>;
     /**
      * If true, the toast will be dismissed after few seconds
      *
@@ -16007,7 +16016,7 @@ type ToastProps = {
      * Called when the toast is dismissed or duration runs out
      */
     onDismissButtonClick?: ({ event, toastId, }: {
-        event: React__default.MouseEvent<HTMLButtonElement>;
+        event: react__default.MouseEvent<HTMLButtonElement>;
         toastId: string;
     }) => void;
     /**
@@ -16135,7 +16144,7 @@ type VisuallyHiddenProps = {
     children: React.ReactNode;
 } & TestID;
 
-declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => React__default.ReactElement;
+declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => react__default.ReactElement;
 
 /**
  * Screen reader class adapted from webaim
@@ -16144,15 +16153,15 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
 declare const screenReaderStyles: CSSObject;
 
 type ListViewCommonProps = {
-    children: React__default.ReactNode;
+    children: react__default.ReactNode;
 };
 type ListViewProps = ListViewCommonProps & TestID & DataAnalyticsAttribute;
 type ListViewFilterProps = {
-    children?: React__default.ReactNode;
+    children?: react__default.ReactNode;
     /**
      * Quick Filters Component
      */
-    quickFilters: React__default.ReactNode;
+    quickFilters: react__default.ReactNode;
     /**
      * Search value for search input
      */
@@ -16203,12 +16212,12 @@ type ListViewFilterProps = {
     /**
      * searchTrailing : trailing element for search input
      */
-    searchTrailing?: React__default.ReactNode;
+    searchTrailing?: react__default.ReactNode;
 } & TestID & DataAnalyticsAttribute;
 
-declare const ListView: (_prop: ListViewProps) => React__default.ReactElement;
+declare const ListView: (_prop: ListViewProps) => react__default.ReactElement;
 
-declare const ListViewFilters: (_prop: ListViewFilterProps) => React__default.ReactElement;
+declare const ListViewFilters: (_prop: ListViewFilterProps) => react__default.ReactElement;
 
 type PreviewProps = {
     /**
@@ -16275,9 +16284,9 @@ type PreviewFooterProps = {
     showZoomPercentage?: boolean;
 };
 
-declare const Preview: (_prop: PreviewProps) => React__default.ReactElement;
-declare const PreviewHeader: (_prop: PreviewHeaderProps) => React__default.ReactElement;
-declare const PreviewBody: (_prop: PreviewBodyProps) => React__default.ReactElement;
-declare const PreviewFooter: (_prop: PreviewFooterProps) => React__default.ReactElement;
+declare const Preview: (_prop: PreviewProps) => react__default.ReactElement;
+declare const PreviewHeader: (_prop: PreviewHeaderProps) => react__default.ReactElement;
+declare const PreviewBody: (_prop: PreviewBodyProps) => react__default.ReactElement;
+declare const PreviewFooter: (_prop: PreviewFooterProps) => react__default.ReactElement;
 
 export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BaseFilterChip, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BillMeIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, 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, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, 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, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageIcon, EqualsIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SortIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps$1 as TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, Tour, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };