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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (100) 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/Divider/Divider.d.ts +134 -322
  8. package/dist/Dropdown/Dropdown.d.ts +804 -1932
  9. package/dist/Fieldset/Fieldset.d.ts +47 -141
  10. package/dist/Footer/Footer.d.ts +536 -1288
  11. package/dist/IconButton/IconButton.d.ts +47 -141
  12. package/dist/Input/Input.d.ts +362 -926
  13. package/dist/Label/Label.d.ts +47 -141
  14. package/dist/Layout/Box.d.ts +47 -141
  15. package/dist/Layout/Flex.d.ts +47 -141
  16. package/dist/Link/Link.d.ts +47 -141
  17. package/dist/Modal/Dialog.d.ts +329 -987
  18. package/dist/Modal/DialogContent.d.ts +469 -1127
  19. package/dist/Pagination/StyledPagination.d.ts +268 -644
  20. package/dist/Popover/index.d.ts +201 -483
  21. package/dist/Prebuilt/IconButton.d.ts +134 -322
  22. package/dist/Prebuilt/components/Chat/ChatBody.d.ts +134 -322
  23. package/dist/Prebuilt/components/Leave/LeaveAtoms.d.ts +335 -805
  24. package/dist/Prebuilt/components/Notifications/DeviceChangeNotifications.d.ts +1 -0
  25. package/dist/Prebuilt/components/Notifications/ErrorNotifications.d.ts +1 -0
  26. package/dist/Prebuilt/components/Notifications/MessageNotifications.d.ts +1 -0
  27. package/dist/Prebuilt/components/Notifications/PollNotificationModal.d.ts +1 -0
  28. package/dist/Prebuilt/components/Notifications/RoleChangeNotification.d.ts +1 -0
  29. package/dist/Prebuilt/components/Settings/common.d.ts +134 -322
  30. package/dist/Progress/index.d.ts +134 -322
  31. package/dist/RadioGroup/RadioGroup.d.ts +201 -483
  32. package/dist/ReactSelect/ReactSelect.d.ts +670 -1610
  33. package/dist/Select/Select.d.ts +201 -483
  34. package/dist/Sheet/Sheet.d.ts +329 -987
  35. package/dist/Slider/Slider.d.ts +47 -141
  36. package/dist/Stats/StyledStats.d.ts +402 -966
  37. package/dist/Switch/Switch.d.ts +47 -141
  38. package/dist/Tabs/Tabs.d.ts +268 -644
  39. package/dist/Text/Text.d.ts +47 -141
  40. package/dist/TextArea/TextArea.d.ts +47 -141
  41. package/dist/Theme/base.config.d.ts +26 -78
  42. package/dist/Theme/stitches.config.d.ts +1046 -1493
  43. package/dist/TileMenu/StyledMenuTile.d.ts +469 -1127
  44. package/dist/Toast/Toast.d.ts +382 -946
  45. package/dist/Video/Video.d.ts +47 -141
  46. package/dist/VideoList/StyledVideoList.d.ts +201 -483
  47. package/dist/VideoTile/StyledVideoTile.d.ts +670 -1610
  48. package/dist/android-perm-1.png +0 -0
  49. package/dist/audio-level.png +0 -0
  50. package/dist/empty-chat.svg +12 -0
  51. package/dist/index.cjs.css +2 -2
  52. package/dist/index.cjs.css.map +1 -1
  53. package/dist/index.cjs.js +34062 -37242
  54. package/dist/index.cjs.js.map +4 -4
  55. package/dist/index.css +2 -2
  56. package/dist/index.css.map +1 -1
  57. package/dist/index.js +36387 -67
  58. package/dist/index.js.map +4 -4
  59. package/dist/ios-perm-0.png +0 -0
  60. package/dist/meta.cjs.json +1531 -1218
  61. package/dist/meta.esbuild.json +942 -794
  62. package/dist/pdf-share.png +0 -0
  63. package/dist/screen-share.png +0 -0
  64. package/dist/transaction_error.svg +12 -0
  65. package/package.json +8 -8
  66. package/src/Avatar/Avatar.tsx +1 -1
  67. package/src/Popover/Popover.stories.tsx +1 -1
  68. package/src/Prebuilt/components/Chat/Chat.tsx +1 -1
  69. package/src/Prebuilt/components/Chat/ChatFooter.tsx +1 -1
  70. package/src/Prebuilt/components/Footer/WhiteboardToggle.tsx +11 -4
  71. package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +3 -3
  72. package/src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx +3 -0
  73. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx +14 -1
  74. package/src/Prebuilt/components/Notifications/DeviceChangeNotifications.tsx +18 -0
  75. package/src/Prebuilt/components/Notifications/ErrorNotifications.tsx +56 -0
  76. package/src/Prebuilt/components/Notifications/MessageNotifications.tsx +24 -0
  77. package/src/Prebuilt/components/Notifications/Notifications.tsx +13 -171
  78. package/src/Prebuilt/components/Notifications/PeerNotifications.tsx +9 -2
  79. package/src/Prebuilt/components/Notifications/PollNotificationModal.tsx +71 -0
  80. package/src/Prebuilt/components/Notifications/ReconnectNotifications.tsx +1 -5
  81. package/src/Prebuilt/components/Notifications/RoleChangeNotification.tsx +24 -0
  82. package/src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.tsx +7 -5
  83. package/src/Prebuilt/components/Notifications/TrackNotifications.tsx +23 -1
  84. package/src/Prebuilt/components/Notifications/TrackUnmuteModal.tsx +13 -5
  85. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +3 -2
  86. package/src/Prebuilt/components/StatsForNerds.jsx +122 -9
  87. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +0 -1
  88. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +2 -2
  89. package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +3 -1
  90. package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx +6 -0
  91. package/src/Prebuilt/layouts/HLSView.jsx +3 -3
  92. package/src/Prebuilt/layouts/PDFView.jsx +1 -0
  93. package/src/Prebuilt/layouts/VideoStreamingSection.tsx +82 -86
  94. package/src/Prebuilt/layouts/WaitingView.tsx +2 -2
  95. package/dist/HLSView-HYI6LLL6.js +0 -1652
  96. package/dist/HLSView-HYI6LLL6.js.map +0 -7
  97. package/dist/HLSView-S4NJF7Q2.css +0 -2780
  98. package/dist/HLSView-S4NJF7Q2.css.map +0 -7
  99. package/dist/chunk-LRJSQMZ4.js +0 -34759
  100. package/dist/chunk-LRJSQMZ4.js.map +0 -7
