@razorpay/blade 11.17.1 → 11.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/build/lib/native/components/ActionList/ActionListItem.js +2 -1
  2. package/build/lib/native/components/ActionList/ActionListItem.js.map +1 -1
  3. package/build/lib/native/components/Avatar/Avatar.native.js +7 -0
  4. package/build/lib/native/components/Avatar/Avatar.native.js.map +1 -0
  5. package/build/lib/native/components/Avatar/AvatarGroup.native.js +7 -0
  6. package/build/lib/native/components/Avatar/AvatarGroup.native.js.map +1 -0
  7. package/build/lib/native/components/Button/BaseButton/BaseButton.js +1 -1
  8. package/build/lib/native/components/Button/BaseButton/BaseButton.js.map +1 -1
  9. package/build/lib/native/components/Dropdown/Dropdown.js +1 -1
  10. package/build/lib/native/components/Dropdown/Dropdown.js.map +1 -1
  11. package/build/lib/native/components/Dropdown/DropdownHeaderFooter.js +1 -1
  12. package/build/lib/native/components/Dropdown/DropdownHeaderFooter.js.map +1 -1
  13. package/build/lib/native/components/Dropdown/dropdownComponentIds.js +1 -1
  14. package/build/lib/native/components/Dropdown/dropdownComponentIds.js.map +1 -1
  15. package/build/lib/native/components/Dropdown/dropdownUtils.js +1 -1
  16. package/build/lib/native/components/Dropdown/dropdownUtils.js.map +1 -1
  17. package/build/lib/native/components/Dropdown/useDropdown.js.map +1 -1
  18. package/build/lib/native/components/Input/BaseInput/BaseInputVisuals.js +1 -1
  19. package/build/lib/native/components/Input/BaseInput/BaseInputVisuals.js.map +1 -1
  20. package/build/lib/native/components/Input/SearchInput/SearchInput.js +34 -0
  21. package/build/lib/native/components/Input/SearchInput/SearchInput.js.map +1 -0
  22. package/build/lib/native/components/ProgressBar/ProgressBar.js +1 -1
  23. package/build/lib/native/components/ProgressBar/ProgressBar.js.map +1 -1
  24. package/build/lib/native/components/index.js +3 -0
  25. package/build/lib/native/components/index.js.map +1 -1
  26. package/build/lib/native/tokens/global/size.js +1 -1
  27. package/build/lib/native/tokens/global/size.js.map +1 -1
  28. package/build/lib/native/tokens/theme/bladeTheme.js +1 -1
  29. package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
  30. package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
  31. package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
  32. package/build/lib/web/development/components/ActionList/ActionListItem.js +3 -1
  33. package/build/lib/web/development/components/ActionList/ActionListItem.js.map +1 -1
  34. package/build/lib/web/development/components/Avatar/Avatar.web.js +125 -0
  35. package/build/lib/web/development/components/Avatar/Avatar.web.js.map +1 -0
  36. package/build/lib/web/development/components/Avatar/AvatarButton.js +86 -0
  37. package/build/lib/web/development/components/Avatar/AvatarButton.js.map +1 -0
  38. package/build/lib/web/development/components/Avatar/AvatarGroup.web.js +114 -0
  39. package/build/lib/web/development/components/Avatar/AvatarGroup.web.js.map +1 -0
  40. package/build/lib/web/development/components/Avatar/AvatarGroupContext.js +11 -0
  41. package/build/lib/web/development/components/Avatar/AvatarGroupContext.js.map +1 -0
  42. package/build/lib/web/development/components/Avatar/StyledAvatar.js +30 -0
  43. package/build/lib/web/development/components/Avatar/StyledAvatar.js.map +1 -0
  44. package/build/lib/web/development/components/Avatar/StyledAvatarButton.js +48 -0
  45. package/build/lib/web/development/components/Avatar/StyledAvatarButton.js.map +1 -0
  46. package/build/lib/web/development/components/Avatar/StyledAvatarGroup.js +24 -0
  47. package/build/lib/web/development/components/Avatar/StyledAvatarGroup.js.map +1 -0
  48. package/build/lib/web/development/components/Avatar/avatarTokens.js +49 -0
  49. package/build/lib/web/development/components/Avatar/avatarTokens.js.map +1 -0
  50. package/build/lib/web/development/components/Avatar/index.js +3 -0
  51. package/build/lib/web/development/components/Avatar/index.js.map +1 -0
  52. package/build/lib/web/development/components/Button/BaseButton/BaseButton.js +1 -1
  53. package/build/lib/web/development/components/Button/BaseButton/BaseButton.js.map +1 -1
  54. package/build/lib/web/development/components/Dropdown/Dropdown.js +4 -1
  55. package/build/lib/web/development/components/Dropdown/Dropdown.js.map +1 -1
  56. package/build/lib/web/development/components/Dropdown/DropdownHeaderFooter.js +2 -16
  57. package/build/lib/web/development/components/Dropdown/DropdownHeaderFooter.js.map +1 -1
  58. package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js +1 -1
  59. package/build/lib/web/development/components/Dropdown/DropdownOverlay.web.js.map +1 -1
  60. package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js +2 -1
  61. package/build/lib/web/development/components/Dropdown/dropdownComponentIds.js.map +1 -1
  62. package/build/lib/web/development/components/Dropdown/dropdownUtils.js +1 -1
  63. package/build/lib/web/development/components/Dropdown/dropdownUtils.js.map +1 -1
  64. package/build/lib/web/development/components/Dropdown/useDropdown.js.map +1 -1
  65. package/build/lib/web/development/components/Input/BaseInput/BaseInputVisuals.js +1 -1
  66. package/build/lib/web/development/components/Input/BaseInput/BaseInputVisuals.js.map +1 -1
  67. package/build/lib/web/development/components/Input/SearchInput/SearchInput.js +180 -0
  68. package/build/lib/web/development/components/Input/SearchInput/SearchInput.js.map +1 -0
  69. package/build/lib/web/development/components/Input/SearchInput/index.js +2 -0
  70. package/build/lib/web/development/components/Input/SearchInput/index.js.map +1 -0
  71. package/build/lib/web/development/components/ProgressBar/CircularProgressBar.web.js +5 -3
  72. package/build/lib/web/development/components/ProgressBar/CircularProgressBar.web.js.map +1 -1
  73. package/build/lib/web/development/components/ProgressBar/ProgressBar.js +1 -1
  74. package/build/lib/web/development/components/ProgressBar/ProgressBar.js.map +1 -1
  75. package/build/lib/web/development/components/index.js +5 -0
  76. package/build/lib/web/development/components/index.js.map +1 -1
  77. package/build/lib/web/development/tokens/global/size.js +2 -0
  78. package/build/lib/web/development/tokens/global/size.js.map +1 -1
  79. package/build/lib/web/development/tokens/theme/bladeTheme.js +6 -6
  80. package/build/lib/web/development/tokens/theme/bladeTheme.js.map +1 -1
  81. package/build/lib/web/development/utils/metaAttribute/metaConstants.js +3 -0
  82. package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
  83. package/build/lib/web/production/components/ActionList/ActionListItem.js +3 -1
  84. package/build/lib/web/production/components/ActionList/ActionListItem.js.map +1 -1
  85. package/build/lib/web/production/components/Avatar/Avatar.web.js +125 -0
  86. package/build/lib/web/production/components/Avatar/Avatar.web.js.map +1 -0
  87. package/build/lib/web/production/components/Avatar/AvatarButton.js +86 -0
  88. package/build/lib/web/production/components/Avatar/AvatarButton.js.map +1 -0
  89. package/build/lib/web/production/components/Avatar/AvatarGroup.web.js +114 -0
  90. package/build/lib/web/production/components/Avatar/AvatarGroup.web.js.map +1 -0
  91. package/build/lib/web/production/components/Avatar/AvatarGroupContext.js +11 -0
  92. package/build/lib/web/production/components/Avatar/AvatarGroupContext.js.map +1 -0
  93. package/build/lib/web/production/components/Avatar/StyledAvatar.js +30 -0
  94. package/build/lib/web/production/components/Avatar/StyledAvatar.js.map +1 -0
  95. package/build/lib/web/production/components/Avatar/StyledAvatarButton.js +48 -0
  96. package/build/lib/web/production/components/Avatar/StyledAvatarButton.js.map +1 -0
  97. package/build/lib/web/production/components/Avatar/StyledAvatarGroup.js +24 -0
  98. package/build/lib/web/production/components/Avatar/StyledAvatarGroup.js.map +1 -0
  99. package/build/lib/web/production/components/Avatar/avatarTokens.js +49 -0
  100. package/build/lib/web/production/components/Avatar/avatarTokens.js.map +1 -0
  101. package/build/lib/web/production/components/Avatar/index.js +3 -0
  102. package/build/lib/web/production/components/Avatar/index.js.map +1 -0
  103. package/build/lib/web/production/components/Button/BaseButton/BaseButton.js +1 -1
  104. package/build/lib/web/production/components/Button/BaseButton/BaseButton.js.map +1 -1
  105. package/build/lib/web/production/components/Dropdown/Dropdown.js +4 -1
  106. package/build/lib/web/production/components/Dropdown/Dropdown.js.map +1 -1
  107. package/build/lib/web/production/components/Dropdown/DropdownHeaderFooter.js +2 -16
  108. package/build/lib/web/production/components/Dropdown/DropdownHeaderFooter.js.map +1 -1
  109. package/build/lib/web/production/components/Dropdown/DropdownOverlay.web.js +1 -1
  110. package/build/lib/web/production/components/Dropdown/DropdownOverlay.web.js.map +1 -1
  111. package/build/lib/web/production/components/Dropdown/dropdownComponentIds.js +2 -1
  112. package/build/lib/web/production/components/Dropdown/dropdownComponentIds.js.map +1 -1
  113. package/build/lib/web/production/components/Dropdown/dropdownUtils.js +1 -1
  114. package/build/lib/web/production/components/Dropdown/dropdownUtils.js.map +1 -1
  115. package/build/lib/web/production/components/Dropdown/useDropdown.js.map +1 -1
  116. package/build/lib/web/production/components/Input/BaseInput/BaseInputVisuals.js +1 -1
  117. package/build/lib/web/production/components/Input/BaseInput/BaseInputVisuals.js.map +1 -1
  118. package/build/lib/web/production/components/Input/SearchInput/SearchInput.js +180 -0
  119. package/build/lib/web/production/components/Input/SearchInput/SearchInput.js.map +1 -0
  120. package/build/lib/web/production/components/Input/SearchInput/index.js +2 -0
  121. package/build/lib/web/production/components/Input/SearchInput/index.js.map +1 -0
  122. package/build/lib/web/production/components/ProgressBar/CircularProgressBar.web.js +5 -3
  123. package/build/lib/web/production/components/ProgressBar/CircularProgressBar.web.js.map +1 -1
  124. package/build/lib/web/production/components/ProgressBar/ProgressBar.js +1 -1
  125. package/build/lib/web/production/components/ProgressBar/ProgressBar.js.map +1 -1
  126. package/build/lib/web/production/components/index.js +5 -0
  127. package/build/lib/web/production/components/index.js.map +1 -1
  128. package/build/lib/web/production/tokens/global/size.js +2 -0
  129. package/build/lib/web/production/tokens/global/size.js.map +1 -1
  130. package/build/lib/web/production/tokens/theme/bladeTheme.js +6 -6
  131. package/build/lib/web/production/tokens/theme/bladeTheme.js.map +1 -1
  132. package/build/lib/web/production/utils/metaAttribute/metaConstants.js +3 -0
  133. package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
  134. package/build/types/components/index.d.ts +328 -147
  135. package/build/types/components/index.native.d.ts +282 -147
  136. package/build/types/tokens/index.d.ts +2 -0
  137. package/build/types/tokens/index.native.d.ts +2 -0
  138. package/package.json +1 -1
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
- import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, KeyboardEvent } from 'react';
4
- import { View, ViewStyle, AccessibilityRole, GestureResponderEvent } from 'react-native';
3
+ import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, KeyboardEvent } from 'react';
4
+ import { View, ViewStyle, TouchableOpacity, AccessibilityRole, GestureResponderEvent } from 'react-native';
5
5
  import * as styled_components from 'styled-components';
