@razorpay/blade 12.53.1 → 12.55.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 (122) hide show
  1. package/build/lib/native/components/BottomSheet/BottomSheet.native.js +1 -1
  2. package/build/lib/native/components/BottomSheet/BottomSheet.native.js.map +1 -1
  3. package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js +1 -1
  4. package/build/lib/native/components/BottomSheet/BottomSheetBackdrop.native.js.map +1 -1
  5. package/build/lib/native/components/BottomSheet/BottomSheetCommon.js +1 -1
  6. package/build/lib/native/components/BottomSheet/BottomSheetCommon.js.map +1 -1
  7. package/build/lib/native/components/BottomSheet/BottomSheetContext.js +1 -1
  8. package/build/lib/native/components/BottomSheet/BottomSheetContext.js.map +1 -1
  9. package/build/lib/native/components/BottomSheet/BottomSheetHeader.native.js +1 -1
  10. package/build/lib/native/components/BottomSheet/BottomSheetHeader.native.js.map +1 -1
  11. package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  12. package/build/lib/native/components/Input/BaseInput/BaseInput.js +1 -1
  13. package/build/lib/native/components/Input/BaseInput/BaseInput.js.map +1 -1
  14. package/build/lib/native/components/TimePicker/TimePicker.native.js +7 -0
  15. package/build/lib/native/components/TimePicker/TimePicker.native.js.map +1 -0
  16. package/build/lib/native/components/index.js +1 -0
  17. package/build/lib/native/components/index.js.map +1 -1
  18. package/build/lib/native/tokens/global/size.js +1 -1
  19. package/build/lib/native/tokens/global/size.js.map +1 -1
  20. package/build/lib/native/utils/metaAttribute/metaConstants.js +1 -1
  21. package/build/lib/native/utils/metaAttribute/metaConstants.js.map +1 -1
  22. package/build/lib/web/development/components/BottomSheet/BottomSheet.web.js +40 -11
  23. package/build/lib/web/development/components/BottomSheet/BottomSheet.web.js.map +1 -1
  24. package/build/lib/web/development/components/BottomSheet/BottomSheetBackdrop.web.js +5 -2
  25. package/build/lib/web/development/components/BottomSheet/BottomSheetBackdrop.web.js.map +1 -1
  26. package/build/lib/web/development/components/BottomSheet/BottomSheetCommon.js +5 -2
  27. package/build/lib/web/development/components/BottomSheet/BottomSheetCommon.js.map +1 -1
  28. package/build/lib/web/development/components/BottomSheet/BottomSheetContext.js +1 -0
  29. package/build/lib/web/development/components/BottomSheet/BottomSheetContext.js.map +1 -1
  30. package/build/lib/web/development/components/BottomSheet/BottomSheetHeader.web.js +4 -3
  31. package/build/lib/web/development/components/BottomSheet/BottomSheetHeader.web.js.map +1 -1
  32. package/build/lib/web/development/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  33. package/build/lib/web/development/components/DatePicker/usePopup.js.map +1 -1
  34. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js +4 -2
  35. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js.map +1 -1
  36. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js +41 -2
  37. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  38. package/build/lib/web/development/components/Modal/Modal.web.js +8 -5
  39. package/build/lib/web/development/components/Modal/Modal.web.js.map +1 -1
  40. package/build/lib/web/development/components/Modal/ModalBackdrop.js +5 -2
  41. package/build/lib/web/development/components/Modal/ModalBackdrop.js.map +1 -1
  42. package/build/lib/web/development/components/Modal/ModalContext.js +1 -0
  43. package/build/lib/web/development/components/Modal/ModalContext.js.map +1 -1
  44. package/build/lib/web/development/components/Modal/ModalHeader.web.js +7 -4
  45. package/build/lib/web/development/components/Modal/ModalHeader.web.js.map +1 -1
  46. package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js +262 -0
  47. package/build/lib/web/development/components/TimePicker/BaseTimePicker.web.js.map +1 -0
  48. package/build/lib/web/development/components/TimePicker/SpinWheel.web.js +188 -0
  49. package/build/lib/web/development/components/TimePicker/SpinWheel.web.js.map +1 -0
  50. package/build/lib/web/development/components/TimePicker/TimeInput.web.js +256 -0
  51. package/build/lib/web/development/components/TimePicker/TimeInput.web.js.map +1 -0
  52. package/build/lib/web/development/components/TimePicker/TimePicker.web.js +13 -0
  53. package/build/lib/web/development/components/TimePicker/TimePicker.web.js.map +1 -0
  54. package/build/lib/web/development/components/TimePicker/TimePickerContent.web.js +200 -0
  55. package/build/lib/web/development/components/TimePicker/TimePickerContent.web.js.map +1 -0
  56. package/build/lib/web/development/components/TimePicker/TimePickerFooter.web.js +49 -0
  57. package/build/lib/web/development/components/TimePicker/TimePickerFooter.web.js.map +1 -0
  58. package/build/lib/web/development/components/TimePicker/index.js +2 -0
  59. package/build/lib/web/development/components/TimePicker/index.js.map +1 -0
  60. package/build/lib/web/development/components/TimePicker/useTimePickerState.js +146 -0
  61. package/build/lib/web/development/components/TimePicker/useTimePickerState.js.map +1 -0
  62. package/build/lib/web/development/components/TimePicker/utils.js +252 -0
  63. package/build/lib/web/development/components/TimePicker/utils.js.map +1 -0
  64. package/build/lib/web/development/components/index.js +2 -0
  65. package/build/lib/web/development/components/index.js.map +1 -1
  66. package/build/lib/web/development/tokens/global/size.js +16 -0
  67. package/build/lib/web/development/tokens/global/size.js.map +1 -1
  68. package/build/lib/web/development/utils/metaAttribute/metaConstants.js +2 -1
  69. package/build/lib/web/development/utils/metaAttribute/metaConstants.js.map +1 -1
  70. package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js +40 -11
  71. package/build/lib/web/production/components/BottomSheet/BottomSheet.web.js.map +1 -1
  72. package/build/lib/web/production/components/BottomSheet/BottomSheetBackdrop.web.js +5 -2
  73. package/build/lib/web/production/components/BottomSheet/BottomSheetBackdrop.web.js.map +1 -1
  74. package/build/lib/web/production/components/BottomSheet/BottomSheetCommon.js +5 -2
  75. package/build/lib/web/production/components/BottomSheet/BottomSheetCommon.js.map +1 -1
  76. package/build/lib/web/production/components/BottomSheet/BottomSheetContext.js +1 -0
  77. package/build/lib/web/production/components/BottomSheet/BottomSheetContext.js.map +1 -1
  78. package/build/lib/web/production/components/BottomSheet/BottomSheetHeader.web.js +4 -3
  79. package/build/lib/web/production/components/BottomSheet/BottomSheetHeader.web.js.map +1 -1
  80. package/build/lib/web/production/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  81. package/build/lib/web/production/components/DatePicker/usePopup.js.map +1 -1
  82. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js +4 -2
  83. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js.map +1 -1
  84. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js +41 -2
  85. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  86. package/build/lib/web/production/components/Modal/Modal.web.js +8 -5
  87. package/build/lib/web/production/components/Modal/Modal.web.js.map +1 -1
  88. package/build/lib/web/production/components/Modal/ModalBackdrop.js +5 -2
  89. package/build/lib/web/production/components/Modal/ModalBackdrop.js.map +1 -1
  90. package/build/lib/web/production/components/Modal/ModalContext.js +1 -0
  91. package/build/lib/web/production/components/Modal/ModalContext.js.map +1 -1
  92. package/build/lib/web/production/components/Modal/ModalHeader.web.js +7 -4
  93. package/build/lib/web/production/components/Modal/ModalHeader.web.js.map +1 -1
  94. package/build/lib/web/production/components/TimePicker/BaseTimePicker.web.js +262 -0
  95. package/build/lib/web/production/components/TimePicker/BaseTimePicker.web.js.map +1 -0
  96. package/build/lib/web/production/components/TimePicker/SpinWheel.web.js +188 -0
  97. package/build/lib/web/production/components/TimePicker/SpinWheel.web.js.map +1 -0
  98. package/build/lib/web/production/components/TimePicker/TimeInput.web.js +256 -0
  99. package/build/lib/web/production/components/TimePicker/TimeInput.web.js.map +1 -0
  100. package/build/lib/web/production/components/TimePicker/TimePicker.web.js +13 -0
  101. package/build/lib/web/production/components/TimePicker/TimePicker.web.js.map +1 -0
  102. package/build/lib/web/production/components/TimePicker/TimePickerContent.web.js +200 -0
  103. package/build/lib/web/production/components/TimePicker/TimePickerContent.web.js.map +1 -0
  104. package/build/lib/web/production/components/TimePicker/TimePickerFooter.web.js +49 -0
  105. package/build/lib/web/production/components/TimePicker/TimePickerFooter.web.js.map +1 -0
  106. package/build/lib/web/production/components/TimePicker/index.js +2 -0
  107. package/build/lib/web/production/components/TimePicker/index.js.map +1 -0
  108. package/build/lib/web/production/components/TimePicker/useTimePickerState.js +146 -0
  109. package/build/lib/web/production/components/TimePicker/useTimePickerState.js.map +1 -0
  110. package/build/lib/web/production/components/TimePicker/utils.js +252 -0
  111. package/build/lib/web/production/components/TimePicker/utils.js.map +1 -0
  112. package/build/lib/web/production/components/index.js +2 -0
  113. package/build/lib/web/production/components/index.js.map +1 -1
  114. package/build/lib/web/production/tokens/global/size.js +16 -0
  115. package/build/lib/web/production/tokens/global/size.js.map +1 -1
  116. package/build/lib/web/production/utils/metaAttribute/metaConstants.js +2 -1
  117. package/build/lib/web/production/utils/metaAttribute/metaConstants.js.map +1 -1
  118. package/build/types/components/index.d.ts +440 -246
  119. package/build/types/components/index.native.d.ts +160 -146
  120. package/build/types/tokens/index.d.ts +16 -0
  121. package/build/types/tokens/index.native.d.ts +16 -0
  122. package/package.json +5 -1