package/dist/VideoList/StyledVideoList.d.ts CHANGED
@@ -274,167 +274,73 @@ declare const Root: import("@stitches/react/types/styled-component").StyledCompo
274
274
  transition: "transitions";
275
275
  zIndex: "zIndices";
276
276
  }, {
277
- bg: (value: {
278
- readonly [$$PropertyValue]: "backgroundColor";
279
- }) => {
280
- backgroundColor: {
281
- readonly [$$PropertyValue]: "backgroundColor";
282
- };
283
- };
284
- c: (value: {
285
- readonly [$$PropertyValue]: "color";
286
- }) => {
287
- color: {
288
- readonly [$$PropertyValue]: "color";
289
- };
290
- };
291
- r: (value: {
292
- readonly [$$ScaleValue]: "radii";
293
- }) => {
294
- borderRadius: {
295
- readonly [$$ScaleValue]: "radii";
296
- };
297
- };
298
- fs: (value: string | number | {
299
- readonly [$$PropertyValue]: "fontSize";
300
- }) => {
301
- fontSize: string | number | {
302
- readonly [$$PropertyValue]: "fontSize";
303
- };
304
- };
305
- size: (value: string | number | {
306
- readonly [$$ScaleValue]: "space";
307
- }) => {
308
- height: string | number | {
309
- readonly [$$ScaleValue]: "space";
310
- };
311
- width: string | number | {
312
- readonly [$$ScaleValue]: "space";
313
- };
314
- };
315
- w: (value: string | number | {
316
- readonly [$$ScaleValue]: "space";
317
- }) => {
318
- width: string | number | {
319
- readonly [$$ScaleValue]: "space";
320
- };
321
- };
322
- h: (value: string | number | {
323
- readonly [$$ScaleValue]: "space";
324
- }) => {
325
- height: string | number | {
326
- readonly [$$ScaleValue]: "space";
327
- };
328
- };
329
- p: (value: string | number | {
330
- readonly [$$ScaleValue]: "space";
331
- }) => {
332
- padding: string | number | {
333
- readonly [$$ScaleValue]: "space";
334
- };
335
- };
336
- pt: (value: string | number | {
337
- readonly [$$ScaleValue]: "space";
338
- }) => {
339
- paddingTop: string | number | {
340
- readonly [$$ScaleValue]: "space";
341
- };
342
- };
343
- pr: (value: string | number | {
344
- readonly [$$ScaleValue]: "space";
345
- }) => {
346
- paddingRight: string | number | {
347
- readonly [$$ScaleValue]: "space";
348
- };
349
- };
350
- pb: (value: string | number | {
351
- readonly [$$ScaleValue]: "space";
352
- }) => {
353
- paddingBottom: string | number | {
354
- readonly [$$ScaleValue]: "space";
355
- };
356
- };
357
- pl: (value: string | number | {
358
- readonly [$$ScaleValue]: "space";
359
- }) => {
360
- paddingLeft: string | number | {
361
- readonly [$$ScaleValue]: "space";
362
- };
363
- };
364
- px: (value: string | number | {
365
- readonly [$$ScaleValue]: "space";
366
- }) => {
367
- paddingLeft: string | number | {
368
- readonly [$$ScaleValue]: "space";
369
- };
370
- paddingRight: string | number | {
371
- readonly [$$ScaleValue]: "space";
372
- };
373
- };
374
- py: (value: string | number | {
375
- readonly [$$ScaleValue]: "space";
376
- }) => {
377
- paddingTop: string | number | {
378
- readonly [$$ScaleValue]: "space";
379
- };
380
- paddingBottom: string | number | {
381
- readonly [$$ScaleValue]: "space";
382
- };
383
- };
384
- m: (value: string | number | {
385
- readonly [$$ScaleValue]: "space";
386
- }) => {
387
- margin: string | number | {
388
- readonly [$$ScaleValue]: "space";
389
- };
390
- };
391
- mt: (value: string | number | {
392
- readonly [$$ScaleValue]: "space";
393
- }) => {
394
- marginTop: string | number | {
395
- readonly [$$ScaleValue]: "space";
396
- };
397
- };
398
- mr: (value: string | number | {
399
- readonly [$$ScaleValue]: "space";
400
- }) => {
401
- marginRight: string | number | {
402
- readonly [$$ScaleValue]: "space";
403
- };
404
- };
405
- mb: (value: string | number | {
406
- readonly [$$ScaleValue]: "space";
407
- }) => {
408
- marginBottom: string | number | {
409
- readonly [$$ScaleValue]: "space";
410
- };
411
- };
412
- ml: (value: string | number | {
413
- readonly [$$ScaleValue]: "space";
414
- }) => {
415
- marginLeft: string | number | {
416
- readonly [$$ScaleValue]: "space";
417
- };
418
- };
419
- mx: (value: string | number | {
420
- readonly [$$ScaleValue]: "space";
421
- }) => {
422
- marginLeft: string | number | {
423
- readonly [$$ScaleValue]: "space";
424
- };
425
- marginRight: string | number | {
426
- readonly [$$ScaleValue]: "space";
427
- };
428
- };
429
- my: (value: string | number | {
430
- readonly [$$ScaleValue]: "space";
431
- }) => {
432
- marginTop: string | number | {
433
- readonly [$$ScaleValue]: "space";
434
- };
435
- marginBottom: string | number | {
436
- readonly [$$ScaleValue]: "space";
437
- };
277
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
278
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
279
+ };
280
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
281
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
282
+ };
283
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
284
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
285
+ };
286
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
287
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
288
+ };
289
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
290
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
291
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
292
+ };
293
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
294
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
295
+ };
296
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
297
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
298
+ };
299
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
300
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
301
+ };
302
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
303
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
304
+ };
305
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
306
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
307
+ };
308
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
309
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
310
+ };
311
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
312
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
313
+ };
314
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
315
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
316
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
317
+ };
318
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
319
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
320
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
321
+ };
322
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
323
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
324
+ };
325
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
326
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
327
+ };
328
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
329
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
330
+ };
331
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
332
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
333
+ };
334
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
335
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
336
+ };
337
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
338
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
339
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
340
+ };
341
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
342
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
343
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
438
344
  };
