@razorpay/blade 11.28.1 → 11.29.0

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 (44) hide show
  1. package/build/lib/native/components/ActionList/ActionListItem.js +3 -2
  2. package/build/lib/native/components/ActionList/ActionListItem.js.map +1 -1
  3. package/build/lib/native/components/ActionList/actionListUtils.js +1 -1
  4. package/build/lib/native/components/ActionList/actionListUtils.js.map +1 -1
  5. package/build/lib/native/components/ActionList/componentIds.js +1 -1
  6. package/build/lib/native/components/ActionList/componentIds.js.map +1 -1
  7. package/build/lib/native/components/Form/FormHint.js +2 -1
  8. package/build/lib/native/components/Form/FormHint.js.map +1 -1
  9. package/build/lib/native/components/index.js +1 -1
  10. package/build/lib/web/development/components/ActionList/ActionListItem.js +11 -1
  11. package/build/lib/web/development/components/ActionList/ActionListItem.js.map +1 -1
  12. package/build/lib/web/development/components/ActionList/actionListUtils.js +2 -2
  13. package/build/lib/web/development/components/ActionList/actionListUtils.js.map +1 -1
  14. package/build/lib/web/development/components/ActionList/componentIds.js +1 -0
  15. package/build/lib/web/development/components/ActionList/componentIds.js.map +1 -1
  16. package/build/lib/web/development/components/ActionList/index.js +1 -1
  17. package/build/lib/web/development/components/Form/FormHint.js +19 -15
  18. package/build/lib/web/development/components/Form/FormHint.js.map +1 -1
  19. package/build/lib/web/development/components/Form/FormHintWrapper.web.js +2 -4
  20. package/build/lib/web/development/components/Form/FormHintWrapper.web.js.map +1 -1
  21. package/build/lib/web/development/components/StepGroup/StepItem.web.js +11 -6
  22. package/build/lib/web/development/components/StepGroup/StepItem.web.js.map +1 -1
  23. package/build/lib/web/development/components/Tooltip/TooltipInteractiveWrapper.web.js +9 -13
  24. package/build/lib/web/development/components/Tooltip/TooltipInteractiveWrapper.web.js.map +1 -1
  25. package/build/lib/web/development/components/index.js +1 -1
  26. package/build/lib/web/production/components/ActionList/ActionListItem.js +11 -1
  27. package/build/lib/web/production/components/ActionList/ActionListItem.js.map +1 -1
  28. package/build/lib/web/production/components/ActionList/actionListUtils.js +2 -2
  29. package/build/lib/web/production/components/ActionList/actionListUtils.js.map +1 -1
  30. package/build/lib/web/production/components/ActionList/componentIds.js +1 -0
  31. package/build/lib/web/production/components/ActionList/componentIds.js.map +1 -1
  32. package/build/lib/web/production/components/ActionList/index.js +1 -1
  33. package/build/lib/web/production/components/Form/FormHint.js +19 -15
  34. package/build/lib/web/production/components/Form/FormHint.js.map +1 -1
  35. package/build/lib/web/production/components/Form/FormHintWrapper.web.js +2 -4
  36. package/build/lib/web/production/components/Form/FormHintWrapper.web.js.map +1 -1
  37. package/build/lib/web/production/components/StepGroup/StepItem.web.js +11 -6
  38. package/build/lib/web/production/components/StepGroup/StepItem.web.js.map +1 -1
  39. package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js +9 -13
  40. package/build/lib/web/production/components/Tooltip/TooltipInteractiveWrapper.web.js.map +1 -1
  41. package/build/lib/web/production/components/index.js +1 -1
  42. package/build/types/components/index.d.ts +445 -1131
  43. package/build/types/components/index.native.d.ts +254 -249
  44. package/package.json +1 -1
@@ -1,8 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import * as React$1 from 'react';
3
- import React__default, { ReactNode, ReactElement, ReactChild, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, KeyboardEvent } from 'react';
4
- import { View, ViewStyle, TouchableOpacity, AccessibilityRole, GestureResponderEvent } from 'react-native';
5
- import * as styled_components from 'styled-components';
3
+ import React__default, { ReactNode, ReactElement, SyntheticEvent, ImgHTMLAttributes, HTMLAttributeReferrerPolicy, ReactChild, KeyboardEvent } from 'react';
4
+ import { View, ViewStyle, AccessibilityRole, GestureResponderEvent, TouchableOpacity } from 'react-native';
6
5
  import { CSSObject } from 'styled-components';
7
6
  import { ReactDOMAttributes } from '@use-gesture/react/dist/declarations/src/types';
8
7
  import { CurrencyCodeType } from '@razorpay/i18nify-js/currency';
@@ -2899,183 +2898,6 @@ type BadgeProps = {
2899
2898
  } & TestID & StyledPropsBlade;
2900
2899
  declare const Badge: ({ children, emphasis, icon: Icon, size, color, testID, ...styledProps }: BadgeProps) => ReactElement;
2901
2900
 
2902
- type ActionListItemProps = {
2903
- title: string;
2904
- description?: string;
2905
- onClick?: (clickProps: {
2906
- name: string;
2907
- value?: boolean;
2908
- event: Platform.Select<{
2909
- web: React__default.MouseEvent;
2910
- native: React__default.TouchEvent<TouchableOpacity>;
2911
- }>;
2912
- }) => void;
2913
- /**
2914
- * value that you get from `onChange` event on SelectInput or in form submissions.
2915
- */
2916
- value: string;
2917
- /**
2918
- * Link to open when item is clicked.
2919
- */
2920
- href?: string;
2921
- /**
2922
- * HTML target of the link
2923
- */
2924
- target?: string;
2925
- /**
2926
- * Item that goes on left-side of item.
2927
- *
2928
- * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
2929
- *
2930
- * Will be overriden in multiselect
2931
- */
2932
- leading?: React__default.ReactNode;
2933
- /**
2934
- * Item that goes on right-side of item.
2935
- *
2936
- * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
2937
- */
2938
- trailing?: React__default.ReactNode;
2939
- /**
2940
- * Item that goes immediately next to the title.
2941
- *
2942
- * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
2943
- *
2944
- */
2945
- titleSuffix?: React__default.ReactElement;
2946
- isDisabled?: boolean;
2947
- intent?: Extract<FeedbackColors, 'negative'>;
2948
- /**
2949
- * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
2950
- *
2951
- * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
2952
- */
2953
- isSelected?: boolean;
2954
- /**
2955
- * Internally passed from ActionList. No need to pass it explicitly
2956
- *
2957
- * @private
2958
- */
2959
- _index?: number;
2960
- } & TestID;
2961
- type ActionListSectionProps = {
2962
- title: string;
2963
- children: React__default.ReactNode[] | React__default.ReactNode;
2964
- /**
2965
- * Internally used to hide the divider on final item in React Native.
2966
- *
2967
- * Should not be used by consumers (also won't work on web)
2968
- *
2969
- * @private
2970
- */
2971
- _hideDivider?: boolean;
2972
- /**
2973
- * Internally used to hide / show section in AutoComplete
2974
- *
2975
- * @private
2976
- */
2977
- _sectionChildValues?: string[];
2978
- } & TestID;
2979
- declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
2980
- declare const ActionListItemIcon: ({ icon }: {
2981
- icon: IconComponent;
2982
- }) => React__default.ReactElement;
2983
- declare const ActionListItemBadgeGroup: ({ children, }: {
2984
- children: React__default.ReactElement[] | React__default.ReactElement;
2985
- }) => React__default.ReactElement;
2986
- declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
2987
- declare const ActionListItemText: ({ children, }: {
2988
- children: StringChildrenType;
2989
- }) => React__default.ReactElement;
2990
- declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
2991
-
2992
- type ActionListItemAssetProps = {
2993
- /**
2994
- * Source of the image.
2995
- */
2996
- src: string;
2997
- /**
2998
- * Alt tag for the image
2999
- */
3000
- alt: string;
3001
- };
3002
- declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
3003
-
3004
- type PrimaryAction = {
3005
- text: string;
3006
- onClick: () => void;
3007
- };
3008
- type SecondaryActionButton = {
3009
- text: string;
3010
- onClick: () => void;
3011
- };
3012
- type SecondaryActionLinkButton = {
3013
- text: string;
3014
- href: string;
3015
- onClick?: () => void;
3016
- target?: string;
3017
- /**
3018
- * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
3019
- */
3020
- rel?: string;
3021
- };
3022
- type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
3023
- type AlertProps = {
3024
- /**
3025
- * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
3026
- */
3027
- description: ReactChild;
3028
- /**
3029
- * A brief heading
3030
- */
3031
- title?: string;
3032
- /**
3033
- * Shows a dismiss button
3034
- *
3035
- * @default true
3036
- */
3037
- isDismissible?: boolean;
3038
- /**
3039
- * A callback when the dismiss button is clicked
3040
- */
3041
- onDismiss?: () => void;
3042
- /**
3043
- * Can be used to render custom icon
3044
- */
3045
- icon?: IconComponent;
3046
- /**
3047
- * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
3048
- *
3049
- * @default subtle
3050
- */
3051
- emphasis?: SubtleOrIntense;
3052
- /**
3053
- * Makes the Alert span the entire container width, instead of the default max width of `584px`.
3054
- * This also makes the alert borderless, useful for creating full bleed layouts.
3055
- *
3056
- * @default false
3057
- */
3058
- isFullWidth?: boolean;
3059
- /**
3060
- * Sets the color tone
3061
- */
3062
- color?: FeedbackColors;
3063
- /**
3064
- * Renders a primary action button and a secondary action link button
3065
- */
3066
- actions?: {
3067
- /**
3068
- * Renders a button (should **always** be present if `secondary` action is being used)
3069
- */
3070
- primary?: PrimaryAction;
3071
- /**
3072
- * Renders a Link button
3073
- */
3074
- secondary?: SecondaryAction;
3075
- };
3076
- } & TestID & StyledPropsBlade;
3077
- declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
3078
-
3079
2901
  type AriaRoles = Exclude<AccessibilityRole, 'header' | 'adjustable' | 'image' | 'none' | 'summary'> | 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'button' | 'cell' | 'checkbox' | 'columnheader' | 'combobox' | 'complementary' | 'contentinfo' | 'definition' | 'dialog' | 'directory' | 'document' | 'feed' | 'figure' | 'form' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