package/build/types/components/index.d.ts CHANGED
@@ -12,6 +12,7 @@ import { DateValue, DatesRangeValue, DatePickerProps as DatePickerProps$1, DayOf
12
12
  export { DateValue, DatesRangeValue } from '@mantine/dates';
13
13
  import { Placement, UseFloatingOptions } from '@floating-ui/react';
14
14
  import { CountryCodeType } from '@razorpay/i18nify-js';
15
+ import { Time } from '@internationalized/date';
15
16
  import { Toast } from 'react-hot-toast';
16
17
 
17
18
  type BorderRadius = Readonly<{
@@ -1309,15 +1310,16 @@ type PositionProps = MakeObjectResponsive<{
1309
1310
  } & PickCSSByPlatform<'position' | 'zIndex'>>;
1310
1311
  type GridProps = MakeObjectResponsive<PickCSSByPlatform<'grid' | 'gridColumn' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'gridColumnStart' | 'gridColumnEnd' | 'gridArea' | 'gridAutoFlow' | 'gridAutoRows' | 'gridAutoColumns' | 'gridTemplate' | 'gridTemplateAreas' | 'gridTemplateColumns' | 'gridTemplateRows'>>;
1311
1312
  type ColorObjects = 'feedback' | 'surface' | 'interactive';
1313
+ type BorderOnlyColorObjects = 'popup';
1312
1314
  type BackgroundOnlyColorObjects = 'popup' | 'overlay';
1313
1315
  type BackgroundColorString<T extends ColorObjects | BackgroundOnlyColorObjects> = `${T}.background.${DotNotationToken<Theme['colors'][T]['background']>}`;
1314
- type BorderColorString<T extends ColorObjects> = `${T}.border.${DotNotationToken<Theme['colors'][T]['border']>}`;
1316
+ type BorderColorString<T extends ColorObjects | BorderOnlyColorObjects> = `${T}.border.${DotNotationToken<Theme['colors'][T]['border']>}`;
1315
1317
  declare const validBoxAsValues: readonly ["div", "section", "footer", "header", "main", "aside", "nav", "span", "label"];
1316
1318
  type BoxAsType = typeof validBoxAsValues[number];
1317
1319
  type CommonBoxVisualProps = MakeObjectResponsive<{
1318
1320
  borderRadius: keyof Border['radius'];
1319
1321
  borderWidth: keyof Border['width'];
1320
- borderColor: BorderColorString<'surface'>;
1322
+ borderColor: BorderColorString<'surface'> | BorderColorString<'popup'>;
1321
1323
  borderTopWidth: keyof Border['width'];
1322
1324
  borderTopColor: BorderColorString<'surface'>;
1323
1325
  borderRightWidth: keyof Border['width'];
@@ -1823,13 +1825,13 @@ declare const Box: React__default.ForwardRefExoticComponent<Partial<PaddingProps
1823
1825
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
1824
1826
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
1825
1827
  } | undefined;
1826
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
1827
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1828
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1829
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1830
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1831
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1832
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
1828
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
1829
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1830
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1831
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1832
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1833
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1834
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
1833
1835
  };
1834
1836
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
1835
1837
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -3232,13 +3234,13 @@ declare const Accordion: React__default.ForwardRefExoticComponent<{
3232
3234
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
3233
3235
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
3234
3236
  } | undefined;
3235
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3236
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3237
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3238
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3239
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3240
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3241
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3237
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
3238
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3239
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3240
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3241
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3242
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3243
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3242
3244
  };
