@100mslive/roomkit-react 0.3.23-alpha.0 → 0.3.24-alpha.0

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