@100mslive/roomkit-react 0.3.22-alpha.3 → 0.3.22-alpha.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (192) hide show
  1. package/dist/Accordion/Accordion.d.ts +322 -134
  2. package/dist/Accordion/index.d.ts +322 -134
  3. package/dist/Avatar/Avatar.d.ts +141 -47
  4. package/dist/Button/Button.d.ts +141 -47
  5. package/dist/Checkbox/Checkbox.d.ts +322 -134
  6. package/dist/Collapsible/Collapsible.d.ts +483 -201
  7. package/dist/Divider/Divider.d.ts +322 -134
  8. package/dist/Dropdown/Dropdown.d.ts +1932 -804
  9. package/dist/Fieldset/Fieldset.d.ts +141 -47
  10. package/dist/Footer/Footer.d.ts +1288 -536
  11. package/dist/{HLSView-EYGGK6BH.js → HLSView-CSOBLYBP.js} +24 -38
  12. package/dist/HLSView-CSOBLYBP.js.map +7 -0
  13. package/dist/{PDFView-RMR33QH4.css → HLSView-QZMIDGI4.css} +3 -3
  14. package/dist/{LeaveScreen-ZAG5UJZL.css.map → HLSView-QZMIDGI4.css.map} +1 -1
  15. package/dist/IconButton/IconButton.d.ts +141 -47
  16. package/dist/Input/Input.d.ts +926 -362
  17. package/dist/Label/Label.d.ts +141 -47
  18. package/dist/Layout/Box.d.ts +141 -47
  19. package/dist/Layout/Flex.d.ts +141 -47
  20. package/dist/Link/Link.d.ts +141 -47
  21. package/dist/Modal/Dialog.d.ts +987 -329
  22. package/dist/Modal/DialogContent.d.ts +1127 -469
  23. package/dist/Pagination/StyledPagination.d.ts +644 -268
  24. package/dist/Popover/index.d.ts +483 -201
  25. package/dist/Prebuilt/IconButton.d.ts +322 -134
  26. package/dist/Prebuilt/components/Chat/ChatBody.d.ts +322 -134
  27. package/dist/Prebuilt/components/Leave/LeaveAtoms.d.ts +805 -335
  28. package/dist/Prebuilt/components/Settings/common.d.ts +322 -134
  29. package/dist/Progress/index.d.ts +322 -134
  30. package/dist/RadioGroup/RadioGroup.d.ts +483 -201
  31. package/dist/ReactSelect/ReactSelect.d.ts +1610 -670
  32. package/dist/Select/Select.d.ts +483 -201
  33. package/dist/Sheet/Sheet.d.ts +987 -329
  34. package/dist/Slider/Slider.d.ts +141 -47
  35. package/dist/Stats/StyledStats.d.ts +966 -402
  36. package/dist/Switch/Switch.d.ts +141 -47
  37. package/dist/Tabs/Tabs.d.ts +644 -268
  38. package/dist/Text/Text.d.ts +141 -47
  39. package/dist/TextArea/TextArea.d.ts +141 -47
  40. package/dist/Theme/base.config.d.ts +78 -26
  41. package/dist/Theme/stitches.config.d.ts +1514 -1067
  42. package/dist/TileMenu/StyledMenuTile.d.ts +1127 -469
  43. package/dist/Toast/Toast.d.ts +946 -382
  44. package/dist/Video/Video.d.ts +141 -47
  45. package/dist/VideoList/StyledVideoList.d.ts +483 -201
  46. package/dist/VideoTile/StyledVideoTile.d.ts +1610 -670
  47. package/dist/chunk-4VBHLZDR.js +34747 -0
  48. package/dist/chunk-4VBHLZDR.js.map +7 -0
  49. package/dist/index.cjs.css +2 -2
  50. package/dist/index.cjs.css.map +1 -1
  51. package/dist/index.cjs.js +22358 -22561
  52. package/dist/index.cjs.js.map +4 -4
  53. package/dist/index.css +2 -2
  54. package/dist/index.css.map +1 -1
  55. package/dist/index.js +15 -25
  56. package/dist/meta.cjs.json +5299 -5657
  57. package/dist/meta.esbuild.json +6290 -9146
  58. package/package.json +8 -8
  59. package/src/Avatar/Avatar.tsx +1 -1
  60. package/src/Popover/Popover.stories.tsx +1 -1
  61. package/src/Prebuilt/App.tsx +2 -6
  62. package/src/Prebuilt/components/Chat/Chat.tsx +8 -12
  63. package/src/Prebuilt/components/Chat/ChatFooter.tsx +1 -1
  64. package/src/Prebuilt/components/Notifications/Notifications.tsx +159 -13
  65. package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +2 -9
  66. package/src/Prebuilt/components/Notifications/ReconnectNotifications.tsx +5 -1
  67. package/src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx +5 -7
  68. package/src/Prebuilt/components/Notifications/TrackNotifications.tsx +1 -23
  69. package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +5 -13
  70. package/src/Prebuilt/components/StatsForNerds.jsx +3 -32
  71. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +31 -43
  72. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +2 -2
  73. package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +1 -3
  74. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +0 -6
  75. package/src/Prebuilt/layouts/HLSView.jsx +0 -1
  76. package/src/Prebuilt/layouts/PDFView.jsx +0 -1
  77. package/src/Prebuilt/layouts/SidePane.tsx +6 -12
  78. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +34 -35
  79. package/dist/ConferenceScreen-CSVWECB5.js +0 -1778
  80. package/dist/ConferenceScreen-CSVWECB5.js.map +0 -7
  81. package/dist/ConferenceScreen-YRURU3RV.css +0 -2780
  82. package/dist/ConferenceScreen-YRURU3RV.css.map +0 -7
  83. package/dist/EmbedView-N2E4DZQA.js +0 -17
  84. package/dist/EmbedView-N2E4DZQA.js.map +0 -7
  85. package/dist/EmbedView-S54NTHF5.css +0 -2780
  86. package/dist/EmbedView-S54NTHF5.css.map +0 -7
  87. package/dist/EmojiReaction-3X4ST4AU.js +0 -11
  88. package/dist/EmojiReaction-3X4ST4AU.js.map +0 -7
  89. package/dist/HLSView-EYGGK6BH.js.map +0 -7
  90. package/dist/HLSView-LBTFLMI4.css +0 -2780
  91. package/dist/HLSView-LBTFLMI4.css.map +0 -7
  92. package/dist/LeaveScreen-D6XU64JL.js +0 -556
  93. package/dist/LeaveScreen-D6XU64JL.js.map +0 -7
  94. package/dist/LeaveScreen-ZAG5UJZL.css +0 -2780
  95. package/dist/MoreSettings-R7B4BSNT.css +0 -2780
  96. package/dist/MoreSettings-R7B4BSNT.css.map +0 -7
  97. package/dist/MoreSettings-TBJVM7OY.js +0 -16
  98. package/dist/MoreSettings-TBJVM7OY.js.map +0 -7
  99. package/dist/PDFView-JOIJDP65.js +0 -84
  100. package/dist/PDFView-JOIJDP65.js.map +0 -7
  101. package/dist/PDFView-RMR33QH4.css.map +0 -7
  102. package/dist/Polls-IN3V2HFI.js +0 -1584
  103. package/dist/Polls-IN3V2HFI.js.map +0 -7
  104. package/dist/Polls-JW7JWGTE.css +0 -2780
  105. package/dist/Polls-JW7JWGTE.css.map +0 -7
  106. package/dist/Prebuilt/components/Notifications/DeviceChangeNotifications.d.ts +0 -1
  107. package/dist/Prebuilt/components/Notifications/ErrorNotifications.d.ts +0 -1
  108. package/dist/Prebuilt/components/Notifications/MessageNotifications.d.ts +0 -1
  109. package/dist/Prebuilt/components/Notifications/PollNotificationModal.d.ts +0 -1
  110. package/dist/Prebuilt/components/Notifications/RoleChangeNotification.d.ts +0 -1
  111. package/dist/RaiseHand-WES4KKMD.js +0 -10
  112. package/dist/RaiseHand-WES4KKMD.js.map +0 -7
  113. package/dist/RoleProminence-4ZBDBCMU.css +0 -2780
  114. package/dist/RoleProminence-4ZBDBCMU.css.map +0 -7
  115. package/dist/RoleProminence-PB32DLIB.js +0 -116
  116. package/dist/RoleProminence-PB32DLIB.js.map +0 -7
  117. package/dist/RoomDetailsPane-CZH2SNLE.js +0 -53
  118. package/dist/RoomDetailsPane-CZH2SNLE.js.map +0 -7
  119. package/dist/RoomDetailsPane-XWH2KEFI.css +0 -2780
  120. package/dist/RoomDetailsPane-XWH2KEFI.css.map +0 -7
  121. package/dist/ScreenshareLayout-XVENPVK3.js +0 -358
  122. package/dist/ScreenshareLayout-XVENPVK3.js.map +0 -7
  123. package/dist/ScreenshareLayout-YUW3KHAB.css +0 -2780
  124. package/dist/ScreenshareLayout-YUW3KHAB.css.map +0 -7
  125. package/dist/SidePaneTabs-QXCDHOGG.js +0 -1354
  126. package/dist/SidePaneTabs-QXCDHOGG.js.map +0 -7
  127. package/dist/SidePaneTabs-WQGVOWRP.css +0 -2780
  128. package/dist/SidePaneTabs-WQGVOWRP.css.map +0 -7
  129. package/dist/VBPicker-XN74N67R.js +0 -322
  130. package/dist/VBPicker-XN74N67R.js.map +0 -7
  131. package/dist/VBPicker-YDM2YIOM.css +0 -2780
  132. package/dist/VBPicker-YDM2YIOM.css.map +0 -7
  133. package/dist/WaitingView-77PRTIBV.js +0 -10
  134. package/dist/WaitingView-77PRTIBV.js.map +0 -7
  135. package/dist/WhiteboardLayout-FZC7SOSG.js +0 -96
  136. package/dist/WhiteboardLayout-FZC7SOSG.js.map +0 -7
  137. package/dist/WhiteboardLayout-MNTUWEVK.css +0 -2780
  138. package/dist/WhiteboardLayout-MNTUWEVK.css.map +0 -7
  139. package/dist/android-perm-1.png +0 -0
  140. package/dist/audio-level.png +0 -0
  141. package/dist/chunk-26D5FDBW.js +0 -16812
  142. package/dist/chunk-26D5FDBW.js.map +0 -7
  143. package/dist/chunk-2J5WS52X.js +0 -2595
  144. package/dist/chunk-2J5WS52X.js.map +0 -7
  145. package/dist/chunk-2LWOQMYY.js +0 -30
  146. package/dist/chunk-2LWOQMYY.js.map +0 -7
  147. package/dist/chunk-3MRQJSIY.js +0 -171
  148. package/dist/chunk-3MRQJSIY.js.map +0 -7
  149. package/dist/chunk-4X4WB7X3.js +0 -98
  150. package/dist/chunk-4X4WB7X3.js.map +0 -7
  151. package/dist/chunk-7QZJMUHM.js +0 -90
  152. package/dist/chunk-7QZJMUHM.js.map +0 -7
  153. package/dist/chunk-ABCV7TX5.js +0 -71
  154. package/dist/chunk-ABCV7TX5.js.map +0 -7
  155. package/dist/chunk-BQOT4DK7.js +0 -418
  156. package/dist/chunk-BQOT4DK7.js.map +0 -7
  157. package/dist/chunk-ENHSO6YN.js +0 -6337
  158. package/dist/chunk-ENHSO6YN.js.map +0 -7
  159. package/dist/chunk-JKWX7W4K.js +0 -161
  160. package/dist/chunk-JKWX7W4K.js.map +0 -7
  161. package/dist/chunk-LO4BXA4G.js +0 -114
  162. package/dist/chunk-LO4BXA4G.js.map +0 -7
  163. package/dist/chunk-MRVWNFXC.js +0 -59
  164. package/dist/chunk-MRVWNFXC.js.map +0 -7
  165. package/dist/chunk-OA4HW7HW.js +0 -262
  166. package/dist/chunk-OA4HW7HW.js.map +0 -7
  167. package/dist/chunk-PJQSPAFZ.js +0 -178
  168. package/dist/chunk-PJQSPAFZ.js.map +0 -7
  169. package/dist/chunk-QHQKY35W.js +0 -830
  170. package/dist/chunk-QHQKY35W.js.map +0 -7
  171. package/dist/chunk-QKXHQ6DV.js +0 -254
  172. package/dist/chunk-QKXHQ6DV.js.map +0 -7
  173. package/dist/chunk-RTWNTT77.js +0 -62
  174. package/dist/chunk-RTWNTT77.js.map +0 -7
  175. package/dist/chunk-TBXRX6MK.js +0 -576
  176. package/dist/chunk-TBXRX6MK.js.map +0 -7
  177. package/dist/chunk-TCOPR3BK.js +0 -487
  178. package/dist/chunk-TCOPR3BK.js.map +0 -7
  179. package/dist/chunk-VKORP2LF.js +0 -41
  180. package/dist/chunk-VKORP2LF.js.map +0 -7
  181. package/dist/chunk-YYVDCP5Z.js +0 -136
  182. package/dist/chunk-YYVDCP5Z.js.map +0 -7
  183. package/dist/empty-chat.svg +0 -12
  184. package/dist/ios-perm-0.png +0 -0
  185. package/dist/pdf-share.png +0 -0
  186. package/dist/screen-share.png +0 -0
  187. package/dist/transaction_error.svg +0 -12
  188. package/src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx +0 -18
  189. package/src/Prebuilt/components/Notifications/ErrorNotifications.tsx +0 -56
  190. package/src/Prebuilt/components/Notifications/MessageNotifications.tsx +0 -24
  191. package/src/Prebuilt/components/Notifications/PollNotificationModal.tsx +0 -71
  192. package/src/Prebuilt/components/Notifications/RoleChangeNotification.tsx +0 -24