3243
3245
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3244
3246
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -3748,13 +3750,13 @@ declare const Divider: React__default.ForwardRefExoticComponent<{
3748
3750
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
3749
3751
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
3750
3752
  } | undefined;
3751
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
3752
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3753
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3754
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3755
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3756
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3757
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
3753
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
3754
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3755
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3756
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3757
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3758
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3759
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
3758
3760
  };
3759
3761
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
3760
3762
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -4416,13 +4418,13 @@ declare const Badge: React__default.ForwardRefExoticComponent<{
4416
4418
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
4417
4419
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
4418
4420
  } | undefined;
4419
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
4420
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4421
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4422
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4423
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4424
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4425
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
4421
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
4422
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4423
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4424
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4425
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4426
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4427
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
4426
4428
  };
4427
4429
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
4428
4430
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -5642,13 +5644,13 @@ declare const Alert: React__default.ForwardRefExoticComponent<{
5642
5644
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
5643
5645
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
5644
5646
  } | undefined;
5645
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
5646
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5647
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5648
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5649
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5650
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5651
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
5647
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
5648
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5649
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5650
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5651
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5652
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5653
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
5652
5654
  };
5653
5655
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
5654
5656
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -6390,13 +6392,13 @@ declare const Avatar: React__default.ForwardRefExoticComponent<{
6390
6392
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
6391
6393
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
6392
6394
  } | undefined;
6393
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
6394
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6395
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6396
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6397
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6398
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6399
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
6395
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
6396
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6397
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6398
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6399
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6400
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6401
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
6400
6402
  };