439
345
  }>>;
440
346
  declare const Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -713,167 +619,73 @@ declare const Container: import("@stitches/react/types/styled-component").Styled
713
619
  transition: "transitions";
714
620
  zIndex: "zIndices";
715
621
  }, {
716
- bg: (value: {
717
- readonly [$$PropertyValue]: "backgroundColor";
718
- }) => {
719
- backgroundColor: {
720
- readonly [$$PropertyValue]: "backgroundColor";
721
- };
722
- };
723
- c: (value: {
724
- readonly [$$PropertyValue]: "color";
725
- }) => {
726
- color: {
727
- readonly [$$PropertyValue]: "color";
728
- };
729
- };
730
- r: (value: {
731
- readonly [$$ScaleValue]: "radii";
732
- }) => {
733
- borderRadius: {
734
- readonly [$$ScaleValue]: "radii";
735
- };
736
- };
737
- fs: (value: string | number | {
738
- readonly [$$PropertyValue]: "fontSize";
739
- }) => {
740
- fontSize: string | number | {
741
- readonly [$$PropertyValue]: "fontSize";
742
- };
743
- };
744
- size: (value: string | number | {
745
- readonly [$$ScaleValue]: "space";
746
- }) => {
747
- height: string | number | {
748
- readonly [$$ScaleValue]: "space";
749
- };
750
- width: string | number | {
751
- readonly [$$ScaleValue]: "space";
752
- };
753
- };
754
- w: (value: string | number | {
755
- readonly [$$ScaleValue]: "space";
756
- }) => {
757
- width: string | number | {
758
- readonly [$$ScaleValue]: "space";
759
- };
760
- };
761
- h: (value: string | number | {
762
- readonly [$$ScaleValue]: "space";
763
- }) => {
764
- height: string | number | {
765
- readonly [$$ScaleValue]: "space";
766
- };
767
- };
768
- p: (value: string | number | {
769
- readonly [$$ScaleValue]: "space";
770
- }) => {
771
- padding: string | number | {
772
- readonly [$$ScaleValue]: "space";
773
- };
774
- };
775
- pt: (value: string | number | {
776
- readonly [$$ScaleValue]: "space";
777
- }) => {
778
- paddingTop: string | number | {
779
- readonly [$$ScaleValue]: "space";
780
- };
781
- };
782
- pr: (value: string | number | {
783
- readonly [$$ScaleValue]: "space";
784
- }) => {
785
- paddingRight: string | number | {
786
- readonly [$$ScaleValue]: "space";
787
- };
788
- };
789
- pb: (value: string | number | {
790
- readonly [$$ScaleValue]: "space";
791
- }) => {
792
- paddingBottom: string | number | {
793
- readonly [$$ScaleValue]: "space";
794
- };
795
- };
796
- pl: (value: string | number | {
797
- readonly [$$ScaleValue]: "space";
798
- }) => {
799
- paddingLeft: string | number | {
800
- readonly [$$ScaleValue]: "space";
801
- };
802
- };
803
- px: (value: string | number | {
804
- readonly [$$ScaleValue]: "space";
805
- }) => {
806
- paddingLeft: string | number | {
807
- readonly [$$ScaleValue]: "space";
808
- };
809
- paddingRight: string | number | {
810
- readonly [$$ScaleValue]: "space";
811
- };
812
- };
813
- py: (value: string | number | {
814
- readonly [$$ScaleValue]: "space";
815
- }) => {
816
- paddingTop: string | number | {
817
- readonly [$$ScaleValue]: "space";
818
- };
819
- paddingBottom: string | number | {
820
- readonly [$$ScaleValue]: "space";
821
- };
822
- };
823
- m: (value: string | number | {
824
- readonly [$$ScaleValue]: "space";
825
- }) => {
826
- margin: string | number | {
827
- readonly [$$ScaleValue]: "space";
828
- };
829
- };
830
- mt: (value: string | number | {
831
- readonly [$$ScaleValue]: "space";
832
- }) => {
833
- marginTop: string | number | {
834
- readonly [$$ScaleValue]: "space";
835
- };
836
- };
837
- mr: (value: string | number | {
838
- readonly [$$ScaleValue]: "space";
839
- }) => {
840
- marginRight: string | number | {
841
- readonly [$$ScaleValue]: "space";
842
- };
843
- };
844
- mb: (value: string | number | {
845
- readonly [$$ScaleValue]: "space";
846
- }) => {
847
- marginBottom: string | number | {
848
- readonly [$$ScaleValue]: "space";
849
- };
850
- };
851
- ml: (value: string | number | {
852
- readonly [$$ScaleValue]: "space";
853
- }) => {
854
- marginLeft: string | number | {
855
- readonly [$$ScaleValue]: "space";
856
- };
857
- };
858
- mx: (value: string | number | {
859
- readonly [$$ScaleValue]: "space";
860
- }) => {
861
- marginLeft: string | number | {
862
- readonly [$$ScaleValue]: "space";
863
- };
864
- marginRight: string | number | {
865
- readonly [$$ScaleValue]: "space";
866
- };
867
- };
868
- my: (value: string | number | {
869
- readonly [$$ScaleValue]: "space";
870
- }) => {
871
- marginTop: string | number | {
872
- readonly [$$ScaleValue]: "space";
873
- };
874
- marginBottom: string | number | {
875
- readonly [$$ScaleValue]: "space";
876
- };
622
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
623
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
624
+ };
625
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
626
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
627
+ };
628
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
629
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
630
+ };
631
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
632
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
633
+ };
634
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
635
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
636
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
637
+ };
638
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
639
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
640
+ };
641
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
642
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
643
+ };
644
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
645
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
646
+ };
647
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
648
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
649
+ };
650
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
651
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
652
+ };
653
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
654
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
655
+ };
656
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
657
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
658
+ };
659
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
660
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
661
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
662
+ };
663
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
664
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
665
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
666
+ };
667
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
668
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
669
+ };
670
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
671
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
672
+ };
673
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
674
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
675
+ };
676
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
677
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
678
+ };
679
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
680
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
681
+ };
682
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
683
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
684
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
685
+ };
686
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
687
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
688
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
877
689
  };