6
6
  import { CSSObject } from 'styled-components';
7
7
  import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
@@ -2884,6 +2884,10 @@ type ActionListItemProps = {
2884
2884
  onClick?: (clickProps: {
2885
2885
  name: string;
2886
2886
  value?: boolean;
2887
+ event: Platform.Select<{
2888
+ web: React__default.MouseEvent;
2889
+ native: React__default.TouchEvent<TouchableOpacity>;
2890
+ }>;
2887
2891
  }) => void;
2888
2892
  /**
2889
2893
  * value that you get from `onChange` event on SelectInput or in form submissions.
@@ -3380,6 +3384,288 @@ type AmountCommonProps = {
3380
3384
  type AmountProps = AmountTypeProps & AmountCommonProps;
3381
3385
  declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
3382
3386
 
3387
+ type BaseLinkCommonProps = {
3388
+ color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
3389
+ icon?: IconComponent;
3390
+ iconPosition?: 'left' | 'right';
3391
+ onClick?: (event: SyntheticEvent) => void;
3392
+ onBlur?: Platform.Select<{
3393
+ native: (event: GestureResponderEvent) => void;
3394
+ web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
3395
+ }>;
3396
+ onMouseLeave?: Platform.Select<{
3397
+ native: (event: GestureResponderEvent) => void;
3398
+ web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3399
+ }>;
3400
+ onKeyDown?: Platform.Select<{
3401
+ native: (event: GestureResponderEvent) => void;
3402
+ web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
3403
+ }>;
3404
+ accessibilityProps?: Partial<AccessibilityProps>;
3405
+ /**
3406
+ * Sets the size of the link
3407
+ *
3408
+ * @default medium
3409
+ */
3410
+ size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
3411
+ /**
3412
+ * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
3413
+ */
3414
+ hitSlop?: {
3415
+ top?: number;
3416
+ right?: number;
3417
+ bottom?: number;
3418
+ left?: number;
3419
+ } | number;
3420
+ /**
3421
+ * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
3422
+ */
3423
+ htmlTitle?: string;
3424
+ opacity?: number;
3425
+ } & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
3426
+ type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
3427
+ icon?: undefined;
3428
+ children: StringChildrenType;
3429
+ };
3430
+ type BaseLinkWithIconProps = BaseLinkCommonProps & {
3431
+ icon: IconComponent;
3432
+ children?: StringChildrenType;
3433
+ };
3434
+ type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
3435
+ type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
3436
+ variant?: 'anchor';
3437
+ href?: string;
3438
+ target?: string;
3439
+ rel?: string;
3440
+ isDisabled?: undefined;
3441
+ };
3442
+ type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
3443
+ variant?: 'button';
3444
+ isDisabled?: boolean;
3445
+ href?: undefined;
3446
+ target?: undefined;
3447
+ rel?: undefined;
3448
+ };
3449
+ type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
3450
+
3451
+ type BaseButtonCommonProps = {
3452
+ href?: BaseLinkProps['href'];
3453
+ target?: BaseLinkProps['target'];
3454
+ rel?: BaseLinkProps['rel'];
3455
+ size?: 'xsmall' | 'small' | 'medium' | 'large';
3456
+ iconPosition?: 'left' | 'right';
3457
+ isDisabled?: boolean;
3458
+ isFullWidth?: boolean;
3459
+ onKeyDown?: Platform.Select<{
3460
+ native: (event: GestureResponderEvent) => void;
3461
+ web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
3462
+ }>;
3463
+ onClick?: Platform.Select<{
3464
+ native: (event: GestureResponderEvent) => void;
3465
+ web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3466
+ }>;
3467
+ type?: 'button' | 'reset' | 'submit';
3468
+ isLoading?: boolean;
3469
+ accessibilityProps?: Partial<AccessibilityProps>;
3470
+ variant?: 'primary' | 'secondary' | 'tertiary';
3471
+ color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
3472
+ } & TestID & StyledPropsBlade & BladeCommonEvents;
3473
+ type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
3474
+ icon?: undefined;
3475
+ children: StringChildrenType;
3476
+ };
3477
+ type BaseButtonWithIconProps = BaseButtonCommonProps & {
3478
+ icon: IconComponent;
3479
+ children?: StringChildrenType;
3480
+ };
3481
+ type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;
3482
+
3483
+ type ButtonCommonProps = {
3484
+ /**
3485
+ * Automatically renders button with `a` tag with `href` on web
3486
+ */
3487
+ href?: BaseButtonProps['href'];
3488
+ /**
3489
+ * anchor target attribute
3490
+ *
3491
+ * Should only be used alongside `href`
3492
+ */
3493
+ target?: BaseButtonProps['target'];
3494
+ /**
3495
+ * anchor rel attribute
3496
+ *
3497
+ * Should only be used alongside `href`
3498
+ */
3499
+ rel?: BaseButtonProps['rel'];
3500
+ variant?: 'primary' | 'secondary' | 'tertiary';
3501
+ color?: 'primary' | 'white' | 'positive' | 'negative';
3502
+ size?: 'xsmall' | 'small' | 'medium' | 'large';
3503
+ iconPosition?: 'left' | 'right';
3504
+ isDisabled?: boolean;
3505
+ isFullWidth?: boolean;
3506
+ isLoading?: boolean;
3507
+ accessibilityLabel?: string;
3508
+ type?: 'button' | 'reset' | 'submit';
3509
+ /**
3510
+ * It is exposed for internal usage with tooltip.
3511
+ *
3512
+ * @private
3513
+ */
3514
+ 'aria-describedby'?: string;
3515
+ onClick?: Platform.Select<{
3516
+ native: (event: GestureResponderEvent) => void;
3517
+ web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3518
+ }>;
3519
+ } & TestID & StyledPropsBlade & BladeCommonEvents;
3520
+ type ButtonWithoutIconProps = ButtonCommonProps & {
3521
+ icon?: undefined;
3522
+ children: StringChildrenType;
3523
+ };
3524
+ type ButtonWithIconProps = ButtonCommonProps & {
3525
+ icon: IconComponent;
3526
+ children?: StringChildrenType;
3527
+ };
3528
+ type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
3529
+ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<BladeElementRef>>;
3530
+
3531
+ type AvatarSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3532
+ type AvatarImgProps = {
3533
+ /**
3534
+ * Custom image source
3535
+ */
3536
+ src?: string;
3537
+ /**
3538
+ * The `alt` attribute for the `img` element
3539
+ */
3540
+ alt?: string;
3541
+ /**
3542
+ * The `srcSet` attribute for the `img` element, useful for responsive images.
3543
+ */
3544
+ srcSet?: string;
3545
+ /**
3546
+ * CORS settings attributes
3547
+ */
3548
+ crossOrigin?: ImgHTMLAttributes<''>['crossOrigin'];
3549
+ /**
3550
+ * Defines which referrer is sent when fetching the resource.
3551
+ */
3552
+ referrerPolicy?: HTMLAttributeReferrerPolicy;
3553
+ };
3554
+ type AvatarGroupProps = {
3555
+ /**
3556
+ * Children elements representing the avatars to stack.
3557
+ */
3558
+ children: React__default.ReactNode;
3559
+ /**
3560
+ * The size of each avatar within the group. Propagates to all avatars.
3561
+ * @default "medium"
3562
+ */
3563
+ size?: AvatarSize;
3564
+ /**
3565
+ * The maximum number of avatars to display before truncating.
3566
+ */
3567
+ maxCount?: number;
3568
+ testID?: string;
3569
+ };
3570
+ type AvatarCommonProps = {
3571
+ /**
3572
+ * The size of the avatar.
3573
+ * @default "medium"
3574
+ */
3575
+ size?: AvatarSize;
3576
+ /**
3577
+ * The visual variant of the avatar.
3578
+ * @default "circle"
3579
+ */
3580
+ variant?: 'circle' | 'square';
3581
+ /**
3582
+ * The color theme of the avatar.
3583
+ * @default "neutral"
3584
+ */
3585
+ color?: 'primary' | FeedbackColors;
3586
+ /**
3587
+ * Custom icon component to use as the avatar.
3588
+ */
3589
+ icon?: IconComponent;
3590
+ /**
3591
+ * The name of the avatar, used to generate initials.
3592
+ * If src has loaded, the name will be used as the alt attribute of the img. If src is not loaded, the name will be used to create the initials.
3593
+ */
3594
+ name?: string;
3595
+ /**
3596
+ * Automatically renders button with `a` tag with `href` on web
3597
+ */
3598
+ href?: ButtonProps['href'];
3599
+ /**
3600
+ * anchor target attribute
3601
+ *
3602
+ * Should only be used alongside `href`
3603
+ */
3604
+ target?: ButtonProps['target'];
3605
+ /**
3606
+ * anchor rel attribute
3607
+ *
3608
+ * Should only be used alongside `href`
3609
+ */
3610
+ rel?: ButtonProps['rel'];
3611
+ /**
3612
+ * Click handler for the avatar.
3613
+ */
3614
+ onClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3615
+ testID?: string;
3616
+ };
3617
+ type AvatarProps = AvatarCommonProps & AvatarImgProps;
3618
+
3619
+ /**
3620
+ * ### Avatar Component
3621
+ *
3622
+ * An avatar component is a standardized visual representation of a user or entity.
3623
+ *
3624
+ * ---
3625
+ *
3626
+ * #### Usage
3627
+ *
3628
+ * ```jsx
3629
+ <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
3630
+ * ```
3631
+ *
3632
+ * ---
3633
+ *
3634
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatar Avatar Documentation}
3635
+ *
3636
+ */
3637
+ declare const Avatar: ({ name, color, size, variant, icon, href, target, rel, src, alt, srcSet, crossOrigin, referrerPolicy, testID, ...styledProps }: AvatarProps) => ReactElement;
3638
+
3639
+ /**
3640
+ * ### AvatarGroup Component
3641
+ *
3642
+ * The AvatarGroup component is used to group Avatars together.
3643
+ *
3644
+ * ---
3645
+ *
3646
+ * #### Usage
3647
+ *
3648
+ * ```jsx
3649
+ const App = () => {
3650
+ return (
3651
+ <AvatarGroup>
3652
+ <Avatar name="Kamlesh Chandnani" />
3653
+ <Avatar name="Rama Krushna Behera" />
3654
+ <Avatar name="Chaitanya Vikas Deorukhkar" />
3655
+ <Avatar name="Anurag Hazra" />
3656
+ <Avatar name="Nitin Kumar" />
3657
+ </AvatarGroup>
3658
+ );
3659
+ }
3660
+ * ```
3661
+ *
3662
+ * ---
3663
+ *
3664
+ * Checkout {@link https://blade.razorpay.com/?path=/docs/components-avatar-avatargroup AvatarGroup Documentation}
3665
+ *
3666
+ */
3667
+ declare const AvatarGroup: ({ children, size, maxCount, testID, ...styledProps }: AvatarGroupProps) => React__default.ReactElement;
3668
+
3383
3669
  type SnapPoints = [number, number, number];
