@razorpay/blade 9.2.0 → 9.4.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.
@@ -3527,7 +3527,7 @@ declare type IconButtonProps = {
3527
3527
  *
3528
3528
  * @default 'medium'
3529
3529
  */
3530
- size?: 'medium' | 'large';
3530
+ size?: 'small' | 'medium' | 'large';
3531
3531
  /**
3532
3532
  * Icon contrast
3533
3533
  *
@@ -3538,6 +3538,10 @@ declare type IconButtonProps = {
3538
3538
  * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
3539
3539
  */
3540
3540
  accessibilityLabel: string;
3541
+ /**
3542
+ * Disabled state for IconButton
3543
+ */
3544
+ isDisabled?: boolean;
3541
3545
  } & BladeCommonEvents$1;
3542
3546
  declare const IconButton: React__default.ForwardRefExoticComponent<{
3543
3547
  /**
@@ -3550,7 +3554,7 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
3550
3554
  *
3551
3555
  * @default 'medium'
3552
3556
  */
3553
- size?: "medium" | "large" | undefined;
3557
+ size?: "small" | "medium" | "large" | undefined;
3554
3558
  /**
3555
3559
  * Icon contrast
3556
3560
  *
@@ -3561,6 +3565,10 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
3561
3565
  * Sets aria-label to help users know what the action does, eg 'Dismiss alert'
3562
3566
  */
3563
3567
  accessibilityLabel: string;
3568
+ /**
3569
+ * Disabled state for IconButton
3570
+ */
3571
+ isDisabled?: boolean | undefined;
3564
3572
  } & BladeCommonEvents$1 & React__default.RefAttributes<BladeElementRef>>;
3565
3573
 