6401
6403
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
6402
6404
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -6503,6 +6505,11 @@ type BottomSheetProps = {
6503
6505
  * Called when the bottom sheet is closed, either by user state, hitting `esc` or tapping backdrop
6504
6506
  */
6505
6507
  onDismiss?: () => void;
6508
+ /**
6509
+ * Whether the bottom sheet can be dismissed by tapping backdrop, swiping down.
6510
+ * @default true
6511
+ */
6512
+ isDismissible?: boolean;
6506
6513
  /**
6507
6514
  * Toggles bottom sheet state
6508
6515
  *
@@ -6549,13 +6556,13 @@ type BottomSheetBodyProps = {
6549
6556
  overflow?: BaseBoxProps['overflow'];
6550
6557
  } & DataAnalyticsAttribute;
6551
6558
 
6552
- declare const BottomSheetHeader: ({ title, subtitle, leading, titleSuffix, trailing, showBackButton, onBackButtonClick, children, ...dataAnalyticsProps }: BottomSheetHeaderProps) => React__default.ReactElement;
6559
+ declare const BottomSheetHeader: ({ title, subtitle, leading, trailing, titleSuffix, showBackButton, onBackButtonClick, children, ...dataAnalyticsProps }: BottomSheetHeaderProps) => React__default.ReactElement;
6553
6560
 
6554
6561
  declare const BottomSheetFooter: ({ children, ...dataAnalyticsProps }: BaseFooterProps) => React__default.ReactElement;
6555
6562
 
6556
6563
  declare const BottomSheetBody: ({ children, padding, overflow, ...dataAnalyticsProps }: BottomSheetBodyProps) => React__default.ReactElement;
6557
6564
 
6558
- declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, zIndex, ...dataAnalyticsProps }: BottomSheetProps) => React__default.ReactElement;
6565
+ declare const BottomSheet: ({ isOpen, onDismiss, children, initialFocusRef, snapPoints, isDismissible, zIndex, ...dataAnalyticsProps }: BottomSheetProps) => React__default.ReactElement;
6559
6566
 
6560
6567
  type LinkCommonProps = {
6561
6568
  variant?: 'anchor' | 'button';
@@ -7093,13 +7100,13 @@ declare const BottomNav: React__default.ForwardRefExoticComponent<{
7093
7100
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
7094
7101
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
7095
7102
  } | undefined;
7096
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
7097
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7098
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7099
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7100
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7101
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7102
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7103
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
7104
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7105
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7106
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7107
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7108
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7109
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7103
7110
  };
7104
7111
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
7105
7112
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -7538,13 +7545,13 @@ declare const Breadcrumb: React__default.ForwardRefExoticComponent<Partial<Omit<
7538
7545
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
7539
7546
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
7540
7547
  } | undefined;
7541
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
7542
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7543
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7544
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7545
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7546
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7547
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
7548
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
7549
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7550
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7551
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7552
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7553
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7554
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
7548
7555
  };
7549
7556
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
7550
7557
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -8122,13 +8129,13 @@ declare const IconButton: React__default.ForwardRefExoticComponent<{
8122
8129
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
8123
8130
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
8124
8131
  } | undefined;
8125
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
8126
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8127
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8128
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8129
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8130
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8131
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8132
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
8133
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8134
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8135
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8136
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8137
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8138
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8132
8139
  };
8133
8140
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
8134
8141
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -8650,13 +8657,13 @@ declare const ButtonGroup: React__default.ForwardRefExoticComponent<{
8650
8657
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
8651
8658
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
8652
8659
  } | undefined;
8653
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
8654
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8655
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8656
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8657
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8658
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8659
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
8660
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
8661
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8662
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8663
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8664
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8665
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8666
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
8660
8667
  };
8661
8668
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
8662
8669
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -9385,13 +9392,13 @@ declare const Card: React__default.ForwardRefExoticComponent<{
9385
9392
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
9386
9393
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
9387
9394
  } | undefined;
9388
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
9389
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9390
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9391
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9392
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9393
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9394
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9395
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
9396
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9397
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9398
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9399
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9400
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9401
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9395
9402
  };
9396
9403
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
9397
9404
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -9888,13 +9895,13 @@ declare const Counter: React__default.ForwardRefExoticComponent<{
9888
9895
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
9889
9896
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
9890
9897
  } | undefined;
9891
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
9892
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9893
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9894
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9895
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9896
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9897
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
9898
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
9899
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9900
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9901
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9902
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9903
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9904
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
9898
9905
  };
9899
9906
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
9900
9907
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -10366,13 +10373,13 @@ declare const Heading: React__default.ForwardRefExoticComponent<{
10366
10373
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
10367
10374
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
10368
10375
  } | undefined;
10369
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10370
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10371
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10372
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10373
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10374
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10375
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10376
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
10377
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10378
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10379
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10380
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10381
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10382
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10376
10383
  };
10377
10384
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10378
10385
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -10948,13 +10955,13 @@ declare const Display: React__default.ForwardRefExoticComponent<{
10948
10955
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
10949
10956
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
10950
10957
  } | undefined;
10951
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
10952
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10953
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10954
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10955
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10956
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10957
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
10958
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
10959
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10960
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10961
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10962
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10963
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10964
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
10958
10965
  };
10959
10966
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
10960
10967
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -11532,13 +11539,13 @@ declare const Carousel: React__default.ForwardRefExoticComponent<{
11532
11539
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
11533
11540
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
11534
11541
  } | undefined;
11535
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
11536
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11537
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11538
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11539
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11540
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11541
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
11542
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
11543
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11544
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11545
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11546
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11547
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11548
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
11542
11549
  };
11543
11550
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
11544
11551
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -12296,13 +12303,13 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<{
12296
12303
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
12297
12304
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
12298
12305
  } | undefined;
12299
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
12300
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12301
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12302
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12303
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12304
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12305
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
12306
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
12307
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12308
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12309
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12310
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12311
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12312
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
12306
12313
  };
12307
12314
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
12308
12315
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -13332,13 +13339,13 @@ declare const Collapsible: React$1.ForwardRefExoticComponent<{
13332
13339
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
13333
13340
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
13334
13341
  } | undefined;
13335
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
13336
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13337
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13338
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13339
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13340
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13341
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
13342
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
13343
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13344
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13345
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13346
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13347
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13348
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
13342
13349
  };
13343
13350
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
13344
13351
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -13639,7 +13646,7 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
13639
13646
  /**
13640
13647
  * Determines if it needs to be rendered as input, textarea or button
13641
13648
  */
13642
- as?: 'input' | 'textarea' | 'button';
13649
+ as?: 'input' | 'textarea' | 'button' | 'div';
13643
13650
  /**
13644
13651
  * ID that will be used for accessibility
13645
13652
  */
@@ -13911,6 +13918,7 @@ type BaseInputCommonProps = FormInputLabelProps & DataAnalyticsAttribute & FormI
13911
13918
  * Slot to be rendered adjacent to the value
13912
13919
  */
13913
13920
  valueSuffix?: React__default.ReactNode;
13921
+ children?: ReactNode;
13914
13922
  } & TestID & Platform.Select<{
13915
13923
  native: {
13916
13924
  /**
@@ -14656,13 +14664,13 @@ declare const Dropdown: React__default.ForwardRefExoticComponent<{
14656
14664
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
14657
14665
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
14658
14666
  } | undefined;
14659
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
14660
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14661
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14662
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14663
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14664
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14665
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
14667
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
14668
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14669
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14670
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14671
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14672
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14673
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
14666
14674
  };
14667
14675
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
14668
14676
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -15380,13 +15388,13 @@ declare const EmptyState: React__default.ForwardRefExoticComponent<{
15380
15388
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
15381
15389
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
15382
15390
  } | undefined;
15383
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
15384
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15385
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15386
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15387
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15388
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15389
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
15391
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
15392
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15393
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15394
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15395
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15396
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15397
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
15390
15398
  };
15391
15399
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
15392
15400
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -16303,13 +16311,13 @@ declare const InfoGroup: React__default.ForwardRefExoticComponent<{
16303
16311
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
16304
16312
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
16305
16313
  } | undefined;
16306
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
16307
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16308
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16309
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16310
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16311
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16312
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16314
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
16315
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16316
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16317
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16318
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16319
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16320
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16313
16321
  };
16314
16322
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
16315
16323
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -16759,13 +16767,13 @@ declare const InfoGroup: React__default.ForwardRefExoticComponent<{
16759
16767
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
16760
16768
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
16761
16769
  } | undefined;
16762
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
16763
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16764
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16765
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16766
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16767
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16768
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
16770
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
16771
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16772
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16773
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16774
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16775
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16776
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
16769
16777
  };
16770
16778
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
16771
16779
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -17271,13 +17279,13 @@ declare const Indicator: React__default.ForwardRefExoticComponent<{
17271
17279
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
17272
17280
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
17273
17281
  } | undefined;
17274
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
17275
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17276
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17277
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17278
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17279
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17280
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
17282
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
17283
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17284
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17285
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17286
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17287
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17288
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
17281
17289
  };
17282
17290
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
17283
17291
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -18108,13 +18116,13 @@ declare const PhoneNumberInput: React__default.ForwardRefExoticComponent<Partial
18108
18116
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
18109
18117
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
18110
18118
  } | undefined;
18111
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
18112
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18113
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18114
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18115
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18116
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18117
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18119
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
18120
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18121
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18122
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18123
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18124
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18125
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18118
18126
  };
18119
18127
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
18120
18128
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -18690,13 +18698,13 @@ declare const InputGroup: React__default.ForwardRefExoticComponent<{
18690
18698
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
18691
18699
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
18692
18700
  } | undefined;
18693
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
18694
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18695
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18696
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18697
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18698
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18699
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
18701
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
18702
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18703
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18704
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18705
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18706
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18707
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
18700
18708
  };
18701
18709
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
18702
18710
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -18930,7 +18938,12 @@ type ModalProps = {
18930
18938
  /**
18931
18939
  * Callback function when user clicks on close button or outside the modal or on pressing escape key.
18932
18940
  */
18933
- onDismiss: () => void;
18941
+ onDismiss?: () => void;
18942
+ /**
18943
+ * Whether the modal can be dismissed by clicking outside or pressing escape key
18944
+ * @default true
18945
+ */
18946
+ isDismissible?: boolean;
18934
18947
  /**
18935
18948
  * Ref to the element to be focused on opening the modal.
18936
18949
  */
@@ -18951,7 +18964,7 @@ type ModalProps = {
18951
18964
  zIndex?: number;
18952
18965
  } & DataAnalyticsAttribute;
18953
18966
 
18954
- declare const Modal: ({ isOpen, children, onDismiss, initialFocusRef, size, accessibilityLabel, zIndex, ...rest }: ModalProps) => React__default.ReactElement;
18967
+ declare const Modal: ({ isOpen, children, onDismiss, isDismissible, initialFocusRef, size, accessibilityLabel, zIndex, ...rest }: ModalProps) => React__default.ReactElement;
18955
18968
 
18956
18969
  type MoveProps = Pick<BaseMotionEntryExitProps, 'children' | 'isVisible' | 'motionTriggers' | 'shouldUnmountWhenHidden' | 'type' | 'delay'>;
18957
18970
 
@@ -19868,13 +19881,13 @@ declare const Radio: React__default.ForwardRefExoticComponent<{
19868
19881
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
19869
19882
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
19870
19883
  } | undefined;
19871
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
19872
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19873
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19874
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19875
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19876
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19877
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
19884
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
19885
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19886
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19887
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19888
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19889
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19890
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
19878
19891
  };
19879
19892
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
19880
19893
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -20458,13 +20471,13 @@ declare const SideNav: React__default.ForwardRefExoticComponent<{
20458
20471
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
20459
20472
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
20460
20473
  } | undefined;
20461
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
20462
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20463
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20464
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20465
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20466
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20467
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
20474
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
20475
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20476
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20477
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20478
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20479
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20480
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
20468
20481
  };
20469
20482
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
20470
20483
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -21152,13 +21165,13 @@ declare const Skeleton: React__default.ForwardRefExoticComponent<Partial<Omit<Ma
21152
21165
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
21153
21166
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
21154
21167
  } | undefined;
21155
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
21156
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21157
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21158
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21159
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21160
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21161
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21168
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
21169
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21170
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21171
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21172
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21173
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21174
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21162
21175
  };
21163
21176
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
21164
21177
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -21660,13 +21673,13 @@ declare const Spinner: React__default.ForwardRefExoticComponent<{
21660
21673
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
21661
21674
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
21662
21675
  } | undefined;
21663
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
21664
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21665
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21666
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21667
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21668
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21669
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
21676
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
21677
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21678
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21679
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21680
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21681
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21682
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
21670
21683
  };
21671
21684
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
21672
21685
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -22308,13 +22321,13 @@ declare const StepGroup: React__default.ForwardRefExoticComponent<{
22308
22321
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
22309
22322
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
22310
22323
  } | undefined;
22311
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
22312
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22313
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22314
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22315
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22316
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22317
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
22324
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
22325
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22326
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22327
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22328
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22329
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22330
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
22318
22331
  };
22319
22332
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
22320
22333
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -23028,13 +23041,13 @@ declare const Switch: React__default.ForwardRefExoticComponent<{
23028
23041
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
23029
23042
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
23030
23043
  } | undefined;
23031
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
23032
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23033
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23034
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23035
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23036
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23037
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
23044
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
23045
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23046
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23047
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23048
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23049
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23050
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
23038
23051
  };
23039
23052
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
23040
23053
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -24113,13 +24126,13 @@ declare const TabList: ({ children, ...rest }: {
24113
24126
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
24114
24127
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
24115
24128
  } | undefined;
24116
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
24117
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24118
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24119
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24120
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24121
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24122
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24129
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
24130
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24131
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24132
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24133
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24134
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24135
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24123
24136
  };
24124
24137
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
24125
24138
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -24595,13 +24608,13 @@ declare const Tag: React__default.ForwardRefExoticComponent<{
24595
24608
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
24596
24609
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
24597
24610
  } | undefined;
24598
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
24599
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24600
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24601
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24602
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24603
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24604
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
24611
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
24612
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24613
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24614
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24615
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24616
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24617
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
24605
24618
  };
24606
24619
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
24607
24620
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -24690,6 +24703,187 @@ type TagProps = {
24690
24703
  _isTagInsideInput?: boolean;
24691
24704
  } & StyledPropsBlade & DataAnalyticsAttribute & TestID;
24692
24705
 