3384
3670
 
3385
3671
  type BaseFooterProps = {
@@ -3457,70 +3743,6 @@ declare const BottomSheetBody: ({ children, padding, }: BottomSheetBodyProps) =>
3457
3743
 
3458
3744
  declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, }: BottomSheetProps) => React__default.ReactElement;
3459
3745
 
3460
- type BaseLinkCommonProps = {
3461
- color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
3462
- icon?: IconComponent;
3463
- iconPosition?: 'left' | 'right';
3464
- onClick?: (event: SyntheticEvent) => void;
3465
- onBlur?: Platform.Select<{
3466
- native: (event: GestureResponderEvent) => void;
3467
- web: (event: React__default.FocusEvent<HTMLButtonElement>) => void;
3468
- }>;
3469
- onMouseLeave?: Platform.Select<{
3470
- native: (event: GestureResponderEvent) => void;
3471
- web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3472
- }>;
3473
- onKeyDown?: Platform.Select<{
3474
- native: (event: GestureResponderEvent) => void;
3475
- web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
3476
- }>;
3477
- accessibilityProps?: Partial<AccessibilityProps>;
3478
- /**
3479
- * Sets the size of the link
3480
- *
3481
- * @default medium
3482
- */
3483
- size?: Extract<BaseTextSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
3484
- /**
3485
- * Defines how far your touch can start away from the link. This is a react-native only prop and has no effect on web.
3486
- */
3487
- hitSlop?: {
3488
- top?: number;
3489
- right?: number;
3490
- bottom?: number;
3491
- left?: number;
3492
- } | number;
3493
- /**
3494
- * The title of the link which is displayed as a tooltip. This is a web only prop and has no effect on react-native.
3495
- */
3496
- htmlTitle?: string;
3497
- opacity?: number;
3498
- } & TestID & StyledPropsBlade & Omit<BladeCommonEvents, 'onBlur' | 'onMouseLeave'>;
3499
- type BaseLinkWithoutIconProps = BaseLinkCommonProps & {
3500
- icon?: undefined;
3501
- children: StringChildrenType;
3502
- };
3503
- type BaseLinkWithIconProps = BaseLinkCommonProps & {
3504
- icon: IconComponent;
3505
- children?: StringChildrenType;
3506
- };
3507
- type BaseLinkPropsWithOrWithoutIcon = BaseLinkWithIconProps | BaseLinkWithoutIconProps;
3508
- type BaseLinkAnchorVariantProps = BaseLinkPropsWithOrWithoutIcon & {
3509
- variant?: 'anchor';
3510
- href?: string;
3511
- target?: string;
3512
- rel?: string;
3513
- isDisabled?: undefined;
3514
- };
3515
- type BaseLinkButtonVariantProps = BaseLinkPropsWithOrWithoutIcon & {
3516
- variant?: 'button';
3517
- isDisabled?: boolean;
3518
- href?: undefined;
3519
- target?: undefined;
3520
- rel?: undefined;
3521
- };
3522
- type BaseLinkProps = BaseLinkAnchorVariantProps | BaseLinkButtonVariantProps;
3523
-
3524
3746
  type LinkCommonProps = {
3525
3747
  variant?: 'anchor' | 'button';
3526
3748
  icon?: IconComponent;
@@ -3658,86 +3880,6 @@ declare const Breadcrumb: ({ size, color, showLastSeparator, accessibilityLabel,
3658
3880
 
3659
3881
  declare const BreadcrumbItem: ({ children, href, icon: Icon, isCurrentPage, onClick, accessibilityLabel, }: BreadcrumbItemProps) => React__default.ReactElement;
3660
3882
 
3661
- type BaseButtonCommonProps = {
3662
- href?: BaseLinkProps['href'];
3663
- target?: BaseLinkProps['target'];
3664
- rel?: BaseLinkProps['rel'];
3665
- size?: 'xsmall' | 'small' | 'medium' | 'large';
3666
- iconPosition?: 'left' | 'right';
3667
- isDisabled?: boolean;
3668
- isFullWidth?: boolean;
3669
- onKeyDown?: Platform.Select<{
3670
- native: (event: GestureResponderEvent) => void;
3671
- web: (event: React__default.KeyboardEvent<HTMLButtonElement>) => void;
3672
- }>;
3673
- onClick?: Platform.Select<{
3674
- native: (event: GestureResponderEvent) => void;
3675
- web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3676
- }>;
3677
- type?: 'button' | 'reset' | 'submit';
3678
- isLoading?: boolean;
3679
- accessibilityProps?: Partial<AccessibilityProps>;
3680
- variant?: 'primary' | 'secondary' | 'tertiary';
3681
- color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
3682
- } & TestID & StyledPropsBlade & BladeCommonEvents;
3683
- type BaseButtonWithoutIconProps = BaseButtonCommonProps & {
3684
- icon?: undefined;
3685
- children: StringChildrenType;
3686
- };
3687
- type BaseButtonWithIconProps = BaseButtonCommonProps & {
3688
- icon: IconComponent;
3689
- children?: StringChildrenType;
3690
- };
3691
- type BaseButtonProps = BaseButtonWithIconProps | BaseButtonWithoutIconProps;
3692
-
3693
- type ButtonCommonProps = {
3694
- /**
3695
- * Automatically renders button with `a` tag with `href` on web
3696
- */
3697
- href?: BaseButtonProps['href'];
3698
- /**
3699
- * anchor target attribute
3700
- *
3701
- * Should only be used alongside `href`
3702
- */
3703
- target?: BaseButtonProps['target'];
3704
- /**
3705
- * anchor rel attribute
3706
- *
3707
- * Should only be used alongside `href`
3708
- */
3709
- rel?: BaseButtonProps['rel'];
3710
- variant?: 'primary' | 'secondary' | 'tertiary';
3711
- color?: 'primary' | 'white' | 'positive' | 'negative';
3712
- size?: 'xsmall' | 'small' | 'medium' | 'large';
3713
- iconPosition?: 'left' | 'right';
3714
- isDisabled?: boolean;
3715
- isFullWidth?: boolean;
3716
- isLoading?: boolean;
3717
- accessibilityLabel?: string;
3718
- type?: 'button' | 'reset' | 'submit';
3719
- /**
3720
- * It is exposed for internal usage with tooltip.
3721
- *
3722
- * @private
3723
- */
3724
- 'aria-describedby'?: string;
3725
- onClick?: Platform.Select<{
3726
- native: (event: GestureResponderEvent) => void;
3727
- web: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
3728
- }>;
3729
- } & TestID & StyledPropsBlade & BladeCommonEvents;
3730
- type ButtonWithoutIconProps = ButtonCommonProps & {
3731
- icon?: undefined;
3732
- children: StringChildrenType;
3733
- };
3734
- type ButtonWithIconProps = ButtonCommonProps & {
3735
- icon: IconComponent;
3736
- children?: StringChildrenType;
3737
- };
3738
- type ButtonProps = ButtonWithoutIconProps | ButtonWithIconProps;
3739
- declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<BladeElementRef>>;
3740
-
3741
3883
  type IconButtonProps = {
3742
3884
  /**
3743
3885
  * Icon component to be rendered, eg. `CloseIcon`
@@ -7163,6 +7305,45 @@ type TextInputPropsWithLabel = {
7163
7305
  type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
7164
7306
  declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
7165
7307
 
7308
+ type SearchInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'helpText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'autoFocus' | 'onSubmit' | 'autoCapitalize' | 'testID' | 'onClick' | 'size'> & {
7309
+ /**
7310
+ * Event handler to handle the onClick event for clear button.
7311
+ */
7312
+ onClearButtonClick?: () => void;
7313
+ /**
7314
+ * Decides whether to show a loading spinner for the input field.
7315
+ */
7316
+ isLoading?: boolean;
7317
+ /**
7318
+ * Toggle the visibility of the search icon.
7319
+ *
7320
+ * @default true
7321
+ */
7322
+ showSearchIcon?: boolean;
7323
+ } & StyledPropsBlade;
7324
+ type SearchInputPropsWithA11yLabel = {
7325
+ /**
7326
+ * Label to be shown for the input field
7327
+ */
7328
+ label?: undefined;
7329
+ /**
7330
+ * Accessibility label for the input
7331
+ */
7332
+ accessibilityLabel: string;
7333
+ };
7334
+ type SearchInputPropsWithLabel = {
7335
+ /**
7336
+ * Label to be shown for the input field
7337
+ */
7338
+ label: string;
7339
+ /**
7340
+ * Accessibility label for the input
7341
+ */
7342
+ accessibilityLabel?: string;
7343
+ };
7344
+ type SearchInputProps = (SearchInputPropsWithA11yLabel | SearchInputPropsWithLabel) & SearchInputCommonProps;
7345
+ declare const SearchInput: React__default.ForwardRefExoticComponent<SearchInputProps & React__default.RefAttributes<BladeElementRef>>;
7346
+
7166
7347
  /**
7167
7348
  * PhoneNumberInput is a component that allows users to input phone numbers.
7168
7349
  * It provides a country selector dropdown to select the country code.
@@ -11746,4 +11927,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
11746
11927
  */
11747
11928
  declare const screenReaderStyles: CSSObject;
11748
11929
 
11749
- export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
11930
+ export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActivityIcon, AddressBookIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiIcon, BillIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementIcon, Button, ButtonGroup, ButtonGroupProps, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderAmount, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, Carousel, CarouselItem, CarouselProps, CashIcon, CastIcon, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, ForexManagementIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, Identifier, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InstantSettlementIcon, InternationalPaymentsIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsIcon, PayrollForCaIcon, PayrollForStartupOrSmeIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SolutionsIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabPanel, TabPanelProps, Table, TableBackgroundColors, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationCommonProps, TablePaginationProps, TablePaginationType, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WalletIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };