@basic-ui/material 1.0.0-alpha.8 → 1.0.0-alpha.9

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 (130) hide show
  1. package/build/cjs/index.js +66 -23
  2. package/build/cjs/index.js.map +1 -1
  3. package/build/esm/Alert/Alert.d.ts +1 -1
  4. package/build/esm/AppBar/AppBar.d.ts +1 -1
  5. package/build/esm/AppBar/AppBar.js +2 -1
  6. package/build/esm/AppBar/AppBar.js.map +1 -1
  7. package/build/esm/AppBar/AppBarButton.d.ts +1 -1
  8. package/build/esm/Badge/Badge.d.ts +1 -1
  9. package/build/esm/BottomSheet/BottomSheet.d.ts +1 -1
  10. package/build/esm/BottomSheet/BottomSheetSurface.d.ts +1 -1
  11. package/build/esm/Button/BaseButton.d.ts +1 -1
  12. package/build/esm/Button/Button.d.ts +1 -1
  13. package/build/esm/Button/ButtonGroup.d.ts +1 -1
  14. package/build/esm/Button/FilledButton.d.ts +1 -1
  15. package/build/esm/Button/OutlinedButton.d.ts +1 -1
  16. package/build/esm/Button/TransparentButton.d.ts +1 -1
  17. package/build/esm/CheckBox/CheckBox.d.ts +1 -1
  18. package/build/esm/CheckBox/CheckBoxIcon.d.ts +1 -1
  19. package/build/esm/CheckBox/CheckBoxIcon.js +2 -1
  20. package/build/esm/CheckBox/CheckBoxIcon.js.map +1 -1
  21. package/build/esm/Chip/ButtonChip.d.ts +1 -1
  22. package/build/esm/Chip/ChipBase.d.ts +1 -1
  23. package/build/esm/Chip/ChoiceChip.d.ts +1 -1
  24. package/build/esm/Combobox/Combobox.d.ts +7 -7
  25. package/build/esm/Combobox/Combobox.js +2 -1
  26. package/build/esm/Combobox/Combobox.js.map +1 -1
  27. package/build/esm/Dialog/Dialog.d.ts +1 -1
  28. package/build/esm/Dialog/DialogBackdrop.d.ts +1 -1
  29. package/build/esm/Dialog/DialogContainer.d.ts +1 -1
  30. package/build/esm/Dialog/DialogSurface.d.ts +1 -1
  31. package/build/esm/Dialog/Scrim.d.ts +1 -1
  32. package/build/esm/Dialog/useDialogAnimation.js +3 -2
  33. package/build/esm/Dialog/useDialogAnimation.js.map +1 -1
  34. package/build/esm/Divider/Divider.d.ts +1 -1
  35. package/build/esm/FloatingLabel/FloatingLabel.js +2 -1
  36. package/build/esm/FloatingLabel/FloatingLabel.js.map +1 -1
  37. package/build/esm/LineRipple/LineRipple.d.ts +1 -1
  38. package/build/esm/LineRipple/LineRipple.js +2 -1
  39. package/build/esm/LineRipple/LineRipple.js.map +1 -1
  40. package/build/esm/Link/Link.d.ts +1 -1
  41. package/build/esm/List/List.d.ts +1 -1
  42. package/build/esm/ListItem/ListItem.d.ts +1 -1
  43. package/build/esm/Menu/Menu.d.ts +4 -4
  44. package/build/esm/Menu/Menu.js +4 -1
  45. package/build/esm/Menu/Menu.js.map +1 -1
  46. package/build/esm/NavRail/NavRailItem.d.ts +3 -3
  47. package/build/esm/NavRail/NavRailItem.js +3 -2
  48. package/build/esm/NavRail/NavRailItem.js.map +1 -1
  49. package/build/esm/NotchedOutline/styledComponents.d.ts +107 -0
  50. package/build/esm/NotchedOutline/styledComponents.js +3 -2
  51. package/build/esm/NotchedOutline/styledComponents.js.map +1 -1
  52. package/build/esm/Paper/Paper.d.ts +1 -1
  53. package/build/esm/ProgressSpinner/ProgressSpinner.d.ts +1 -1
  54. package/build/esm/ProgressSpinner/ProgressSpinner.js +2 -1
  55. package/build/esm/ProgressSpinner/ProgressSpinner.js.map +1 -1
  56. package/build/esm/RadioButton/RadioButtonIcon.js +2 -1
  57. package/build/esm/RadioButton/RadioButtonIcon.js.map +1 -1
  58. package/build/esm/RadioButton/RadioGroup.d.ts +1 -1
  59. package/build/esm/Select/Select.d.ts +1 -1
  60. package/build/esm/Select/SelectIcon.d.ts +1 -1
  61. package/build/esm/Select/SelectIcon.js +2 -1
  62. package/build/esm/Select/SelectIcon.js.map +1 -1
  63. package/build/esm/SelectItem/SelectItem.d.ts +1 -1
  64. package/build/esm/SelectionControl/SelectionControlLabel.d.ts +1 -1
  65. package/build/esm/SelectionControl/SelectionControlText.d.ts +1 -1
  66. package/build/esm/Skeleton/DelayAppearance.d.ts +1 -1
  67. package/build/esm/Skeleton/Skeleton.d.ts +1 -1
  68. package/build/esm/Snackbar/Snackbar.d.ts +1 -1
  69. package/build/esm/Snackbar/useSnackbarAnimation.js +2 -1
  70. package/build/esm/Snackbar/useSnackbarAnimation.js.map +1 -1
  71. package/build/esm/Switch/Switch.d.ts +1 -1
  72. package/build/esm/Switch/styledComponents.js +2 -1
  73. package/build/esm/Switch/styledComponents.js.map +1 -1
  74. package/build/esm/Tab/Tab.d.ts +1 -1
  75. package/build/esm/Tab/TabList.d.ts +1 -1
  76. package/build/esm/Tab/TabPanel.d.ts +1 -1
  77. package/build/esm/TabIndicator/TabIndicator.d.ts +1 -1
  78. package/build/esm/TabIndicator/TabIndicator.js +2 -1
  79. package/build/esm/TabIndicator/TabIndicator.js.map +1 -1
  80. package/build/esm/Table/Table.d.ts +1 -1
  81. package/build/esm/Table/TableBody.d.ts +1 -1
  82. package/build/esm/Table/TableCell.d.ts +1 -1
  83. package/build/esm/Table/TableHead.d.ts +1 -1
  84. package/build/esm/Table/TableRow.d.ts +1 -1
  85. package/build/esm/Text/Text.d.ts +7 -3
  86. package/build/esm/Text/Text.js +4 -0
  87. package/build/esm/Text/Text.js.map +1 -1
  88. package/build/esm/TextField/FilledContainer.d.ts +1 -1
  89. package/build/esm/TextField/HelperText.d.ts +1 -1
  90. package/build/esm/TextField/Input.d.ts +1 -1
  91. package/build/esm/TextField/Input.js +2 -1
  92. package/build/esm/TextField/Input.js.map +1 -1
  93. package/build/esm/TextField/OutlinedContainer.d.ts +1 -1
  94. package/build/esm/TextField/TextField.d.ts +1 -1
  95. package/build/esm/Tooltip/Tooltip.d.ts +1 -1
  96. package/build/esm/index.d.ts +1 -0
  97. package/build/esm/index.js +1 -0
  98. package/build/esm/index.js.map +1 -1
  99. package/build/esm/motion.d.ts +7 -0
  100. package/build/esm/motion.js +8 -0
  101. package/build/esm/motion.js.map +1 -0
  102. package/build/esm/theme/theme.d.ts +107 -0
  103. package/build/esm/theme/theme.js +34 -5
  104. package/build/esm/theme/theme.js.map +1 -1
  105. package/build/esm/theme/useTheme.d.ts +578 -1
  106. package/build/tsconfig.tsbuildinfo +1 -1
  107. package/package.json +2 -2
  108. package/src/AppBar/AppBar.tsx +2 -1
  109. package/src/CheckBox/CheckBox.story.tsx +2 -2
  110. package/src/CheckBox/CheckBoxIcon.tsx +2 -2
  111. package/src/Combobox/Combobox.tsx +2 -2
  112. package/src/Dialog/useDialogAnimation.tsx +3 -4
  113. package/src/FloatingLabel/FloatingLabel.tsx +2 -1
  114. package/src/LineRipple/LineRipple.tsx +2 -1
  115. package/src/Menu/Menu.tsx +2 -1
  116. package/src/NavRail/NavRail.story.tsx +2 -1
  117. package/src/NavRail/NavRailItem.tsx +3 -2
  118. package/src/NotchedOutline/styledComponents.ts +2 -1
  119. package/src/ProgressSpinner/ProgressSpinner.tsx +2 -2
  120. package/src/RadioButton/RadioButtonIcon.tsx +2 -2
  121. package/src/Select/SelectIcon.tsx +2 -2
  122. package/src/Snackbar/useSnackbarAnimation.ts +2 -1
  123. package/src/Switch/styledComponents.tsx +2 -2
  124. package/src/TabIndicator/TabIndicator.tsx +2 -1
  125. package/src/Text/Text.story.tsx +44 -7
  126. package/src/Text/Text.tsx +22 -2
  127. package/src/TextField/Input.tsx +2 -1
  128. package/src/index.ts +1 -0
  129. package/src/motion.ts +7 -0
  130. package/src/theme/theme.ts +39 -4