24706
+ /**
24707
+ * Time format types supported by TimePicker
24708
+ * Both 12h and 24h formats are supported using React Aria.
24709
+ */
24710
+ type TimeFormat = '12h' | '24h';
24711
+ /**
24712
+ * Minute step intervals supported by TimePicker
24713
+ */
24714
+ type MinuteStep = 1 | 5 | 15 | 30;
24715
+ /**
24716
+ * Value object returned by TimePicker onChange and onApply callbacks
24717
+ * Designed for future extensibility while maintaining backwards compatibility
24718
+ */
24719
+ type TimePickerValue = {
24720
+ /**
24721
+ * The selected time as a Date object
24722
+ */
24723
+ value: Date | null;
24724
+ };
24725
+ type TimePickerCommonInputProps = {
24726
+ inputRef?: React.Ref<HTMLInputElement>;
24727
+ referenceProps?: {
24728
+ onKeyDown?: (event: React.KeyboardEvent) => void;
24729
+ 'aria-controls'?: string;
24730
+ 'aria-expanded'?: boolean;
24731
+ 'aria-haspopup'?: boolean | 'grid' | 'dialog' | 'menu' | 'listbox' | 'tree';
24732
+ [key: string]: unknown;
24733
+ };
24734
+ } & Pick<BaseInputProps, 'labelPosition' | 'size' | 'isRequired' | 'necessityIndicator' | 'autoFocus' | 'isDisabled' | 'accessibilityLabel' | 'name' | 'placeholder' | 'label' | 'onFocus' | 'onBlur' | 'labelSuffix' | 'labelTrailing'> & FormInputValidationProps;
24735
+ type TimePickerInputProps = TimePickerCommonInputProps & {
24736
+ timeValue?: Date | null;
24737
+ internalTimeValue?: Time | null;
24738
+ testID?: string;
24739
+ timeFormat?: TimeFormat;
24740
+ ref?: React.Ref<BladeElementRef>;
24741
+ inputRef?: React.Ref<HTMLInputElement>;
24742
+ referenceProps?: {
24743
+ onKeyDown?: (event: React.KeyboardEvent) => void;
24744
+ 'aria-controls'?: string;
24745
+ 'aria-expanded'?: boolean;
24746
+ 'aria-haspopup'?: boolean | 'grid' | 'dialog' | 'menu' | 'listbox' | 'tree';
24747
+ [key: string]: unknown;
24748
+ };
24749
+ setControlledValue?: (time: Date | null) => void;
24750
+ onChange?: (time: Date | null) => void;
24751
+ onTimeValueChange?: (timeValue: Time | null) => void;
24752
+ createCompleteTime?: () => Date | null;
24753
+ isDropdownOpen?: boolean;
24754
+ setIsDropdownOpen?: (isOpen: boolean) => void;
24755
+ };
24756
+ type TimePickerSelectorProps = {
24757
+ /**
24758
+ * Current time value as Date object (for controlled usage)
24759
+ */
24760
+ time?: Date | null;
24761
+ /**
24762
+ * Default time value as Date object (for uncontrolled usage)
24763
+ */
24764
+ defaultValue?: Date | null;
24765
+ /**
24766
+ * Callback fired when time value changes during selection
24767
+ * @param timeValue - Object containing the selected time and future extensible properties
24768
+ */
24769
+ onChange?: (timeValue: TimePickerValue) => void;
24770
+ /**
24771
+ * Time format for display and interaction
24772
+ * @default "12h"
24773
+ *
24774
+ * Both 12h and 24h formats are supported using React Aria.
24775
+ */
24776
+ timeFormat?: TimeFormat;
24777
+ /**
24778
+ * Controls dropdown open state (for controlled usage)
24779
+ * @default false
24780
+ */
24781
+ isOpen?: boolean;
24782
+ /**
24783
+ * Default open state (for uncontrolled usage)
24784
+ * @default false
24785
+ */
24786
+ defaultIsOpen?: boolean;
24787
+ /**
24788
+ * Step interval for minutes selection
24789
+ * @default 1
24790
+ * @example 15 // allows 00, 15, 30, 45 minutes only
24791
+ */
24792
+ minuteStep?: MinuteStep;
24793
+ /**
24794
+ * Callback fired when dropdown open state changes
24795
+ * @param state - Object containing the new open state
24796
+ */
24797
+ onOpenChange?: (state: {
24798
+ isOpen: boolean;
24799
+ }) => void;
24800
+ /**
24801
+ * Whether to show the apply/cancel buttons in the dropdown
24802
+ * @default true
24803
+ *
24804
+ * When true:
24805
+ * - Shows Apply/Cancel buttons for explicit confirmation
24806
+ * - User must click Apply to confirm selection
24807
+ * - Better for complex time selections
24808
+ *
24809
+ * When false:
24810
+ * - On blur, selected time will automatically apply and close the dropdown
24811
+ * - Pressing Enter immediately applies the current selection and closes
24812
+ * - More streamlined interaction experience
24813
+ */
24814
+ showFooterActions?: boolean;
24815
+ /**
24816
+ * Callback fired when user applies time selection
24817
+ * Only called when showFooterActions is true and user clicks Apply
24818
+ * @param timeValue - Object containing the confirmed time value
24819
+ */
24820
+ onApply?: (timeValue: TimePickerValue) => void;
24821
+ /**
24822
+ * To set the controlled value of the time picker
24823
+ */
24824
+ setControlledValue?: (time: Date | null) => void;
24825
+ size?: 'medium' | 'large';
24826
+ };
24827
+ /**
24828
+ * Main TimePicker component props
24829
+ * Combines input functionality with time selection capabilities
24830
+ */
24831
+ type TimePickerProps = Omit<TimePickerInputProps, 'inputRef' | 'refrenceProps' | 'successText' | 'errorText' | 'helpText' | 'time' | 'onChange'> & Omit<TimePickerSelectorProps, 'isOpen' | 'defaultIsOpen' | 'onOpenChange' | 'time'> & {
24832
+ /**
24833
+ * Current time value as Date object (for controlled usage)
24834
+ */
24835
+ value?: Date | null;
24836
+ /**
24837
+ * Callback fired when time value changes
24838
+ * @param timeValue - Object containing the selected time
24839
+ */
24840
+ onChange?: (timeValue: TimePickerValue) => void;
24841
+ /**
24842
+ * Label for the time input
24843
+ */
24844
+ label?: string;
24845
+ /**
24846
+ * Help text to guide the user
24847
+ */
24848
+ helpText?: string;
24849
+ /**
24850
+ * Error text to show validation errors
24851
+ */
24852
+ errorText?: string;
24853
+ /**
24854
+ * Success text to show validation success
24855
+ */
24856
+ successText?: string;
24857
+ /**
24858
+ * Controls dropdown open state (for controlled usage)
24859
+ * @default false
24860
+ */
24861
+ isOpen?: boolean;
24862
+ /**
24863
+ * Default open state (for uncontrolled usage)
24864
+ * @default false
24865
+ */
24866
+ defaultIsOpen?: boolean;
24867
+ /**
24868
+ * Callback fired when dropdown open state changes
24869
+ * @param state - Object containing the new open state
24870
+ */
24871
+ onOpenChange?: (state: {
24872
+ isOpen: boolean;
24873
+ }) => void;
24874
+ /**
24875
+ * Test ID for testing purposes
24876
+ */
24877
+ testID?: string;
24878
+ /**
24879
+ * Accessibility label for screen readers
24880
+ * When not provided, falls back to label prop
24881
+ */
24882
+ accessibilityLabel?: string;
24883
+ };
24884
+
24885
+ declare const TimePicker: (props: TimePickerProps) => React__default.ReactElement;
24886
+
24693
24887
  type ToastContainerProps = {
24694
24888
  /**
24695
24889
  * The offset from the bottom of the screen to the toast container.
@@ -25305,13 +25499,13 @@ declare const TopNav: React__default.ForwardRefExoticComponent<{
25305
25499
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
25306
25500
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
25307
25501
  } | undefined;
25308
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
25309
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25310
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25311
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25312
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25313
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25314
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25502
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
25503
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25504
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25505
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25506
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25507
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25508
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25315
25509
  };
25316
25510
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
25317
25511
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -25756,13 +25950,13 @@ declare const TopNav: React__default.ForwardRefExoticComponent<{
25756
25950
  readonly l?: csstype.Property.BackgroundPosition<string | number> | undefined;
25757
25951
  readonly xl?: csstype.Property.BackgroundPosition<string | number> | undefined;
25758
25952
  } | undefined;
25759
- borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | {
25760
- readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25761
- readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25762
- readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25763
- readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25764
- readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25765
- readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | undefined;
25953
+ borderColor: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | {
25954
+ readonly base?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25955
+ readonly xs?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25956
+ readonly s?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25957
+ readonly m?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25958
+ readonly l?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25959
+ readonly xl?: "surface.border.gray.subtle" | "surface.border.gray.normal" | "surface.border.gray.muted" | "surface.border.primary.normal" | "surface.border.primary.muted" | "popup.border.subtle" | "popup.border.intense" | undefined;
25766
25960
  };
25767
25961
  borderRadius: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | {
25768
25962
  readonly base?: "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "2xlarge" | "max" | "round" | undefined;
@@ -25965,4 +26159,4 @@ declare const PreviewBody: (PreviewBodyProps: PreviewBodyProps) => React__defaul
25965
26159
  declare const PreviewFooter: (PreviewFooterProps: PreviewFooterProps) => React__default.ReactElement;
25966
26160
  declare const Preview: ({ children, onFullScreen: onFullScreenProp, onZoomChange, zoomScaleStep, isDragAndZoomDisabled, defaultZoom, onDragChange, }: PreviewProps) => React__default.ReactElement;
25967
26161
 
25968
- export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, 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, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };
26162
+ export { AcceptPaymentsFilledIcon, AcceptPaymentsIcon, Accordion, AccordionItem, AccordionItemBody, AccordionItemHeader, AccordionItemProps, AccordionProps, ActionList, ActionListItem, ActionListItemAsset, ActionListItemAssetProps, ActionListItemAvatar, ActionListItemBadge, ActionListItemBadgeGroup, ActionListItemIcon, ActionListItemProps, ActionListItemText, ActionListProps, ActionListSection, ActionListSectionProps, ActionListSectionTitle, ActivityIcon, AddressBookIcon, AffordabilityFilledIcon, AffordabilityIcon, AirplayIcon, Alert, AlertCircleIcon, AlertOctagonIcon, AlertOnlyIcon, AlertProps, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, Amount, AmountProps, AnchorIcon, AndroidIcon, AnimateInteractions, AnimateInteractionsProps, AnnouncementIcon, ApertureIcon, AppStoreIcon, AppleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftIcon, ArrowRightIcon, ArrowSquareDownIcon, ArrowSquareDownLeftIcon, ArrowSquareDownRightIcon, ArrowSquareLeftIcon, ArrowSquareRightIcon, ArrowSquareUpIcon, ArrowSquareUpLeftIcon, ArrowSquareUpRightIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AttachmentIcon, AutoComplete, AutoCompleteProps, AutomateAccountingIcon, AutomatePayrollFilledIcon, AutomatePayrollIcon, Avatar, AvatarGroup, AvatarGroupProps, AvatarProps, AwardIcon, Badge, BadgeProps, BankAccountVerificationFilledIcon, BankAccountVerificationIcon, BankIcon, BarChartAltIcon, BarChartIcon, BarCodeIcon, Battery100PercentIcon, Battery20PercentIcon, Battery40PercentIcon, Battery60PercentIcon, Battery80PercentIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BfsiFilledIcon, BfsiIcon, BillIcon, BillMeFilledIcon, BillMeIcon, BladeCommonEvents, BladeFile, BladeFileList, BladeProvider, BladeProviderProps, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BottomNav, BottomNavItem, BottomNavItemProps, BottomNavProps, BottomSheet, BottomSheetBody, BottomSheetBodyProps, BottomSheetFooter, BottomSheetFooterProps, BottomSheetHeader, BottomSheetHeaderProps, BottomSheetProps, Box, BoxIcon, BoxProps, BoxRefType, Breadcrumb, BreadcrumbItem, BreadcrumbItemProps, BreadcrumbProps, BriefcaseIcon, BugIcon, BuildingIcon, BulkPayoutsFilledIcon, BulkPayoutsIcon, BusinessBankingIcon, BusinessSpendManagementFilledIcon, 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, ChartArea, ChartAreaProps, ChartAreaWrapper, ChartAreaWrapperProps, ChartCartesianGrid, ChartCartesianGridProps, ChartLegend, ChartLegendProps, ChartLine, ChartLineProps, ChartLineWrapper, ChartLineWrapperProps, ChartReferenceLine, ChartReferenceLineProps, ChartTooltip, ChartTooltipProps, ChartXAxis, ChartXAxisProps, ChartYAxis, ChartYAxisProps, ChatMessage, ChatMessageProps, CheckCircle2Icon, CheckCircleIcon, CheckIcon, CheckSquareIcon, Checkbox, CheckboxGroup, CheckboxGroupProps, CheckboxProps, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, Chip, ChipGroup, ChipGroupProps, ChipProps, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloseIcon, ClosedCaptioningIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, Code, CodeProps, CodeSnippetIcon, CodepenIcon, CoinIcon, CoinsIcon, Collapsible, CollapsibleBody, CollapsibleBodyProps, CollapsibleButton, CollapsibleButtonProps, CollapsibleLink, CollapsibleLinkProps, CollapsibleProps, CommandIcon, CompanyRegistrationFilledIcon, CompanyRegistrationIcon, CompassIcon, ComponentIds, ConfettiIcon, ContactlessPaymentIcon, CookieIcon, CopyIcon, CopyrightIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, Counter, CounterProps, CpuIcon, CreditCardIcon, CreditsAndLoansFilledIcon, CreditsAndLoansIcon, CropIcon, CrosshairIcon, CurrentAccountFilledIcon, CurrentAccountIcon, CustomersIcon, CutIcon, DashboardIcon, DatePicker, DatePickerProps, DeleteIcon, DigitalLendingFilledIcon, DigitalLendingIcon, DisbursePaymentsFilledIcon, DisbursePaymentsIcon, DiscIcon, Display, DisplayProps, Divider, DividerProps, DollarIcon, DollarsIcon, DotIcon, DownloadCloudIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerBody, DrawerHeader, DrawerHeaderProps, DrawerProps, Dropdown, DropdownButton, DropdownFooter, DropdownHeader, DropdownIconButton, DropdownLink, DropdownOverlay, DropdownOverlayProps, DropdownProps, DropletIcon, EcommerceFilledIcon, EcommerceIcon, EditComposeIcon, EditIcon, EditInlineIcon, EducationFilledIcon, EducationIcon, Elevate, ElevateProps, EmptyState, EmptyStateProps, EngageFilledIcon, EngageIcon, EqualsIcon, EscrowAccountFilledIcon, EscrowAccountIcon, ExportIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, Fade, FadeProps, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileTextIcon, FileUpload, FileUploadProps, FileZipIcon, FilmIcon, FilterChipDatePicker, FilterChipGroup, FilterChipGroupContextType, FilterChipGroupProps, FilterChipSelectInput, FilterIcon, FlagIcon, FlaskIcon, FolderIcon, ForexManagementFilledIcon, ForexManagementIcon, FreelanceFilledIcon, FreelanceIcon, FullScreenEnterIcon, FullScreenExitIcon, GithubIcon, GitlabIcon, GlobeIcon, GridIcon, HashIcon, Heading, HeadingProps, HeadphoneIcon, HeadphonesIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, IconButtonProps, IconColors, IconComponent, IconProps, IconSize, ImageIcon, InboxIcon, IndiaFlagIcon, Indicator, IndicatorProps, InfoGroup, InfoGroupProps, InfoIcon, InfoItem, InfoItemKey, InfoItemKeyProps, InfoItemProps, InfoItemValue, InfoItemValueProps, InputDropdownButton, InputGroup, InputGroupProps, InputRow, InputRowProps, InstagramIcon, InstantSettlementFilledIcon, InstantSettlementIcon, InternationalPaymentsFilledIcon, InternationalPaymentsIcon, InvoicesFilledIcon, InvoicesIcon, ItalicIcon, KeyIcon, KeyboardIcon, LayersIcon, LayoutIcon, LeftCircularCornerIcon, LifeBuoyIcon, Link, LinkButtonVariantProps, LinkIcon, LinkProps, List, ListIcon, ListItem, ListItemCode, ListItemCodeProps, ListItemLink, ListItemLinkProps, ListItemProps, ListItemText, ListItemTextProps, ListProps, ListSearchIcon, ListView, ListViewFilters, LoaderIcon, LoansForBusinessesFilledIcon, LoansForBusinessesIcon, LockIcon, LogInIcon, LogOutIcon, MagicCheckoutFilledIcon, MagicCheckoutIcon, MagicKonnectFilledIcon, MagicKonnectIcon, MailIcon, MailOpenIcon, MapIcon, MapPinIcon, MaximizeIcon, Menu, MenuDivider, MenuDotsIcon, MenuFooter, MenuFooterProps, MenuHeader, MenuHeaderProps, MenuIcon, MenuItem, MenuItemProps, MenuOverlay, MenuOverlayProps, MenuProps, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MobileAppFilledIcon, MobileAppIcon, Modal, ModalBody, ModalBodyProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalProps, MonitorIcon, MoonIcon, MoreFilledIcon, MoreHorizontalIcon, MoreIcon, MoreVerticalIcon, Morph, MorphProps, Move, MoveIcon, MoveProps, MusicIcon, MyAccountIcon, NavigationIcon, NoSignalIcon, OTPInput, OTPInputCommonProps, OTPInputProps, OctagonIcon, OffersIcon, OptimizerFilledIcon, OptimizerIcon, PackageIcon, PaperclipIcon, PasswordInput, PasswordInputProps, PauseCircleIcon, PauseIcon, PaymentButtonFilledIcon, PaymentButtonIcon, PaymentButtonsIcon, PaymentGatewayFilledIcon, PaymentGatewayIcon, PaymentLinkFilledIcon, PaymentLinkIcon, PaymentLinksIcon, PaymentPagesFilledIcon, PaymentPagesIcon, PayoutLinkIcon, PayrollAddonsFilledIcon, PayrollAddonsIcon, PayrollForCaFilledIcon, PayrollForCaIcon, PayrollForStartupOrSmeFilledIcon, PayrollForStartupOrSmeIcon, PercentIcon, PettyCashBudgetFilledIcon, PettyCashBudgetIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneNumberInput, PhoneNumberInputProps, PhoneOffIcon, PhoneOutgoingIcon, PictureInPictureIcon, PieChartIcon, PinIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, Popover, PopoverInteractiveWrapper, PopoverProps, PopoverTriggerProps, PosFilledIcon, PosIcon, PowerIcon, Preview, PreviewBody, PreviewBodyProps, PreviewFooter, PreviewFooterProps, PreviewHeader, PreviewHeaderProps, PreviewProps, PrinterIcon, ProgressBar, ProgressBarProps, ProgressBarVariant, PromptIcon, QRCodeIcon, QuickFilter, QuickFilterGroup, Radio, RadioGroup, RadioGroupProps, RadioIcon, RadioProps, RayIcon, RazorpayIcon, RazorpayXIcon, RazorpayxPayrollFilledIcon, RazorpayxPayrollIcon, RefreshIcon, RepeatIcon, ReportsIcon, ResizerIcon, RewindIcon, RotateClockWiseIcon, RotateCounterClockWiseIcon, RouteFilledIcon, RouteIcon, RoutesIcon, RupeeIcon, RupeesIcon, SIDE_NAV_EXPANDED_L1_WIDTH_BASE, SIDE_NAV_EXPANDED_L1_WIDTH_XL, SaasFilledIcon, SaasIcon, SaveIcon, Scale, ScaleProps, ScissorsIcon, SearchIcon, SearchInput, SearchInputProps, SelectInput, SelectInputProps, SendIcon, ServerIcon, SettingsIcon, SettlementsIcon, ShareIcon, ShieldIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SideNav, SideNavBody, SideNavFooter, SideNavFooterProps, SideNavItem, SideNavItemProps, SideNavLevel, SideNavLink, SideNavLinkProps, SideNavProps, SideNavSection, SideNavSectionProps, SidebarIcon, Signal1BarIcon, Signal2BarIcon, Signal3BarIcon, Signal4BarIcon, SignalIcon, SimCardIcon, Skeleton, SkeletonProps, SkipBackIcon, SkipForwardIcon, SkipNavContent, SkipNavLink, SlackIcon, SlashIcon, Slide, SlideProps, SlidersIcon, SmartCollectFilledIcon, SmartCollectIcon, SmartphoneIcon, SolutionsFilledIcon, SolutionsIcon, SortIcon, SourceToPayFilledIcon, SourceToPayIcon, SparklesIcon, SpeakerIcon, Spinner, SpinnerProps, SpotlightPopoverStepRenderProps, SpotlightPopoverTour, SpotlightPopoverTourFooter, SpotlightPopoverTourProps, SpotlightPopoverTourStep, SpotlightPopoverTourSteps, SquareIcon, Stagger, StaggerProps, StampIcon, StarIcon, StepGroup, StepGroupProps, StepItem, StepItemIcon, StepItemIndicator, StepItemProps, StopCircleIcon, StorefrontIcon, SubscriptionsFilledIcon, SubscriptionsIcon, SunIcon, SunriseIcon, SunsetIcon, Switch, SwitchProps, TabItem, TabItemProps, TabList, TabNav, TabNavItem, TabNavItemData, TabNavItemProps, TabNavItems, TabNavProps, TabPanel, TabPanelProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableData, TableEditableCell, TableEditableCellProps, TableEditableDropdownCell, TableEditableDropdownCellProps, TableFooter, TableFooterCell, TableFooterCellProps, TableFooterProps, TableFooterRow, TableFooterRowProps, TableHeader, TableHeaderCell, TableHeaderCellProps, TableHeaderProps, TableHeaderRow, TableHeaderRowProps, TableNode, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableToolbar, TableToolbarActions, TableToolbarActionsProps, TableToolbarProps, TabletIcon, Tabs, TabsProps, Tag, TagIcon, TagProps, TargetIcon, TaxPaymentsFilledIcon, TaxPaymentsIcon, TestIcon, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, TextVariant, Theme, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, TicketIcon, TimePicker, TitleCollectionProps, ToastContainer, ToastProps, ToggleLeftIcon, ToggleRightIcon, TokenHqFilledIcon, TokenHqIcon, Tooltip, TooltipInteractiveWrapper, TooltipProps, TopLeftRoundedCornerIcon, TopLeftSharpCornerIcon, TopNav, TopNavActions, TopNavBrand, TopNavContent, TopNavProps, TrademarkIcon, TrademarkRegisteredIcon, TransactionsIcon, TranslateIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrustedBadgeIcon, TvIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UpiAutopayFilledIcon, UpiAutopayIcon, UpiIcon, UploadCloudIcon, UploadIcon, UseToastReturn, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UserXIcon, UsersIcon, VendorPaymentsFilledIcon, VendorPaymentsIcon, VideoIcon, VideoOffIcon, ViewLiveDemoFilledIcon, ViewLiveDemoIcon, VisuallyHidden, VisuallyHiddenProps, VoicemailIcon, VolumeHighIcon, VolumeIcon, VolumeLowIcon, VolumeMuteIcon, VolumeOffIcon, VolumeOnIcon, WalletIcon, WatchIcon, WhatsAppIcon, WifiIcon, WifiOffIcon, WindIcon, WorldwideIcon, XCircleIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZoomInIcon, ZoomOutIcon, announce, clearAnnouncer, destroyAnnouncer, drawerPadding, getHeadingProps, getTextProps, legacyScreenReaderStyles, screenReaderStyles, useTheme, useToast };