@razorpay/blade 11.21.4 → 11.21.6

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

@@ -480,91 +480,6 @@ type ThemeContext = UseColorScheme & {
 declare const ThemeContext: React$1.Context<ThemeContext>;
 declare const useTheme: () => ThemeContext;
 
-type DotNotationSpacingStringToken = `spacing.${keyof Spacing}`;
-/**
- * Use this when you want children to be string.
- *
- * This covers scenarios like
- * ```jsx
- * <Heading>Hi</Heading>
- * <Heading>{dynamicVariable} something</Heading>
- * ```
- *
- *
- * ### Usage
- *
- * ```ts
- * import type { StringChildrenType } from '~helpers/types';
- *
- * type MyProps = {
- *  children: StringChildrenType;
- * }
- * ```
- */
-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
- *
- * ### Usage
- *
- * ```ts
- * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
- * ```
- *
- * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
- *
- * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
- * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
- *
- */
-type StringWithAutocomplete = string & Record<never, never>;
-type TestID = {
-    /**
-     * Test id that can be used to select element in testing environments
-     *
-     * Checkout https://testing-library.com/docs/queries/bytestid/
-     */
-    testID?: string;
-};
-/**
- * Similar to `Pick` except this returns `never` when value doesn't exist (native `Pick` returns `unknown`).
- *
- * You might have to ts-ignore the non-existing type error while using this. This is done so that you can get jsdoc from actual type.
- *
- * E.g. This will pick from ViewStyle prop if value exists else returns undefined.
- *
- * ```ts
- * // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
- * native: PickIfExist<ViewStyle, T>;
- * ```
- */
-type PickIfExist<T, K extends keyof T> = {
-    [P in K]: P extends keyof T ? T[P] : never;
-};
-/**
- * Picks the types based on the platform (web / native).
- *
- * E.g.
- * ```ts
- * type CSSObject = PickCSSByPlatform<'display'>
- * // On Web --> This will be all possible web display properties like `block`, `flex`, `inline`, and more.
- * // On Native --> This will be just `flex` and `none`
- * ```
- */
-type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
-    web: PickIfExist<CSSObject, T>;
-    native: PickIfExist<ViewStyle, T>;
-}>;
-type BladeElementRef = Platform.Select<{
-    web: HTMLElement;
-    native: View;
-}>;
-type ContainerElementType = Platform.Select<{
-    web: HTMLDivElement;
-    native: View;
-}>;
-
 type Duration = {
     /** `70` milliseconds */
     '2xquick': 70;
@@ -682,6 +597,91 @@ type Elevation = Record<ElevationLevels, Platform.Select<{
 }>>;
 type ElevationWithColorModes = Record<ColorSchemeModes, Elevation>;
 
+type DotNotationSpacingStringToken = `spacing.${keyof Spacing}`;
+/**
+ * Use this when you want children to be string.
+ *
+ * This covers scenarios like
+ * ```jsx
+ * <Heading>Hi</Heading>
+ * <Heading>{dynamicVariable} something</Heading>
+ * ```
+ *
+ *
+ * ### Usage
+ *
+ * ```ts
+ * import type { StringChildrenType } from '~helpers/types';
+ *
+ * type MyProps = {
+ *  children: StringChildrenType;
+ * }
+ * ```
+ */
+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
+ *
+ * ### Usage
+ *
+ * ```ts
+ * type ThemeName = 'themeOne' | 'themeTwo' | StringWithAutocomplete;
+ * ```
+ *
+ * This will show themeOne and themeTwo in autocomplete but also allow any other string as value.
+ *
+ * More details - https://github.com/razorpay/blade/pull/1031/commits/86b6ee0facf45e7556739efcbfa5396b11b1b3c9#r1121298293
+ * Related TS Issue - https://github.com/microsoft/TypeScript/issues/29729
+ *
+ */
+type StringWithAutocomplete = string & Record<never, never>;
+type TestID = {
+    /**
+     * Test id that can be used to select element in testing environments
+     *
+     * Checkout https://testing-library.com/docs/queries/bytestid/
+     */
+    testID?: string;
+};
+/**
+ * Similar to `Pick` except this returns `never` when value doesn't exist (native `Pick` returns `unknown`).
+ *
+ * You might have to ts-ignore the non-existing type error while using this. This is done so that you can get jsdoc from actual type.
+ *
+ * E.g. This will pick from ViewStyle prop if value exists else returns undefined.
+ *
+ * ```ts
+ * // @ts-expect-error: T passed here may not neccessarily exist. We return `never` type when it doesn't
+ * native: PickIfExist<ViewStyle, T>;
+ * ```
+ */
+type PickIfExist<T, K extends keyof T> = {
+    [P in K]: P extends keyof T ? T[P] : never;
+};
+/**
+ * Picks the types based on the platform (web / native).
+ *
+ * E.g.
+ * ```ts
+ * type CSSObject = PickCSSByPlatform<'display'>
+ * // On Web --> This will be all possible web display properties like `block`, `flex`, `inline`, and more.
+ * // On Native --> This will be just `flex` and `none`
+ * ```
+ */
+type PickCSSByPlatform<T extends keyof React__default.CSSProperties | keyof ViewStyle> = Platform.Select<{
+    web: PickIfExist<CSSObject, T>;
+    native: PickIfExist<ViewStyle, T>;
+}>;
+type BladeElementRef = Platform.Select<{
+    web: HTMLElement;
+    native: View;
+}>;
+type ContainerElementType = Platform.Select<{
+    web: HTMLDivElement;
+    native: View;
+}>;
+
 /**
  * Returns the value or the responsive object with that value
  *
@@ -1352,782 +1352,6 @@ type BoxRefType = Platform.Select<{
     native: View;
 }>;
 
-type InteractiveText$1 = DotNotationToken<Theme['colors']['interactive']['icon']>;
-type FeedbackText$1 = DotNotationToken<Theme['colors']['feedback']['icon']>;
-type SurfaceText$1 = DotNotationToken<Theme['colors']['surface']['icon']>;
-type IconColors = `interactive.icon.${InteractiveText$1}` | `surface.icon.${SurfaceText$1}` | `feedback.icon.${FeedbackText$1}`;
-type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
-type IconProps = {
-    /**
-     * Color token (not to be confused with actual hsla value)
-     */
-    color?: IconColors | 'currentColor';
-    size?: IconSize;
-} & StyledPropsBlade;
-type IconComponent = React.ComponentType<IconProps>;
-
-declare const AcceptPaymentsIcon: IconComponent;
-
-declare const ActivityIcon: IconComponent;
-
-declare const AddressBookIcon: IconComponent;
-
-declare const AffordabilityIcon: IconComponent;
-
-declare const AirplayIcon: IconComponent;
-
-declare const AlertCircleIcon: IconComponent;
-
-declare const AlertOctagonIcon: IconComponent;
-
-declare const AlertOnlyIcon: IconComponent;
-
-declare const AlertTriangleIcon: IconComponent;
-
-declare const AlignCenterIcon: IconComponent;
-
-declare const AlignJustifyIcon: IconComponent;
-
-declare const AlignLeftIcon: IconComponent;
-
-declare const AlignRightIcon: IconComponent;
-
-declare const AnchorIcon: IconComponent;
-
-declare const AnnouncementIcon: IconComponent;
-
-declare const ApertureIcon: IconComponent;
-
-declare const AppStoreIcon: IconComponent;
-
-declare const ArrowDownIcon: IconComponent;
-
-declare const ArrowDownLeftIcon: IconComponent;
-
-declare const ArrowDownRightIcon: IconComponent;
-
-declare const ArrowLeftIcon: IconComponent;
-
-declare const ArrowRightIcon: IconComponent;
-
-declare const ArrowUpIcon: IconComponent;
-
-declare const ArrowUpLeftIcon: IconComponent;
-
-declare const ArrowUpRightIcon: IconComponent;
-
-declare const AtSignIcon: IconComponent;
-
-declare const AttachmentIcon: IconComponent;
-
-declare const AutomateAccountingIcon: IconComponent;
-
-declare const AutomatePayrollIcon: IconComponent;
-
-declare const AwardIcon: IconComponent;
-
-declare const BankAccountVerificationIcon: IconComponent;
-
-declare const BankIcon: IconComponent;
-
-declare const BarChartAltIcon: IconComponent;
-
-declare const BarChartIcon: IconComponent;
-
-declare const BarCodeIcon: IconComponent;
-
-declare const BatteryChargingIcon: IconComponent;
-
-declare const BatteryIcon: IconComponent;
-
-declare const BellIcon: IconComponent;
-
-declare const BellOffIcon: IconComponent;
-
-declare const BfsiIcon: IconComponent;
-
-declare const BillIcon: IconComponent;
-
-declare const BluetoothIcon: IconComponent;
-
-declare const BoldIcon: IconComponent;
-
-declare const BookIcon: IconComponent;
-
-declare const BookmarkIcon: IconComponent;
-
-declare const BoxIcon: IconComponent;
-
-declare const BriefcaseIcon: IconComponent;
-
-declare const BugIcon: IconComponent;
-
-declare const BuildingIcon: IconComponent;
-
-declare const BulkPayoutsIcon: IconComponent;
-
-declare const BusinessBankingIcon: IconComponent;
-
-declare const BusinessSpendManagementIcon: IconComponent;
-
-declare const CalendarIcon: IconComponent;
-
-declare const CameraIcon: IconComponent;
-
-declare const CameraOffIcon: IconComponent;
-
-declare const CashIcon: IconComponent;
-
-declare const CastIcon: IconComponent;
-
-declare const CheckCircle2Icon: IconComponent;
-
-declare const CheckCircleIcon: IconComponent;
-
-declare const CheckIcon: IconComponent;
-
-declare const CheckSquareIcon: IconComponent;
-
-declare const ChevronDownIcon: IconComponent;
-
-declare const ChevronLeftIcon: IconComponent;
-
-declare const ChevronRightIcon: IconComponent;
-
-declare const ChevronUpIcon: IconComponent;
-
-declare const ChevronsDownIcon: IconComponent;
-
-declare const ChevronsLeftIcon: IconComponent;
-
-declare const ChevronsRightIcon: IconComponent;
-
-declare const ChevronsUpIcon: IconComponent;
-
-declare const ChromeIcon: IconComponent;
-
-declare const CircleIcon: IconComponent;
-
-declare const ClipboardIcon: IconComponent;
-
-declare const ClockIcon: IconComponent;
-
-declare const CloseIcon: IconComponent;
-
-declare const ClosedCaptioningIcon: IconComponent;
-
-declare const CloudDrizzleIcon: IconComponent;
-
-declare const CloudIcon: IconComponent;
-
-declare const CloudLightningIcon: IconComponent;
-
-declare const CloudOffIcon: IconComponent;
-
-declare const CloudRainIcon: IconComponent;
-
-declare const CloudSnowIcon: IconComponent;
-
-declare const CodeSnippetIcon: IconComponent;
-
-declare const CodepenIcon: IconComponent;
-
-declare const CoinIcon: IconComponent;
-
-declare const CoinsIcon: IconComponent;
-
-declare const CommandIcon: IconComponent;
-
-declare const CompanyRegistrationIcon: IconComponent;
-
-declare const CompassIcon: IconComponent;
-
-declare const ConfettiIcon: IconComponent;
-
-declare const ContactlessPaymentIcon: IconComponent;
-
-declare const CookieIcon: IconComponent;
-
-declare const CopyIcon: IconComponent;
-
-declare const CopyrightIcon: IconComponent;
-
-declare const CornerDownLeftIcon: IconComponent;
-
-declare const CornerDownRightIcon: IconComponent;
-
-declare const CornerLeftDownIcon: IconComponent;
-
-declare const CornerLeftUpIcon: IconComponent;
-
-declare const CornerRightDownIcon: IconComponent;
-
-declare const CornerRightUpIcon: IconComponent;
-
-declare const CornerUpLeftIcon: IconComponent;
-
-declare const CornerUpRightIcon: IconComponent;
-
-declare const CpuIcon: IconComponent;
-
-declare const CreditCardIcon: IconComponent;
-
-declare const CreditsAndLoansIcon: IconComponent;
-
-declare const CropIcon: IconComponent;
-
-declare const CrosshairIcon: IconComponent;
-
-declare const CurrentAccountIcon: IconComponent;
-
-declare const CustomersIcon: IconComponent;
-
-declare const CutIcon: IconComponent;
-
-declare const DashboardIcon: IconComponent;
-
-declare const DeleteIcon: IconComponent;
-
-declare const DigitalLendingIcon: IconComponent;
-
-declare const DisbursePaymentsIcon: IconComponent;
-
-declare const DiscIcon: IconComponent;
-
-declare const DollarIcon: IconComponent;
-
-declare const DollarsIcon: IconComponent;
-
-declare const DotIcon: IconComponent;
-
-declare const DownloadCloudIcon: IconComponent;
-
-declare const DownloadIcon: IconComponent;
-
-declare const DropletIcon: IconComponent;
-
-declare const EcommerceIcon: IconComponent;
-
-declare const EditComposeIcon: IconComponent;
-
-declare const EditIcon: IconComponent;
-
-declare const EditInlineIcon: IconComponent;
-
-declare const EducationIcon: IconComponent;
-
-declare const EscrowAccountIcon: IconComponent;
-
-declare const ExportIcon: IconComponent;
-
-declare const ExternalLinkIcon: IconComponent;
-
-declare const EyeIcon: IconComponent;
-
-declare const EyeOffIcon: IconComponent;
-
-declare const FacebookIcon: IconComponent;
-
-declare const FastForwardIcon: IconComponent;
-
-declare const FeatherIcon: IconComponent;
-
-declare const FigmaIcon: IconComponent;
-
-declare const FileIcon: IconComponent;
-
-declare const FileMinusIcon: IconComponent;
-
-declare const FilePlusIcon: IconComponent;
-
-declare const FileTextIcon: IconComponent;
-
-declare const FileZipIcon: IconComponent;
-
-declare const FilmIcon: IconComponent;
-
-declare const FilterIcon: IconComponent;
-
-declare const FlagIcon: IconComponent;
-
-declare const FolderIcon: IconComponent;
-
-declare const ForexManagementIcon: IconComponent;
-
-declare const FreelanceIcon: IconComponent;
-
-declare const FullScreenEnterIcon: IconComponent;
-
-declare const FullScreenExitIcon: IconComponent;
-
-declare const GithubIcon: IconComponent;
-
-declare const GitlabIcon: IconComponent;
-
-declare const GlobeIcon: IconComponent;
-
-declare const GridIcon: IconComponent;
-
-declare const HashIcon: IconComponent;
-
-declare const HeadphoneIcon: IconComponent;
-
-declare const HeadphonesIcon: IconComponent;
-
-declare const HeadsetIcon: IconComponent;
-
-declare const HeartIcon: IconComponent;
-
-declare const HelpCircleIcon: IconComponent;
-
-declare const HistoryIcon: IconComponent;
-
-declare const HomeIcon: IconComponent;
-
-declare const ImageIcon: IconComponent;
-
-declare const InboxIcon: IconComponent;
-
-declare const InfoIcon: IconComponent;
-
-declare const InstagramIcon: IconComponent;
-
-declare const InstantSettlementIcon: IconComponent;
-
-declare const InternationalPaymentsIcon: IconComponent;
-
-declare const InvoicesIcon: IconComponent;
-
-declare const ItalicIcon: IconComponent;
-
-declare const LayersIcon: IconComponent;
-
-declare const LayoutIcon: IconComponent;
-
-declare const LifeBuoyIcon: IconComponent;
-
-declare const LinkIcon: IconComponent;
-
-declare const ListIcon: IconComponent;
-
-declare const LoaderIcon: IconComponent;
-
-declare const LoansForBusinessesIcon: IconComponent;
-
-declare const LockIcon: IconComponent;
-
-declare const LogInIcon: IconComponent;
-
-declare const LogOutIcon: IconComponent;
-
-declare const MagicCheckoutIcon: IconComponent;
-
-declare const MailIcon: IconComponent;
-
-declare const MailOpenIcon: IconComponent;
-
-declare const MapIcon: IconComponent;
-
-declare const MapPinIcon: IconComponent;
-
-declare const MaximizeIcon: IconComponent;
-
-declare const MenuDotsIcon: IconComponent;
-
-declare const MenuIcon: IconComponent;
-
-declare const MessageCircleIcon: IconComponent;
-
-declare const MessageSquareIcon: IconComponent;
-
-declare const MicIcon: IconComponent;
-
-declare const MicOffIcon: IconComponent;
-
-declare const MinimizeIcon: IconComponent;
-
-declare const MinusCircleIcon: IconComponent;
-
-declare const MinusIcon: IconComponent;
-
-declare const MinusSquareIcon: IconComponent;
-
-declare const MobileAppIcon: IconComponent;
-
-declare const MonitorIcon: IconComponent;
-
-declare const MoonIcon: IconComponent;
-
-declare const MoreHorizontalIcon: IconComponent;
-
-declare const MoreIcon: IconComponent;
-
-declare const MoreVerticalIcon: IconComponent;
-
-declare const MoveIcon: IconComponent;
-
-declare const MusicIcon: IconComponent;
-
-declare const MyAccountIcon: IconComponent;
-
-declare const NavigationIcon: IconComponent;
-
-declare const OctagonIcon: IconComponent;
-
-declare const OffersIcon: IconComponent;
-
-declare const OptimizerIcon: IconComponent;
-
-declare const PackageIcon: IconComponent;
-
-declare const PaperclipIcon: IconComponent;
-
-declare const PauseCircleIcon: IconComponent;
-
-declare const PauseIcon: IconComponent;
-
-declare const PaymentButtonIcon: IconComponent;
-
-declare const PaymentButtonsIcon: IconComponent;
-
-declare const PaymentGatewayIcon: IconComponent;
-
-declare const PaymentLinkIcon: IconComponent;
-
-declare const PaymentLinksIcon: IconComponent;
-
-declare const PaymentPagesIcon: IconComponent;
-
-declare const PayoutLinkIcon: IconComponent;
-
-declare const PayrollAddonsIcon: IconComponent;
-
-declare const PayrollForCaIcon: IconComponent;
-
-declare const PayrollForStartupOrSmeIcon: IconComponent;
-
-declare const PercentIcon: IconComponent;
-
-declare const PettyCashBudgetIcon: IconComponent;
-
-declare const PhoneCallIcon: IconComponent;
-
-declare const PhoneForwardedIcon: IconComponent;
-
-declare const PhoneIcon: IconComponent;
-
-declare const PhoneIncomingIcon: IconComponent;
-
-declare const PhoneMissedIcon: IconComponent;
-
-declare const PhoneOffIcon: IconComponent;
-
-declare const PhoneOutgoingIcon: IconComponent;
-
-declare const PictureInPictureIcon: IconComponent;
-
-declare const PieChartIcon: IconComponent;
-
-declare const PinIcon: IconComponent;
-
-declare const PlayCircleIcon: IconComponent;
-
-declare const PlayIcon: IconComponent;
-
-declare const PlusCircleIcon: IconComponent;
-
-declare const PlusIcon: IconComponent;
-
-declare const PlusSquareIcon: IconComponent;
-
-declare const PocketIcon: IconComponent;
-
-declare const PosIcon: IconComponent;
-
-declare const PowerIcon: IconComponent;
-
-declare const PrinterIcon: IconComponent;
-
-declare const QRCodeIcon: IconComponent;
-
-declare const RadioIcon: IconComponent;
-
-declare const RazorpayIcon: IconComponent;
-
-declare const RazorpayXIcon: IconComponent;
-
-declare const RazorpayxPayrollIcon: IconComponent;
-
-declare const RefreshIcon: IconComponent;
-
-declare const RepeatIcon: IconComponent;
-
-declare const ReportsIcon: IconComponent;
-
-declare const ResizerIcon: IconComponent;
-
-declare const RewindIcon: IconComponent;
-
-declare const RotateClockWiseIcon: IconComponent;
-
-declare const RotateCounterClockWiseIcon: IconComponent;
-
-declare const RouteIcon: IconComponent;
-
-declare const RoutesIcon: IconComponent;
-
-declare const RupeeIcon: IconComponent;
-
-declare const RupeesIcon: IconComponent;
-
-declare const SaasIcon: IconComponent;
-
-declare const SaveIcon: IconComponent;
-
-declare const ScissorsIcon: IconComponent;
-
-declare const SearchIcon: IconComponent;
-
-declare const SendIcon: IconComponent;
-
-declare const ServerIcon: IconComponent;
-
-declare const SettingsIcon: IconComponent;
-
-declare const SettlementsIcon: IconComponent;
-
-declare const ShareIcon: IconComponent;
-
-declare const ShieldIcon: IconComponent;
-
-declare const ShoppingBagIcon: IconComponent;
-
-declare const ShoppingCartIcon: IconComponent;
-
-declare const ShuffleIcon: IconComponent;
-
-declare const SidebarIcon: IconComponent;
-
-declare const SkipBackIcon: IconComponent;
-
-declare const SkipForwardIcon: IconComponent;
-
-declare const SlackIcon: IconComponent;
-
-declare const SlashIcon: IconComponent;
-
-declare const SlidersIcon: IconComponent;
-
-declare const SmartCollectIcon: IconComponent;
-
-declare const SmartphoneIcon: IconComponent;
-
-declare const SolutionsIcon: IconComponent;
-
-declare const SourceToPayIcon: IconComponent;
-
-declare const SparklesIcon: IconComponent;
-
-declare const SpeakerIcon: IconComponent;
-
-declare const SquareIcon: IconComponent;
-
-declare const StampIcon: IconComponent;
-
-declare const StarIcon: IconComponent;
-
-declare const StopCircleIcon: IconComponent;
-
-declare const StorefrontIcon: IconComponent;
-
-declare const SubscriptionsIcon: IconComponent;
-
-declare const SunIcon: IconComponent;
-
-declare const SunriseIcon: IconComponent;
-
-declare const SunsetIcon: IconComponent;
-
-declare const TabletIcon: IconComponent;
-
-declare const TagIcon: IconComponent;
-
-declare const TargetIcon: IconComponent;
-
-declare const TaxPaymentsIcon: IconComponent;
-
-declare const TestIcon: IconComponent;
-
-declare const ThermometerIcon: IconComponent;
-
-declare const ThumbsDownIcon: IconComponent;
-
-declare const ThumbsUpIcon: IconComponent;
-
-declare const TicketIcon: IconComponent;
-
-declare const ToggleLeftIcon: IconComponent;
-
-declare const ToggleRightIcon: IconComponent;
-
-declare const TokenHqIcon: IconComponent;
-
-declare const TrademarkIcon: IconComponent;
-
-declare const TrademarkRegisteredIcon: IconComponent;
-
-declare const TransactionsIcon: IconComponent;
-
-declare const TrashIcon: IconComponent;
-
-declare const TrendingDownIcon: IconComponent;
-
-declare const TrendingUpIcon: IconComponent;
-
-declare const TriangleIcon: IconComponent;
-
-declare const TvIcon: IconComponent;
-
-declare const TwitterIcon: IconComponent;
-
-declare const TypeIcon: IconComponent;
-
-declare const UmbrellaIcon: IconComponent;
-
-declare const UnderlineIcon: IconComponent;
-
-declare const UnlockIcon: IconComponent;
-
-declare const UpiAutopayIcon: IconComponent;
-
-declare const UploadCloudIcon: IconComponent;
-
-declare const UploadIcon: IconComponent;
-
-declare const UserCheckIcon: IconComponent;
-
-declare const UserIcon: IconComponent;
-
-declare const UserMinusIcon: IconComponent;
-
-declare const UserPlusIcon: IconComponent;
-
-declare const UserXIcon: IconComponent;
-
-declare const UsersIcon: IconComponent;
-
-declare const VendorPaymentsIcon: IconComponent;
-
-declare const VideoIcon: IconComponent;
-
-declare const VideoOffIcon: IconComponent;
-
-declare const ViewLiveDemoIcon: IconComponent;
-
-declare const VoicemailIcon: IconComponent;
-
-declare const VolumeHighIcon: IconComponent;
-
-declare const VolumeIcon: IconComponent;
-
-declare const VolumeLowIcon: IconComponent;
-
-declare const VolumeMuteIcon: IconComponent;
-
-declare const WalletIcon: IconComponent;
-
-declare const WatchIcon: IconComponent;
-
-declare const WifiIcon: IconComponent;
-
-declare const WifiOffIcon: IconComponent;
-
-declare const WindIcon: IconComponent;
-
-declare const XCircleIcon: IconComponent;
-
-declare const XSquareIcon: IconComponent;
-
-declare const ZapIcon: IconComponent;
-
-declare const ZoomInIcon: IconComponent;
-
-declare const ZoomOutIcon: IconComponent;
-
-type AccordionVariantType = 'filled' | 'transparent';
-type AccordionProps = {
-    /**
-     * Makes the passed item index expanded by default (uncontrolled)
-     */
-    defaultExpandedIndex?: number;
-    /**
-     * Expands the passed index (controlled), `-1` implies no expanded items
-     */
-    expandedIndex?: number;
-    /**
-     * Callback for change in any item's expanded state,
-     * `-1` implies no expanded items
-     */
-    onExpandChange?: ({ expandedIndex }: {
-        expandedIndex: number;
-    }) => void;
-    /**
-     * Adds numeric index at the beginning of items
-     *
-     * @default false
-     */
-    showNumberPrefix?: boolean;
-    /**
-     * Visual variant of AccordionItem
-     *
-     * @default transparent
-     */
-    variant?: AccordionVariantType;
-    /**
-     * Size of the Accordion
-     *
-     * @default large
-     */
-    size?: 'large' | 'medium';
-    /**
-     * Accepts `AccordionItem` child nodes
-     */
-    children: React__default.ReactElement | React__default.ReactElement[];
-} & TestID & StyledPropsBlade;
-
-/**
- * # Accordion
- *
- * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.
- *
- * ## Usage
- *
- * ```jsx
- * <Accordion>
- *  <AccordionItem>
- *    <AccordionItemHeader title="Title" />
- *    <AccordionItemBody>
- *      <Text color="surface.text.gray.subtle">
- *        Hello this is accordion body content
- *        </Text>
- *     </AccordionItemBody>
- *  </AccordionItem>
- *  <AccordionItem>
- *    <AccordionItemHeader title="Title" />
- *    <AccordionItemBody>
- *      <Text color="surface.text.gray.subtle">
- *         Hello this is accordion body content
- *      </Text>
- *    </AccordionItemBody>
- *  </AccordionItem>
- * </Accordion>
- * ```
- *
- * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs
- *
- */
-declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, variant, size, testID, ...styledProps }: AccordionProps) => ReactElement;
-
 declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps & MarginProps & {
     width: SpacingValueType | {
         readonly base?: SpacingValueType | undefined;
@@ -2707,6 +1931,787 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
     id?: string | undefined;
 } & TestID> & React__default.RefAttributes<BoxRefType>>;
 
+type InteractiveText$1 = DotNotationToken<Theme['colors']['interactive']['icon']>;
+type FeedbackText$1 = DotNotationToken<Theme['colors']['feedback']['icon']>;
+type SurfaceText$1 = DotNotationToken<Theme['colors']['surface']['icon']>;
+type IconColors = `interactive.icon.${InteractiveText$1}` | `surface.icon.${SurfaceText$1}` | `feedback.icon.${FeedbackText$1}`;
+type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
+type IconProps = {
+    /**
+     * Color token (not to be confused with actual hsla value)
+     */
+    color?: IconColors | 'currentColor';
+    size?: IconSize;
+} & StyledPropsBlade;
+type IconComponent = React.ComponentType<IconProps>;
+
+declare const AcceptPaymentsIcon: IconComponent;
+
+declare const ActivityIcon: IconComponent;
+
+declare const AddressBookIcon: IconComponent;
+
+declare const AffordabilityIcon: IconComponent;
+
+declare const AirplayIcon: IconComponent;
+
+declare const AlertCircleIcon: IconComponent;
+
+declare const AlertOctagonIcon: IconComponent;
+
+declare const AlertOnlyIcon: IconComponent;
+
+declare const AlertTriangleIcon: IconComponent;
+
+declare const AlignCenterIcon: IconComponent;
+
+declare const AlignJustifyIcon: IconComponent;
+
+declare const AlignLeftIcon: IconComponent;
+
+declare const AlignRightIcon: IconComponent;
+
+declare const AnchorIcon: IconComponent;
+
+declare const AnnouncementIcon: IconComponent;
+
+declare const ApertureIcon: IconComponent;
+
+declare const AppStoreIcon: IconComponent;
+
+declare const ArrowDownIcon: IconComponent;
+
+declare const ArrowDownLeftIcon: IconComponent;
+
+declare const ArrowDownRightIcon: IconComponent;
+
+declare const ArrowLeftIcon: IconComponent;
+
+declare const ArrowRightIcon: IconComponent;
+
+declare const ArrowUpIcon: IconComponent;
+
+declare const ArrowUpLeftIcon: IconComponent;
+
+declare const ArrowUpRightIcon: IconComponent;
+
+declare const AtSignIcon: IconComponent;
+
+declare const AttachmentIcon: IconComponent;
+
+declare const AutomateAccountingIcon: IconComponent;
+
+declare const AutomatePayrollIcon: IconComponent;
+
+declare const AwardIcon: IconComponent;
+
+declare const BankAccountVerificationIcon: IconComponent;
+
+declare const BankIcon: IconComponent;
+
+declare const BarChartAltIcon: IconComponent;
+
+declare const BarChartIcon: IconComponent;
+
+declare const BarCodeIcon: IconComponent;
+
+declare const BatteryChargingIcon: IconComponent;
+
+declare const BatteryIcon: IconComponent;
+
+declare const BellIcon: IconComponent;
+
+declare const BellOffIcon: IconComponent;
+
+declare const BfsiIcon: IconComponent;
+
+declare const BillIcon: IconComponent;
+
+declare const BluetoothIcon: IconComponent;
+
+declare const BoldIcon: IconComponent;
+
+declare const BookIcon: IconComponent;
+
+declare const BookmarkIcon: IconComponent;
+
+declare const BoxIcon: IconComponent;
+
+declare const BriefcaseIcon: IconComponent;
+
+declare const BugIcon: IconComponent;
+
+declare const BuildingIcon: IconComponent;
+
+declare const BulkPayoutsIcon: IconComponent;
+
+declare const BusinessBankingIcon: IconComponent;
+
+declare const BusinessSpendManagementIcon: IconComponent;
+
+declare const CalendarIcon: IconComponent;
+
+declare const CameraIcon: IconComponent;
+
+declare const CameraOffIcon: IconComponent;
+
+declare const CashIcon: IconComponent;
+
+declare const CastIcon: IconComponent;
+
+declare const CheckCircle2Icon: IconComponent;
+
+declare const CheckCircleIcon: IconComponent;
+
+declare const CheckIcon: IconComponent;
+
+declare const CheckSquareIcon: IconComponent;
+
+declare const ChevronDownIcon: IconComponent;
+
+declare const ChevronLeftIcon: IconComponent;
+
+declare const ChevronRightIcon: IconComponent;
+
+declare const ChevronUpIcon: IconComponent;
+
+declare const ChevronsDownIcon: IconComponent;
+
+declare const ChevronsLeftIcon: IconComponent;
+
+declare const ChevronsRightIcon: IconComponent;
+
+declare const ChevronsUpIcon: IconComponent;
+
+declare const ChromeIcon: IconComponent;
+
+declare const CircleIcon: IconComponent;
+
+declare const ClipboardIcon: IconComponent;
+
+declare const ClockIcon: IconComponent;
+
+declare const CloseIcon: IconComponent;
+
+declare const ClosedCaptioningIcon: IconComponent;
+
+declare const CloudDrizzleIcon: IconComponent;
+
+declare const CloudIcon: IconComponent;
+
+declare const CloudLightningIcon: IconComponent;
+
+declare const CloudOffIcon: IconComponent;
+
+declare const CloudRainIcon: IconComponent;
+
+declare const CloudSnowIcon: IconComponent;
+
+declare const CodeSnippetIcon: IconComponent;
+
+declare const CodepenIcon: IconComponent;
+
+declare const CoinIcon: IconComponent;
+
+declare const CoinsIcon: IconComponent;
+
+declare const CommandIcon: IconComponent;
+
+declare const CompanyRegistrationIcon: IconComponent;
+
+declare const CompassIcon: IconComponent;
+
+declare const ConfettiIcon: IconComponent;
+
+declare const ContactlessPaymentIcon: IconComponent;
+
+declare const CookieIcon: IconComponent;
+
+declare const CopyIcon: IconComponent;
+
+declare const CopyrightIcon: IconComponent;
+
+declare const CornerDownLeftIcon: IconComponent;
+
+declare const CornerDownRightIcon: IconComponent;
+
+declare const CornerLeftDownIcon: IconComponent;
+
+declare const CornerLeftUpIcon: IconComponent;
+
+declare const CornerRightDownIcon: IconComponent;
+
+declare const CornerRightUpIcon: IconComponent;
+
+declare const CornerUpLeftIcon: IconComponent;
+
+declare const CornerUpRightIcon: IconComponent;
+
+declare const CpuIcon: IconComponent;
+
+declare const CreditCardIcon: IconComponent;
+
+declare const CreditsAndLoansIcon: IconComponent;
+
+declare const CropIcon: IconComponent;
+
+declare const CrosshairIcon: IconComponent;
+
+declare const CurrentAccountIcon: IconComponent;
+
+declare const CustomersIcon: IconComponent;
+
+declare const CutIcon: IconComponent;
+
+declare const DashboardIcon: IconComponent;
+
+declare const DeleteIcon: IconComponent;
+
+declare const DigitalLendingIcon: IconComponent;
+
+declare const DisbursePaymentsIcon: IconComponent;
+
+declare const DiscIcon: IconComponent;
+
+declare const DollarIcon: IconComponent;
+
+declare const DollarsIcon: IconComponent;
+
+declare const DotIcon: IconComponent;
+
+declare const DownloadCloudIcon: IconComponent;
+
+declare const DownloadIcon: IconComponent;
+
+declare const DropletIcon: IconComponent;
+
+declare const EcommerceIcon: IconComponent;
+
+declare const EditComposeIcon: IconComponent;
+
+declare const EditIcon: IconComponent;
+
+declare const EditInlineIcon: IconComponent;
+
+declare const EducationIcon: IconComponent;
+
+declare const EscrowAccountIcon: IconComponent;
+
+declare const ExportIcon: IconComponent;
+
+declare const ExternalLinkIcon: IconComponent;
+
+declare const EyeIcon: IconComponent;
+
+declare const EyeOffIcon: IconComponent;
+
+declare const FacebookIcon: IconComponent;
+
+declare const FastForwardIcon: IconComponent;
+
+declare const FeatherIcon: IconComponent;
+
+declare const FigmaIcon: IconComponent;
+
+declare const FileIcon: IconComponent;
+
+declare const FileMinusIcon: IconComponent;
+
+declare const FilePlusIcon: IconComponent;
+
+declare const FileTextIcon: IconComponent;
+
+declare const FileZipIcon: IconComponent;
+
+declare const FilmIcon: IconComponent;
+
+declare const FilterIcon: IconComponent;
+
+declare const FlagIcon: IconComponent;
+
+declare const FolderIcon: IconComponent;
+
+declare const ForexManagementIcon: IconComponent;
+
+declare const FreelanceIcon: IconComponent;
+
+declare const FullScreenEnterIcon: IconComponent;
+
+declare const FullScreenExitIcon: IconComponent;
+
+declare const GithubIcon: IconComponent;
+
+declare const GitlabIcon: IconComponent;
+
+declare const GlobeIcon: IconComponent;
+
+declare const GridIcon: IconComponent;
+
+declare const HashIcon: IconComponent;
+
+declare const HeadphoneIcon: IconComponent;
+
+declare const HeadphonesIcon: IconComponent;
+
+declare const HeadsetIcon: IconComponent;
+
+declare const HeartIcon: IconComponent;
+
+declare const HelpCircleIcon: IconComponent;
+
+declare const HistoryIcon: IconComponent;
+
+declare const HomeIcon: IconComponent;
+
+declare const ImageIcon: IconComponent;
+
+declare const InboxIcon: IconComponent;
+
+declare const InfoIcon: IconComponent;
+
+declare const InstagramIcon: IconComponent;
+
+declare const InstantSettlementIcon: IconComponent;
+
+declare const InternationalPaymentsIcon: IconComponent;
+
+declare const InvoicesIcon: IconComponent;
+
+declare const ItalicIcon: IconComponent;
+
+declare const LayersIcon: IconComponent;
+
+declare const LayoutIcon: IconComponent;
+
+declare const LifeBuoyIcon: IconComponent;
+
+declare const LinkIcon: IconComponent;
+
+declare const ListIcon: IconComponent;
+
+declare const LoaderIcon: IconComponent;
+
+declare const LoansForBusinessesIcon: IconComponent;
+
+declare const LockIcon: IconComponent;
+
+declare const LogInIcon: IconComponent;
+
+declare const LogOutIcon: IconComponent;
+
+declare const MagicCheckoutIcon: IconComponent;
+
+declare const MailIcon: IconComponent;
+
+declare const MailOpenIcon: IconComponent;
+
+declare const MapIcon: IconComponent;
+
+declare const MapPinIcon: IconComponent;
+
+declare const MaximizeIcon: IconComponent;
+
+declare const MenuDotsIcon: IconComponent;
+
+declare const MenuIcon: IconComponent;
+
+declare const MessageCircleIcon: IconComponent;
+
+declare const MessageSquareIcon: IconComponent;
+
+declare const MicIcon: IconComponent;
+
+declare const MicOffIcon: IconComponent;
+
+declare const MinimizeIcon: IconComponent;
+
+declare const MinusCircleIcon: IconComponent;
+
+declare const MinusIcon: IconComponent;
+
+declare const MinusSquareIcon: IconComponent;
+
+declare const MobileAppIcon: IconComponent;
+
+declare const MonitorIcon: IconComponent;
+
+declare const MoonIcon: IconComponent;
+
+declare const MoreHorizontalIcon: IconComponent;
+
+declare const MoreIcon: IconComponent;
+
+declare const MoreVerticalIcon: IconComponent;
+
+declare const MoveIcon: IconComponent;
+
+declare const MusicIcon: IconComponent;
+
+declare const MyAccountIcon: IconComponent;
+
+declare const NavigationIcon: IconComponent;
+
+declare const OctagonIcon: IconComponent;
+
+declare const OffersIcon: IconComponent;
+
+declare const OptimizerIcon: IconComponent;
+
+declare const PackageIcon: IconComponent;
+
+declare const PaperclipIcon: IconComponent;
+
+declare const PauseCircleIcon: IconComponent;
+
+declare const PauseIcon: IconComponent;
+
+declare const PaymentButtonIcon: IconComponent;
+
+declare const PaymentButtonsIcon: IconComponent;
+
+declare const PaymentGatewayIcon: IconComponent;
+
+declare const PaymentLinkIcon: IconComponent;
+
+declare const PaymentLinksIcon: IconComponent;
+
+declare const PaymentPagesIcon: IconComponent;
+
+declare const PayoutLinkIcon: IconComponent;
+
+declare const PayrollAddonsIcon: IconComponent;
+
+declare const PayrollForCaIcon: IconComponent;
+
+declare const PayrollForStartupOrSmeIcon: IconComponent;
+
+declare const PercentIcon: IconComponent;
+
+declare const PettyCashBudgetIcon: IconComponent;
+
+declare const PhoneCallIcon: IconComponent;
+
+declare const PhoneForwardedIcon: IconComponent;
+
+declare const PhoneIcon: IconComponent;
+
+declare const PhoneIncomingIcon: IconComponent;
+
+declare const PhoneMissedIcon: IconComponent;
+
+declare const PhoneOffIcon: IconComponent;
+
+declare const PhoneOutgoingIcon: IconComponent;
+
+declare const PictureInPictureIcon: IconComponent;
+
+declare const PieChartIcon: IconComponent;
+
+declare const PinIcon: IconComponent;
+
+declare const PlayCircleIcon: IconComponent;
+
+declare const PlayIcon: IconComponent;
+
+declare const PlusCircleIcon: IconComponent;
+
+declare const PlusIcon: IconComponent;
+
+declare const PlusSquareIcon: IconComponent;
+
+declare const PocketIcon: IconComponent;
+
+declare const PosIcon: IconComponent;
+
+declare const PowerIcon: IconComponent;
+
+declare const PrinterIcon: IconComponent;
+
+declare const QRCodeIcon: IconComponent;
+
+declare const RadioIcon: IconComponent;
+
+declare const RazorpayIcon: IconComponent;
+
+declare const RazorpayXIcon: IconComponent;
+
+declare const RazorpayxPayrollIcon: IconComponent;
+
+declare const RefreshIcon: IconComponent;
+
+declare const RepeatIcon: IconComponent;
+
+declare const ReportsIcon: IconComponent;
+
+declare const ResizerIcon: IconComponent;
+
+declare const RewindIcon: IconComponent;
+
+declare const RotateClockWiseIcon: IconComponent;
+
+declare const RotateCounterClockWiseIcon: IconComponent;
+
+declare const RouteIcon: IconComponent;
+
+declare const RoutesIcon: IconComponent;
+
+declare const RupeeIcon: IconComponent;
+
+declare const RupeesIcon: IconComponent;
+
+declare const SaasIcon: IconComponent;
+
+declare const SaveIcon: IconComponent;
+
+declare const ScissorsIcon: IconComponent;
+
+declare const SearchIcon: IconComponent;
+
+declare const SendIcon: IconComponent;
+
+declare const ServerIcon: IconComponent;
+
+declare const SettingsIcon: IconComponent;
+
+declare const SettlementsIcon: IconComponent;
+
+declare const ShareIcon: IconComponent;
+
+declare const ShieldIcon: IconComponent;
+
+declare const ShoppingBagIcon: IconComponent;
+
+declare const ShoppingCartIcon: IconComponent;
+
+declare const ShuffleIcon: IconComponent;
+
+declare const SidebarIcon: IconComponent;
+
+declare const SkipBackIcon: IconComponent;
+
+declare const SkipForwardIcon: IconComponent;
+
+declare const SlackIcon: IconComponent;
+
+declare const SlashIcon: IconComponent;
+
+declare const SlidersIcon: IconComponent;
+
+declare const SmartCollectIcon: IconComponent;
+
+declare const SmartphoneIcon: IconComponent;
+
+declare const SolutionsIcon: IconComponent;
+
+declare const SourceToPayIcon: IconComponent;
+
+declare const SparklesIcon: IconComponent;
+
+declare const SpeakerIcon: IconComponent;
+
+declare const SquareIcon: IconComponent;
+
+declare const StampIcon: IconComponent;
+
+declare const StarIcon: IconComponent;
+
+declare const StopCircleIcon: IconComponent;
+
+declare const StorefrontIcon: IconComponent;
+
+declare const SubscriptionsIcon: IconComponent;
+
+declare const SunIcon: IconComponent;
+
+declare const SunriseIcon: IconComponent;
+
+declare const SunsetIcon: IconComponent;
+
+declare const TabletIcon: IconComponent;
+
+declare const TagIcon: IconComponent;
+
+declare const TargetIcon: IconComponent;
+
+declare const TaxPaymentsIcon: IconComponent;
+
+declare const TestIcon: IconComponent;
+
+declare const ThermometerIcon: IconComponent;
+
+declare const ThumbsDownIcon: IconComponent;
+
+declare const ThumbsUpIcon: IconComponent;
+
+declare const TicketIcon: IconComponent;
+
+declare const ToggleLeftIcon: IconComponent;
+
+declare const ToggleRightIcon: IconComponent;
+
+declare const TokenHqIcon: IconComponent;
+
+declare const TrademarkIcon: IconComponent;
+
+declare const TrademarkRegisteredIcon: IconComponent;
+
+declare const TransactionsIcon: IconComponent;
+
+declare const TrashIcon: IconComponent;
+
+declare const TrendingDownIcon: IconComponent;
+
+declare const TrendingUpIcon: IconComponent;
+
+declare const TriangleIcon: IconComponent;
+
+declare const TvIcon: IconComponent;
+
+declare const TwitterIcon: IconComponent;
+
+declare const TypeIcon: IconComponent;
+
+declare const UmbrellaIcon: IconComponent;
+
+declare const UnderlineIcon: IconComponent;
+
+declare const UnlockIcon: IconComponent;
+
+declare const UpiAutopayIcon: IconComponent;
+
+declare const UploadCloudIcon: IconComponent;
+
+declare const UploadIcon: IconComponent;
+
+declare const UserCheckIcon: IconComponent;
+
+declare const UserIcon: IconComponent;
+
+declare const UserMinusIcon: IconComponent;
+
+declare const UserPlusIcon: IconComponent;
+
+declare const UserXIcon: IconComponent;
+
+declare const UsersIcon: IconComponent;
+
+declare const VendorPaymentsIcon: IconComponent;
+
+declare const VideoIcon: IconComponent;
+
+declare const VideoOffIcon: IconComponent;
+
+declare const ViewLiveDemoIcon: IconComponent;
+
+declare const VoicemailIcon: IconComponent;
+
+declare const VolumeHighIcon: IconComponent;
+
+declare const VolumeIcon: IconComponent;
+
+declare const VolumeLowIcon: IconComponent;
+
+declare const VolumeMuteIcon: IconComponent;
+
+declare const WalletIcon: IconComponent;
+
+declare const WatchIcon: IconComponent;
+
+declare const WifiIcon: IconComponent;
+
+declare const WifiOffIcon: IconComponent;
+
+declare const WindIcon: IconComponent;
+
+declare const XCircleIcon: IconComponent;
+
+declare const XSquareIcon: IconComponent;
+
+declare const ZapIcon: IconComponent;
+
+declare const ZoomInIcon: IconComponent;
+
+declare const ZoomOutIcon: IconComponent;
+
+type AccordionVariantType = 'filled' | 'transparent';
+type AccordionProps = {
+    /**
+     * Makes the passed item index expanded by default (uncontrolled)
+     */
+    defaultExpandedIndex?: number;
+    /**
+     * Expands the passed index (controlled), `-1` implies no expanded items
+     */
+    expandedIndex?: number;
+    /**
+     * Callback for change in any item's expanded state,
+     * `-1` implies no expanded items
+     */
+    onExpandChange?: ({ expandedIndex }: {
+        expandedIndex: number;
+    }) => void;
+    /**
+     * Adds numeric index at the beginning of items
+     *
+     * @default false
+     */
+    showNumberPrefix?: boolean;
+    /**
+     * Visual variant of AccordionItem
+     *
+     * @default transparent
+     */
+    variant?: AccordionVariantType;
+    /**
+     * Size of the Accordion
+     *
+     * @default large
+     */
+    size?: 'large' | 'medium';
+    /**
+     * maxWidth prop of Accordion
+     *
+     */
+    maxWidth?: BoxProps['maxWidth'];
+    /**
+     * Accepts `AccordionItem` child nodes
+     */
+    children: React__default.ReactElement | React__default.ReactElement[];
+} & TestID & StyledPropsBlade;
+
+/**
+ * # Accordion
+ *
+ * An accordion is used to allow users to toggle between different content sections in a compact vertical stack.
+ *
+ * ## Usage
+ *
+ * ```jsx
+ * <Accordion>
+ *  <AccordionItem>
+ *    <AccordionItemHeader title="Title" />
+ *    <AccordionItemBody>
+ *      <Text color="surface.text.gray.subtle">
+ *        Hello this is accordion body content
+ *        </Text>
+ *     </AccordionItemBody>
+ *  </AccordionItem>
+ *  <AccordionItem>
+ *    <AccordionItemHeader title="Title" />
+ *    <AccordionItemBody>
+ *      <Text color="surface.text.gray.subtle">
+ *         Hello this is accordion body content
+ *      </Text>
+ *    </AccordionItemBody>
+ *  </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * Checkout https://blade.razorpay.com/?path=/docs/components-accordion--docs
+ *
+ */
+declare const Accordion: ({ defaultExpandedIndex, expandedIndex, onExpandChange, showNumberPrefix, children, variant, size, maxWidth, testID, ...styledProps }: AccordionProps) => ReactElement;
+
 type BaseHeaderProps = {
     title?: string;
     subtitle?: string;
@@ -7760,7 +7765,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
 } | {
     label: string;
     accessibilityLabel?: string | undefined;
-}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "placeholder" | "onClick" | "autoFocus" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+}) & Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -7819,7 +7824,7 @@ declare const SelectInput: React__default.ForwardRefExoticComponent<(({
  *
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-autocomplete--with-single-select AutoComplete Documentation}.
  */
-declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "placeholder" | "onClick" | "autoFocus" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
+declare const AutoComplete: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "name" | "label" | "testID" | "prefix" | "size" | "onBlur" | "onFocus" | "autoFocus" | "placeholder" | "onClick" | "isDisabled" | "accessibilityLabel" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
     icon?: IconComponent | undefined;
     value?: string | string[] | undefined;
     defaultValue?: string | string[] | undefined;
@@ -8682,10 +8687,10 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
     size?: "medium" | "large" | undefined;
     onBlur?: FormInputOnEvent | undefined;
     onFocus?: FormInputOnEvent | undefined;
-    placeholder?: string | undefined;
-    onClick?: FormInputOnEvent | undefined;
     defaultValue?: string | undefined;
     autoFocus?: boolean | undefined;
+    placeholder?: string | undefined;
+    onClick?: FormInputOnEvent | undefined;
     isDisabled?: boolean | undefined;
     accessibilityLabel?: string | undefined;
     labelPosition?: "left" | "top" | undefined;