@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
@@ -282,73 +282,167 @@ export declare const StyledVideo: import("@stitches/react/types/styled-component
282
282
  transition: "transitions";
283
283
  zIndex: "zIndices";
284
284
  }, {
285
- bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
286
- backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
285
+ bg: (value: {
286
+ readonly [$$PropertyValue]: "backgroundColor";
287
+ }) => {
288
+ backgroundColor: {
289
+ readonly [$$PropertyValue]: "backgroundColor";
290
+ };
287
291
  };
288
- c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
289
- color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
292
+ c: (value: {
293
+ readonly [$$PropertyValue]: "color";
294
+ }) => {
295
+ color: {
296
+ readonly [$$PropertyValue]: "color";
297
+ };
290
298
  };
291
- r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
292
- borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
299
+ r: (value: {
300
+ readonly [$$ScaleValue]: "radii";
301
+ }) => {
302
+ borderRadius: {
303
+ readonly [$$ScaleValue]: "radii";
304
+ };
293
305
  };
294
- fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
295
- fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
306
+ fs: (value: string | number | {
307
+ readonly [$$PropertyValue]: "fontSize";
308
+ }) => {
309
+ fontSize: string | number | {
310
+ readonly [$$PropertyValue]: "fontSize";
311
+ };
296
312
  };
297
- size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
298
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
299
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
313
+ size: (value: string | number | {
314
+ readonly [$$ScaleValue]: "space";
315
+ }) => {
316
+ height: string | number | {
317
+ readonly [$$ScaleValue]: "space";
318
+ };
319
+ width: string | number | {
320
+ readonly [$$ScaleValue]: "space";
321
+ };
300
322
  };
301
- w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
302
- width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
323
+ w: (value: string | number | {
324
+ readonly [$$ScaleValue]: "space";
325
+ }) => {
326
+ width: string | number | {
327
+ readonly [$$ScaleValue]: "space";
328
+ };
303
329
  };
304
- h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
305
- height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
330
+ h: (value: string | number | {
331
+ readonly [$$ScaleValue]: "space";
332
+ }) => {
333
+ height: string | number | {
334
+ readonly [$$ScaleValue]: "space";
335
+ };
306
336
  };
307
- p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
308
- padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
337
+ p: (value: string | number | {
338
+ readonly [$$ScaleValue]: "space";
339
+ }) => {
340
+ padding: string | number | {
341
+ readonly [$$ScaleValue]: "space";
342
+ };
309
343
  };
310
- pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
311
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
344
+ pt: (value: string | number | {
345
+ readonly [$$ScaleValue]: "space";
346
+ }) => {
347
+ paddingTop: string | number | {
348
+ readonly [$$ScaleValue]: "space";
349
+ };
312
350
  };
313
- pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
314
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
351
+ pr: (value: string | number | {
352
+ readonly [$$ScaleValue]: "space";
353
+ }) => {
354
+ paddingRight: string | number | {
355
+ readonly [$$ScaleValue]: "space";
356
+ };
315
357
  };
316
- pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
317
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
358
+ pb: (value: string | number | {
359
+ readonly [$$ScaleValue]: "space";
360
+ }) => {
361
+ paddingBottom: string | number | {
362
+ readonly [$$ScaleValue]: "space";
363
+ };
318
364
  };
319
- pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
320
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
365
+ pl: (value: string | number | {
366
+ readonly [$$ScaleValue]: "space";
367
+ }) => {
368
+ paddingLeft: string | number | {
369
+ readonly [$$ScaleValue]: "space";
370
+ };
321
371
  };
322
- px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
323
- paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
324
- paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
372
+ px: (value: string | number | {
373
+ readonly [$$ScaleValue]: "space";
374
+ }) => {
375
+ paddingLeft: string | number | {
376
+ readonly [$$ScaleValue]: "space";
377
+ };
378
+ paddingRight: string | number | {
379
+ readonly [$$ScaleValue]: "space";
380
+ };
325
381
  };
326
- py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
327
- paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
328
- paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
382
+ py: (value: string | number | {
383
+ readonly [$$ScaleValue]: "space";
384
+ }) => {
385
+ paddingTop: string | number | {
386
+ readonly [$$ScaleValue]: "space";
387
+ };
388
+ paddingBottom: string | number | {
389
+ readonly [$$ScaleValue]: "space";
390
+ };
329
391
  };
330
- m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
331
- margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
392
+ m: (value: string | number | {
393
+ readonly [$$ScaleValue]: "space";
394
+ }) => {
395
+ margin: string | number | {
396
+ readonly [$$ScaleValue]: "space";
397
+ };
332
398
  };
333
- mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
334
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
399
+ mt: (value: string | number | {
400
+ readonly [$$ScaleValue]: "space";
401
+ }) => {
402
+ marginTop: string | number | {
403
+ readonly [$$ScaleValue]: "space";
404
+ };
335
405
  };
336
- mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
337
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
406
+ mr: (value: string | number | {
407
+ readonly [$$ScaleValue]: "space";
408
+ }) => {
409
+ marginRight: string | number | {
410
+ readonly [$$ScaleValue]: "space";
411
+ };
338
412
  };
339
- mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
340
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
413
+ mb: (value: string | number | {
414
+ readonly [$$ScaleValue]: "space";
415
+ }) => {
416
+ marginBottom: string | number | {
417
+ readonly [$$ScaleValue]: "space";
418
+ };
341
419
  };
342
- ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
343
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
420
+ ml: (value: string | number | {
421
+ readonly [$$ScaleValue]: "space";
422
+ }) => {
423
+ marginLeft: string | number | {
424
+ readonly [$$ScaleValue]: "space";
425
+ };
344
426
  };
345
- mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
346
- marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
347
- marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
427
+ mx: (value: string | number | {
428
+ readonly [$$ScaleValue]: "space";
429
+ }) => {
430
+ marginLeft: string | number | {
431
+ readonly [$$ScaleValue]: "space";
432
+ };
433
+ marginRight: string | number | {
434
+ readonly [$$ScaleValue]: "space";
435
+ };
348
436
  };
349
- my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
350
- marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
351
- marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
437
+ my: (value: string | number | {
438
+ readonly [$$ScaleValue]: "space";
439
+ }) => {
440
+ marginTop: string | number | {
441
+ readonly [$$ScaleValue]: "space";
442
+ };
443
+ marginBottom: string | number | {
444
+ readonly [$$ScaleValue]: "space";
445
+ };
352
446
  };
353
447
  }>>;
354
448
  declare type StyledProps = VariantProps<typeof StyledVideo> & React.ComponentProps<typeof StyledVideo>;