@@ -122,6 +122,8 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
122
122
  fonts: {
123
123
  body: string;
124
124
  heading: string;
125
+ brand: string;
126
+ plain: string;
125
127
  monospace: string;
126
128
  };
127
129
  fontSizes: {
@@ -171,6 +173,111 @@ export declare const InnerContainer: import("@emotion/styled").StyledComponent<{
171
173
  fontFamily: string;
172
174
  lineHeight: string;
173
175
  };
176
+ 'display-large': {
177
+ fontFamily: "plain" | "brand";
178
+ lineHeight: string;
179
+ fontSize: string;
180
+ letterSpacing: string;
181
+ weight: number;
182
+ };
183
+ 'display-medium': {
184
+ fontFamily: "plain" | "brand";
185
+ lineHeight: string;
186
+ fontSize: string;
187
+ letterSpacing: string;
188
+ weight: number;
189
+ };
190
+ 'display-small': {
191
+ fontFamily: "plain" | "brand";
192
+ lineHeight: string;
193
+ fontSize: string;
194
+ letterSpacing: string;
195
+ weight: number;
196
+ };
197
+ 'headline-large': {
198
+ fontFamily: "plain" | "brand";
199
+ lineHeight: string;
200
+ fontSize: string;
201
+ letterSpacing: string;
202
+ weight: number;
203
+ };
204
+ 'headline-medium': {
205
+ fontFamily: "plain" | "brand";
206
+ lineHeight: string;
207
+ fontSize: string;
208
+ letterSpacing: string;
209
+ weight: number;
210
+ };
211
+ 'headline-small': {
212
+ fontFamily: "plain" | "brand";
213
+ lineHeight: string;
214
+ fontSize: string;
215
+ letterSpacing: string;
216
+ weight: number;
217
+ };
218
+ 'title-large': {
219
+ fontFamily: "plain" | "brand";
220
+ lineHeight: string;
221
+ fontSize: string;
222
+ letterSpacing: string;
223
+ weight: number;
224
+ };
225
+ 'title-medium': {
226
+ fontFamily: "plain" | "brand";
227
+ lineHeight: string;
228
+ fontSize: string;
229
+ letterSpacing: string;
230
+ weight: number;
231
+ };
232
+ 'title-small': {
233
+ fontFamily: "plain" | "brand";
234
+ lineHeight: string;
235
+ fontSize: string;
236
+ letterSpacing: string;
237
+ weight: number;
238
+ };
239
+ 'label-large': {
240
+ fontFamily: "plain" | "brand";
241
+ lineHeight: string;
242
+ fontSize: string;
243
+ letterSpacing: string;
244
+ weight: number;
245
+ };
246
+ 'label-medium': {
247
+ fontFamily: "plain" | "brand";
248
+ lineHeight: string;
249
+ fontSize: string;
250
+ letterSpacing: string;
251
+ weight: number;
252
+ };
253
+ 'label-small': {
254
+ fontFamily: "plain" | "brand";
255
+ lineHeight: string;
256
+ fontSize: string;
257
+ letterSpacing: string;
258
+ weight: number;
259
+ };
260
+ 'body-large': {
261
+ fontFamily: "plain" | "brand";
262
+ lineHeight: string;
263
+ fontSize: string;
264
+ letterSpacing: string;
265
+ weight: number;
266
+ };
267
+ 'body-medium': {
268
+ fontFamily: "plain" | "brand";
269
+ lineHeight: string;
270
+ fontSize: string;
271
+ letterSpacing: string;
272
+ weight: number;
273
+ };
274
+ 'body-small': {
275
+ fontFamily: "plain" | "brand";
276
+ lineHeight: string;
277
+ fontSize: string;
278
+ letterSpacing: string;
279
+ weight: number;
280
+ };
174
281
  h1: {
175
282
  variant: string;
176
283
  fontWeight: string;
@@ -5,6 +5,7 @@ import { rem } from 'polished';
5
5
  import shouldForwardProp from '@styled-system/should-forward-prop';
6
6
  import { css } from '@styled-system/css';
7
7
  import { alpha } from '../color';
8
+ import { EASING_STANDARD } from '../motion';
8
9
  export var NOTCH_PADDING = 4;
9
10
 
10
11
  var makeSelector = function makeSelector(state) {
@@ -78,7 +79,7 @@ export var InnerContainer = /*#__PURE__*/_styled('div', process.env.NODE_ENV ===
78
79
  return css((_css = {}, _defineProperty(_css, '[data-notch-outline-item]', _extends({
79
80
  boxSizing: 'border-box',
80
81
  borderStyle: borderStyle,
81
- transition: "border-color .15s cubic-bezier(.4,0,.2,1)"
82
+ transition: "border-color .15s ".concat(EASING_STANDARD)
82
83
  }, forceActive ? focusStyle : inactiveStyle)), _defineProperty(_css, makeSelector('hover:not([disabled]):not(:focus)'), forceActive ? focusStyle : hoverStyle), _defineProperty(_css, makeSelector('focus:not([disabled])'), focusStyle), _defineProperty(_css, makeSelector('disabled'), disabledStyle), _css));
83
- }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBOT1RDSF9QQURESU5HID0gNDtcblxuY29uc3QgbWFrZVNlbGVjdG9yID0gKFxuICBzdGF0ZTpcbiAgICB8ICdob3Zlcjpub3QoW2Rpc2FibGVkXSk6bm90KDpmb2N1cyknXG4gICAgfCAnZm9jdXM6bm90KFtkaXNhYmxlZF0pJ1xuICAgIHwgJ2Rpc2FibGVkJ1xuKSA9PlxuICBgaW5wdXQ6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBzZWxlY3Q6JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGBbcm9sZT1cImJ1dHRvblwiXToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSxgICtcbiAgYHRleHRhcmVhOiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dYDtcblxuZXhwb3J0IGNvbnN0IElubmVyQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wLFxufSk8e1xuICBjb2xvcj86IHN0cmluZztcbiAgdGhlbWU/OiBUaGVtZTtcbiAgYm9yZGVyUmFkaXVzOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoOiBudW1iZXI7XG4gIGJvcmRlcldpZHRoV2hlbkZvY3VzZWQ6IG51bWJlcjtcbiAgYm9yZGVyU3R5bGU6IHN0cmluZztcbiAgbm90Y2hTdGFydDogbnVtYmVyO1xuICBmb3JjZUFjdGl2ZT86IGJvb2xlYW47XG59PihcbiAge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBsZWZ0OiAwLFxuICAgIHRvcDogMCxcbiAgICBib3R0b206IDAsXG4gICAgd2lkdGg6ICcxMDAlJyxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gIH0sXG4gICh7XG4gICAgY29sb3IgPSAnb24uc3VyZmFjZScsXG4gICAgYm9yZGVyUmFkaXVzOiBib3JkZXJSYWRpdXNQeCxcbiAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGhQeCxcbiAgICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgsXG4gICAgYm9yZGVyU3R5bGUsXG4gICAgbm90Y2hTdGFydCxcbiAgICBmb3JjZUFjdGl2ZSA9IGZhbHNlLFxuICB9KSA9PiB7XG4gICAgY29uc3Qgd2lkdGggPSByZW0obm90Y2hTdGFydCAtIE5PVENIX1BBRERJTkcpO1xuICAgIGNvbnN0IGJvcmRlclJhZGl1cyA9IHJlbShib3JkZXJSYWRpdXNQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGggPSByZW0oYm9yZGVyV2lkdGhQeCk7XG4gICAgY29uc3QgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCA9IHJlbShib3JkZXJXaWR0aFdoZW5Gb2N1c2VkUHgpO1xuXG4gICAgZnVuY3Rpb24gYm9yZGVyU3R5bGluZyhib3JkZXJSYWRpdXM6IHN0cmluZywgYm9yZGVyV2lkdGg6IHN0cmluZykge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwic3RhcnRcIl0nXToge1xuICAgICAgICAgIGJvcmRlclRvcExlZnRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICAgIGJvcmRlclJpZ2h0V2lkdGg6IDAsXG4gICAgICAgICAgd2lkdGgsXG4gICAgICAgIH0sXG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cIm1pZGRsZVwiXSddOiB7XG4gICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXG4gICAgICAgICAgYm9yZGVyQm90dG9tV2lkdGg6IGJvcmRlcldpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJlbmRcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJMZWZ0OiAwLFxuICAgICAgICAgIGJvcmRlclRvcFJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGJvcmRlclJhZGl1cyxcbiAgICAgICAgICBmbGV4OiAxLFxuICAgICAgICB9LFxuICAgICAgfTtcbiAgICB9XG5cbiAgICBjb25zdCBpbmFjdGl2ZVN0eWxlID0ge1xuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgICAgYm9yZGVyQ29sb3I6ICdvdXRsaW5lJyxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aCksXG4gICAgfTtcblxuICAgIGNvbnN0IGhvdmVyU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogJ29uLnN1cmZhY2UnLFxuICAgICAgY29sb3I6ICdvbi5zdXJmYWNlLXZhcmlhbnQnLFxuICAgIH07XG5cbiAgICBjb25zdCBmb2N1c1N0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6IGNvbG9yLFxuICAgICAgY29sb3I6IGFscGhhKGNvbG9yLCAwLjg3KSxcbiAgICAgIC4uLmJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzLCBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkKSxcbiAgICB9O1xuXG4gICAgY29uc3QgZGlzYWJsZWRTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMDYpLFxuICAgICAgY29sb3I6IGFscGhhKCdvbi5zdXJmYWNlJywgMC4zOCksXG4gICAgfTtcblxuICAgIHJldHVybiBjc3Moe1xuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gbm90IGZvY3VzZWRcbiAgICAgIFsnW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXSddOiB7XG4gICAgICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICAgICAgICBib3JkZXJTdHlsZSxcbiAgICAgICAgdHJhbnNpdGlvbjogYGJvcmRlci1jb2xvciAuMTVzIGN1YmljLWJlemllciguNCwwLC4yLDEpYCxcbiAgICAgICAgLi4uKGZvcmNlQWN0aXZlID8gZm9jdXNTdHlsZSA6IGluYWN0aXZlU3R5bGUpLFxuICAgICAgfSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGhvdmVyZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2hvdmVyOm5vdChbZGlzYWJsZWRdKTpub3QoOmZvY3VzKScpXTogZm9yY2VBY3RpdmVcbiAgICAgICAgPyBmb2N1c1N0eWxlXG4gICAgICAgIDogaG92ZXJTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGZvY3VzZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKScpXTogZm9jdXNTdHlsZSxcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIGlucHV0IGlzIGRpc2FibGVkXG4gICAgICBbbWFrZVNlbGVjdG9yKCdkaXNhYmxlZCcpXTogZGlzYWJsZWRTdHlsZSxcbiAgICB9KTtcbiAgfVxuKTtcbiJdfQ== */");
84
+ }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ob3RjaGVkT3V0bGluZS9zdHlsZWRDb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCOEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05vdGNoZWRPdXRsaW5lL3N0eWxlZENvbXBvbmVudHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgc2hvdWxkRm9yd2FyZFByb3AgZnJvbSAnQHN0eWxlZC1zeXN0ZW0vc2hvdWxkLWZvcndhcmQtcHJvcCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAc3R5bGVkLXN5c3RlbS9jc3MnO1xuXG5pbXBvcnQgeyBhbHBoYSB9IGZyb20gJy4uL2NvbG9yJztcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi90aGVtZSc7XG5pbXBvcnQgeyBFQVNJTkdfU1RBTkRBUkQgfSBmcm9tICcuLi9tb3Rpb24nO1xuXG5leHBvcnQgY29uc3QgTk9UQ0hfUEFERElORyA9IDQ7XG5cbmNvbnN0IG1ha2VTZWxlY3RvciA9IChcbiAgc3RhdGU6XG4gICAgfCAnaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJ1xuICAgIHwgJ2ZvY3VzOm5vdChbZGlzYWJsZWRdKSdcbiAgICB8ICdkaXNhYmxlZCdcbikgPT5cbiAgYGlucHV0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgc2VsZWN0OiR7c3RhdGV9IH4gJiBbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW1dLGAgK1xuICBgW3JvbGU9XCJidXR0b25cIl06JHtzdGF0ZX0gfiAmIFtkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0sYCArXG4gIGB0ZXh0YXJlYToke3N0YXRlfSB+ICYgW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtXWA7XG5cbmV4cG9ydCBjb25zdCBJbm5lckNvbnRhaW5lciA9IHN0eWxlZCgnZGl2Jywge1xuICBzaG91bGRGb3J3YXJkUHJvcCxcbn0pPHtcbiAgY29sb3I/OiBzdHJpbmc7XG4gIHRoZW1lPzogVGhlbWU7XG4gIGJvcmRlclJhZGl1czogbnVtYmVyO1xuICBib3JkZXJXaWR0aDogbnVtYmVyO1xuICBib3JkZXJXaWR0aFdoZW5Gb2N1c2VkOiBudW1iZXI7XG4gIGJvcmRlclN0eWxlOiBzdHJpbmc7XG4gIG5vdGNoU3RhcnQ6IG51bWJlcjtcbiAgZm9yY2VBY3RpdmU/OiBib29sZWFuO1xufT4oXG4gIHtcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgbGVmdDogMCxcbiAgICB0b3A6IDAsXG4gICAgYm90dG9tOiAwLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICB9LFxuICAoe1xuICAgIGNvbG9yID0gJ29uLnN1cmZhY2UnLFxuICAgIGJvcmRlclJhZGl1czogYm9yZGVyUmFkaXVzUHgsXG4gICAgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoUHgsXG4gICAgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZDogYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4LFxuICAgIGJvcmRlclN0eWxlLFxuICAgIG5vdGNoU3RhcnQsXG4gICAgZm9yY2VBY3RpdmUgPSBmYWxzZSxcbiAgfSkgPT4ge1xuICAgIGNvbnN0IHdpZHRoID0gcmVtKG5vdGNoU3RhcnQgLSBOT1RDSF9QQURESU5HKTtcbiAgICBjb25zdCBib3JkZXJSYWRpdXMgPSByZW0oYm9yZGVyUmFkaXVzUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gcmVtKGJvcmRlcldpZHRoUHgpO1xuICAgIGNvbnN0IGJvcmRlcldpZHRoV2hlbkZvY3VzZWQgPSByZW0oYm9yZGVyV2lkdGhXaGVuRm9jdXNlZFB4KTtcblxuICAgIGZ1bmN0aW9uIGJvcmRlclN0eWxpbmcoYm9yZGVyUmFkaXVzOiBzdHJpbmcsIGJvcmRlcldpZHRoOiBzdHJpbmcpIHtcbiAgICAgIHJldHVybiB7XG4gICAgICAgIFsnJltkYXRhLW5vdGNoLW91dGxpbmUtaXRlbT1cInN0YXJ0XCJdJ106IHtcbiAgICAgICAgICBib3JkZXJUb3BMZWZ0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgYm9yZGVyQm90dG9tTGVmdFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgICBib3JkZXJSaWdodFdpZHRoOiAwLFxuICAgICAgICAgIHdpZHRoLFxuICAgICAgICB9LFxuICAgICAgICBbJyZbZGF0YS1ub3RjaC1vdXRsaW5lLWl0ZW09XCJtaWRkbGVcIl0nXToge1xuICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVdpZHRoOiBib3JkZXJXaWR0aCxcbiAgICAgICAgfSxcbiAgICAgICAgWycmW2RhdGEtbm90Y2gtb3V0bGluZS1pdGVtPVwiZW5kXCJdJ106IHtcbiAgICAgICAgICBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGgsXG4gICAgICAgICAgYm9yZGVyTGVmdDogMCxcbiAgICAgICAgICBib3JkZXJUb3BSaWdodFJhZGl1czogYm9yZGVyUmFkaXVzLFxuICAgICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBib3JkZXJSYWRpdXMsXG4gICAgICAgICAgZmxleDogMSxcbiAgICAgICAgfSxcbiAgICAgIH07XG4gICAgfVxuXG4gICAgY29uc3QgaW5hY3RpdmVTdHlsZSA9IHtcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICAgIGJvcmRlckNvbG9yOiAnb3V0bGluZScsXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGgpLFxuICAgIH07XG5cbiAgICBjb25zdCBob3ZlclN0eWxlID0ge1xuICAgICAgYm9yZGVyQ29sb3I6ICdvbi5zdXJmYWNlJyxcbiAgICAgIGNvbG9yOiAnb24uc3VyZmFjZS12YXJpYW50JyxcbiAgICB9O1xuXG4gICAgY29uc3QgZm9jdXNTdHlsZSA9IHtcbiAgICAgIGJvcmRlckNvbG9yOiBjb2xvcixcbiAgICAgIGNvbG9yOiBhbHBoYShjb2xvciwgMC44NyksXG4gICAgICAuLi5ib3JkZXJTdHlsaW5nKGJvcmRlclJhZGl1cywgYm9yZGVyV2lkdGhXaGVuRm9jdXNlZCksXG4gICAgfTtcblxuICAgIGNvbnN0IGRpc2FibGVkU3R5bGUgPSB7XG4gICAgICBib3JkZXJDb2xvcjogYWxwaGEoJ29uLnN1cmZhY2UnLCAwLjA2KSxcbiAgICAgIGNvbG9yOiBhbHBoYSgnb24uc3VyZmFjZScsIDAuMzgpLFxuICAgIH07XG5cbiAgICByZXR1cm4gY3NzKHtcbiAgICAgIC8vIG5vdGNoIGl0ZW1zIHN0eWxlcyB3aGVuIG5vdCBmb2N1c2VkXG4gICAgICBbJ1tkYXRhLW5vdGNoLW91dGxpbmUtaXRlbV0nXToge1xuICAgICAgICBib3hTaXppbmc6ICdib3JkZXItYm94JyxcbiAgICAgICAgYm9yZGVyU3R5bGUsXG4gICAgICAgIHRyYW5zaXRpb246IGBib3JkZXItY29sb3IgLjE1cyAke0VBU0lOR19TVEFOREFSRH1gLFxuICAgICAgICAuLi4oZm9yY2VBY3RpdmUgPyBmb2N1c1N0eWxlIDogaW5hY3RpdmVTdHlsZSksXG4gICAgICB9LFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgaG92ZXJlZFxuICAgICAgW21ha2VTZWxlY3RvcignaG92ZXI6bm90KFtkaXNhYmxlZF0pOm5vdCg6Zm9jdXMpJyldOiBmb3JjZUFjdGl2ZVxuICAgICAgICA/IGZvY3VzU3R5bGVcbiAgICAgICAgOiBob3ZlclN0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZm9jdXNlZFxuICAgICAgW21ha2VTZWxlY3RvcignZm9jdXM6bm90KFtkaXNhYmxlZF0pJyldOiBmb2N1c1N0eWxlLFxuICAgICAgLy8gbm90Y2ggaXRlbXMgc3R5bGVzIHdoZW4gaW5wdXQgaXMgZGlzYWJsZWRcbiAgICAgIFttYWtlU2VsZWN0b3IoJ2Rpc2FibGVkJyldOiBkaXNhYmxlZFN0eWxlLFxuICAgIH0pO1xuICB9XG4pO1xuIl19 */");
84
85
  //# sourceMappingURL=styledComponents.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/NotchedOutline/styledComponents.ts"],"names":["rem","shouldForwardProp","css","alpha","NOTCH_PADDING","makeSelector","state","InnerContainer","color","borderRadiusPx","borderRadius","borderWidthPx","borderWidth","borderWidthWhenFocusedPx","borderWidthWhenFocused","borderStyle","notchStart","forceActive","width","borderStyling","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderBottomWidth","borderLeft","borderTopRightRadius","borderBottomRightRadius","flex","inactiveStyle","borderColor","hoverStyle","focusStyle","disabledStyle","boxSizing","transition"],"mappings":"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","sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { css } from '@styled-system/css';\n\nimport { alpha } from '../color';\nimport type { Theme } from '../theme';\n\nexport const NOTCH_PADDING = 4;\n\nconst makeSelector = (\n state:\n | 'hover:not([disabled]):not(:focus)'\n | 'focus:not([disabled])'\n | 'disabled'\n) =>\n `input:${state} ~ & [data-notch-outline-item],` +\n `select:${state} ~ & [data-notch-outline-item],` +\n `[role=\"button\"]:${state} ~ & [data-notch-outline-item],` +\n `textarea:${state} ~ & [data-notch-outline-item]`;\n\nexport const InnerContainer = styled('div', {\n shouldForwardProp,\n})<{\n color?: string;\n theme?: Theme;\n borderRadius: number;\n borderWidth: number;\n borderWidthWhenFocused: number;\n borderStyle: string;\n notchStart: number;\n forceActive?: boolean;\n}>(\n {\n position: 'absolute',\n display: 'flex',\n left: 0,\n top: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n },\n ({\n color = 'on.surface',\n borderRadius: borderRadiusPx,\n borderWidth: borderWidthPx,\n borderWidthWhenFocused: borderWidthWhenFocusedPx,\n borderStyle,\n notchStart,\n forceActive = false,\n }) => {\n const width = rem(notchStart - NOTCH_PADDING);\n const borderRadius = rem(borderRadiusPx);\n const borderWidth = rem(borderWidthPx);\n const borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);\n\n function borderStyling(borderRadius: string, borderWidth: string) {\n return {\n ['&[data-notch-outline-item=\"start\"]']: {\n borderTopLeftRadius: borderRadius,\n borderBottomLeftRadius: borderRadius,\n borderWidth: borderWidth,\n borderRightWidth: 0,\n width,\n },\n ['&[data-notch-outline-item=\"middle\"]']: {\n borderWidth: 0,\n borderBottomWidth: borderWidth,\n },\n ['&[data-notch-outline-item=\"end\"]']: {\n borderWidth: borderWidth,\n borderLeft: 0,\n borderTopRightRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n flex: 1,\n },\n };\n }\n\n const inactiveStyle = {\n color: 'on.surface-variant',\n borderColor: 'outline',\n ...borderStyling(borderRadius, borderWidth),\n };\n\n const hoverStyle = {\n borderColor: 'on.surface',\n color: 'on.surface-variant',\n };\n\n const focusStyle = {\n borderColor: color,\n color: alpha(color, 0.87),\n ...borderStyling(borderRadius, borderWidthWhenFocused),\n };\n\n const disabledStyle = {\n borderColor: alpha('on.surface', 0.06),\n color: alpha('on.surface', 0.38),\n };\n\n return css({\n // notch items styles when not focused\n ['[data-notch-outline-item]']: {\n boxSizing: 'border-box',\n borderStyle,\n transition: `border-color .15s cubic-bezier(.4,0,.2,1)`,\n ...(forceActive ? focusStyle : inactiveStyle),\n },\n // notch items styles when input is hovered\n [makeSelector('hover:not([disabled]):not(:focus)')]: forceActive\n ? focusStyle\n : hoverStyle,\n // notch items styles when input is focused\n [makeSelector('focus:not([disabled])')]: focusStyle,\n // notch items styles when input is disabled\n [makeSelector('disabled')]: disabledStyle,\n });\n }\n);\n"],"file":"styledComponents.js"}
1
+ {"version":3,"sources":["../../../src/NotchedOutline/styledComponents.ts"],"names":["rem","shouldForwardProp","css","alpha","EASING_STANDARD","NOTCH_PADDING","makeSelector","state","InnerContainer","color","borderRadiusPx","borderRadius","borderWidthPx","borderWidth","borderWidthWhenFocusedPx","borderWidthWhenFocused","borderStyle","notchStart","forceActive","width","borderStyling","borderTopLeftRadius","borderBottomLeftRadius","borderRightWidth","borderBottomWidth","borderLeft","borderTopRightRadius","borderBottomRightRadius","flex","inactiveStyle","borderColor","hoverStyle","focusStyle","disabledStyle","boxSizing","transition"],"mappings":"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","sourcesContent":["import styled from '@emotion/styled';\nimport { rem } from 'polished';\nimport shouldForwardProp from '@styled-system/should-forward-prop';\nimport { css } from '@styled-system/css';\n\nimport { alpha } from '../color';\nimport type { Theme } from '../theme';\nimport { EASING_STANDARD } from '../motion';\n\nexport const NOTCH_PADDING = 4;\n\nconst makeSelector = (\n state:\n | 'hover:not([disabled]):not(:focus)'\n | 'focus:not([disabled])'\n | 'disabled'\n) =>\n `input:${state} ~ & [data-notch-outline-item],` +\n `select:${state} ~ & [data-notch-outline-item],` +\n `[role=\"button\"]:${state} ~ & [data-notch-outline-item],` +\n `textarea:${state} ~ & [data-notch-outline-item]`;\n\nexport const InnerContainer = styled('div', {\n shouldForwardProp,\n})<{\n color?: string;\n theme?: Theme;\n borderRadius: number;\n borderWidth: number;\n borderWidthWhenFocused: number;\n borderStyle: string;\n notchStart: number;\n forceActive?: boolean;\n}>(\n {\n position: 'absolute',\n display: 'flex',\n left: 0,\n top: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n },\n ({\n color = 'on.surface',\n borderRadius: borderRadiusPx,\n borderWidth: borderWidthPx,\n borderWidthWhenFocused: borderWidthWhenFocusedPx,\n borderStyle,\n notchStart,\n forceActive = false,\n }) => {\n const width = rem(notchStart - NOTCH_PADDING);\n const borderRadius = rem(borderRadiusPx);\n const borderWidth = rem(borderWidthPx);\n const borderWidthWhenFocused = rem(borderWidthWhenFocusedPx);\n\n function borderStyling(borderRadius: string, borderWidth: string) {\n return {\n ['&[data-notch-outline-item=\"start\"]']: {\n borderTopLeftRadius: borderRadius,\n borderBottomLeftRadius: borderRadius,\n borderWidth: borderWidth,\n borderRightWidth: 0,\n width,\n },\n ['&[data-notch-outline-item=\"middle\"]']: {\n borderWidth: 0,\n borderBottomWidth: borderWidth,\n },\n ['&[data-notch-outline-item=\"end\"]']: {\n borderWidth: borderWidth,\n borderLeft: 0,\n borderTopRightRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n flex: 1,\n },\n };\n }\n\n const inactiveStyle = {\n color: 'on.surface-variant',\n borderColor: 'outline',\n ...borderStyling(borderRadius, borderWidth),\n };\n\n const hoverStyle = {\n borderColor: 'on.surface',\n color: 'on.surface-variant',\n };\n\n const focusStyle = {\n borderColor: color,\n color: alpha(color, 0.87),\n ...borderStyling(borderRadius, borderWidthWhenFocused),\n };\n\n const disabledStyle = {\n borderColor: alpha('on.surface', 0.06),\n color: alpha('on.surface', 0.38),\n };\n\n return css({\n // notch items styles when not focused\n ['[data-notch-outline-item]']: {\n boxSizing: 'border-box',\n borderStyle,\n transition: `border-color .15s ${EASING_STANDARD}`,\n ...(forceActive ? focusStyle : inactiveStyle),\n },\n // notch items styles when input is hovered\n [makeSelector('hover:not([disabled]):not(:focus)')]: forceActive\n ? focusStyle\n : hoverStyle,\n // notch items styles when input is focused\n [makeSelector('focus:not([disabled])')]: focusStyle,\n // notch items styles when input is disabled\n [makeSelector('disabled')]: disabledStyle,\n });\n }\n);\n"],"file":"styledComponents.js"}
@@ -8,4 +8,4 @@ export interface PaperProps extends BoxProps {
8
8
  darkThemeBackgroundOverlay?: number | string;
9
9
  children?: React.ReactNode;
10
10
  }
11
- export declare const Paper: React.ForwardRefExoticComponent<Pick<PaperProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "slot" | "style" | "title" | "sx" | "children" | "hidden" | "as" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "outlined" | "elevation" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & React.RefAttributes<HTMLDivElement>>;
11
+ export declare const Paper: React.ForwardRefExoticComponent<Pick<PaperProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "outlined" | "elevation" | "backgroundOverlay" | "darkThemeBackgroundOverlay"> & React.RefAttributes<HTMLDivElement>>;
@@ -5,4 +5,4 @@ export declare type ProgressSpinnerProps = BoxProps & {
5
5
  thickness?: number;
6
6
  size?: number;
7
7
  };
8
- export declare const ProgressSpinner: import("react").ForwardRefExoticComponent<Pick<ProgressSpinnerProps, "children" | "progress" | "slot" | "style" | "title" | "translate" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>;
8
+ export declare const ProgressSpinner: import("react").ForwardRefExoticComponent<Pick<ProgressSpinnerProps, "progress" | "slot" | "style" | "title" | "children" | "hidden" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "thickness"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -4,6 +4,7 @@ import { forwardRef } from 'react';
4
4
  import { keyframes } from '@emotion/react';
5
5
  import { rem } from 'polished';
6
6
  import { Box } from '../Box';
7
+ import { EASING_STANDARD } from '../motion';
7
8
  import { jsx as _jsx } from "react/jsx-runtime";
8
9
  var innerDivRotate = keyframes({
9
10
  '0%': {
@@ -79,7 +80,7 @@ export var ProgressSpinner = /*#__PURE__*/forwardRef(function ProgressSpinner(pr
79
80
  strokeDasharray: '80px, 200px',
80
81
  strokeDashoffset: '0px'
81
82
  } : {
82
- transition: 'stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',
83
+ transition: "stroke-dashoffset 300ms ".concat(EASING_STANDARD, " 0ms"),
83
84
  strokeDasharray: circumference.toFixed(3)
84
85
  }
85
86
  })
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"names":["forwardRef","keyframes","rem","Box","innerDivRotate","transformOrigin","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","animation","toFixed","transition"],"mappings":"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","sourcesContent":["import type { SVGAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { keyframes } from '@emotion/react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\n\nexport type ProgressSpinnerProps = BoxProps & {\n progress?: number;\n thickness?: number;\n size?: number;\n};\n\nconst innerDivRotate = keyframes({\n '0%': {\n transformOrigin: '50% 50%',\n },\n '100%': {\n transform: 'rotate(360deg)',\n },\n});\n\nconst circleIndeterminate = keyframes({\n '0%': {\n strokeDasharray: '1px, 200px',\n strokeDashoffset: '0px',\n },\n '50%': {\n strokeDasharray: '100px, 200px',\n strokeDashoffset: '-15px',\n },\n '100%': {\n strokeDasharray: '100px, 200px',\n strokeDashoffset: '-125px',\n },\n});\n\nconst SIZE = 44;\n\nexport const ProgressSpinner = forwardRef<HTMLDivElement, ProgressSpinnerProps>(\n function ProgressSpinner(props, forwardedRef) {\n const {\n __css,\n progress: progressProp,\n thickness = 3.6,\n size = 40,\n ...otherProps\n } = props;\n\n const indeterminate = progressProp === undefined;\n const progress = progressProp ?? 0;\n\n const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\n return (\n <Box\n ref={forwardedRef}\n {...otherProps}\n __css={{\n color: 'primary',\n display: 'inline-block',\n width: rem(size),\n height: rem(size),\n ...__css,\n }}\n >\n <Box\n __css={{\n display: 'inline-block',\n width: '100%',\n height: '100%',\n ...(indeterminate\n ? { animation: `${innerDivRotate} 1.4s linear infinite` }\n : { transform: 'rotate(-90deg)' }),\n }}\n >\n <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n as=\"svg\"\n viewBox=\"22 22 44 44\"\n display=\"block\"\n >\n <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n as=\"circle\"\n stroke=\"currentColor\"\n cx={SIZE}\n cy={SIZE}\n r={(SIZE - thickness) / 2}\n fill=\"none\"\n strokeWidth={thickness}\n style={\n indeterminate\n ? {}\n : {\n strokeDashoffset: `${(\n ((100 - progress) / 100) *\n circumference\n ).toFixed(3)}px`,\n }\n }\n __css={\n indeterminate\n ? {\n animation: `${circleIndeterminate} 1.4s ease-in-out infinite`,\n strokeDasharray: '80px, 200px',\n strokeDashoffset: '0px',\n }\n : {\n transition:\n 'stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n strokeDasharray: circumference.toFixed(3),\n }\n }\n />\n </Box>\n </Box>\n </Box>\n );\n }\n);\n"],"file":"ProgressSpinner.js"}
1
+ {"version":3,"sources":["../../../src/ProgressSpinner/ProgressSpinner.tsx"],"names":["forwardRef","keyframes","rem","Box","EASING_STANDARD","innerDivRotate","transformOrigin","transform","circleIndeterminate","strokeDasharray","strokeDashoffset","SIZE","ProgressSpinner","props","forwardedRef","__css","progressProp","progress","thickness","size","otherProps","indeterminate","undefined","circumference","Math","PI","color","display","width","height","animation","toFixed","transition"],"mappings":"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","sourcesContent":["import type { SVGAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { keyframes } from '@emotion/react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport type ProgressSpinnerProps = BoxProps & {\n progress?: number;\n thickness?: number;\n size?: number;\n};\n\nconst innerDivRotate = keyframes({\n '0%': {\n transformOrigin: '50% 50%',\n },\n '100%': {\n transform: 'rotate(360deg)',\n },\n});\n\nconst circleIndeterminate = keyframes({\n '0%': {\n strokeDasharray: '1px, 200px',\n strokeDashoffset: '0px',\n },\n '50%': {\n strokeDasharray: '100px, 200px',\n strokeDashoffset: '-15px',\n },\n '100%': {\n strokeDasharray: '100px, 200px',\n strokeDashoffset: '-125px',\n },\n});\n\nconst SIZE = 44;\n\nexport const ProgressSpinner = forwardRef<HTMLDivElement, ProgressSpinnerProps>(\n function ProgressSpinner(props, forwardedRef) {\n const {\n __css,\n progress: progressProp,\n thickness = 3.6,\n size = 40,\n ...otherProps\n } = props;\n\n const indeterminate = progressProp === undefined;\n const progress = progressProp ?? 0;\n\n const circumference = 2 * Math.PI * ((SIZE - thickness) / 2);\n return (\n <Box\n ref={forwardedRef}\n {...otherProps}\n __css={{\n color: 'primary',\n display: 'inline-block',\n width: rem(size),\n height: rem(size),\n ...__css,\n }}\n >\n <Box\n __css={{\n display: 'inline-block',\n width: '100%',\n height: '100%',\n ...(indeterminate\n ? { animation: `${innerDivRotate} 1.4s linear infinite` }\n : { transform: 'rotate(-90deg)' }),\n }}\n >\n <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n as=\"svg\"\n viewBox=\"22 22 44 44\"\n display=\"block\"\n >\n <Box<BoxProps<SVGElement, SVGAttributes<SVGElement>>>\n as=\"circle\"\n stroke=\"currentColor\"\n cx={SIZE}\n cy={SIZE}\n r={(SIZE - thickness) / 2}\n fill=\"none\"\n strokeWidth={thickness}\n style={\n indeterminate\n ? {}\n : {\n strokeDashoffset: `${(\n ((100 - progress) / 100) *\n circumference\n ).toFixed(3)}px`,\n }\n }\n __css={\n indeterminate\n ? {\n animation: `${circleIndeterminate} 1.4s ease-in-out infinite`,\n strokeDasharray: '80px, 200px',\n strokeDashoffset: '0px',\n }\n : {\n transition: `stroke-dashoffset 300ms ${EASING_STANDARD} 0ms`,\n strokeDasharray: circumference.toFixed(3),\n }\n }\n />\n </Box>\n </Box>\n </Box>\n );\n }\n);\n"],"file":"ProgressSpinner.js"}
@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  import { forwardRef } from 'react';
4
4
  import * as React from 'react';
5
5
  import { Box } from '../Box';
6
+ import { EASING_STANDARD } from '../motion';
6
7
  import { jsx as _jsx } from "react/jsx-runtime";
7
8
  export var RadioButtonIcon = /*#__PURE__*/forwardRef(function RadioButtonIcon(props, forwardedRef) {
8
9
  var checked = props.checked,
@@ -26,7 +27,7 @@ export var RadioButtonIcon = /*#__PURE__*/forwardRef(function RadioButtonIcon(pr
26
27
  borderRadius: 'full',
27
28
  width: '100%',
28
29
  height: '100%',
29
- transition: 'transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms',
30
+ transition: "transform .12s ".concat(EASING_STANDARD, " 0ms,background-color .12s ").concat(EASING_STANDARD, " 0ms"),
30
31
  transform: checked ? 'scale(1)' : 'scale(0)'
31
32
  }
32
33
  })
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"names":["forwardRef","React","Box","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAQA,OAAO,IAAMC,eAAe,gBAAGH,UAAU,CACvC,SAASG,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;AAAA,MACpCC,OADoC,GACTF,KADS,CACpCE,OADoC;AAAA,MACxBC,UADwB,4BACTH,KADS;;AAG5C,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,WAAW,EAAE,cADR;AAELC,MAAAA,WAAW,EAAE,OAFR;AAGLC,MAAAA,YAAY,EAAE,MAHT;AAILC,MAAAA,WAAW,YAJN;AAKLC,MAAAA,KAAK,EAAE,MALF;AAMLC,MAAAA,MAAM,EAAE,MANH;AAOLC,MAAAA,CAAC;AAPI;AAFT,KAWMP,UAXN;AAAA,2BAaE,KAAC,GAAD;AACE,MAAA,KAAK,EAAE;AACLQ,QAAAA,eAAe,EAAE,cADZ;AAELL,QAAAA,YAAY,EAAE,MAFT;AAGLE,QAAAA,KAAK,EAAE,MAHF;AAILC,QAAAA,MAAM,EAAE,MAJH;AAKLG,QAAAA,UAAU,EACR,4FANG;AAOLC,QAAAA,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;AAP7B;AADT;AAbF,KADF;AA2BD,CA/BsC,CAAlC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Box } from '../Box';\n\nexport interface RadioButtonIconProps\n extends React.HTMLAttributes<HTMLDivElement> {\n checked?: boolean;\n disabled?: boolean;\n}\n\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\n function RadioButtonIcon(props, forwardedRef) {\n const { checked, ...otherProps } = props;\n\n return (\n <Box\n ref={forwardedRef}\n __css={{\n borderColor: 'currentColor',\n borderStyle: 'solid',\n borderRadius: 'full',\n borderWidth: rem(2),\n width: '100%',\n height: '100%',\n p: rem(3),\n }}\n {...otherProps}\n >\n <Box\n __css={{\n backgroundColor: 'currentColor',\n borderRadius: 'full',\n width: '100%',\n height: '100%',\n transition:\n 'transform .12s cubic-bezier(0,0,.2,1) 0ms,background-color .12s cubic-bezier(0,0,.2,1) 0ms',\n transform: checked ? 'scale(1)' : 'scale(0)',\n }}\n />\n </Box>\n );\n }\n);\n"],"file":"RadioButtonIcon.js"}
1
+ {"version":3,"sources":["../../../src/RadioButton/RadioButtonIcon.tsx"],"names":["forwardRef","React","Box","EASING_STANDARD","RadioButtonIcon","props","forwardedRef","checked","otherProps","borderColor","borderStyle","borderRadius","borderWidth","width","height","p","backgroundColor","transition","transform"],"mappings":";;AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAGA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,eAAT,QAAgC,WAAhC;;AAQA,OAAO,IAAMC,eAAe,gBAAGJ,UAAU,CACvC,SAASI,eAAT,CAAyBC,KAAzB,EAAgCC,YAAhC,EAA8C;AAAA,MACpCC,OADoC,GACTF,KADS,CACpCE,OADoC;AAAA,MACxBC,UADwB,4BACTH,KADS;;AAG5C,sBACE,KAAC,GAAD;AACE,IAAA,GAAG,EAAEC,YADP;AAEE,IAAA,KAAK,EAAE;AACLG,MAAAA,WAAW,EAAE,cADR;AAELC,MAAAA,WAAW,EAAE,OAFR;AAGLC,MAAAA,YAAY,EAAE,MAHT;AAILC,MAAAA,WAAW,YAJN;AAKLC,MAAAA,KAAK,EAAE,MALF;AAMLC,MAAAA,MAAM,EAAE,MANH;AAOLC,MAAAA,CAAC;AAPI;AAFT,KAWMP,UAXN;AAAA,2BAaE,KAAC,GAAD;AACE,MAAA,KAAK,EAAE;AACLQ,QAAAA,eAAe,EAAE,cADZ;AAELL,QAAAA,YAAY,EAAE,MAFT;AAGLE,QAAAA,KAAK,EAAE,MAHF;AAILC,QAAAA,MAAM,EAAE,MAJH;AAKLG,QAAAA,UAAU,2BAAoBd,eAApB,wCAAiEA,eAAjE,SALL;AAMLe,QAAAA,SAAS,EAAEX,OAAO,GAAG,UAAH,GAAgB;AAN7B;AADT;AAbF,KADF;AA0BD,CA9BsC,CAAlC","sourcesContent":["import { forwardRef } from 'react';\nimport * as React from 'react';\nimport { rem } from 'polished';\n\nimport { Box } from '../Box';\nimport { EASING_STANDARD } from '../motion';\n\nexport interface RadioButtonIconProps\n extends React.HTMLAttributes<HTMLDivElement> {\n checked?: boolean;\n disabled?: boolean;\n}\n\nexport const RadioButtonIcon = forwardRef<HTMLDivElement, RadioButtonIconProps>(\n function RadioButtonIcon(props, forwardedRef) {\n const { checked, ...otherProps } = props;\n\n return (\n <Box\n ref={forwardedRef}\n __css={{\n borderColor: 'currentColor',\n borderStyle: 'solid',\n borderRadius: 'full',\n borderWidth: rem(2),\n width: '100%',\n height: '100%',\n p: rem(3),\n }}\n {...otherProps}\n >\n <Box\n __css={{\n backgroundColor: 'currentColor',\n borderRadius: 'full',\n width: '100%',\n height: '100%',\n transition: `transform .12s ${EASING_STANDARD} 0ms,background-color .12s ${EASING_STANDARD} 0ms`,\n transform: checked ? 'scale(1)' : 'scale(0)',\n }}\n />\n </Box>\n );\n }\n);\n"],"file":"RadioButtonIcon.js"}
@@ -2,4 +2,4 @@
2
2
  import type { RadioGroupProps as RadioGroupCoreProps } from '@basic-ui/core';
3
3
  import type { BoxProps } from '../Box';
4
4
  export declare type RadioGroupProps = Omit<BoxProps, 'onChange' | 'value' | 'defaultValue'> & RadioGroupCoreProps;
5
- export declare const RadioGroup: import("react").ForwardRefExoticComponent<Pick<RadioGroupProps, "children" | "p" | "slot" | "style" | "title" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "zIndex" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "gridColumnGap" | "gridGap" | "gridRowGap" | "value" | "hidden" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "size" | "bg" | "borderX" | "borderY" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "innerAs" | "name"> & import("react").RefAttributes<HTMLDivElement>>;
5
+ export declare const RadioGroup: import("react").ForwardRefExoticComponent<Pick<RadioGroupProps, "background" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerAs" | "key" | "value" | "name"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -15,4 +15,4 @@ export interface SelectProps extends Omit<BoxProps<HTMLSelectElement, React.Sele
15
15
  renderValue?: (value?: string) => string | undefined;
16
16
  leadingIcon?: React.ReactNode;
17
17
  }
18
- export declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "color" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textShadow" | "top" | "translate" | "verticalAlign" | "width" | "background" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bg" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "error" | "form" | "label" | "slot" | "style" | "title" | "sx" | "children" | "hidden" | "as" | "__css" | "variant" | "tx" | "theme" | "size" | "borderX" | "borderY" | "gridGap" | "gridColumnGap" | "gridRowGap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "value" | "autoComplete" | "autoFocus" | "multiple" | "name" | "required" | "leadingIcon" | "helperText" | "native" | "renderValue"> & React.RefAttributes<HTMLButtonElement | HTMLSelectElement>>;
18
+ export declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "error" | "background" | "form" | "label" | "p" | "slot" | "style" | "title" | "width" | "flex" | "display" | "flexDirection" | "sx" | "children" | "height" | "color" | "hidden" | "left" | "right" | "bg" | "bottom" | "top" | "as" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "key" | "value" | "autoComplete" | "autoFocus" | "multiple" | "name" | "required" | "leadingIcon" | "helperText" | "native" | "renderValue"> & React.RefAttributes<HTMLButtonElement | HTMLSelectElement>>;
@@ -3,4 +3,4 @@ import type { BoxProps } from '../Box';
3
3
  export declare type SelectIconProps = BoxProps<SVGElement, React.SVGAttributes<SVGElement>> & {
4
4
  open?: boolean;
5
5
  };
6
- export declare const SelectIcon: React.ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "clipPath" | "cursor" | "direction" | "filter" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "local" | "style" | "path" | "children" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "origin" | "values" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "crossOrigin" | "max" | "min" | "name" | "type" | "end" | "elevation" | "x" | "y" | "open" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGElement>>;
6
+ export declare const SelectIcon: React.ForwardRefExoticComponent<Pick<SelectIconProps, "string" | "style" | "clipPath" | "filter" | "mask" | "path" | "children" | "ideographic" | "alphabetic" | "hanging" | "mathematical" | "origin" | "fill" | "values" | "local" | keyof import("../Box").BaseProps | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Background<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | "className" | "id" | "lang" | "tabIndex" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "crossOrigin" | "max" | "min" | "name" | "type" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "offset" | "textDecoration" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "end" | "elevation" | "x" | "y" | "open" | "media" | "method" | "target" | "accentHeight" | "accumulate" | "additive" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorInterpolationFilters" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "href" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "orientation" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan"> & React.RefAttributes<SVGElement>>;
@@ -6,6 +6,7 @@ import { rem } from 'polished';
6
6
  import { Box } from '../Box';
7
7
  import { alpha } from '../color';
8
8
  import { PADDING_RIGHT_WITH_ICON } from '../TextField/consts';
9
+ import { EASING_STANDARD } from '../motion';
9
10
  import { jsx as _jsx } from "react/jsx-runtime";
10
11
  export var SelectIcon = /*#__PURE__*/forwardRef(function SelectIcon(props, forwardedRef) {
11
12
  var open = props.open,
@@ -25,7 +26,7 @@ export var SelectIcon = /*#__PURE__*/forwardRef(function SelectIcon(props, forwa
25
26
  color: open ? 'primary' : alpha('on.surface', 0.54),
26
27
  pointerEvents: 'none',
27
28
  transform: open ? 'rotate(180deg)' : undefined,
28
- transition: 'transform .15s cubic-bezier(.4,0,.2,1), color .15s cubic-bezier(.4,0,.2,1)'
29
+ transition: "transform .15s ".concat(EASING_STANDARD, ", color .15s ").concat(EASING_STANDARD)
29
30
  }
30
31
  }, otherProps, {
31
32
  children: /*#__PURE__*/_jsx("path", {