878
690
  }>>;
879
691
  declare const View: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -1152,167 +964,73 @@ declare const View: import("@stitches/react/types/styled-component").StyledCompo
1152
964
  transition: "transitions";
1153
965
  zIndex: "zIndices";
1154
966
  }, {
1155
- bg: (value: {
1156
- readonly [$$PropertyValue]: "backgroundColor";
1157
- }) => {
1158
- backgroundColor: {
1159
- readonly [$$PropertyValue]: "backgroundColor";
1160
- };
1161
- };
1162
- c: (value: {
1163
- readonly [$$PropertyValue]: "color";
1164
- }) => {
1165
- color: {
1166
- readonly [$$PropertyValue]: "color";
1167
- };
1168
- };
1169
- r: (value: {
1170
- readonly [$$ScaleValue]: "radii";
1171
- }) => {
1172
- borderRadius: {
1173
- readonly [$$ScaleValue]: "radii";
1174
- };
1175
- };
1176
- fs: (value: string | number | {
1177
- readonly [$$PropertyValue]: "fontSize";
1178
- }) => {
1179
- fontSize: string | number | {
1180
- readonly [$$PropertyValue]: "fontSize";
1181
- };
1182
- };
1183
- size: (value: string | number | {
1184
- readonly [$$ScaleValue]: "space";
1185
- }) => {
1186
- height: string | number | {
1187
- readonly [$$ScaleValue]: "space";
1188
- };
1189
- width: string | number | {
1190
- readonly [$$ScaleValue]: "space";
1191
- };
1192
- };
1193
- w: (value: string | number | {
1194
- readonly [$$ScaleValue]: "space";
1195
- }) => {
1196
- width: string | number | {
1197
- readonly [$$ScaleValue]: "space";
1198
- };
1199
- };
1200
- h: (value: string | number | {
1201
- readonly [$$ScaleValue]: "space";
1202
- }) => {
1203
- height: string | number | {
1204
- readonly [$$ScaleValue]: "space";
1205
- };
1206
- };
1207
- p: (value: string | number | {
1208
- readonly [$$ScaleValue]: "space";
1209
- }) => {
1210
- padding: string | number | {
1211
- readonly [$$ScaleValue]: "space";
1212
- };
1213
- };
1214
- pt: (value: string | number | {
1215
- readonly [$$ScaleValue]: "space";
1216
- }) => {
1217
- paddingTop: string | number | {
1218
- readonly [$$ScaleValue]: "space";
1219
- };
1220
- };
1221
- pr: (value: string | number | {
1222
- readonly [$$ScaleValue]: "space";
1223
- }) => {
1224
- paddingRight: string | number | {
1225
- readonly [$$ScaleValue]: "space";
1226
- };
1227
- };
1228
- pb: (value: string | number | {
1229
- readonly [$$ScaleValue]: "space";
1230
- }) => {
1231
- paddingBottom: string | number | {
1232
- readonly [$$ScaleValue]: "space";
1233
- };
1234
- };
1235
- pl: (value: string | number | {
1236
- readonly [$$ScaleValue]: "space";
1237
- }) => {
1238
- paddingLeft: string | number | {
1239
- readonly [$$ScaleValue]: "space";
1240
- };
1241
- };
1242
- px: (value: string | number | {
1243
- readonly [$$ScaleValue]: "space";
1244
- }) => {
1245
- paddingLeft: string | number | {
1246
- readonly [$$ScaleValue]: "space";
1247
- };
1248
- paddingRight: string | number | {
1249
- readonly [$$ScaleValue]: "space";
1250
- };
1251
- };
1252
- py: (value: string | number | {
1253
- readonly [$$ScaleValue]: "space";
1254
- }) => {
1255
- paddingTop: string | number | {
1256
- readonly [$$ScaleValue]: "space";
1257
- };
1258
- paddingBottom: string | number | {
1259
- readonly [$$ScaleValue]: "space";
1260
- };
1261
- };
1262
- m: (value: string | number | {
1263
- readonly [$$ScaleValue]: "space";
1264
- }) => {
1265
- margin: string | number | {
1266
- readonly [$$ScaleValue]: "space";
1267
- };
1268
- };
1269
- mt: (value: string | number | {
1270
- readonly [$$ScaleValue]: "space";
1271
- }) => {
1272
- marginTop: string | number | {
1273
- readonly [$$ScaleValue]: "space";
1274
- };
1275
- };
1276
- mr: (value: string | number | {
1277
- readonly [$$ScaleValue]: "space";
1278
- }) => {
1279
- marginRight: string | number | {
1280
- readonly [$$ScaleValue]: "space";
1281
- };
1282
- };
1283
- mb: (value: string | number | {
1284
- readonly [$$ScaleValue]: "space";
1285
- }) => {
1286
- marginBottom: string | number | {
1287
- readonly [$$ScaleValue]: "space";
1288
- };
1289
- };
1290
- ml: (value: string | number | {
1291
- readonly [$$ScaleValue]: "space";
1292
- }) => {
1293
- marginLeft: string | number | {
1294
- readonly [$$ScaleValue]: "space";
1295
- };
1296
- };
1297
- mx: (value: string | number | {
1298
- readonly [$$ScaleValue]: "space";
1299
- }) => {
1300
- marginLeft: string | number | {
1301
- readonly [$$ScaleValue]: "space";
1302
- };
1303
- marginRight: string | number | {
1304
- readonly [$$ScaleValue]: "space";
1305
- };
1306
- };
1307
- my: (value: string | number | {
1308
- readonly [$$ScaleValue]: "space";
1309
- }) => {
1310
- marginTop: string | number | {
1311
- readonly [$$ScaleValue]: "space";
1312
- };
1313
- marginBottom: string | number | {
1314
- readonly [$$ScaleValue]: "space";
1315
- };
967
+ bg: (value: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">) => {
968
+ backgroundColor: import("@stitches/react/types/css-util").WithPropertyValue<"backgroundColor">;
969
+ };
970
+ c: (value: import("@stitches/react/types/css-util").WithPropertyValue<"color">) => {
971
+ color: import("@stitches/react/types/css-util").WithPropertyValue<"color">;
972
+ };
973
+ r: (value: import("@stitches/react/types/css-util").WithScaleValue<"radii">) => {
974
+ borderRadius: import("@stitches/react/types/css-util").WithScaleValue<"radii">;
975
+ };
976
+ fs: (value: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">) => {
977
+ fontSize: string | number | import("@stitches/react/types/css-util").WithPropertyValue<"fontSize">;
978
+ };
979
+ size: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
980
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
981
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
982
+ };
983
+ w: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
984
+ width: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
985
+ };
986
+ h: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
987
+ height: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
988
+ };
989
+ p: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
990
+ padding: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
991
+ };
992
+ pt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
993
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
994
+ };
995
+ pr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
996
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
997
+ };
998
+ pb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
999
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1000
+ };
1001
+ pl: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1002
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1003
+ };
1004
+ px: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1005
+ paddingLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1006
+ paddingRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1007
+ };
1008
+ py: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1009
+ paddingTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1010
+ paddingBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1011
+ };
1012
+ m: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1013
+ margin: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1014
+ };
1015
+ mt: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1016
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1017
+ };
1018
+ mr: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1019
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1020
+ };
1021
+ mb: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1022
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1023
+ };
1024
+ ml: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1025
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1026
+ };
1027
+ mx: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1028
+ marginLeft: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1029
+ marginRight: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1030
+ };
1031
+ my: (value: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">) => {
1032
+ marginTop: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1033
+ marginBottom: string | number | import("@stitches/react/types/css-util").WithScaleValue<"space">;
1316
1034
  };
1317
1035
  }>>;
1318
1036
  interface VideoListType {