3080
2902
  type AccessibilityProps = AriaAttributes;
3081
2903
  type AriaAttributes = {
@@ -3338,73 +3160,6 @@ type BaseTextProps = {
3338
3160
  } & TestID & StyledPropsBlade;
3339
3161
  type BaseTextSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
3340
3162
 
3341
- type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
3342
- type AmountDisplayProps = {
3343
- type?: 'display';
3344
- size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
3345
- weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
3346
- };
3347
- type AmountHeadingProps = {
3348
- type?: 'heading';
3349
- size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
3350
- weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
3351
- };
3352
- type AmountBodyProps = {
3353
- type?: 'body';
3354
- size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
3355
- weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
3356
- };
3357
- type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
3358
-
3359
- type AmountCommonProps = {
3360
- /**
3361
- * The value to be rendered within the component.
3362
- *
3363
- */
3364
- value: number;
3365
- /**
3366
- * Sets the color of the amount.
3367
- *
3368
- * @default undefined
3369
- */
3370
- color?: BaseTextProps['color'];
3371
- /**
3372
- * Indicates what the suffix of amount should be
3373
- *
3374
- * @default 'decimals'
3375
- */
3376
- suffix?: 'decimals' | 'none' | 'humanize';
3377
- /**
3378
- * Makes the currency indicator(currency symbol/code) and decimal digits small and faded
3379
- *
3380
- * @default true
3381
- */
3382
- isAffixSubtle?: true | false;
3383
- /**
3384
- * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
3385
- *
3386
- * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
3387
- *
3388
- * @default 'currency-symbol'
3389
- */
3390
- currencyIndicator?: 'currency-symbol' | 'currency-code';
3391
- /**
3392
- * The currency of the amount. Note that this component
3393
- * only displays the provided value in the specified currency, it does not perform any currency conversion.
3394
- *
3395
- * @default 'INR'
3396
- * */
3397
- currency?: CurrencyCodeType;
3398
- /**
3399
- * If true, the amount text will have a line through it.
3400
- *
3401
- * @default false
3402
- */
3403
- isStrikethrough?: boolean;
3404
- } & TestID & StyledPropsBlade;
3405
- type AmountProps = AmountTypeProps & AmountCommonProps;
3406
- declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
3407
-
3408
3163
  type BaseLinkCommonProps = {
3409
3164
  color?: 'primary' | 'white' | 'positive' | 'negative' | 'notice' | 'information' | 'neutral';
3410
3165
  icon?: IconComponent;
@@ -3678,18 +3433,263 @@ type AvatarCommonProps = {
3678
3433
  } & BladeCommonEvents & StyledPropsBlade;
3679
3434
  type AvatarProps = AvatarCommonProps & AvatarImgProps;
3680
3435
 
3681
- /**
3682
- * ### Avatar Component
3683
- *
3684
- * An avatar component is a standardized visual representation of a user or entity.
3685
- *
3686
- * ---
3687
- *
3688
- * #### Usage
3689
- *
3690
- * ```jsx
3691
- <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
3692
- * ```
3436
+ type ActionListItemProps = {
3437
+ title: string;
3438
+ description?: string;
3439
+ onClick?: (clickProps: {
3440
+ name: string;
3441
+ value?: boolean;
3442
+ event: Platform.Select<{
3443
+ web: React__default.MouseEvent;
3444
+ native: React__default.TouchEvent<TouchableOpacity>;
3445
+ }>;
3446
+ }) => void;
3447
+ /**
3448
+ * value that you get from `onChange` event on SelectInput or in form submissions.
3449
+ */
3450
+ value: string;
3451
+ /**
3452
+ * Link to open when item is clicked.
3453
+ */
3454
+ href?: string;
3455
+ /**
3456
+ * HTML target of the link
3457
+ */
3458
+ target?: string;
3459
+ /**
3460
+ * Item that goes on left-side of item.
3461
+ *
3462
+ * Valid elements - `<ActionListItemIcon />`, `<ActionListItemAsset />`
3463
+ *
3464
+ * Will be overriden in multiselect
3465
+ */
3466
+ leading?: React__default.ReactNode;
3467
+ /**
3468
+ * Item that goes on right-side of item.
3469
+ *
3470
+ * Valid elements - `<ActionListItemText />`, `<ActionListItemIcon />`
3471
+ */
3472
+ trailing?: React__default.ReactNode;
3473
+ /**
3474
+ * Item that goes immediately next to the title.
3475
+ *
3476
+ * Valid elements - `<ActionListItemBadge />`, `<ActionListItemBadgeGroup />`
3477
+ *
3478
+ */
3479
+ titleSuffix?: React__default.ReactElement;
3480
+ isDisabled?: boolean;
3481
+ intent?: Extract<FeedbackColors, 'negative'>;
3482
+ /**
3483
+ * Can be used in combination of `onClick` to highlight item as selected in Button Triggers.
3484
+ *
3485
+ * When trigger is SelectInput, Use `value` prop on SelectInput instead to make dropdown controlled.
3486
+ */
3487
+ isSelected?: boolean;
3488
+ /**
3489
+ * Internally passed from ActionList. No need to pass it explicitly
3490
+ *
3491
+ * @private
3492
+ */
3493
+ _index?: number;
3494
+ } & TestID;
3495
+ type ActionListSectionProps = {
3496
+ title: string;
3497
+ children: React__default.ReactNode[] | React__default.ReactNode;
3498
+ /**
3499
+ * Internally used to hide the divider on final item in React Native.
3500
+ *
3501
+ * Should not be used by consumers (also won't work on web)
3502
+ *
3503
+ * @private
3504
+ */
3505
+ _hideDivider?: boolean;
3506
+ /**
3507
+ * Internally used to hide / show section in AutoComplete
3508
+ *
3509
+ * @private
3510
+ */
3511
+ _sectionChildValues?: string[];
3512
+ } & TestID;
3513
+ declare const ActionListSection: ({ title, children, testID, _hideDivider, _sectionChildValues, }: ActionListSectionProps) => React__default.ReactElement;
3514
+ declare const ActionListItemIcon: ({ icon }: {
3515
+ icon: IconComponent;
3516
+ }) => React__default.ReactElement;
3517
+ declare const ActionListItemBadgeGroup: ({ children, }: {
3518
+ children: React__default.ReactElement[] | React__default.ReactElement;
3519
+ }) => React__default.ReactElement;
3520
+ declare const ActionListItemAvatar: (avatarProps: Omit<AvatarProps, 'size' | ''>) => React__default.ReactElement;
3521
+ declare const ActionListItemBadge: (props: BadgeProps) => React__default.ReactElement;
3522
+ declare const ActionListItemText: ({ children, }: {
3523
+ children: StringChildrenType;
3524
+ }) => React__default.ReactElement;
3525
+ declare const ActionListItem: React__default.MemoExoticComponent<(props: ActionListItemProps) => React__default.ReactElement>;
3526
+
3527
+ type ActionListItemAssetProps = {
3528
+ /**
3529
+ * Source of the image.
3530
+ */
3531
+ src: string;
3532
+ /**
3533
+ * Alt tag for the image
3534
+ */
3535
+ alt: string;
3536
+ };
3537
+ declare const ActionListItemAsset: (props: ActionListItemAssetProps) => React.ReactElement;
3538
+
3539
+ type PrimaryAction = {
3540
+ text: string;
3541
+ onClick: () => void;
3542
+ };
3543
+ type SecondaryActionButton = {
3544
+ text: string;
3545
+ onClick: () => void;
3546
+ };
3547
+ type SecondaryActionLinkButton = {
3548
+ text: string;
3549
+ href: string;
3550
+ onClick?: () => void;
3551
+ target?: string;
3552
+ /**
3553
+ * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`
3554
+ */
3555
+ rel?: string;
3556
+ };
3557
+ type SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;
3558
+ type AlertProps = {
3559
+ /**
3560
+ * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.
3561
+ */
3562
+ description: ReactChild;
3563
+ /**
3564
+ * A brief heading
3565
+ */
3566
+ title?: string;
3567
+ /**
3568
+ * Shows a dismiss button
3569
+ *
3570
+ * @default true
3571
+ */
3572
+ isDismissible?: boolean;
3573
+ /**
3574
+ * A callback when the dismiss button is clicked
3575
+ */
3576
+ onDismiss?: () => void;
3577
+ /**
3578
+ * Can be used to render custom icon
3579
+ */
3580
+ icon?: IconComponent;
3581
+ /**
3582
+ * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.
3583
+ *
3584
+ * @default subtle
3585
+ */
3586
+ emphasis?: SubtleOrIntense;
3587
+ /**
3588
+ * Makes the Alert span the entire container width, instead of the default max width of `584px`.
3589
+ * This also makes the alert borderless, useful for creating full bleed layouts.
3590
+ *
3591
+ * @default false
3592
+ */
3593
+ isFullWidth?: boolean;
3594
+ /**
3595
+ * Sets the color tone
3596
+ */
3597
+ color?: FeedbackColors;
3598
+ /**
3599
+ * Renders a primary action button and a secondary action link button
3600
+ */
3601
+ actions?: {
3602
+ /**
3603
+ * Renders a button (should **always** be present if `secondary` action is being used)
3604
+ */
3605
+ primary?: PrimaryAction;
3606
+ /**
3607
+ * Renders a Link button
3608
+ */
3609
+ secondary?: SecondaryAction;
3610
+ };
3611
+ } & TestID & StyledPropsBlade;
3612
+ declare const Alert: ({ description, title, isDismissible, onDismiss, emphasis, isFullWidth, color, actions, testID, icon, ...styledProps }: AlertProps) => ReactElement | null;
3613
+
3614
+ type AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';
3615
+ type AmountDisplayProps = {
3616
+ type?: 'display';
3617
+ size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;
3618
+ weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
3619
+ };
3620
+ type AmountHeadingProps = {
3621
+ type?: 'heading';
3622
+ size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
3623
+ weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;
3624
+ };
3625
+ type AmountBodyProps = {
3626
+ type?: 'body';
3627
+ size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;
3628
+ weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;
3629
+ };
3630
+ type AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;
3631
+
3632
+ type AmountCommonProps = {
3633
+ /**
3634
+ * The value to be rendered within the component.
3635
+ *
3636
+ */
3637
+ value: number;
3638
+ /**
3639
+ * Sets the color of the amount.
3640
+ *
3641
+ * @default undefined
3642
+ */
3643
+ color?: BaseTextProps['color'];
3644
+ /**
3645
+ * Indicates what the suffix of amount should be
3646
+ *
3647
+ * @default 'decimals'
3648
+ */
3649
+ suffix?: 'decimals' | 'none' | 'humanize';
3650
+ /**
3651
+ * Makes the currency indicator(currency symbol/code) and decimal digits small and faded
3652
+ *
3653
+ * @default true
3654
+ */
3655
+ isAffixSubtle?: true | false;
3656
+ /**
3657
+ * Determines the visual representation of the currency, choose between displaying the currency symbol or code.
3658
+ *
3659
+ * Note: Currency symbol and code is determined by the locale set in user's browser or set via @razorpay/i18nify-react library.
3660
+ *
3661
+ * @default 'currency-symbol'
3662
+ */
3663
+ currencyIndicator?: 'currency-symbol' | 'currency-code';
3664
+ /**
3665
+ * The currency of the amount. Note that this component
3666
+ * only displays the provided value in the specified currency, it does not perform any currency conversion.
3667
+ *
3668
+ * @default 'INR'
3669
+ * */
3670
+ currency?: CurrencyCodeType;
3671
+ /**
3672
+ * If true, the amount text will have a line through it.
3673
+ *
3674
+ * @default false
3675
+ */
3676
+ isStrikethrough?: boolean;
3677
+ } & TestID & StyledPropsBlade;
3678
+ type AmountProps = AmountTypeProps & AmountCommonProps;
3679
+ declare const Amount: ({ value, suffix, type, size, weight, isAffixSubtle, isStrikethrough, color, currencyIndicator, currency, testID, ...styledProps }: AmountProps) => ReactElement;
3680
+
3681
+ /**
3682
+ * ### Avatar Component
3683
+ *
3684
+ * An avatar component is a standardized visual representation of a user or entity.
3685
+ *
3686
+ * ---
3687
+ *
3688
+ * #### Usage
3689
+ *
3690
+ * ```jsx
3691
+ <Avatar name="Nitin Kumar" src="https://avatars.githubusercontent.com/u/46647141?v=4" />
3692
+ * ```
3693
3693
  *
3694
3694
  * ---
3695
3695
  *
@@ -10239,744 +10239,77 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
10239
10239
  readonly l?: SpacingValueType | undefined;
10240
10240
  readonly xl?: SpacingValueType | undefined;
10241
10241
  };
10242
- maxHeight: SpacingValueType | {
10243
- readonly base?: SpacingValueType | undefined;
10244
- readonly xs?: SpacingValueType | undefined;
10245
- readonly s?: SpacingValueType | undefined;
10246
- readonly m?: SpacingValueType | undefined;
10247
- readonly l?: SpacingValueType | undefined;
10248
- readonly xl?: SpacingValueType | undefined;
10249
- };
10250
- maxWidth: SpacingValueType | {
10251
- readonly base?: SpacingValueType | undefined;
10252
- readonly xs?: SpacingValueType | undefined;
10253
- readonly s?: SpacingValueType | undefined;
10254
- readonly m?: SpacingValueType | undefined;
10255
- readonly l?: SpacingValueType | undefined;
10256
- readonly xl?: SpacingValueType | undefined;
10257
- };
10258
- minHeight: SpacingValueType | {
10259
- readonly base?: SpacingValueType | undefined;
10260
- readonly xs?: SpacingValueType | undefined;
10261
- readonly s?: SpacingValueType | undefined;
10262
- readonly m?: SpacingValueType | undefined;
10263
- readonly l?: SpacingValueType | undefined;
10264
- readonly xl?: SpacingValueType | undefined;
10265
- };
10266
- minWidth: SpacingValueType | {
10267
- readonly base?: SpacingValueType | undefined;
10268
- readonly xs?: SpacingValueType | undefined;
10269
- readonly s?: SpacingValueType | undefined;
10270
- readonly m?: SpacingValueType | undefined;
10271
- readonly l?: SpacingValueType | undefined;
10272
- readonly xl?: SpacingValueType | undefined;
10273
- };
10274
- overflowX?: csstype.Property.OverflowX | {
10275
- readonly base?: csstype.Property.OverflowX | undefined;
10276
- readonly xs?: csstype.Property.OverflowX | undefined;
10277
- readonly s?: csstype.Property.OverflowX | undefined;
10278
- readonly m?: csstype.Property.OverflowX | undefined;
10279
- readonly l?: csstype.Property.OverflowX | undefined;
10280
- readonly xl?: csstype.Property.OverflowX | undefined;
10281
- } | undefined;
10282
- overflowY?: csstype.Property.OverflowY | {
10283
- readonly base?: csstype.Property.OverflowY | undefined;
10284
- readonly xs?: csstype.Property.OverflowY | undefined;
10285
- readonly s?: csstype.Property.OverflowY | undefined;
10286
- readonly m?: csstype.Property.OverflowY | undefined;
10287
- readonly l?: csstype.Property.OverflowY | undefined;
10288
- readonly xl?: csstype.Property.OverflowY | undefined;
10289
- } | undefined;
10290
- textAlign?: csstype.Property.TextAlign | {
10291
- readonly base?: csstype.Property.TextAlign | undefined;
10292
- readonly xs?: csstype.Property.TextAlign | undefined;
10293
- readonly s?: csstype.Property.TextAlign | undefined;
10294
- readonly m?: csstype.Property.TextAlign | undefined;
10295
- readonly l?: csstype.Property.TextAlign | undefined;
10296
- readonly xl?: csstype.Property.TextAlign | undefined;
10297
- } | undefined;
10298
- whiteSpace?: csstype.Property.WhiteSpace | {
10299
- readonly base?: csstype.Property.WhiteSpace | undefined;
10300
- readonly xs?: csstype.Property.WhiteSpace | undefined;
10301
- readonly s?: csstype.Property.WhiteSpace | undefined;
10302
- readonly m?: csstype.Property.WhiteSpace | undefined;
10303
- readonly l?: csstype.Property.WhiteSpace | undefined;
10304
- readonly xl?: csstype.Property.WhiteSpace | undefined;
10305
- } | undefined;
10306
- overflow?: csstype.Property.Overflow | {
10307
- readonly base?: csstype.Property.Overflow | undefined;
10308
- readonly xs?: csstype.Property.Overflow | undefined;
10309
- readonly s?: csstype.Property.Overflow | undefined;
10310
- readonly m?: csstype.Property.Overflow | undefined;
10311
- readonly l?: csstype.Property.Overflow | undefined;
10312
- readonly xl?: csstype.Property.Overflow | undefined;
10313
- } | undefined;
10314
- __brand__?: "platform-web" | {
10315
- readonly base?: "platform-web" | undefined;
10316
- readonly xs?: "platform-web" | undefined;
10317
- readonly s?: "platform-web" | undefined;
10318
- readonly m?: "platform-web" | undefined;
10319
- readonly l?: "platform-web" | undefined;
10320
- readonly xl?: "platform-web" | undefined;
10321
- } | undefined;
10322
- }, "display"> & Pick<{
10323
- elevation?: ElevationLevels | {
10324
- readonly base?: ElevationLevels | undefined;
10325
- readonly xs?: ElevationLevels | undefined;
10326
- readonly s?: ElevationLevels | undefined;
10327
- readonly m?: ElevationLevels | undefined;
10328
- readonly l?: ElevationLevels | undefined;
10329
- readonly xl?: ElevationLevels | undefined;
10330
- } | undefined;
10331
- backgroundImage?: csstype.Property.BackgroundImage | {
10332
- readonly base?: csstype.Property.BackgroundImage | undefined;
10333
- readonly xs?: csstype.Property.BackgroundImage | undefined;
10334
- readonly s?: csstype.Property.BackgroundImage | undefined;
10335
- readonly m?: csstype.Property.BackgroundImage | undefined;
10336
- readonly l?: csstype.Property.BackgroundImage | undefined;
10337
- readonly xl?: csstype.Property.BackgroundImage | undefined;
10338
- } | undefined;
10339
- backgroundOrigin?: csstype.Property.BackgroundOrigin | {
10340
- readonly base?: csstype.Property.BackgroundOrigin | undefined;
10341
- readonly xs?: csstype.Property.BackgroundOrigin | undefined;
10342
- readonly s?: csstype.Property.BackgroundOrigin | undefined;
10343
- readonly m?: csstype.Property.BackgroundOrigin | undefined;
10344
- readonly l?: csstype.Property.BackgroundOrigin | undefined;
10345
- readonly xl?: csstype.Property.BackgroundOrigin | undefined;
10346
- } | undefined;
10347
- backgroundRepeat?: csstype.Property.BackgroundRepeat | {
10348
- readonly base?: csstype.Property.BackgroundRepeat | undefined;
10349
- readonly xs?: csstype.Property.BackgroundRepeat | undefined;
10350
- readonly s?: csstype.Property.BackgroundRepeat | undefined;
10351
- readonly m?: csstype.Property.BackgroundRepeat | undefined;
10352
- readonly l?: csstype.Property.BackgroundRepeat | undefined;
10353
- readonly xl?: csstype.Property.BackgroundRepeat | undefined;
10354
- } | undefined;
10355
- backgroundSize?: csstype.Property.BackgroundSize<string | number> | {
10356
- readonly base?: csstype.Property.BackgroundSize<string | number> | undefined;
10357
- readonly xs?: csstype.Property.BackgroundSize<string | number> | undefined;
10358
- readonly s?: csstype.Property.BackgroundSize<string | number> | undefined;
10359
- readonly m?: csstype.Property.BackgroundSize<string | number> | undefined;
10360
- readonly l?: csstype.Property.BackgroundSize<string | number> | undefined;
10361
- readonly xl?: csstype.Property.BackgroundSize<string | number> | undefined;
10362
- } | undefined;
10363
- borderBottomColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10364
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10365
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10366
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10367
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10368
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10369
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10370
- };
10371
- borderBottomLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10372
- readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10373
- readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10374
- readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10375
- readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10376
- readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10377
- readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10378
- };
10379
- borderBottomRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10380
- readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10381
- readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10382
- readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10383
- readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10384
- readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10385
- readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10386
- };
10387
- borderBottomStyle?: csstype.Property.BorderBottomStyle | {
10388
- readonly base?: csstype.Property.BorderBottomStyle | undefined;
10389
- readonly xs?: csstype.Property.BorderBottomStyle | undefined;
10390
- readonly s?: csstype.Property.BorderBottomStyle | undefined;
10391
- readonly m?: csstype.Property.BorderBottomStyle | undefined;
10392
- readonly l?: csstype.Property.BorderBottomStyle | undefined;
10393
- readonly xl?: csstype.Property.BorderBottomStyle | undefined;
10394
- } | undefined;
10395
- borderBottomWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
10396
- readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10397
- readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10398
- readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10399
- readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10400
- readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10401
- readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10402
- };
10403
- borderLeftColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10404
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10405
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10406
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10407
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10408
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10409
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10410
- };
10411
- borderLeftStyle?: csstype.Property.BorderLeftStyle | {
10412
- readonly base?: csstype.Property.BorderLeftStyle | undefined;
10413
- readonly xs?: csstype.Property.BorderLeftStyle | undefined;
10414
- readonly s?: csstype.Property.BorderLeftStyle | undefined;
10415
- readonly m?: csstype.Property.BorderLeftStyle | undefined;
10416
- readonly l?: csstype.Property.BorderLeftStyle | undefined;
10417
- readonly xl?: csstype.Property.BorderLeftStyle | undefined;
10418
- } | undefined;
10419
- borderLeftWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
10420
- readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10421
- readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10422
- readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10423
- readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10424
- readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10425
- readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10426
- };
10427
- borderRightColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10428
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10429
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10430
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10431
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10432
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10433
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10434
- };
10435
- borderRightStyle?: csstype.Property.BorderRightStyle | {
10436
- readonly base?: csstype.Property.BorderRightStyle | undefined;
10437
- readonly xs?: csstype.Property.BorderRightStyle | undefined;
10438
- readonly s?: csstype.Property.BorderRightStyle | undefined;
10439
- readonly m?: csstype.Property.BorderRightStyle | undefined;
10440
- readonly l?: csstype.Property.BorderRightStyle | undefined;
10441
- readonly xl?: csstype.Property.BorderRightStyle | undefined;
10442
- } | undefined;
10443
- borderRightWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
10444
- readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10445
- readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10446
- readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10447
- readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10448
- readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10449
- readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10450
- };
10451
- borderTopColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10452
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10453
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10454
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10455
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10456
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10457
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10458
- };
10459
- borderTopLeftRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10460
- readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10461
- readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10462
- readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10463
- readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10464
- readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10465
- readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10466
- };
10467
- borderTopRightRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10468
- readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10469
- readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10470
- readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10471
- readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10472
- readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10473
- readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10474
- };
10475
- borderTopStyle?: csstype.Property.BorderTopStyle | {
10476
- readonly base?: csstype.Property.BorderTopStyle | undefined;
10477
- readonly xs?: csstype.Property.BorderTopStyle | undefined;
10478
- readonly s?: csstype.Property.BorderTopStyle | undefined;
10479
- readonly m?: csstype.Property.BorderTopStyle | undefined;
10480
- readonly l?: csstype.Property.BorderTopStyle | undefined;
10481
- readonly xl?: csstype.Property.BorderTopStyle | undefined;
10482
- } | undefined;
10483
- borderTopWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
10484
- readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10485
- readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10486
- readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10487
- readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10488
- readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10489
- readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10490
- };
10491
- clipPath?: csstype.Property.ClipPath | {
10492
- readonly base?: csstype.Property.ClipPath | undefined;
10493
- readonly xs?: csstype.Property.ClipPath | undefined;
10494
- readonly s?: csstype.Property.ClipPath | undefined;
10495
- readonly m?: csstype.Property.ClipPath | undefined;
10496
- readonly l?: csstype.Property.ClipPath | undefined;
10497
- readonly xl?: csstype.Property.ClipPath | undefined;
10498
- } | undefined;
10499
- opacity?: csstype.Property.Opacity | {
10500
- readonly base?: csstype.Property.Opacity | undefined;
10501
- readonly xs?: csstype.Property.Opacity | undefined;
10502
- readonly s?: csstype.Property.Opacity | undefined;
10503
- readonly m?: csstype.Property.Opacity | undefined;
10504
- readonly l?: csstype.Property.Opacity | undefined;
10505
- readonly xl?: csstype.Property.Opacity | undefined;
10506
- } | undefined;
10507
- pointerEvents?: csstype.Property.PointerEvents | {
10508
- readonly base?: csstype.Property.PointerEvents | undefined;
10509
- readonly xs?: csstype.Property.PointerEvents | undefined;
10510
- readonly s?: csstype.Property.PointerEvents | undefined;
10511
- readonly m?: csstype.Property.PointerEvents | undefined;
10512
- readonly l?: csstype.Property.PointerEvents | undefined;
10513
- readonly xl?: csstype.Property.PointerEvents | undefined;
10514
- } | undefined;
10515
- transform?: csstype.Property.Transform | {
10516
- readonly base?: csstype.Property.Transform | undefined;
10517
- readonly xs?: csstype.Property.Transform | undefined;
10518
- readonly s?: csstype.Property.Transform | undefined;
10519
- readonly m?: csstype.Property.Transform | undefined;
10520
- readonly l?: csstype.Property.Transform | undefined;
10521
- readonly xl?: csstype.Property.Transform | undefined;
10522
- } | undefined;
10523
- transformOrigin?: csstype.Property.TransformOrigin<string | number> | {
10524
- readonly base?: csstype.Property.TransformOrigin<string | number> | undefined;
10525
- readonly xs?: csstype.Property.TransformOrigin<string | number> | undefined;
10526
- readonly s?: csstype.Property.TransformOrigin<string | number> | undefined;
10527
- readonly m?: csstype.Property.TransformOrigin<string | number> | undefined;
10528
- readonly l?: csstype.Property.TransformOrigin<string | number> | undefined;
10529
- readonly xl?: csstype.Property.TransformOrigin<string | number> | undefined;
10530
- } | undefined;
10531
- visibility?: csstype.Property.Visibility | {
10532
- readonly base?: csstype.Property.Visibility | undefined;
10533
- readonly xs?: csstype.Property.Visibility | undefined;
10534
- readonly s?: csstype.Property.Visibility | undefined;
10535
- readonly m?: csstype.Property.Visibility | undefined;
10536
- readonly l?: csstype.Property.Visibility | undefined;
10537
- readonly xl?: csstype.Property.Visibility | undefined;
10538
- } | undefined;
10539
- backgroundPosition?: csstype.Property.BackgroundPosition<string | number> | {
10540
- readonly base?: csstype.Property.BackgroundPosition<string | number> | undefined;
10541
- readonly xs?: csstype.Property.BackgroundPosition<string | number> | undefined;
10542
- readonly s?: csstype.Property.BackgroundPosition<string | number> | undefined;
10543
- readonly m?: csstype.Property.BackgroundPosition<string | number> | undefined;
10544
- readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
10545
- readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
10546
- } | undefined;
10547
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10548
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10549
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10550
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10551
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10552
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10553
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10554
- };
10555
- borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10556
- readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10557
- readonly xs?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10558
- readonly s?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10559
- readonly m?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10560
- readonly l?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10561
- readonly xl?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
10562
- };
10563
- borderStyle?: csstype.Property.BorderStyle | {
10564
- readonly base?: csstype.Property.BorderStyle | undefined;
10565
- readonly xs?: csstype.Property.BorderStyle | undefined;
10566
- readonly s?: csstype.Property.BorderStyle | undefined;
10567
- readonly m?: csstype.Property.BorderStyle | undefined;
10568
- readonly l?: csstype.Property.BorderStyle | undefined;
10569
- readonly xl?: csstype.Property.BorderStyle | undefined;
10570
- } | undefined;
10571
- borderWidth: "none" | "thinner" | "thin" | "thick" | "thicker" | {
10572
- readonly base?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10573
- readonly xs?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10574
- readonly s?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10575
- readonly m?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10576
- readonly l?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10577
- readonly xl?: "none" | "thinner" | "thin" | "thick" | "thicker" | undefined;
10578
- };
10579
- __brand__?: "platform-web" | {
10580
- readonly base?: "platform-web" | undefined;
10581
- readonly xs?: "platform-web" | undefined;
10582
- readonly s?: "platform-web" | undefined;
10583
- readonly m?: "platform-web" | undefined;
10584
- readonly l?: "platform-web" | undefined;
10585
- readonly xl?: "platform-web" | undefined;
10586
- } | undefined;
10587
- }, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
10588
-
10589
- type RadioGroupProps = {
10590
- /**
10591
- * Accepts multiple radios as children
10592
- */
10593
- children: React__default.ReactNode;
10594
- /**
10595
- * Help text of the radio group
10596
- */
10597
- helpText?: string;
10598
- /**
10599
- * Error text of the radio group
10600
- * Renders when `validationState` is set to 'error'
10601
- *
10602
- * Overrides helpText
10603
- */
10604
- errorText?: string;
10605
- /**
10606
- * Sets the error state of the radioGroup
10607
- * If set to `error` it will render the `errorText` of the group,
10608
- * and propagate `invalid` prop to every radio
10609
- */
10610
- validationState?: 'error' | 'none';
10611
- /**
10612
- * Renders a necessity indicator after radioGroup label
10613
- *
10614
- * If set to `undefined` it renders nothing.
10615
- */
10616
- necessityIndicator?: 'required' | 'optional' | 'none';
10617
- /**
10618
- * Sets the disabled state of the radioGroup
10619
- * If set to `true` it propagate down to all the radios
10620
- *
10621
- * @default false
10622
- */
10623
- isDisabled?: boolean;
10624
- /**
10625
- * Sets the required state of the radioGroup
10626
- * @default false
10627
- */
10628
- isRequired?: boolean;
10629
- /**
10630
- * Renders the label of the radio group
10631
- */
10632
- label?: string;
10633
- /**
10634
- * Sets the position of the label
10635
- *
10636
- * @default 'top'
10637
- */
10638
- labelPosition?: 'top' | 'left';
10639
- /**
10640
- * Initial value of the radio group
10641
- */
10642
- defaultValue?: string;
10643
- /**
10644
- * value of the radio group
10645
- *
10646
- * Use `onChange` to update its value
10647
- */
10648
- value?: string;
10649
- /**
10650
- * The callback invoked when any of the radio's state changes
10651
- */
10652
- onChange?: ({ name, value }: {
10653
- name: string | undefined;
10654
- value: string;
10655
- }) => void;
10656
- /**
10657
- * The name of the input field in a radio
10658
- * (Useful for form submission).
10659
- */
10660
- name?: string;
10661
- /**
10662
- * Size of the radios
10663
- *
10664
- * @default "medium"
10665
- */
10666
- size?: 'small' | 'medium' | 'large';
10667
- } & TestID & StyledPropsBlade;
10668
- declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
10669
-
10670
- type TooltipProps = {
10671
- /**
10672
- * Tooltip title
10673
- */
10674
- title?: string;
10675
- /**
10676
- * Tooltip content
10677
- */
10678
- content: string;
10679
- /**
10680
- * Placement of tooltip
10681
- *
10682
- * @default "top"
10683
- */
10684
- placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
10685
- children: React.ReactElement;
10686
- onOpenChange?: ({ isOpen }: {
10687
- isOpen: boolean;
10688
- }) => void;
10689
- /**
10690
- * Sets the z-index of the modal
10691
- * @default 1100
10692
- */
10693
- zIndex?: number;
10694
- };
10695
-
10696
- declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
10697
-
10698
- declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Omit<Partial<PaddingProps & MarginProps & {
10699
- width: SpacingValueType | {
10700
- readonly base?: SpacingValueType | undefined;
10701
- readonly xs?: SpacingValueType | undefined;
10702
- readonly s?: SpacingValueType | undefined;
10703
- readonly m?: SpacingValueType | undefined;
10704
- readonly l?: SpacingValueType | undefined;
10705
- readonly xl?: SpacingValueType | undefined;
10706
- };
10707
- display?: csstype.Property.Display | {
10708
- readonly base?: csstype.Property.Display | undefined;
10709
- readonly xs?: csstype.Property.Display | undefined;
10710
- readonly s?: csstype.Property.Display | undefined;
10711
- readonly m?: csstype.Property.Display | undefined;
10712
- readonly l?: csstype.Property.Display | undefined;
10713
- readonly xl?: csstype.Property.Display | undefined;
10714
- } | undefined;
10715
- height: SpacingValueType | {
10716
- readonly base?: SpacingValueType | undefined;
10717
- readonly xs?: SpacingValueType | undefined;
10718
- readonly s?: SpacingValueType | undefined;
10719
- readonly m?: SpacingValueType | undefined;
10720
- readonly l?: SpacingValueType | undefined;
10721
- readonly xl?: SpacingValueType | undefined;
10722
- };
10723
- maxHeight: SpacingValueType | {
10724
- readonly base?: SpacingValueType | undefined;
10725
- readonly xs?: SpacingValueType | undefined;
10726
- readonly s?: SpacingValueType | undefined;
10727
- readonly m?: SpacingValueType | undefined;
10728
- readonly l?: SpacingValueType | undefined;
10729
- readonly xl?: SpacingValueType | undefined;
10730
- };
10731
- maxWidth: SpacingValueType | {
10732
- readonly base?: SpacingValueType | undefined;
10733
- readonly xs?: SpacingValueType | undefined;
10734
- readonly s?: SpacingValueType | undefined;
10735
- readonly m?: SpacingValueType | undefined;
10736
- readonly l?: SpacingValueType | undefined;
10737
- readonly xl?: SpacingValueType | undefined;
10738
- };
10739
- minHeight: SpacingValueType | {
10740
- readonly base?: SpacingValueType | undefined;
10741
- readonly xs?: SpacingValueType | undefined;
10742
- readonly s?: SpacingValueType | undefined;
10743
- readonly m?: SpacingValueType | undefined;
10744
- readonly l?: SpacingValueType | undefined;
10745
- readonly xl?: SpacingValueType | undefined;
10746
- };
10747
- minWidth: SpacingValueType | {
10748
- readonly base?: SpacingValueType | undefined;
10749
- readonly xs?: SpacingValueType | undefined;
10750
- readonly s?: SpacingValueType | undefined;
10751
- readonly m?: SpacingValueType | undefined;
10752
- readonly l?: SpacingValueType | undefined;
10753
- readonly xl?: SpacingValueType | undefined;
10754
- };
10755
- overflowX?: csstype.Property.OverflowX | {
10756
- readonly base?: csstype.Property.OverflowX | undefined;
10757
- readonly xs?: csstype.Property.OverflowX | undefined;
10758
- readonly s?: csstype.Property.OverflowX | undefined;
10759
- readonly m?: csstype.Property.OverflowX | undefined;
10760
- readonly l?: csstype.Property.OverflowX | undefined;
10761
- readonly xl?: csstype.Property.OverflowX | undefined;
10762
- } | undefined;
10763
- overflowY?: csstype.Property.OverflowY | {
10764
- readonly base?: csstype.Property.OverflowY | undefined;
10765
- readonly xs?: csstype.Property.OverflowY | undefined;
10766
- readonly s?: csstype.Property.OverflowY | undefined;
10767
- readonly m?: csstype.Property.OverflowY | undefined;
10768
- readonly l?: csstype.Property.OverflowY | undefined;
10769
- readonly xl?: csstype.Property.OverflowY | undefined;
10770
- } | undefined;
10771
- textAlign?: csstype.Property.TextAlign | {
10772
- readonly base?: csstype.Property.TextAlign | undefined;
10773
- readonly xs?: csstype.Property.TextAlign | undefined;
10774
- readonly s?: csstype.Property.TextAlign | undefined;
10775
- readonly m?: csstype.Property.TextAlign | undefined;
10776
- readonly l?: csstype.Property.TextAlign | undefined;
10777
- readonly xl?: csstype.Property.TextAlign | undefined;
10778
- } | undefined;
10779
- whiteSpace?: csstype.Property.WhiteSpace | {
10780
- readonly base?: csstype.Property.WhiteSpace | undefined;
10781
- readonly xs?: csstype.Property.WhiteSpace | undefined;
10782
- readonly s?: csstype.Property.WhiteSpace | undefined;
10783
- readonly m?: csstype.Property.WhiteSpace | undefined;
10784
- readonly l?: csstype.Property.WhiteSpace | undefined;
10785
- readonly xl?: csstype.Property.WhiteSpace | undefined;
10786
- } | undefined;
10787
- overflow?: csstype.Property.Overflow | {
10788
- readonly base?: csstype.Property.Overflow | undefined;
10789
- readonly xs?: csstype.Property.Overflow | undefined;
10790
- readonly s?: csstype.Property.Overflow | undefined;
10791
- readonly m?: csstype.Property.Overflow | undefined;
10792
- readonly l?: csstype.Property.Overflow | undefined;
10793
- readonly xl?: csstype.Property.Overflow | undefined;
10794
- } | undefined;
10795
- __brand__?: "platform-web" | {
10796
- readonly base?: "platform-web" | undefined;
10797
- readonly xs?: "platform-web" | undefined;
10798
- readonly s?: "platform-web" | undefined;
10799
- readonly m?: "platform-web" | undefined;
10800
- readonly l?: "platform-web" | undefined;
10801
- readonly xl?: "platform-web" | undefined;
10802
- } | undefined;
10803
- } & FlexboxProps & {
10804
- bottom: SpacingValueType | {
10805
- readonly base?: SpacingValueType | undefined;
10806
- readonly xs?: SpacingValueType | undefined;
10807
- readonly s?: SpacingValueType | undefined;
10808
- readonly m?: SpacingValueType | undefined;
10809
- readonly l?: SpacingValueType | undefined;
10810
- readonly xl?: SpacingValueType | undefined;
10811
- };
10812
- left: SpacingValueType | {
10813
- readonly base?: SpacingValueType | undefined;
10814
- readonly xs?: SpacingValueType | undefined;
10815
- readonly s?: SpacingValueType | undefined;
10816
- readonly m?: SpacingValueType | undefined;
10817
- readonly l?: SpacingValueType | undefined;
10818
- readonly xl?: SpacingValueType | undefined;
10819
- };
10820
- position?: csstype.Property.Position | {
10821
- readonly base?: csstype.Property.Position | undefined;
10822
- readonly xs?: csstype.Property.Position | undefined;
10823
- readonly s?: csstype.Property.Position | undefined;
10824
- readonly m?: csstype.Property.Position | undefined;
10825
- readonly l?: csstype.Property.Position | undefined;
10826
- readonly xl?: csstype.Property.Position | undefined;
10827
- } | undefined;
10828
- right: SpacingValueType | {
10829
- readonly base?: SpacingValueType | undefined;
10830
- readonly xs?: SpacingValueType | undefined;
10831
- readonly s?: SpacingValueType | undefined;
10832
- readonly m?: SpacingValueType | undefined;
10833
- readonly l?: SpacingValueType | undefined;
10834
- readonly xl?: SpacingValueType | undefined;
10835
- };
10836
- top: SpacingValueType | {
10837
- readonly base?: SpacingValueType | undefined;
10838
- readonly xs?: SpacingValueType | undefined;
10839
- readonly s?: SpacingValueType | undefined;
10840
- readonly m?: SpacingValueType | undefined;
10841
- readonly l?: SpacingValueType | undefined;
10842
- readonly xl?: SpacingValueType | undefined;
10843
- };
10844
- zIndex?: csstype.Property.ZIndex | {
10845
- readonly base?: csstype.Property.ZIndex | undefined;
10846
- readonly xs?: csstype.Property.ZIndex | undefined;
10847
- readonly s?: csstype.Property.ZIndex | undefined;
10848
- readonly m?: csstype.Property.ZIndex | undefined;
10849
- readonly l?: csstype.Property.ZIndex | undefined;
10850
- readonly xl?: csstype.Property.ZIndex | undefined;
10851
- } | undefined;
10852
- __brand__?: "platform-web" | {
10853
- readonly base?: "platform-web" | undefined;
10854
- readonly xs?: "platform-web" | undefined;
10855
- readonly s?: "platform-web" | undefined;
10856
- readonly m?: "platform-web" | undefined;
10857
- readonly l?: "platform-web" | undefined;
10858
- readonly xl?: "platform-web" | undefined;
10859
- } | undefined;
10860
- } & {
10861
- gridAutoColumns?: csstype.Property.GridAutoColumns<string | number> | {
10862
- readonly base?: csstype.Property.GridAutoColumns<string | number> | undefined;
10863
- readonly xs?: csstype.Property.GridAutoColumns<string | number> | undefined;
10864
- readonly s?: csstype.Property.GridAutoColumns<string | number> | undefined;
10865
- readonly m?: csstype.Property.GridAutoColumns<string | number> | undefined;
10866
- readonly l?: csstype.Property.GridAutoColumns<string | number> | undefined;
10867
- readonly xl?: csstype.Property.GridAutoColumns<string | number> | undefined;
10868
- } | undefined;
10869
- gridAutoFlow?: csstype.Property.GridAutoFlow | {
10870
- readonly base?: csstype.Property.GridAutoFlow | undefined;
10871
- readonly xs?: csstype.Property.GridAutoFlow | undefined;
10872
- readonly s?: csstype.Property.GridAutoFlow | undefined;
10873
- readonly m?: csstype.Property.GridAutoFlow | undefined;
10874
- readonly l?: csstype.Property.GridAutoFlow | undefined;
10875
- readonly xl?: csstype.Property.GridAutoFlow | undefined;
10876
- } | undefined;
10877
- gridAutoRows?: csstype.Property.GridAutoRows<string | number> | {
10878
- readonly base?: csstype.Property.GridAutoRows<string | number> | undefined;
10879
- readonly xs?: csstype.Property.GridAutoRows<string | number> | undefined;
10880
- readonly s?: csstype.Property.GridAutoRows<string | number> | undefined;
10881
- readonly m?: csstype.Property.GridAutoRows<string | number> | undefined;
10882
- readonly l?: csstype.Property.GridAutoRows<string | number> | undefined;
10883
- readonly xl?: csstype.Property.GridAutoRows<string | number> | undefined;
10884
- } | undefined;
10885
- gridColumnEnd?: csstype.Property.GridColumnEnd | {
10886
- readonly base?: csstype.Property.GridColumnEnd | undefined;
10887
- readonly xs?: csstype.Property.GridColumnEnd | undefined;
10888
- readonly s?: csstype.Property.GridColumnEnd | undefined;
10889
- readonly m?: csstype.Property.GridColumnEnd | undefined;
10890
- readonly l?: csstype.Property.GridColumnEnd | undefined;
10891
- readonly xl?: csstype.Property.GridColumnEnd | undefined;
10892
- } | undefined;
10893
- gridColumnStart?: csstype.Property.GridColumnStart | {
10894
- readonly base?: csstype.Property.GridColumnStart | undefined;
10895
- readonly xs?: csstype.Property.GridColumnStart | undefined;
10896
- readonly s?: csstype.Property.GridColumnStart | undefined;
10897
- readonly m?: csstype.Property.GridColumnStart | undefined;
10898
- readonly l?: csstype.Property.GridColumnStart | undefined;
10899
- readonly xl?: csstype.Property.GridColumnStart | undefined;
10900
- } | undefined;
10901
- gridRowEnd?: csstype.Property.GridRowEnd | {
10902
- readonly base?: csstype.Property.GridRowEnd | undefined;
10903
- readonly xs?: csstype.Property.GridRowEnd | undefined;
10904
- readonly s?: csstype.Property.GridRowEnd | undefined;
10905
- readonly m?: csstype.Property.GridRowEnd | undefined;
10906
- readonly l?: csstype.Property.GridRowEnd | undefined;
10907
- readonly xl?: csstype.Property.GridRowEnd | undefined;
10908
- } | undefined;
10909
- gridRowStart?: csstype.Property.GridRowStart | {
10910
- readonly base?: csstype.Property.GridRowStart | undefined;
10911
- readonly xs?: csstype.Property.GridRowStart | undefined;
10912
- readonly s?: csstype.Property.GridRowStart | undefined;
10913
- readonly m?: csstype.Property.GridRowStart | undefined;
10914
- readonly l?: csstype.Property.GridRowStart | undefined;
10915
- readonly xl?: csstype.Property.GridRowStart | undefined;
10916
- } | undefined;
10917
- gridTemplateAreas?: csstype.Property.GridTemplateAreas | {
10918
- readonly base?: csstype.Property.GridTemplateAreas | undefined;
10919
- readonly xs?: csstype.Property.GridTemplateAreas | undefined;
10920
- readonly s?: csstype.Property.GridTemplateAreas | undefined;
10921
- readonly m?: csstype.Property.GridTemplateAreas | undefined;
10922
- readonly l?: csstype.Property.GridTemplateAreas | undefined;
10923
- readonly xl?: csstype.Property.GridTemplateAreas | undefined;
10924
- } | undefined;
10925
- gridTemplateColumns?: csstype.Property.GridTemplateColumns<string | number> | {
10926
- readonly base?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10927
- readonly xs?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10928
- readonly s?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10929
- readonly m?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10930
- readonly l?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10931
- readonly xl?: csstype.Property.GridTemplateColumns<string | number> | undefined;
10932
- } | undefined;
10933
- gridTemplateRows?: csstype.Property.GridTemplateRows<string | number> | {
10934
- readonly base?: csstype.Property.GridTemplateRows<string | number> | undefined;
10935
- readonly xs?: csstype.Property.GridTemplateRows<string | number> | undefined;
10936
- readonly s?: csstype.Property.GridTemplateRows<string | number> | undefined;
10937
- readonly m?: csstype.Property.GridTemplateRows<string | number> | undefined;
10938
- readonly l?: csstype.Property.GridTemplateRows<string | number> | undefined;
10939
- readonly xl?: csstype.Property.GridTemplateRows<string | number> | undefined;
10940
- } | undefined;
10941
- grid?: csstype.Property.Grid | {
10942
- readonly base?: csstype.Property.Grid | undefined;
10943
- readonly xs?: csstype.Property.Grid | undefined;
10944
- readonly s?: csstype.Property.Grid | undefined;
10945
- readonly m?: csstype.Property.Grid | undefined;
10946
- readonly l?: csstype.Property.Grid | undefined;
10947
- readonly xl?: csstype.Property.Grid | undefined;
10242
+ maxHeight: SpacingValueType | {
10243
+ readonly base?: SpacingValueType | undefined;
10244
+ readonly xs?: SpacingValueType | undefined;
10245
+ readonly s?: SpacingValueType | undefined;
10246
+ readonly m?: SpacingValueType | undefined;
10247
+ readonly l?: SpacingValueType | undefined;
10248
+ readonly xl?: SpacingValueType | undefined;
10249
+ };
10250
+ maxWidth: SpacingValueType | {
10251
+ readonly base?: SpacingValueType | undefined;
10252
+ readonly xs?: SpacingValueType | undefined;
10253
+ readonly s?: SpacingValueType | undefined;
10254
+ readonly m?: SpacingValueType | undefined;
10255
+ readonly l?: SpacingValueType | undefined;
10256
+ readonly xl?: SpacingValueType | undefined;
10257
+ };
10258
+ minHeight: SpacingValueType | {
10259
+ readonly base?: SpacingValueType | undefined;
10260
+ readonly xs?: SpacingValueType | undefined;
10261
+ readonly s?: SpacingValueType | undefined;
10262
+ readonly m?: SpacingValueType | undefined;
10263
+ readonly l?: SpacingValueType | undefined;
10264
+ readonly xl?: SpacingValueType | undefined;
10265
+ };
10266
+ minWidth: SpacingValueType | {
10267
+ readonly base?: SpacingValueType | undefined;
10268
+ readonly xs?: SpacingValueType | undefined;
10269
+ readonly s?: SpacingValueType | undefined;
10270
+ readonly m?: SpacingValueType | undefined;
10271
+ readonly l?: SpacingValueType | undefined;
10272
+ readonly xl?: SpacingValueType | undefined;
10273
+ };
10274
+ overflowX?: csstype.Property.OverflowX | {
10275
+ readonly base?: csstype.Property.OverflowX | undefined;
10276
+ readonly xs?: csstype.Property.OverflowX | undefined;
10277
+ readonly s?: csstype.Property.OverflowX | undefined;
10278
+ readonly m?: csstype.Property.OverflowX | undefined;
10279
+ readonly l?: csstype.Property.OverflowX | undefined;
10280
+ readonly xl?: csstype.Property.OverflowX | undefined;
10948
10281
  } | undefined;
10949
- gridArea?: csstype.Property.GridArea | {
10950
- readonly base?: csstype.Property.GridArea | undefined;
10951
- readonly xs?: csstype.Property.GridArea | undefined;
10952
- readonly s?: csstype.Property.GridArea | undefined;
10953
- readonly m?: csstype.Property.GridArea | undefined;
10954
- readonly l?: csstype.Property.GridArea | undefined;
10955
- readonly xl?: csstype.Property.GridArea | undefined;
10282
+ overflowY?: csstype.Property.OverflowY | {
10283
+ readonly base?: csstype.Property.OverflowY | undefined;
10284
+ readonly xs?: csstype.Property.OverflowY | undefined;
10285
+ readonly s?: csstype.Property.OverflowY | undefined;
10286
+ readonly m?: csstype.Property.OverflowY | undefined;
10287
+ readonly l?: csstype.Property.OverflowY | undefined;
10288
+ readonly xl?: csstype.Property.OverflowY | undefined;
10956
10289
  } | undefined;
10957
- gridColumn?: csstype.Property.GridColumn | {
10958
- readonly base?: csstype.Property.GridColumn | undefined;
10959
- readonly xs?: csstype.Property.GridColumn | undefined;
10960
- readonly s?: csstype.Property.GridColumn | undefined;
10961
- readonly m?: csstype.Property.GridColumn | undefined;
10962
- readonly l?: csstype.Property.GridColumn | undefined;
10963
- readonly xl?: csstype.Property.GridColumn | undefined;
10290
+ textAlign?: csstype.Property.TextAlign | {
10291
+ readonly base?: csstype.Property.TextAlign | undefined;
10292
+ readonly xs?: csstype.Property.TextAlign | undefined;
10293
+ readonly s?: csstype.Property.TextAlign | undefined;
10294
+ readonly m?: csstype.Property.TextAlign | undefined;
10295
+ readonly l?: csstype.Property.TextAlign | undefined;
10296
+ readonly xl?: csstype.Property.TextAlign | undefined;
10964
10297
  } | undefined;
10965
- gridRow?: csstype.Property.GridRow | {
10966
- readonly base?: csstype.Property.GridRow | undefined;
10967
- readonly xs?: csstype.Property.GridRow | undefined;
10968
- readonly s?: csstype.Property.GridRow | undefined;
10969
- readonly m?: csstype.Property.GridRow | undefined;
10970
- readonly l?: csstype.Property.GridRow | undefined;
10971
- readonly xl?: csstype.Property.GridRow | undefined;
10298
+ whiteSpace?: csstype.Property.WhiteSpace | {
10299
+ readonly base?: csstype.Property.WhiteSpace | undefined;
10300
+ readonly xs?: csstype.Property.WhiteSpace | undefined;
10301
+ readonly s?: csstype.Property.WhiteSpace | undefined;
10302
+ readonly m?: csstype.Property.WhiteSpace | undefined;
10303
+ readonly l?: csstype.Property.WhiteSpace | undefined;
10304
+ readonly xl?: csstype.Property.WhiteSpace | undefined;
10972
10305
  } | undefined;
10973
- gridTemplate?: csstype.Property.GridTemplate | {
10974
- readonly base?: csstype.Property.GridTemplate | undefined;
10975
- readonly xs?: csstype.Property.GridTemplate | undefined;
10976
- readonly s?: csstype.Property.GridTemplate | undefined;
10977
- readonly m?: csstype.Property.GridTemplate | undefined;
10978
- readonly l?: csstype.Property.GridTemplate | undefined;
10979
- readonly xl?: csstype.Property.GridTemplate | undefined;
10306
+ overflow?: csstype.Property.Overflow | {
10307
+ readonly base?: csstype.Property.Overflow | undefined;
10308
+ readonly xs?: csstype.Property.Overflow | undefined;
10309
+ readonly s?: csstype.Property.Overflow | undefined;
10310
+ readonly m?: csstype.Property.Overflow | undefined;
10311
+ readonly l?: csstype.Property.Overflow | undefined;
10312
+ readonly xl?: csstype.Property.Overflow | undefined;
10980
10313
  } | undefined;
10981
10314
  __brand__?: "platform-web" | {
10982
10315
  readonly base?: "platform-web" | undefined;
@@ -10986,20 +10319,7 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
10986
10319
  readonly l?: "platform-web" | undefined;
10987
10320
  readonly xl?: "platform-web" | undefined;
10988
10321
  } | undefined;
10989
- } & {
10990
- onMouseOver: React$1.MouseEventHandler<HTMLElement>;
10991
- onMouseEnter: React$1.MouseEventHandler<HTMLElement>;
10992
- onMouseLeave: React$1.MouseEventHandler<HTMLElement>;
10993
- onScroll: React$1.UIEventHandler<HTMLElement>;
10994
- } & {
10995
- draggable: boolean;
10996
- onDragStart: React$1.DragEventHandler<HTMLElement>;
10997
- onDragEnter: React$1.DragEventHandler<HTMLElement>;
10998
- onDragLeave: React$1.DragEventHandler<HTMLElement>;
10999
- onDragOver: React$1.DragEventHandler<HTMLElement>;
11000
- onDragEnd: React$1.DragEventHandler<HTMLElement>;
11001
- onDrop: React$1.DragEventHandler<HTMLElement>;
11002
- } & {
10322
+ }, "display"> & Pick<{
11003
10323
  elevation?: ElevationLevels | {
11004
10324
  readonly base?: ElevationLevels | undefined;
11005
10325
  readonly xs?: ElevationLevels | undefined;
@@ -11264,128 +10584,118 @@ declare const TooltipInteractiveWrapper: styled_components.StyledComponent<"div"
11264
10584
  readonly l?: "platform-web" | undefined;
11265
10585
  readonly xl?: "platform-web" | undefined;
11266
10586
  } | undefined;
11267
- } & MakeObjectResponsive<{
11268
- backgroundColor: "transparent" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense";
11269
- }, "backgroundColor"> & {
11270
- as: "aside" | "div" | "footer" | "header" | "label" | "main" | "nav" | "section" | "span";
11271
- } & {
11272
- children?: React$1.ReactNode | React$1.ReactNode[];
11273
- tabIndex?: number | undefined;
11274
- id?: string | undefined;
11275
- } & TestID>, "backgroundColor" | "as"> & Partial<{
11276
- border?: csstype.Property.Border<string | number> | {
11277
- readonly base?: csstype.Property.Border<string | number> | undefined;
11278
- readonly xs?: csstype.Property.Border<string | number> | undefined;
11279
- readonly s?: csstype.Property.Border<string | number> | undefined;
11280
- readonly m?: csstype.Property.Border<string | number> | undefined;
11281
- readonly l?: csstype.Property.Border<string | number> | undefined;
11282
- readonly xl?: csstype.Property.Border<string | number> | undefined;
11283
- } | undefined;
11284
- backgroundColor: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | {
11285
- readonly base?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11286
- readonly xs?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11287
- readonly s?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11288
- readonly m?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11289
- readonly l?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11290
- readonly xl?: "transparent" | "feedback.background.neutral.subtle" | "feedback.background.neutral.intense" | "feedback.background.information.subtle" | "feedback.background.information.intense" | "feedback.background.negative.subtle" | "feedback.background.negative.intense" | "feedback.background.notice.subtle" | "feedback.background.notice.intense" | "feedback.background.positive.subtle" | "feedback.background.positive.intense" | "surface.background.gray.subtle" | "surface.background.gray.moderate" | "surface.background.gray.intense" | "surface.background.primary.subtle" | "surface.background.primary.intense" | "surface.background.sea.subtle" | "surface.background.sea.intense" | "surface.background.cloud.subtle" | "surface.background.cloud.intense" | "interactive.background.neutral.fadedHighlighted" | "interactive.background.neutral.disabled" | "interactive.background.neutral.default" | "interactive.background.neutral.highlighted" | "interactive.background.neutral.faded" | "interactive.background.information.fadedHighlighted" | "interactive.background.information.disabled" | "interactive.background.information.default" | "interactive.background.information.highlighted" | "interactive.background.information.faded" | "interactive.background.negative.fadedHighlighted" | "interactive.background.negative.disabled" | "interactive.background.negative.default" | "interactive.background.negative.highlighted" | "interactive.background.negative.faded" | "interactive.background.notice.fadedHighlighted" | "interactive.background.notice.disabled" | "interactive.background.notice.default" | "interactive.background.notice.highlighted" | "interactive.background.notice.faded" | "interactive.background.positive.fadedHighlighted" | "interactive.background.positive.disabled" | "interactive.background.positive.default" | "interactive.background.positive.highlighted" | "interactive.background.positive.faded" | "interactive.background.staticBlack.fadedHighlighted" | "interactive.background.staticBlack.disabled" | "interactive.background.staticBlack.default" | "interactive.background.staticBlack.highlighted" | "interactive.background.staticBlack.faded" | "interactive.background.staticWhite.fadedHighlighted" | "interactive.background.staticWhite.disabled" | "interactive.background.staticWhite.default" | "interactive.background.staticWhite.highlighted" | "interactive.background.staticWhite.faded" | "interactive.background.gray.fadedHighlighted" | "interactive.background.gray.disabled" | "interactive.background.gray.default" | "interactive.background.gray.highlighted" | "interactive.background.gray.faded" | "interactive.background.primary.fadedHighlighted" | "interactive.background.primary.disabled" | "interactive.background.primary.default" | "interactive.background.primary.highlighted" | "interactive.background.primary.faded" | "overlay.background.subtle" | "overlay.background.moderate" | "popup.background.subtle" | "popup.background.intense" | (string & Record<never, never>) | undefined;
11291
- };
11292
- cursor?: csstype.Property.Cursor | {
11293
- readonly base?: csstype.Property.Cursor | undefined;
11294
- readonly xs?: csstype.Property.Cursor | undefined;
11295
- readonly s?: csstype.Property.Cursor | undefined;
11296
- readonly m?: csstype.Property.Cursor | undefined;
11297
- readonly l?: csstype.Property.Cursor | undefined;
11298
- readonly xl?: csstype.Property.Cursor | undefined;
11299
- } | undefined;
11300
- lineHeight: SpacingValueType | {
11301
- readonly base?: SpacingValueType | undefined;
11302
- readonly xs?: SpacingValueType | undefined;
11303
- readonly s?: SpacingValueType | undefined;
11304
- readonly m?: SpacingValueType | undefined;
11305
- readonly l?: SpacingValueType | undefined;
11306
- readonly xl?: SpacingValueType | undefined;
11307
- };
11308
- opacity?: csstype.Property.Opacity | {
11309
- readonly base?: csstype.Property.Opacity | undefined;
11310
- readonly xs?: csstype.Property.Opacity | undefined;
11311
- readonly s?: csstype.Property.Opacity | undefined;
11312
- readonly m?: csstype.Property.Opacity | undefined;
11313
- readonly l?: csstype.Property.Opacity | undefined;
11314
- readonly xl?: csstype.Property.Opacity | undefined;
11315
- } | undefined;
11316
- pointerEvents?: csstype.Property.PointerEvents | {
11317
- readonly base?: csstype.Property.PointerEvents | undefined;
11318
- readonly xs?: csstype.Property.PointerEvents | undefined;
11319
- readonly s?: csstype.Property.PointerEvents | undefined;
11320
- readonly m?: csstype.Property.PointerEvents | undefined;
11321
- readonly l?: csstype.Property.PointerEvents | undefined;
11322
- readonly xl?: csstype.Property.PointerEvents | undefined;
11323
- } | undefined;
11324
- touchAction: csstype.Property.TouchAction | {
11325
- readonly base?: csstype.Property.TouchAction | undefined;
11326
- readonly xs?: csstype.Property.TouchAction | undefined;
11327
- readonly s?: csstype.Property.TouchAction | undefined;
11328
- readonly m?: csstype.Property.TouchAction | undefined;
11329
- readonly l?: csstype.Property.TouchAction | undefined;
11330
- readonly xl?: csstype.Property.TouchAction | undefined;
11331
- } | undefined;
11332
- userSelect: csstype.Property.UserSelect | {
11333
- readonly base?: csstype.Property.UserSelect | undefined;
11334
- readonly xs?: csstype.Property.UserSelect | undefined;
11335
- readonly s?: csstype.Property.UserSelect | undefined;
11336
- readonly m?: csstype.Property.UserSelect | undefined;
11337
- readonly l?: csstype.Property.UserSelect | undefined;
11338
- readonly xl?: csstype.Property.UserSelect | undefined;
11339
- } | undefined;
11340
- borderBottom?: csstype.Property.BorderBottom<string | number> | {
11341
- readonly base?: csstype.Property.BorderBottom<string | number> | undefined;
11342
- readonly xs?: csstype.Property.BorderBottom<string | number> | undefined;
11343
- readonly s?: csstype.Property.BorderBottom<string | number> | undefined;
11344
- readonly m?: csstype.Property.BorderBottom<string | number> | undefined;
11345
- readonly l?: csstype.Property.BorderBottom<string | number> | undefined;
11346
- readonly xl?: csstype.Property.BorderBottom<string | number> | undefined;
11347
- } | undefined;
11348
- borderLeft?: csstype.Property.BorderLeft<string | number> | {
11349
- readonly base?: csstype.Property.BorderLeft<string | number> | undefined;
11350
- readonly xs?: csstype.Property.BorderLeft<string | number> | undefined;
11351
- readonly s?: csstype.Property.BorderLeft<string | number> | undefined;
11352
- readonly m?: csstype.Property.BorderLeft<string | number> | undefined;
11353
- readonly l?: csstype.Property.BorderLeft<string | number> | undefined;
11354
- readonly xl?: csstype.Property.BorderLeft<string | number> | undefined;
11355
- } | undefined;
11356
- borderRight?: csstype.Property.BorderRight<string | number> | {
11357
- readonly base?: csstype.Property.BorderRight<string | number> | undefined;
11358
- readonly xs?: csstype.Property.BorderRight<string | number> | undefined;
11359
- readonly s?: csstype.Property.BorderRight<string | number> | undefined;
11360
- readonly m?: csstype.Property.BorderRight<string | number> | undefined;
11361
- readonly l?: csstype.Property.BorderRight<string | number> | undefined;
11362
- readonly xl?: csstype.Property.BorderRight<string | number> | undefined;
11363
- } | undefined;
11364
- borderTop?: csstype.Property.BorderTop<string | number> | {
11365
- readonly base?: csstype.Property.BorderTop<string | number> | undefined;
11366
- readonly xs?: csstype.Property.BorderTop<string | number> | undefined;
11367
- readonly s?: csstype.Property.BorderTop<string | number> | undefined;
11368
- readonly m?: csstype.Property.BorderTop<string | number> | undefined;
11369
- readonly l?: csstype.Property.BorderTop<string | number> | undefined;
11370
- readonly xl?: csstype.Property.BorderTop<string | number> | undefined;
11371
- } | undefined;
11372
- __brand__?: "platform-web" | {
11373
- readonly base?: "platform-web" | undefined;
11374
- readonly xs?: "platform-web" | undefined;
11375
- readonly s?: "platform-web" | undefined;
11376
- readonly m?: "platform-web" | undefined;
11377
- readonly l?: "platform-web" | undefined;
11378
- readonly xl?: "platform-web" | undefined;
11379
- } | undefined;
11380
- } & {
11381
- className?: string | undefined;
11382
- id?: string | undefined;
11383
- tabIndex?: number | undefined;
11384
- }> & BladeCommonEvents & {
11385
- 'data-blade-component'?: string | undefined;
11386
- 'data-testid'?: string | undefined;
11387
- tabIndex: -1;
11388
- }, "tabIndex" | "data-testid" | "data-blade-component">;
10587
+ }, "visibility">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
10588
+
10589
+ type RadioGroupProps = {
10590
+ /**
10591
+ * Accepts multiple radios as children
10592
+ */
10593
+ children: React__default.ReactNode;
10594
+ /**
10595
+ * Help text of the radio group
10596
+ */
10597
+ helpText?: string;
10598
+ /**
10599
+ * Error text of the radio group
10600
+ * Renders when `validationState` is set to 'error'
10601
+ *
10602
+ * Overrides helpText
10603
+ */
10604
+ errorText?: string;
10605
+ /**
10606
+ * Sets the error state of the radioGroup
10607
+ * If set to `error` it will render the `errorText` of the group,
10608
+ * and propagate `invalid` prop to every radio
10609
+ */
10610
+ validationState?: 'error' | 'none';
10611
+ /**
10612
+ * Renders a necessity indicator after radioGroup label
10613
+ *
10614
+ * If set to `undefined` it renders nothing.
10615
+ */
10616
+ necessityIndicator?: 'required' | 'optional' | 'none';
10617
+ /**
10618
+ * Sets the disabled state of the radioGroup
10619
+ * If set to `true` it propagate down to all the radios
10620
+ *
10621
+ * @default false
10622
+ */
10623
+ isDisabled?: boolean;
10624
+ /**
10625
+ * Sets the required state of the radioGroup
10626
+ * @default false
10627
+ */
10628
+ isRequired?: boolean;
10629
+ /**
10630
+ * Renders the label of the radio group
10631
+ */
10632
+ label?: string;
10633
+ /**
10634
+ * Sets the position of the label
10635
+ *
10636
+ * @default 'top'
10637
+ */
10638
+ labelPosition?: 'top' | 'left';
10639
+ /**
10640
+ * Initial value of the radio group
10641
+ */
10642
+ defaultValue?: string;
10643
+ /**
10644
+ * value of the radio group
10645
+ *
10646
+ * Use `onChange` to update its value
10647
+ */
10648
+ value?: string;
10649
+ /**
10650
+ * The callback invoked when any of the radio's state changes
10651
+ */
10652
+ onChange?: ({ name, value }: {
10653
+ name: string | undefined;
10654
+ value: string;
10655
+ }) => void;
10656
+ /**
10657
+ * The name of the input field in a radio
10658
+ * (Useful for form submission).
10659
+ */
10660
+ name?: string;
10661
+ /**
10662
+ * Size of the radios
10663
+ *
10664
+ * @default "medium"
10665
+ */
10666
+ size?: 'small' | 'medium' | 'large';
10667
+ } & TestID & StyledPropsBlade;
10668
+ declare const RadioGroup: ({ children, label, helpText, isDisabled, isRequired, necessityIndicator, labelPosition, validationState, errorText, name, defaultValue, onChange, value, size, testID, ...styledProps }: RadioGroupProps) => React__default.ReactElement;
10669
+
10670
+ type TooltipProps = {
10671
+ /**
10672
+ * Tooltip title
10673
+ */
10674
+ title?: string;
10675
+ /**
10676
+ * Tooltip content
10677
+ */
10678
+ content: string;
10679
+ /**
10680
+ * Placement of tooltip
10681
+ *
10682
+ * @default "top"
10683
+ */
10684
+ placement?: Exclude<UseFloatingOptions['placement'], 'left-end' | 'left-start' | 'right-end' | 'right-start'>;
10685
+ children: React.ReactElement;
10686
+ onOpenChange?: ({ isOpen }: {
10687
+ isOpen: boolean;
10688
+ }) => void;
10689
+ /**
10690
+ * Sets the z-index of the modal
10691
+ * @default 1100
10692
+ */
10693
+ zIndex?: number;
10694
+ };
10695
+
10696
+ declare const Tooltip: ({ title, content, children, placement, onOpenChange, zIndex, }: TooltipProps) => React__default.ReactElement;
10697
+
10698
+ declare const TooltipInteractiveWrapper: React__default.ForwardRefExoticComponent<Omit<BaseBoxProps, "as"> & React__default.RefAttributes<HTMLDivElement>>;
11389
10699
 
11390
10700
  type SideNavProps = {
11391
10701
  /**
@@ -11848,6 +11158,10 @@ type StepItemProps = {
11848
11158
  * Controlled state of selected item
11849
11159
  */
11850
11160
  isSelected?: boolean;
11161
+ /**
11162
+ * State for disabling the step item
11163
+ */
11164
+ isDisabled?: boolean;
11851
11165
  /**
11852
11166
  * Anchor tag's href value. Turns StepItem into interactive item and render it as `<a>` tag
11853
11167
  */
@@ -11908,7 +11222,7 @@ declare const StepGroup: ({ size, orientation, children, testID, _nestingLevel,
11908
11222
  *
11909
11223
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-stepgroup--docs StepGroup Documentation}
11910
11224
  */
11911
- declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
11225
+ declare const StepItem: ({ title, timestamp, description, stepProgress, marker, trailing, isSelected, isDisabled, href, target, onClick, children, _index, _totalIndex, _nestingLevel, }: StepItemProps) => React__default.ReactElement;
11912
11226
 
11913
11227
  declare const StepItemIndicator: ({ color }: {
11914
11228
  color: IndicatorProps['color'];
@@ -13909,4 +13223,4 @@ declare const VisuallyHidden: ({ children, testID }: VisuallyHiddenProps) => Rea
13909
13223
  */
13910
13224
  declare const screenReaderStyles: CSSObject;
13911
13225
 
13912
- 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, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, 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, 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, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, 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, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, 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, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, 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, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, 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, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };
13226
+ export { AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, 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, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationIcon, EqualsIcon, 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, 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, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, 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, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, 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, TabNav, TabNavItem, TabNavItemProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, 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, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, 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, drawerPadding, getHeadingProps, getTextProps, screenReaderStyles, useTheme, useToast };