3566
3574
  declare type OnChange$1 = ({ isChecked, event, value, }: {
@@ -4640,7 +4648,7 @@ declare type FormInputLabelProps = {
4640
4648
  /**
4641
4649
  * Label to be shown for the input field
4642
4650
  */
4643
- label: string;
4651
+ label?: string;
4644
4652
  /**
4645
4653
  * Desktop only prop. Default value on mobile will be `top`
4646
4654
  */
@@ -4698,7 +4706,7 @@ type FormInputOnKeyDownEvent = {
4698
4706
 
4699
4707
  declare type CommonAutoCompleteSuggestionTypes = 'none' | 'name' | 'email' | 'username' | 'password' | 'newPassword' | 'oneTimeCode' | 'telephone' | 'postalCode' | 'countryName' | 'creditCardNumber' | 'creditCardCSC' | 'creditCardExpiry' | 'creditCardExpiryMonth' | 'creditCardExpiryYear';
4700
4708
  declare type WebAutoCompleteSuggestionType = CommonAutoCompleteSuggestionTypes | 'on';
4701
- declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
4709
+ declare type BaseInputCommonProps = FormInputLabelProps & FormInputValidationProps & {
4702
4710
  /**
4703
4711
  * Determines if it needs to be rendered as input, textarea or button
4704
4712
  */
@@ -4914,9 +4922,30 @@ declare type BaseInputProps = FormInputLabelProps & FormInputValidationProps & {
4914
4922
  autoCompleteSuggestionType?: WebAutoCompleteSuggestionType;
4915
4923
  };
4916
4924
  }> & StyledPropsBlade$1;
4925
+ declare type BaseInputPropsWithA11yLabel = {
4926
+ /**
4927
+ * Label to be shown for the input field
4928
+ */
4929
+ label?: undefined;
4930
+ /**
4931
+ * Accessibility label for the input
4932
+ */
4933
+ accessibilityLabel: string;
4934
+ };
4935
+ declare type BaseInputPropsWithLabel = {
4936
+ /**
4937
+ * Label to be shown for the input field
4938
+ */
4939
+ label: string;
4940
+ /**
4941
+ * Accessibility label for the input
4942
+ */
4943
+ accessibilityLabel?: string;
4944
+ };
4945
+ declare type BaseInputProps = (BaseInputPropsWithA11yLabel | BaseInputPropsWithLabel) & BaseInputCommonProps;
4917
4946
 
4918
4947
  declare type Type = Exclude<BaseInputProps['type'], 'password'>;
4919
- declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
4948
+ declare type TextInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'value' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'maxCharacters' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'onSubmit' | 'autoCapitalize' | 'testID'> & {
4920
4949
  /**
4921
4950
  * Decides whether to render a clear icon button
4922
4951
  */
@@ -4948,195 +4977,28 @@ declare type TextInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | '
4948
4977
  */
4949
4978
  type?: Type;
4950
4979
  } & StyledPropsBlade$1;
4951
- declare const TextInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "value" | "label" | "onBlur" | "onFocus" | "onChange" | "onSubmit" | "defaultValue" | "autoCapitalize" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & {
4952
- /**
4953
- * Decides whether to render a clear icon button
4954
- */
4955
- showClearButton?: boolean | undefined;
4980
+ declare type TextInputPropsWithA11yLabel = {
4956
4981
  /**
4957
- * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
4982
+ * Label to be shown for the input field
4958
4983
  */
4959
- onClearButtonClick?: (() => void) | undefined;
4984
+ label?: undefined;
4960
4985
  /**
4961
- * Decides whether to show a loading spinner for the input field.
4986
+ * Accessibility label for the input
4962
4987
  */
4963
- isLoading?: boolean | undefined;
4988
+ accessibilityLabel: string;
4989
+ };
4990
+ declare type TextInputPropsWithLabel = {
4964
4991
  /**
4965
- * Icon that will be rendered at the beginning of the input field
4992
+ * Label to be shown for the input field
4966
4993
  */
4967
- icon?: IconComponent$1 | undefined;
4994
+ label: string;
4968
4995
  /**
4969
- * Type of Input Field to be rendered. Use `PasswordInput` for type `password`
4970
- *
4971
- *
4972
- * **Note on number type**
4973
- *
4974
- * `type="number"` internally uses `inputMode="numeric"` instead of HTML's `type="number"` which also allows text characters.
4975
- * If you have a usecase where you only want to support number input, you can handle it on validations end.
4976
- *
4977
- * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning
4978
- *
4979
- * @default text
4996
+ * Accessibility label for the input
4980
4997
  */
4981
- type?: Type;
4982
- } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
4983
- bottom: SpacingValueType | {
4984
- readonly base?: SpacingValueType | undefined;
4985
- readonly xs?: SpacingValueType | undefined;
4986
- readonly s?: SpacingValueType | undefined;
4987
- readonly m?: SpacingValueType | undefined;
4988
- readonly l?: SpacingValueType | undefined;
4989
- readonly xl?: SpacingValueType | undefined;
4990
- };
4991
- left: SpacingValueType | {
4992
- readonly base?: SpacingValueType | undefined;
4993
- readonly xs?: SpacingValueType | undefined;
4994
- readonly s?: SpacingValueType | undefined;
4995
- readonly m?: SpacingValueType | undefined;
4996
- readonly l?: SpacingValueType | undefined;
4997
- readonly xl?: SpacingValueType | undefined;
4998
- };
4999
- position?: "absolute" | "relative" | {
5000
- readonly base?: "absolute" | "relative" | undefined;
5001
- readonly xs?: "absolute" | "relative" | undefined;
5002
- readonly s?: "absolute" | "relative" | undefined;
5003
- readonly m?: "absolute" | "relative" | undefined;
5004
- readonly l?: "absolute" | "relative" | undefined;
5005
- readonly xl?: "absolute" | "relative" | undefined;
5006
- } | undefined;
5007
- right: SpacingValueType | {
5008
- readonly base?: SpacingValueType | undefined;
5009
- readonly xs?: SpacingValueType | undefined;
5010
- readonly s?: SpacingValueType | undefined;
5011
- readonly m?: SpacingValueType | undefined;
5012
- readonly l?: SpacingValueType | undefined;
5013
- readonly xl?: SpacingValueType | undefined;
5014
- };
5015
- top: SpacingValueType | {
5016
- readonly base?: SpacingValueType | undefined;
5017
- readonly xs?: SpacingValueType | undefined;
5018
- readonly s?: SpacingValueType | undefined;
5019
- readonly m?: SpacingValueType | undefined;
5020
- readonly l?: SpacingValueType | undefined;
5021
- readonly xl?: SpacingValueType | undefined;
5022
- };
5023
- zIndex?: number | {
5024
- readonly base?: number | undefined;
5025
- readonly xs?: number | undefined;
5026
- readonly s?: number | undefined;
5027
- readonly m?: number | undefined;
5028
- readonly l?: number | undefined;
5029
- readonly xl?: number | undefined;
5030
- } | undefined;
5031
- __brand__?: "platform-native" | {
5032
- readonly base?: "platform-native" | undefined;
5033
- readonly xs?: "platform-native" | undefined;
5034
- readonly s?: "platform-native" | undefined;
5035
- readonly m?: "platform-native" | undefined;
5036
- readonly l?: "platform-native" | undefined;
5037
- readonly xl?: "platform-native" | undefined;
5038
- } | undefined;
5039
- } & Pick<{
5040
- gridAutoColumns: never;
5041
- gridAutoFlow: never;
5042
- gridAutoRows: never;
5043
- gridColumnEnd: never;
5044
- gridColumnStart: never;
5045
- gridRowEnd: never;
5046
- gridRowStart: never;
5047
- gridTemplateAreas: never;
5048
- gridTemplateColumns: never;
5049
- gridTemplateRows: never;
5050
- grid: never;
5051
- gridArea: never;
5052
- gridColumn: never;
5053
- gridRow: never;
5054
- gridTemplate: never;
5055
- __brand__?: "platform-native" | {
5056
- readonly base?: "platform-native" | undefined;
5057
- readonly xs?: "platform-native" | undefined;
5058
- readonly s?: "platform-native" | undefined;
5059
- readonly m?: "platform-native" | undefined;
5060
- readonly l?: "platform-native" | undefined;
5061
- readonly xl?: "platform-native" | undefined;
5062
- } | undefined;
5063
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
5064
- width: SpacingValueType | {
5065
- readonly base?: SpacingValueType | undefined;
5066
- readonly xs?: SpacingValueType | undefined;
5067
- readonly s?: SpacingValueType | undefined;
5068
- readonly m?: SpacingValueType | undefined;
5069
- readonly l?: SpacingValueType | undefined;
5070
- readonly xl?: SpacingValueType | undefined;
5071
- };
5072
- display?: "none" | "flex" | {
5073
- readonly base?: "none" | "flex" | undefined;
5074
- readonly xs?: "none" | "flex" | undefined;
5075
- readonly s?: "none" | "flex" | undefined;
5076
- readonly m?: "none" | "flex" | undefined;
5077
- readonly l?: "none" | "flex" | undefined;
5078
- readonly xl?: "none" | "flex" | undefined;
5079
- } | undefined;
5080
- height: SpacingValueType | {
5081
- readonly base?: SpacingValueType | undefined;
5082
- readonly xs?: SpacingValueType | undefined;
5083
- readonly s?: SpacingValueType | undefined;
5084
- readonly m?: SpacingValueType | undefined;
5085
- readonly l?: SpacingValueType | undefined;
5086
- readonly xl?: SpacingValueType | undefined;
5087
- };
5088
- maxHeight: SpacingValueType | {
5089
- readonly base?: SpacingValueType | undefined;
5090
- readonly xs?: SpacingValueType | undefined;
5091
- readonly s?: SpacingValueType | undefined;
5092
- readonly m?: SpacingValueType | undefined;
5093
- readonly l?: SpacingValueType | undefined;
5094
- readonly xl?: SpacingValueType | undefined;
5095
- };
5096
- maxWidth: SpacingValueType | {
5097
- readonly base?: SpacingValueType | undefined;
5098
- readonly xs?: SpacingValueType | undefined;
5099
- readonly s?: SpacingValueType | undefined;
5100
- readonly m?: SpacingValueType | undefined;
5101
- readonly l?: SpacingValueType | undefined;
5102
- readonly xl?: SpacingValueType | undefined;
5103
- };
5104
- minHeight: SpacingValueType | {
5105
- readonly base?: SpacingValueType | undefined;
5106
- readonly xs?: SpacingValueType | undefined;
5107
- readonly s?: SpacingValueType | undefined;
5108
- readonly m?: SpacingValueType | undefined;
5109
- readonly l?: SpacingValueType | undefined;
5110
- readonly xl?: SpacingValueType | undefined;
5111
- };
5112
- minWidth: SpacingValueType | {
5113
- readonly base?: SpacingValueType | undefined;
5114
- readonly xs?: SpacingValueType | undefined;
5115
- readonly s?: SpacingValueType | undefined;
5116
- readonly m?: SpacingValueType | undefined;
5117
- readonly l?: SpacingValueType | undefined;
5118
- readonly xl?: SpacingValueType | undefined;
5119
- };
5120
- overflowX: never;
5121
- overflowY: never;
5122
- textAlign: never;
5123
- overflow?: "hidden" | "scroll" | "visible" | {
5124
- readonly base?: "hidden" | "scroll" | "visible" | undefined;
5125
- readonly xs?: "hidden" | "scroll" | "visible" | undefined;
5126
- readonly s?: "hidden" | "scroll" | "visible" | undefined;
5127
- readonly m?: "hidden" | "scroll" | "visible" | undefined;
5128
- readonly l?: "hidden" | "scroll" | "visible" | undefined;
5129
- readonly xl?: "hidden" | "scroll" | "visible" | undefined;
5130
- } | undefined;
5131
- __brand__?: "platform-native" | {
5132
- readonly base?: "platform-native" | undefined;
5133
- readonly xs?: "platform-native" | undefined;
5134
- readonly s?: "platform-native" | undefined;
5135
- readonly m?: "platform-native" | undefined;
5136
- readonly l?: "platform-native" | undefined;
5137
- readonly xl?: "platform-native" | undefined;
5138
- } | undefined;
5139
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
4998
+ accessibilityLabel?: string;
4999
+ };
5000
+ declare type TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) & TextInputCommonProps;
5001
+ declare const TextInput: React__default.ForwardRefExoticComponent<TextInputProps & React__default.RefAttributes<BladeElementRef>>;
5140
5002
 
5141
5003
  declare type PasswordInputExtraProps = {
5142
5004
  /**
@@ -5168,167 +5030,31 @@ declare type PasswordInputExtraProps = {
5168
5030
  */
5169
5031
  autoCompleteSuggestionType?: Extract<BaseInputProps['autoCompleteSuggestionType'], 'none' | 'password' | 'newPassword'>;
5170
5032
  };
5171
- declare type PasswordInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade$1;
5172
- declare const PasswordInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "onChange" | "onSubmit" | "defaultValue" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "helpText" | "errorText" | "successText" | "maxCharacters" | "keyboardReturnKeyType" | "autoCompleteSuggestionType"> & PasswordInputExtraProps & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5173
- bottom: SpacingValueType | {
5174
- readonly base?: SpacingValueType | undefined;
5175
- readonly xs?: SpacingValueType | undefined;
5176
- readonly s?: SpacingValueType | undefined;
5177
- readonly m?: SpacingValueType | undefined;
5178
- readonly l?: SpacingValueType | undefined;
5179
- readonly xl?: SpacingValueType | undefined;
5180
- };
5181
- left: SpacingValueType | {
5182
- readonly base?: SpacingValueType | undefined;
5183
- readonly xs?: SpacingValueType | undefined;
5184
- readonly s?: SpacingValueType | undefined;
5185
- readonly m?: SpacingValueType | undefined;
5186
- readonly l?: SpacingValueType | undefined;
5187
- readonly xl?: SpacingValueType | undefined;
5188
- };
5189
- position?: "absolute" | "relative" | {
5190
- readonly base?: "absolute" | "relative" | undefined;
5191
- readonly xs?: "absolute" | "relative" | undefined;
5192
- readonly s?: "absolute" | "relative" | undefined;
5193
- readonly m?: "absolute" | "relative" | undefined;
5194
- readonly l?: "absolute" | "relative" | undefined;
5195
- readonly xl?: "absolute" | "relative" | undefined;
5196
- } | undefined;
5197
- right: SpacingValueType | {
5198
- readonly base?: SpacingValueType | undefined;
5199
- readonly xs?: SpacingValueType | undefined;
5200
- readonly s?: SpacingValueType | undefined;
5201
- readonly m?: SpacingValueType | undefined;
5202
- readonly l?: SpacingValueType | undefined;
5203
- readonly xl?: SpacingValueType | undefined;
5204
- };
5205
- top: SpacingValueType | {
5206
- readonly base?: SpacingValueType | undefined;
5207
- readonly xs?: SpacingValueType | undefined;
5208
- readonly s?: SpacingValueType | undefined;
5209
- readonly m?: SpacingValueType | undefined;
5210
- readonly l?: SpacingValueType | undefined;
5211
- readonly xl?: SpacingValueType | undefined;
5212
- };
5213
- zIndex?: number | {
5214
- readonly base?: number | undefined;
5215
- readonly xs?: number | undefined;
5216
- readonly s?: number | undefined;
5217
- readonly m?: number | undefined;
5218
- readonly l?: number | undefined;
5219
- readonly xl?: number | undefined;
5220
- } | undefined;
5221
- __brand__?: "platform-native" | {
5222
- readonly base?: "platform-native" | undefined;
5223
- readonly xs?: "platform-native" | undefined;
5224
- readonly s?: "platform-native" | undefined;
5225
- readonly m?: "platform-native" | undefined;
5226
- readonly l?: "platform-native" | undefined;
5227
- readonly xl?: "platform-native" | undefined;
5228
- } | undefined;
5229
- } & Pick<{
5230
- gridAutoColumns: never;
5231
- gridAutoFlow: never;
5232
- gridAutoRows: never;
5233
- gridColumnEnd: never;
5234
- gridColumnStart: never;
5235
- gridRowEnd: never;
5236
- gridRowStart: never;
5237
- gridTemplateAreas: never;
5238
- gridTemplateColumns: never;
5239
- gridTemplateRows: never;
5240
- grid: never;
5241
- gridArea: never;
5242
- gridColumn: never;
5243
- gridRow: never;
5244
- gridTemplate: never;
5245
- __brand__?: "platform-native" | {
5246
- readonly base?: "platform-native" | undefined;
5247
- readonly xs?: "platform-native" | undefined;
5248
- readonly s?: "platform-native" | undefined;
5249
- readonly m?: "platform-native" | undefined;
5250
- readonly l?: "platform-native" | undefined;
5251
- readonly xl?: "platform-native" | undefined;
5252
- } | undefined;
5253
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
5254
- width: SpacingValueType | {
5255
- readonly base?: SpacingValueType | undefined;
5256
- readonly xs?: SpacingValueType | undefined;
5257
- readonly s?: SpacingValueType | undefined;
5258
- readonly m?: SpacingValueType | undefined;
5259
- readonly l?: SpacingValueType | undefined;
5260
- readonly xl?: SpacingValueType | undefined;
5261
- };
5262
- display?: "none" | "flex" | {
5263
- readonly base?: "none" | "flex" | undefined;
5264
- readonly xs?: "none" | "flex" | undefined;
5265
- readonly s?: "none" | "flex" | undefined;
5266
- readonly m?: "none" | "flex" | undefined;
5267
- readonly l?: "none" | "flex" | undefined;
5268
- readonly xl?: "none" | "flex" | undefined;
5269
- } | undefined;
5270
- height: SpacingValueType | {
5271
- readonly base?: SpacingValueType | undefined;
5272
- readonly xs?: SpacingValueType | undefined;
5273
- readonly s?: SpacingValueType | undefined;
5274
- readonly m?: SpacingValueType | undefined;
5275
- readonly l?: SpacingValueType | undefined;
5276
- readonly xl?: SpacingValueType | undefined;
5277
- };
5278
- maxHeight: SpacingValueType | {
5279
- readonly base?: SpacingValueType | undefined;
5280
- readonly xs?: SpacingValueType | undefined;
5281
- readonly s?: SpacingValueType | undefined;
5282
- readonly m?: SpacingValueType | undefined;
5283
- readonly l?: SpacingValueType | undefined;
5284
- readonly xl?: SpacingValueType | undefined;
5285
- };
5286
- maxWidth: SpacingValueType | {
5287
- readonly base?: SpacingValueType | undefined;
5288
- readonly xs?: SpacingValueType | undefined;
5289
- readonly s?: SpacingValueType | undefined;
5290
- readonly m?: SpacingValueType | undefined;
5291
- readonly l?: SpacingValueType | undefined;
5292
- readonly xl?: SpacingValueType | undefined;
5293
- };
5294
- minHeight: SpacingValueType | {
5295
- readonly base?: SpacingValueType | undefined;
5296
- readonly xs?: SpacingValueType | undefined;
5297
- readonly s?: SpacingValueType | undefined;
5298
- readonly m?: SpacingValueType | undefined;
5299
- readonly l?: SpacingValueType | undefined;
5300
- readonly xl?: SpacingValueType | undefined;
5301
- };
5302
- minWidth: SpacingValueType | {
5303
- readonly base?: SpacingValueType | undefined;
5304
- readonly xs?: SpacingValueType | undefined;
5305
- readonly s?: SpacingValueType | undefined;
5306
- readonly m?: SpacingValueType | undefined;
5307
- readonly l?: SpacingValueType | undefined;
5308
- readonly xl?: SpacingValueType | undefined;
5309
- };
5310
- overflowX: never;
5311
- overflowY: never;
5312
- textAlign: never;
5313
- overflow?: "hidden" | "scroll" | "visible" | {
5314
- readonly base?: "hidden" | "scroll" | "visible" | undefined;
5315
- readonly xs?: "hidden" | "scroll" | "visible" | undefined;
5316
- readonly s?: "hidden" | "scroll" | "visible" | undefined;
5317
- readonly m?: "hidden" | "scroll" | "visible" | undefined;
5318
- readonly l?: "hidden" | "scroll" | "visible" | undefined;
5319
- readonly xl?: "hidden" | "scroll" | "visible" | undefined;
5320
- } | undefined;
5321
- __brand__?: "platform-native" | {
5322
- readonly base?: "platform-native" | undefined;
5323
- readonly xs?: "platform-native" | undefined;
5324
- readonly s?: "platform-native" | undefined;
5325
- readonly m?: "platform-native" | undefined;
5326
- readonly l?: "platform-native" | undefined;
5327
- readonly xl?: "platform-native" | undefined;
5328
- } | undefined;
5329
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5033
+ declare type PasswordInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'maxCharacters' | 'validationState' | 'errorText' | 'successText' | 'helpText' | 'isDisabled' | 'defaultValue' | 'placeholder' | 'isRequired' | 'value' | 'onChange' | 'onBlur' | 'onSubmit' | 'onFocus' | 'name' | 'autoFocus' | 'keyboardReturnKeyType' | 'autoCompleteSuggestionType' | 'testID'> & PasswordInputExtraProps & StyledPropsBlade$1;
5034
+ declare type PasswordInputPropsWithA11yLabel = {
5035
+ /**
5036
+ * Label to be shown for the input field
5037
+ */
5038
+ label?: undefined;
5039
+ /**
5040
+ * Accessibility label for the input
5041
+ */
5042
+ accessibilityLabel: string;
5043
+ };
5044
+ declare type PasswordInputPropsWithLabel = {
5045
+ /**
5046
+ * Label to be shown for the input field
5047
+ */
5048
+ label: string;
5049
+ /**
5050
+ * Accessibility label for the input
5051
+ */
5052
+ accessibilityLabel?: string;
5053
+ };
5054
+ declare type PasswordInputProps = (PasswordInputPropsWithA11yLabel | PasswordInputPropsWithLabel) & PasswordInputCommonProps;
5055
+ declare const PasswordInput: React__default.ForwardRefExoticComponent<PasswordInputProps & React__default.RefAttributes<BladeElementRef>>;
5330
5056
 
5331
- declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
5057
+ declare type TextAreaCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'placeholder' | 'defaultValue' | 'name' | 'onChange' | 'onFocus' | 'onBlur' | 'onSubmit' | 'value' | 'isDisabled' | 'isRequired' | 'maxCharacters' | 'autoFocus' | 'numberOfLines' | 'testID'> & {
5332
5058
  /**
5333
5059
  * Decides whether to render a clear icon button
5334
5060
  */
@@ -5338,180 +5064,35 @@ declare type TextAreaProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'n
5338
5064
  */
5339
5065
  onClearButtonClick?: () => void;
5340
5066
  } & StyledPropsBlade$1;
5341
- declare const TextArea: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "value" | "label" | "onBlur" | "onFocus" | "onChange" | "onSubmit" | "defaultValue" | "autoFocus" | "numberOfLines" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "maxCharacters"> & {
5067
+ declare type TextAreaPropsWithA11yLabel = {
5342
5068
  /**
5343
- * Decides whether to render a clear icon button
5069
+ * Label to be shown for the input field
5344
5070
  */
5345
- showClearButton?: boolean | undefined;
5071
+ label?: undefined;
5346
5072
  /**
5347
- * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`
5073
+ * Accessibility label for the input
5348
5074
  */
5349
- onClearButtonClick?: (() => void) | undefined;
5350
- } & Partial<Omit<MarginProps & Pick<FlexboxProps, "alignSelf" | "justifySelf" | "order" | "placeSelf"> & {
5351
- bottom: SpacingValueType | {
5352
- readonly base?: SpacingValueType | undefined;
5353
- readonly xs?: SpacingValueType | undefined;
5354
- readonly s?: SpacingValueType | undefined;
5355
- readonly m?: SpacingValueType | undefined;
5356
- readonly l?: SpacingValueType | undefined;
5357
- readonly xl?: SpacingValueType | undefined;
5358
- };
5359
- left: SpacingValueType | {
5360
- readonly base?: SpacingValueType | undefined;
5361
- readonly xs?: SpacingValueType | undefined;
5362
- readonly s?: SpacingValueType | undefined;
5363
- readonly m?: SpacingValueType | undefined;
5364
- readonly l?: SpacingValueType | undefined;
5365
- readonly xl?: SpacingValueType | undefined;
5366
- };
5367
- position?: "absolute" | "relative" | {
5368
- readonly base?: "absolute" | "relative" | undefined;
5369
- readonly xs?: "absolute" | "relative" | undefined;
5370
- readonly s?: "absolute" | "relative" | undefined;
5371
- readonly m?: "absolute" | "relative" | undefined;
5372
- readonly l?: "absolute" | "relative" | undefined;
5373
- readonly xl?: "absolute" | "relative" | undefined;
5374
- } | undefined;
5375
- right: SpacingValueType | {
5376
- readonly base?: SpacingValueType | undefined;
5377
- readonly xs?: SpacingValueType | undefined;
5378
- readonly s?: SpacingValueType | undefined;
5379
- readonly m?: SpacingValueType | undefined;
5380
- readonly l?: SpacingValueType | undefined;
5381
- readonly xl?: SpacingValueType | undefined;
5382
- };
5383
- top: SpacingValueType | {
5384
- readonly base?: SpacingValueType | undefined;
5385
- readonly xs?: SpacingValueType | undefined;
5386
- readonly s?: SpacingValueType | undefined;
5387
- readonly m?: SpacingValueType | undefined;
5388
- readonly l?: SpacingValueType | undefined;
5389
- readonly xl?: SpacingValueType | undefined;
5390
- };
5391
- zIndex?: number | {
5392
- readonly base?: number | undefined;
5393
- readonly xs?: number | undefined;
5394
- readonly s?: number | undefined;
5395
- readonly m?: number | undefined;
5396
- readonly l?: number | undefined;
5397
- readonly xl?: number | undefined;
5398
- } | undefined;
5399
- __brand__?: "platform-native" | {
5400
- readonly base?: "platform-native" | undefined;
5401
- readonly xs?: "platform-native" | undefined;
5402
- readonly s?: "platform-native" | undefined;
5403
- readonly m?: "platform-native" | undefined;
5404
- readonly l?: "platform-native" | undefined;
5405
- readonly xl?: "platform-native" | undefined;
5406
- } | undefined;
5407
- } & Pick<{
5408
- gridAutoColumns: never;
5409
- gridAutoFlow: never;
5410
- gridAutoRows: never;
5411
- gridColumnEnd: never;
5412
- gridColumnStart: never;
5413
- gridRowEnd: never;
5414
- gridRowStart: never;
5415
- gridTemplateAreas: never;
5416
- gridTemplateColumns: never;
5417
- gridTemplateRows: never;
5418
- grid: never;
5419
- gridArea: never;
5420
- gridColumn: never;
5421
- gridRow: never;
5422
- gridTemplate: never;
5423
- __brand__?: "platform-native" | {
5424
- readonly base?: "platform-native" | undefined;
5425
- readonly xs?: "platform-native" | undefined;
5426
- readonly s?: "platform-native" | undefined;
5427
- readonly m?: "platform-native" | undefined;
5428
- readonly l?: "platform-native" | undefined;
5429
- readonly xl?: "platform-native" | undefined;
5430
- } | undefined;
5431
- }, "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridArea" | "gridColumn" | "gridRow"> & Pick<{
5432
- width: SpacingValueType | {
5433
- readonly base?: SpacingValueType | undefined;
5434
- readonly xs?: SpacingValueType | undefined;
5435
- readonly s?: SpacingValueType | undefined;
5436
- readonly m?: SpacingValueType | undefined;
5437
- readonly l?: SpacingValueType | undefined;
5438
- readonly xl?: SpacingValueType | undefined;
5439
- };
5440
- display?: "none" | "flex" | {
5441
- readonly base?: "none" | "flex" | undefined;
5442
- readonly xs?: "none" | "flex" | undefined;
5443
- readonly s?: "none" | "flex" | undefined;
5444
- readonly m?: "none" | "flex" | undefined;
5445
- readonly l?: "none" | "flex" | undefined;
5446
- readonly xl?: "none" | "flex" | undefined;
5447
- } | undefined;
5448
- height: SpacingValueType | {
5449
- readonly base?: SpacingValueType | undefined;
5450
- readonly xs?: SpacingValueType | undefined;
5451
- readonly s?: SpacingValueType | undefined;
5452
- readonly m?: SpacingValueType | undefined;
5453
- readonly l?: SpacingValueType | undefined;
5454
- readonly xl?: SpacingValueType | undefined;
5455
- };
5456
- maxHeight: SpacingValueType | {
5457
- readonly base?: SpacingValueType | undefined;
5458
- readonly xs?: SpacingValueType | undefined;
5459
- readonly s?: SpacingValueType | undefined;
5460
- readonly m?: SpacingValueType | undefined;
5461
- readonly l?: SpacingValueType | undefined;
5462
- readonly xl?: SpacingValueType | undefined;
5463
- };
5464
- maxWidth: SpacingValueType | {
5465
- readonly base?: SpacingValueType | undefined;
5466
- readonly xs?: SpacingValueType | undefined;
5467
- readonly s?: SpacingValueType | undefined;
5468
- readonly m?: SpacingValueType | undefined;
5469
- readonly l?: SpacingValueType | undefined;
5470
- readonly xl?: SpacingValueType | undefined;
5471
- };
5472
- minHeight: SpacingValueType | {
5473
- readonly base?: SpacingValueType | undefined;
5474
- readonly xs?: SpacingValueType | undefined;
5475
- readonly s?: SpacingValueType | undefined;
5476
- readonly m?: SpacingValueType | undefined;
5477
- readonly l?: SpacingValueType | undefined;
5478
- readonly xl?: SpacingValueType | undefined;
5479
- };
5480
- minWidth: SpacingValueType | {
5481
- readonly base?: SpacingValueType | undefined;
5482
- readonly xs?: SpacingValueType | undefined;
5483
- readonly s?: SpacingValueType | undefined;
5484
- readonly m?: SpacingValueType | undefined;
5485
- readonly l?: SpacingValueType | undefined;
5486
- readonly xl?: SpacingValueType | undefined;
5487
- };
5488
- overflowX: never;
5489
- overflowY: never;
5490
- textAlign: never;
5491
- overflow?: "hidden" | "scroll" | "visible" | {
5492
- readonly base?: "hidden" | "scroll" | "visible" | undefined;
5493
- readonly xs?: "hidden" | "scroll" | "visible" | undefined;
5494
- readonly s?: "hidden" | "scroll" | "visible" | undefined;
5495
- readonly m?: "hidden" | "scroll" | "visible" | undefined;
5496
- readonly l?: "hidden" | "scroll" | "visible" | undefined;
5497
- readonly xl?: "hidden" | "scroll" | "visible" | undefined;
5498
- } | undefined;
5499
- __brand__?: "platform-native" | {
5500
- readonly base?: "platform-native" | undefined;
5501
- readonly xs?: "platform-native" | undefined;
5502
- readonly s?: "platform-native" | undefined;
5503
- readonly m?: "platform-native" | undefined;
5504
- readonly l?: "platform-native" | undefined;
5505
- readonly xl?: "platform-native" | undefined;
5506
- } | undefined;
5507
- }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
5075
+ accessibilityLabel: string;
5076
+ };
5077
+ declare type TextAreaPropsWithLabel = {
5078
+ /**
5079
+ * Label to be shown for the input field
5080
+ */
5081
+ label: string;
5082
+ /**
5083
+ * Accessibility label for the input
5084
+ */
5085
+ accessibilityLabel?: string;
5086
+ };
5087
+ declare type TextAreaProps = (TextAreaPropsWithA11yLabel | TextAreaPropsWithLabel) & TextAreaCommonProps;
5088
+ declare const TextArea: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<BladeElementRef>>;
5508
5089
 
5509
5090
  declare type FormInputOnEventWithIndex = ({ name, value, inputIndex, }: {
5510
5091
  name?: string;
5511
5092
  value?: string;
5512
5093
  inputIndex: number;
5513
5094
  }) => void;
5514
- declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
5095
+ declare type OTPInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'onChange' | 'value' | 'isDisabled' | 'autoFocus' | 'keyboardReturnKeyType' | 'keyboardType' | 'placeholder' | 'testID'> & {
5515
5096
  /**
5516
5097
  * Determines the number of input fields to show for the OTP
5517
5098
  * @default 6
@@ -5548,6 +5129,27 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
5548
5129
  */
5549
5130
  onBlur?: FormInputOnEventWithIndex;
5550
5131
  } & StyledPropsBlade$1;
5132
+ declare type OTPInputPropsWithA11yLabel = {
5133
+ /**
5134
+ * Label to be shown for the input field
5135
+ */
5136
+ label?: undefined;
5137
+ /**
5138
+ * Accessibility label for the input
5139
+ */
5140
+ accessibilityLabel: string;
5141
+ };
5142
+ declare type OTPInputPropsWithLabel = {
5143
+ /**
5144
+ * Label to be shown for the input field
5145
+ */
5146
+ label: string;
5147
+ /**
5148
+ * Accessibility label for the input
5149
+ */
5150
+ accessibilityLabel?: string;
5151
+ };
5152
+ declare type OTPInputProps = (OTPInputPropsWithA11yLabel | OTPInputPropsWithLabel) & OTPInputCommonProps;
5551
5153
  /**
5552
5154
  * OTPInput component can be used for accepting OTPs sent to users for authentication/verification purposes.
5553
5155
  *
@@ -5562,9 +5164,9 @@ declare type OTPInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'v
5562
5164
  * />
5563
5165
  * ```
5564
5166
  */
5565
- declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
5167
+ declare const OTPInput: ({ autoFocus, errorText, helpText, isDisabled, keyboardReturnKeyType, keyboardType, label, accessibilityLabel, labelPosition, name, onChange, onFocus, onBlur, onOTPFilled, otpLength, placeholder, successText, validationState, value, isMasked, autoCompleteSuggestionType, testID, ...styledProps }: OTPInputProps) => React__default.ReactElement;
5566
5168
 
5567
- declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
5169
+ declare type SelectInputCommonProps = Pick<BaseInputProps, 'label' | 'accessibilityLabel' | 'labelPosition' | 'necessityIndicator' | 'validationState' | 'helpText' | 'errorText' | 'successText' | 'name' | 'isDisabled' | 'isRequired' | 'prefix' | 'suffix' | 'autoFocus' | 'onClick' | 'onFocus' | 'onBlur' | 'placeholder' | 'testID'> & {
5568
5170
  icon?: IconComponent$1;
5569
5171
  /**
5570
5172
  * Controlled value of the Select. Use it in combination of `onChange`.
@@ -5581,6 +5183,27 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
5581
5183
  values: string[];
5582
5184
  }) => void;
5583
5185
  };
5186
+ declare type SelectInputPropsWithA11yLabel = {
5187
+ /**
5188
+ * Label to be shown for the input field
5189
+ */
5190
+ label?: undefined;
5191
+ /**
5192
+ * Accessibility label for the input
5193
+ */
5194
+ accessibilityLabel: string;
5195
+ };
5196
+ declare type SelectInputPropsWithLabel = {
5197
+ /**
5198
+ * Label to be shown for the input field
5199
+ */
5200
+ label: string;
5201
+ /**
5202
+ * Accessibility label for the input
5203
+ */
5204
+ accessibilityLabel?: string;
5205
+ };
5206
+ declare type SelectInputProps = (SelectInputPropsWithA11yLabel | SelectInputPropsWithLabel) & SelectInputCommonProps;
5584
5207
  /**
5585
5208
  * ### SelectInput
5586
5209
  *
@@ -5608,23 +5231,7 @@ declare type SelectInputProps = Pick<BaseInputProps, 'label' | 'labelPosition' |
5608
5231
  *
5609
5232
  * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select SelectInput Documentation}.
5610
5233
  */
5611
- declare const SelectInput: React__default.ForwardRefExoticComponent<Pick<BaseInputProps, "placeholder" | "name" | "testID" | "prefix" | "label" | "onBlur" | "onFocus" | "onClick" | "autoFocus" | "isDisabled" | "labelPosition" | "isRequired" | "validationState" | "necessityIndicator" | "helpText" | "errorText" | "successText" | "suffix"> & {
5612
- icon?: IconComponent$1 | undefined;
5613
- /**
5614
- * Controlled value of the Select. Use it in combination of `onChange`.
5615
- *
5616
- * Check out [Controlled Dropdown Documentation](https://blade.razorpay.com/?path=/story/components-dropdown-with-select--controlled-dropdown&globals=measureEnabled:false) for example.
5617
- */
5618
- value?: string | string[] | undefined;
5619
- /**
5620
- * Used to set the default value of SelectInput when it's uncontrolled. Use `value` instead for controlled SelectInput
5621
- */
5622
- defaultValue?: string | string[] | undefined;
5623
- onChange?: (({ name, values }: {
5624
- name?: string | undefined;
5625
- values: string[];
5626
- }) => void) | undefined;
5627
- } & React__default.RefAttributes<BladeElementRef>>;
5234
+ declare const SelectInput: React__default.ForwardRefExoticComponent<SelectInputProps & React__default.RefAttributes<BladeElementRef>>;
5628
5235
 
5629
5236
  declare type IndicatorCommonProps = {
5630
5237
  /**
@@ -6595,6 +6202,70 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
6595
6202
  } | undefined;
6596
6203
  }, "display">, "__brand__">> & React__default.RefAttributes<BladeElementRef>>;
6597
6204
 
6205
+ declare type TagProps = {
6206
+ /**
6207
+ * Decides the size of Tag
6208
+ *
6209
+ * @default medium
6210
+ */
6211
+ size?: 'medium' | 'large';
6212
+ /**
6213
+ * Leading icon for your Tag
6214
+ */
6215
+ icon?: IconComponent$1;
6216
+ /**
6217
+ * Callback when close icon on Tag is clicked
6218
+ */
6219
+ onDismiss: () => void;
6220
+ /**
6221
+ * Text that renders inside Tag
6222
+ */
6223
+ children: StringChildrenType;
6224
+ /**
6225
+ * Disable tag
6226
+ */
6227
+ isDisabled?: boolean;
6228
+ /**
6229
+ * Private property for Blade.
6230
+ *
6231
+ * Should not be used by consumers.
6232
+ *
6233
+ * Used for adding virtual focus on tag.
6234
+ *
6235
+ * @private
6236
+ *
6237
+ */
6238
+ _isTagFocussed?: boolean;
6239
+ } & StyledPropsBlade$1 & TestID;
6240
+ /**
6241
+ * ## Tags
6242
+ *
6243
+ * Tag component can be used to display selected items on UI.
6244
+ *
6245
+ * ### Usage
6246
+ *
6247
+ * ***Note:*** _Make sure to handle state when using Tag_
6248
+ *
6249
+ * ```jsx
6250
+ * const [showTag, setShowTag] = React.useState(true);
6251
+ *
6252
+ * // ...
6253
+ *
6254
+ * {showTag && (
6255
+ * <Tag
6256
+ * icon={CheckIcon}
6257
+ * onDismiss={() => setShowTag(false)}
6258
+ * >
6259
+ * Transactions
6260
+ * </Tag>
6261
+ * )}
6262
+ * ```
6263
+ *
6264
+ * Checkout [Tags Documentation](https://blade.razorpay.com/?path=/story/components-tag--default) for more info.
6265
+ *
6266
+ */
6267
+ declare const Tag: ({ size, icon, onDismiss, children, isDisabled, testID, _isTagFocussed, ...styledProps }: TagProps) => React__default.ReactElement | null;
6268
+
6598
6269
  declare type SkeletonProps = StyledPropsBlade & Pick<BaseBoxProps, 'width' | 'maxWidth' | 'minWidth' | 'height' | 'maxHeight' | 'minHeight' | 'borderRadius'> & Partial<FlexboxProps> & {
6599
6270
  contrast?: 'low' | 'high';
6600
6271
  testID?: string;
@@ -6888,4 +6559,4 @@ declare type BladeCommonEvents = {
6888
6559
  }>;
6889
6560
  };
6890
6561
 
6891
- export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, TagIcon, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };
6562
+ export { Accordion, AccordionItem, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionDivider, ActionListSectionProps, ActivityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertTriangleIcon as AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon$1 as AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AnnouncementIcon, ApertureIcon, AppStoreIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, Attachment as AttachmentIcon, AwardIcon, Badge, BadgeProps, BankIcon, BarChartAltIcon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BillIcon, BladeCommonEvents, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, BriefcaseIcon, BulkPayoutsIcon, Button, ButtonProps, CalendarIcon, CameraIcon, CameraOffIcon, Card, CardBody, CardFooter, CardFooterAction, CardFooterLeading, CardFooterTrailing, CardHeader, CardHeaderBadge, CardHeaderCounter, CardHeaderIcon, CardHeaderIconButton, CardHeaderLeading, CardHeaderLink, CardHeaderText, CardHeaderTrailing, CardProps, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodepenIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompassIcon, ComponentIds, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, CustomersIcon, CutIcon, DashboardIcon, DeleteIcon, DiscIcon, Divider, DividerProps, DollarIcon, DollarsIcon, DownloadCloudIcon, DownloadIcon, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EditComposeIcon, EditIcon, EditInlineIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FolderIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphonesIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, Indicator, IndicatorProps, InfoIcon, InstagramIcon, InvoicesIcon, ItalicIcon, LayersIcon, LayoutIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, MenuDotsIcon, MenuIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MoveIcon, MusicIcon, MyAccountIcon, NavigationIcon, OTPInput, OTPInputCommonProps, OctagonIcon, OffersIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonsIcon, PaymentLinksIcon, PaymentPagesIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, QRCodeIcon, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RazorpayIcon, RazorpayXIcon, RefreshIcon, RepeatIcon, ReportsIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RoutesIcon, RupeeIcon, RupeesIcon, SaveIcon, ScissorsIcon, SearchIcon, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, SlidersIcon, SmartCollectIcon, SmartphoneIcon, SpeakerIcon, Spinner, SpinnerProps, SquareIcon, StampIcon, StarIcon, StopCircleIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabletIcon, Tag, TagIcon, TagProps, TargetIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, Title, TitleProps, ToggleLeftIcon, ToggleRightIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TransactionsIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VideoIcon, VideoOffIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, XCircleIcon, XSquareIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useActionListContext, useTheme };