@@ -277,73 +277,167 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
277
277
  transition: "transitions";
278
278
  zIndex: "zIndices";
279
279
  }, {
280
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
281
- backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
280
+ bg: (value: {
281
+ readonly [$$PropertyValue]: "backgroundColor";
282
+ }) => {
283
+ backgroundColor: {
284
+ readonly [$$PropertyValue]: "backgroundColor";
285
+ };
282
286
  };
283
- c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
284
- color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
287
+ c: (value: {
288
+ readonly [$$PropertyValue]: "color";
289
+ }) => {
290
+ color: {
291
+ readonly [$$PropertyValue]: "color";
292
+ };
285
293
  };
286
- r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
287
- borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
294
+ r: (value: {
295
+ readonly [$$ScaleValue]: "radii";
296
+ }) => {
297
+ borderRadius: {
298
+ readonly [$$ScaleValue]: "radii";
299
+ };
288
300
  };
289
- fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
290
- fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
301
+ fs: (value: string | number | {
302
+ readonly [$$PropertyValue]: "fontSize";
303
+ }) => {
304
+ fontSize: string | number | {
305
+ readonly [$$PropertyValue]: "fontSize";
306
+ };
291
307
  };
292
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
293
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
294
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
308
+ size: (value: string | number | {
309
+ readonly [$$ScaleValue]: "space";
310
+ }) => {
311
+ height: string | number | {
312
+ readonly [$$ScaleValue]: "space";
313
+ };
314
+ width: string | number | {
315
+ readonly [$$ScaleValue]: "space";
316
+ };
295
317
  };
296
- w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
297
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
318
+ w: (value: string | number | {
319
+ readonly [$$ScaleValue]: "space";
320
+ }) => {
321
+ width: string | number | {
322
+ readonly [$$ScaleValue]: "space";
323
+ };
298
324
  };
299
- h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
300
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
325
+ h: (value: string | number | {
326
+ readonly [$$ScaleValue]: "space";
327
+ }) => {
328
+ height: string | number | {
329
+ readonly [$$ScaleValue]: "space";
330
+ };
301
331
  };
302
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
303
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
332
+ p: (value: string | number | {
333
+ readonly [$$ScaleValue]: "space";
334
+ }) => {
335
+ padding: string | number | {
336
+ readonly [$$ScaleValue]: "space";
337
+ };
304
338
  };
305
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
306
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
339
+ pt: (value: string | number | {
340
+ readonly [$$ScaleValue]: "space";
341
+ }) => {
342
+ paddingTop: string | number | {
343
+ readonly [$$ScaleValue]: "space";
344
+ };
307
345
  };
308
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
309
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
346
+ pr: (value: string | number | {
347
+ readonly [$$ScaleValue]: "space";
348
+ }) => {
349
+ paddingRight: string | number | {
350
+ readonly [$$ScaleValue]: "space";
351
+ };
310
352
  };
311
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
312
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
353
+ pb: (value: string | number | {
354
+ readonly [$$ScaleValue]: "space";
355
+ }) => {
356
+ paddingBottom: string | number | {
357
+ readonly [$$ScaleValue]: "space";
358
+ };
313
359
  };
314
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
315
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
360
+ pl: (value: string | number | {
361
+ readonly [$$ScaleValue]: "space";
362
+ }) => {
363
+ paddingLeft: string | number | {
364
+ readonly [$$ScaleValue]: "space";
365
+ };
316
366
  };
317
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
318
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
319
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
367
+ px: (value: string | number | {
368
+ readonly [$$ScaleValue]: "space";
369
+ }) => {
370
+ paddingLeft: string | number | {
371
+ readonly [$$ScaleValue]: "space";
372
+ };
373
+ paddingRight: string | number | {
374
+ readonly [$$ScaleValue]: "space";
375
+ };
320
376
  };
321
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
322
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
323
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
377
+ py: (value: string | number | {
378
+ readonly [$$ScaleValue]: "space";
379
+ }) => {
380
+ paddingTop: string | number | {
381
+ readonly [$$ScaleValue]: "space";
382
+ };
383
+ paddingBottom: string | number | {
384
+ readonly [$$ScaleValue]: "space";
385
+ };
324
386
  };
325
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
326
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
387
+ m: (value: string | number | {
388
+ readonly [$$ScaleValue]: "space";
389
+ }) => {
390
+ margin: string | number | {
391
+ readonly [$$ScaleValue]: "space";
392
+ };
327
393
  };
328
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
329
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
394
+ mt: (value: string | number | {
395
+ readonly [$$ScaleValue]: "space";
396
+ }) => {
397
+ marginTop: string | number | {
398
+ readonly [$$ScaleValue]: "space";
399
+ };
330
400
  };
331
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
332
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
401
+ mr: (value: string | number | {
402
+ readonly [$$ScaleValue]: "space";
403
+ }) => {
404
+ marginRight: string | number | {
405
+ readonly [$$ScaleValue]: "space";
406
+ };
333
407
  };
334
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
335
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
408
+ mb: (value: string | number | {
409
+ readonly [$$ScaleValue]: "space";
410
+ }) => {
411
+ marginBottom: string | number | {
412
+ readonly [$$ScaleValue]: "space";
413
+ };
336
414
  };
337
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
338
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
415
+ ml: (value: string | number | {
416
+ readonly [$$ScaleValue]: "space";
417
+ }) => {
418
+ marginLeft: string | number | {
419
+ readonly [$$ScaleValue]: "space";
420
+ };
339
421
  };
340
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
341
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
342
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
422
+ mx: (value: string | number | {
423
+ readonly [$$ScaleValue]: "space";
424
+ }) => {
425
+ marginLeft: string | number | {
426
+ readonly [$$ScaleValue]: "space";
427
+ };
428
+ marginRight: string | number | {
429
+ readonly [$$ScaleValue]: "space";
430
+ };
343
431
  };
344
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
345
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
346
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
432
+ my: (value: string | number | {
433
+ readonly [$$ScaleValue]: "space";
434
+ }) => {
435
+ marginTop: string | number | {
436
+ readonly [$$ScaleValue]: "space";
437
+ };
438
+ marginBottom: string | number | {
439
+ readonly [$$ScaleValue]: "space";
440
+ };
347
441
  };
348
442
  }>>;
349
443
  declare type SliderProps = React.ComponentProps<typeof Root> & {