@100mslive/roomkit-react 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (459) hide show
  1. package/README.md +1 -0
  2. package/dist/Accordion/Accordion.d.ts +964 -0
  3. package/dist/Accordion/index.d.ts +979 -0
  4. package/dist/ActiveSpeakerView-H3VYXANB.js +39 -0
  5. package/dist/ActiveSpeakerView-H3VYXANB.js.map +7 -0
  6. package/dist/ActiveSpeakerView-REZLWPPI.css +11 -0
  7. package/dist/ActiveSpeakerView-REZLWPPI.css.map +7 -0
  8. package/dist/AudioLevel/AudioLevel.d.ts +8 -0
  9. package/dist/AudioLevel/index.d.ts +1 -0
  10. package/dist/Avatar/Avatar.d.ts +487 -0
  11. package/dist/Avatar/getAvatarBg.d.ts +7 -0
  12. package/dist/Avatar/index.d.ts +1 -0
  13. package/dist/Button/Button.d.ts +488 -0
  14. package/dist/Button/index.d.ts +1 -0
  15. package/dist/Checkbox/Checkbox.d.ts +958 -0
  16. package/dist/Checkbox/index.d.ts +1 -0
  17. package/dist/Collapsible/Collapsible.d.ts +1434 -0
  18. package/dist/Collapsible/index.d.ts +1 -0
  19. package/dist/Divider/Divider.d.ts +958 -0
  20. package/dist/Divider/index.d.ts +1 -0
  21. package/dist/Dropdown/Dropdown.d.ts +5728 -0
  22. package/dist/Dropdown/index.d.ts +1 -0
  23. package/dist/Fieldset/Fieldset.d.ts +477 -0
  24. package/dist/Fieldset/index.d.ts +1 -0
  25. package/dist/Footer/Footer.d.ts +3834 -0
  26. package/dist/Footer/index.d.ts +1 -0
  27. package/dist/HLSView-3RDXRV7Y.js +689 -0
  28. package/dist/HLSView-3RDXRV7Y.js.map +7 -0
  29. package/dist/HLSView-6BVBCQM7.css +11 -0
  30. package/dist/HLSView-6BVBCQM7.css.map +7 -0
  31. package/dist/IconButton/IconButton.d.ts +479 -0
  32. package/dist/IconButton/index.d.ts +1 -0
  33. package/dist/Input/Input.d.ts +2917 -0
  34. package/dist/Input/index.d.ts +1 -0
  35. package/dist/Label/Label.d.ts +479 -0
  36. package/dist/Label/index.d.ts +1 -0
  37. package/dist/Layout/Box.d.ts +477 -0
  38. package/dist/Layout/Flex.d.ts +482 -0
  39. package/dist/Layout/index.d.ts +2 -0
  40. package/dist/Link/Link.d.ts +489 -0
  41. package/dist/Link/index.d.ts +2 -0
  42. package/dist/Loading/Loading.d.ts +14 -0
  43. package/dist/Loading/index.d.ts +1 -0
  44. package/dist/Modal/Dialog.d.ts +3826 -0
  45. package/dist/Modal/DialogContent.d.ts +3343 -0
  46. package/dist/Modal/index.d.ts +1 -0
  47. package/dist/Pagination/StyledPagination.d.ts +1918 -0
  48. package/dist/Pagination/index.d.ts +1 -0
  49. package/dist/PinnedTrackView-453PELNU.js +70 -0
  50. package/dist/PinnedTrackView-453PELNU.js.map +7 -0
  51. package/dist/PinnedTrackView-QQ5FDXJX.css +11 -0
  52. package/dist/PinnedTrackView-QQ5FDXJX.css.map +7 -0
  53. package/dist/Popover/index.d.ts +1436 -0
  54. package/dist/Progress/index.d.ts +957 -0
  55. package/dist/QRCode/QRCode.d.ts +3 -0
  56. package/dist/QRCode/index.d.ts +1 -0
  57. package/dist/RadioGroup/RadioGroup.d.ts +1435 -0
  58. package/dist/RadioGroup/index.d.ts +1 -0
  59. package/dist/ReactSelect/ReactSelect.d.ts +4778 -0
  60. package/dist/ReactSelect/index.d.ts +1 -0
  61. package/dist/Select/Select.d.ts +1437 -0
  62. package/dist/Select/index.d.ts +1 -0
  63. package/dist/Slider/Slider.d.ts +488 -0
  64. package/dist/Slider/index.d.ts +1 -0
  65. package/dist/Stats/Stats.d.ts +19 -0
  66. package/dist/Stats/StyledStats.d.ts +2872 -0
  67. package/dist/Stats/formatBytes.d.ts +1 -0
  68. package/dist/Stats/index.d.ts +1 -0
  69. package/dist/Switch/Switch.d.ts +482 -0
  70. package/dist/Switch/index.d.ts +1 -0
  71. package/dist/Tabs/Tabs.d.ts +1912 -0
  72. package/dist/Tabs/index.d.ts +1 -0
  73. package/dist/Text/Text.d.ts +605 -0
  74. package/dist/Text/index.d.ts +1 -0
  75. package/dist/Theme/ThemeProvider.d.ts +397 -0
  76. package/dist/Theme/base.config.d.ts +417 -0
  77. package/dist/Theme/index.d.ts +3 -0
  78. package/dist/Theme/stitches.config.d.ts +4702 -0
  79. package/dist/Theme/themes.d.ts +64 -0
  80. package/dist/Theme/useSSR.d.ts +6 -0
  81. package/dist/TileMenu/StyledMenuTile.d.ts +3351 -0
  82. package/dist/TileMenu/TileMenu.d.ts +6 -0
  83. package/dist/TileMenu/index.d.ts +1 -0
  84. package/dist/Toast/Toast.d.ts +2881 -0
  85. package/dist/Toast/index.d.ts +1 -0
  86. package/dist/Tooltip/Tooltip.d.ts +14 -0
  87. package/dist/Tooltip/index.d.ts +1 -0
  88. package/dist/Video/Video.d.ts +499 -0
  89. package/dist/Video/index.d.ts +1 -0
  90. package/dist/VideoList/StyledVideoList.d.ts +1438 -0
  91. package/dist/VideoList/index.d.ts +2 -0
  92. package/dist/VideoList/videoListUtils.d.ts +1 -0
  93. package/dist/VideoTile/StyledVideoTile.d.ts +4309 -0
  94. package/dist/VideoTile/index.d.ts +1 -0
  95. package/dist/VirtualBackground-LHYBWUT5.js +158 -0
  96. package/dist/VirtualBackground-LHYBWUT5.js.map +7 -0
  97. package/dist/chunk-7YUYZ64D.js +6843 -0
  98. package/dist/chunk-7YUYZ64D.js.map +7 -0
  99. package/dist/chunk-HCAGFNXW.js +8270 -0
  100. package/dist/chunk-HCAGFNXW.js.map +7 -0
  101. package/dist/chunk-KYYP6ZVK.js +907 -0
  102. package/dist/chunk-KYYP6ZVK.js.map +7 -0
  103. package/dist/chunk-ULXGBUSC.js +65 -0
  104. package/dist/chunk-ULXGBUSC.js.map +7 -0
  105. package/dist/chunk-XRJXE6UO.js +243 -0
  106. package/dist/chunk-XRJXE6UO.js.map +7 -0
  107. package/dist/conference-IDNRO4WK.js +3812 -0
  108. package/dist/conference-IDNRO4WK.js.map +7 -0
  109. package/dist/conference-KN6OKGDU.css +11 -0
  110. package/dist/conference-KN6OKGDU.css.map +7 -0
  111. package/dist/fixtures/chats.d.ts +4 -0
  112. package/dist/fixtures/peers.d.ts +3 -0
  113. package/dist/fixtures/tracks.d.ts +2 -0
  114. package/dist/index.cjs.css +11 -0
  115. package/dist/index.cjs.css.map +7 -0
  116. package/dist/index.cjs.js +22987 -0
  117. package/dist/index.cjs.js.map +7 -0
  118. package/dist/index.css +11 -0
  119. package/dist/index.css.map +7 -0
  120. package/dist/index.d.ts +38 -0
  121. package/dist/index.js +133 -0
  122. package/dist/index.js.map +7 -0
  123. package/dist/meta.cjs.json +13085 -0
  124. package/dist/meta.esbuild.json +13693 -0
  125. package/dist/transcription-BTSB7FZH.js +356 -0
  126. package/dist/transcription-BTSB7FZH.js.map +7 -0
  127. package/dist/utils/animations.d.ts +92 -0
  128. package/dist/utils/index.d.ts +2 -0
  129. package/dist/utils/styles.d.ts +21 -0
  130. package/package.json +116 -0
  131. package/src/Accordion/Accordion.stories.tsx +50 -0
  132. package/src/Accordion/Accordion.tsx +88 -0
  133. package/src/Accordion/index.ts +8 -0
  134. package/src/AudioLevel/AudioLevel.tsx +34 -0
  135. package/src/AudioLevel/index.ts +1 -0
  136. package/src/Avatar/Avatar.stories.tsx +33 -0
  137. package/src/Avatar/Avatar.tsx +55 -0
  138. package/src/Avatar/getAvatarBg.ts +46 -0
  139. package/src/Avatar/index.ts +1 -0
  140. package/src/Button/Button.mdx +43 -0
  141. package/src/Button/Button.stories.tsx +52 -0
  142. package/src/Button/Button.tsx +144 -0
  143. package/src/Button/index.tsx +1 -0
  144. package/src/Chat/Chat.mdx +39 -0
  145. package/src/Chat/Chat.stories.tsx +39 -0
  146. package/src/Checkbox/Checkbox.stories.tsx +61 -0
  147. package/src/Checkbox/Checkbox.tsx +33 -0
  148. package/src/Checkbox/index.tsx +1 -0
  149. package/src/Collapsible/Collapsible.tsx +34 -0
  150. package/src/Collapsible/index.tsx +1 -0
  151. package/src/Divider/Divider.tsx +45 -0
  152. package/src/Divider/HorizontalDivider.stories.tsx +34 -0
  153. package/src/Divider/VerticalDivider.stories.tsx +40 -0
  154. package/src/Divider/index.ts +1 -0
  155. package/src/Dropdown/Dropdown.stories.tsx +94 -0
  156. package/src/Dropdown/Dropdown.tsx +142 -0
  157. package/src/Dropdown/index.tsx +1 -0
  158. package/src/Fieldset/Fieldset.stories.tsx +29 -0
  159. package/src/Fieldset/Fieldset.tsx +11 -0
  160. package/src/Fieldset/index.tsx +1 -0
  161. package/src/Footer/Footer.stories.tsx +61 -0
  162. package/src/Footer/Footer.tsx +47 -0
  163. package/src/Footer/index.tsx +1 -0
  164. package/src/IconButton/IconButton.tsx +45 -0
  165. package/src/IconButton/index.tsx +1 -0
  166. package/src/Icons/Icons.stories.mdx +10 -0
  167. package/src/Icons/IconsList.jsx +17 -0
  168. package/src/Input/Input.stories.tsx +25 -0
  169. package/src/Input/Input.tsx +105 -0
  170. package/src/Input/PasswordInput.stories.tsx +53 -0
  171. package/src/Input/index.tsx +1 -0
  172. package/src/Introduction/Integrating.stories.mdx +100 -0
  173. package/src/Introduction/Introduction.stories.mdx +9 -0
  174. package/src/Label/Label.tsx +8 -0
  175. package/src/Label/index.ts +1 -0
  176. package/src/Layout/Box.tsx +3 -0
  177. package/src/Layout/Flex.tsx +76 -0
  178. package/src/Layout/index.tsx +2 -0
  179. package/src/Link/Link.stories.tsx +18 -0
  180. package/src/Link/Link.tsx +54 -0
  181. package/src/Link/index.tsx +2 -0
  182. package/src/Loading/Loading.mdx +15 -0
  183. package/src/Loading/Loading.stories.tsx +37 -0
  184. package/src/Loading/Loading.tsx +33 -0
  185. package/src/Loading/index.ts +1 -0
  186. package/src/Modal/Dialog.mdx +19 -0
  187. package/src/Modal/Dialog.stories.tsx +68 -0
  188. package/src/Modal/Dialog.tsx +26 -0
  189. package/src/Modal/DialogContent.tsx +63 -0
  190. package/src/Modal/index.ts +1 -0
  191. package/src/Pagination/StyledPagination.stories.tsx +80 -0
  192. package/src/Pagination/StyledPagination.tsx +68 -0
  193. package/src/Pagination/index.tsx +1 -0
  194. package/src/Popover/Popover.mdx +9 -0
  195. package/src/Popover/Popover.stories.tsx +95 -0
  196. package/src/Popover/index.tsx +26 -0
  197. package/src/Prebuilt/App.jsx +273 -0
  198. package/src/Prebuilt/AppContext.jsx +21 -0
  199. package/src/Prebuilt/IconButton.jsx +19 -0
  200. package/src/Prebuilt/Prebuilt.stories.tsx +20 -0
  201. package/src/Prebuilt/common/PeersSorter.js +89 -0
  202. package/src/Prebuilt/common/constants.js +208 -0
  203. package/src/Prebuilt/common/hooks.js +47 -0
  204. package/src/Prebuilt/common/roles.js +4 -0
  205. package/src/Prebuilt/common/useSortedPeers.js +28 -0
  206. package/src/Prebuilt/common/utils.js +91 -0
  207. package/src/Prebuilt/components/AppData/AppData.jsx +189 -0
  208. package/src/Prebuilt/components/AppData/useAppConfig.js +7 -0
  209. package/src/Prebuilt/components/AppData/useAppLayout.js +6 -0
  210. package/src/Prebuilt/components/AppData/useChatState.js +18 -0
  211. package/src/Prebuilt/components/AppData/useSidepane.js +49 -0
  212. package/src/Prebuilt/components/AppData/useUISettings.js +164 -0
  213. package/src/Prebuilt/components/AudioLevel/BeamSpeakerLabelsLogging.jsx +16 -0
  214. package/src/Prebuilt/components/AudioVideoToggle.jsx +67 -0
  215. package/src/Prebuilt/components/AuthToken.jsx +133 -0
  216. package/src/Prebuilt/components/BottomActionSheet/BottomActionSheet.jsx +96 -0
  217. package/src/Prebuilt/components/BottomActionSheet/BottomActionSheet.stories.tsx +46 -0
  218. package/src/Prebuilt/components/Chat/Chat.jsx +155 -0
  219. package/src/Prebuilt/components/Chat/ChatBody.jsx +370 -0
  220. package/src/Prebuilt/components/Chat/ChatFooter.jsx +150 -0
  221. package/src/Prebuilt/components/Chat/ChatHeader.jsx +67 -0
  222. package/src/Prebuilt/components/Chat/ChatSelector.jsx +162 -0
  223. package/src/Prebuilt/components/Chat/useEmojiPickerStyles.js +30 -0
  224. package/src/Prebuilt/components/Chat/useUnreadCount.js +17 -0
  225. package/src/Prebuilt/components/Connection/ConnectionIndicator.jsx +80 -0
  226. package/src/Prebuilt/components/Connection/TileConnection.jsx +40 -0
  227. package/src/Prebuilt/components/Connection/connectionQualityUtils.js +39 -0
  228. package/src/Prebuilt/components/EmojiReaction.jsx +138 -0
  229. package/src/Prebuilt/components/ErrorBoundary.jsx +105 -0
  230. package/src/Prebuilt/components/FirstPersonDisplay.jsx +50 -0
  231. package/src/Prebuilt/components/Footer/ChatToggle.jsx +27 -0
  232. package/src/Prebuilt/components/Footer/ConferencingFooter.jsx +104 -0
  233. package/src/Prebuilt/components/Footer/StreamingFooter.jsx +71 -0
  234. package/src/Prebuilt/components/Footer.jsx +8 -0
  235. package/src/Prebuilt/components/FullPageProgress.jsx +11 -0
  236. package/src/Prebuilt/components/GoLiveButton.jsx +45 -0
  237. package/src/Prebuilt/components/HMSVideo/Controls.jsx +21 -0
  238. package/src/Prebuilt/components/HMSVideo/FullscreenButton.jsx +18 -0
  239. package/src/Prebuilt/components/HMSVideo/HLSAutoplayBlockedPrompt.jsx +35 -0
  240. package/src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx +82 -0
  241. package/src/Prebuilt/components/HMSVideo/HMSVIdeoUtils.js +27 -0
  242. package/src/Prebuilt/components/HMSVideo/HMSVideo.jsx +11 -0
  243. package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +13 -0
  244. package/src/Prebuilt/components/HMSVideo/VideoProgress.jsx +77 -0
  245. package/src/Prebuilt/components/HMSVideo/VideoTime.jsx +31 -0
  246. package/src/Prebuilt/components/HMSVideo/VolumeControl.jsx +39 -0
  247. package/src/Prebuilt/components/HMSVideo/index.js +19 -0
  248. package/src/Prebuilt/components/Header/AdditionalRoomState.jsx +217 -0
  249. package/src/Prebuilt/components/Header/AmbientMusic.jsx +88 -0
  250. package/src/Prebuilt/components/Header/ConferencingHeader.jsx +29 -0
  251. package/src/Prebuilt/components/Header/Header.jsx +8 -0
  252. package/src/Prebuilt/components/Header/HeaderComponents.jsx +41 -0
  253. package/src/Prebuilt/components/Header/ParticipantFilter.jsx +91 -0
  254. package/src/Prebuilt/components/Header/ParticipantList.jsx +337 -0
  255. package/src/Prebuilt/components/Header/StreamActions.jsx +225 -0
  256. package/src/Prebuilt/components/Header/StreamingHeader.jsx +55 -0
  257. package/src/Prebuilt/components/Header/index.jsx +1 -0
  258. package/src/Prebuilt/components/HlsStatsOverlay.jsx +101 -0
  259. package/src/Prebuilt/components/Image.jsx +7 -0
  260. package/src/Prebuilt/components/Input/KeyboardInputManager.js +107 -0
  261. package/src/Prebuilt/components/LeaveRoom.jsx +202 -0
  262. package/src/Prebuilt/components/MetaActions.jsx +45 -0
  263. package/src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx +139 -0
  264. package/src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx +92 -0
  265. package/src/Prebuilt/components/MoreSettings/ChangeSelfRole.jsx +67 -0
  266. package/src/Prebuilt/components/MoreSettings/EmbedUrl.jsx +106 -0
  267. package/src/Prebuilt/components/MoreSettings/FullScreenItem.jsx +29 -0
  268. package/src/Prebuilt/components/MoreSettings/MoreSettings.jsx +225 -0
  269. package/src/Prebuilt/components/MoreSettings/MuteAllModal.jsx +90 -0
  270. package/src/Prebuilt/components/Notifications/AutoplayBlockedModal.jsx +38 -0
  271. package/src/Prebuilt/components/Notifications/InitErrorModal.jsx +39 -0
  272. package/src/Prebuilt/components/Notifications/MessageNotifications.jsx +25 -0
  273. package/src/Prebuilt/components/Notifications/Notifications.jsx +151 -0
  274. package/src/Prebuilt/components/Notifications/PeerNotifications.jsx +45 -0
  275. package/src/Prebuilt/components/Notifications/PermissionErrorModal.jsx +67 -0
  276. package/src/Prebuilt/components/Notifications/ReconnectNotifications.jsx +69 -0
  277. package/src/Prebuilt/components/Notifications/TrackBulkUnmuteModal.jsx +51 -0
  278. package/src/Prebuilt/components/Notifications/TrackNotifications.jsx +19 -0
  279. package/src/Prebuilt/components/Notifications/TrackUnmuteModal.jsx +49 -0
  280. package/src/Prebuilt/components/Notifications/index.jsx +1 -0
  281. package/src/Prebuilt/components/PIP/PIPComponent.jsx +82 -0
  282. package/src/Prebuilt/components/PIP/PIPManager.js +296 -0
  283. package/src/Prebuilt/components/PIP/SetupMediaSession.js +60 -0
  284. package/src/Prebuilt/components/PIP/index.jsx +11 -0
  285. package/src/Prebuilt/components/PIP/pip.test.js +72 -0
  286. package/src/Prebuilt/components/PIP/pipUtils.js +183 -0
  287. package/src/Prebuilt/components/Pagination.jsx +29 -0
  288. package/src/Prebuilt/components/Playlist/Playlist.jsx +129 -0
  289. package/src/Prebuilt/components/Playlist/PlaylistControls.jsx +172 -0
  290. package/src/Prebuilt/components/Playlist/PlaylistItem.jsx +51 -0
  291. package/src/Prebuilt/components/Playlist/VideoPlayer.jsx +95 -0
  292. package/src/Prebuilt/components/PostLeave.jsx +76 -0
  293. package/src/Prebuilt/components/Preview/PreviewContainer.jsx +51 -0
  294. package/src/Prebuilt/components/Preview/PreviewJoin.jsx +196 -0
  295. package/src/Prebuilt/components/Preview/PreviewName.jsx +37 -0
  296. package/src/Prebuilt/components/RoleChangeModal.jsx +185 -0
  297. package/src/Prebuilt/components/RoleChangeRequestModal.jsx +26 -0
  298. package/src/Prebuilt/components/ScreenShare.jsx +45 -0
  299. package/src/Prebuilt/components/ScreenshareDisplay.jsx +45 -0
  300. package/src/Prebuilt/components/ScreenshareHintModal.jsx +37 -0
  301. package/src/Prebuilt/components/ScreenshareTile.jsx +91 -0
  302. package/src/Prebuilt/components/Settings/DeviceSettings.jsx +220 -0
  303. package/src/Prebuilt/components/Settings/LayoutSettings.jsx +91 -0
  304. package/src/Prebuilt/components/Settings/NotificationSettings.jsx +61 -0
  305. package/src/Prebuilt/components/Settings/SettingsModal.jsx +171 -0
  306. package/src/Prebuilt/components/Settings/StartRecording.jsx +130 -0
  307. package/src/Prebuilt/components/Settings/SwitchWithLabel.jsx +40 -0
  308. package/src/Prebuilt/components/Settings/common.js +15 -0
  309. package/src/Prebuilt/components/ShareMenuIcon.jsx +26 -0
  310. package/src/Prebuilt/components/StatsForNerds.jsx +250 -0
  311. package/src/Prebuilt/components/Streaming/Common.jsx +132 -0
  312. package/src/Prebuilt/components/Streaming/HLSStreaming.jsx +226 -0
  313. package/src/Prebuilt/components/Streaming/RTMPIcon.jsx +24 -0
  314. package/src/Prebuilt/components/Streaming/RTMPStreaming.jsx +336 -0
  315. package/src/Prebuilt/components/Streaming/ResolutionInput.jsx +88 -0
  316. package/src/Prebuilt/components/Streaming/StreamingLanding.jsx +76 -0
  317. package/src/Prebuilt/components/TileMenu.jsx +275 -0
  318. package/src/Prebuilt/components/Toast/Toast.jsx +17 -0
  319. package/src/Prebuilt/components/Toast/ToastBatcher.js +57 -0
  320. package/src/Prebuilt/components/Toast/ToastConfig.jsx +134 -0
  321. package/src/Prebuilt/components/Toast/ToastContainer.jsx +30 -0
  322. package/src/Prebuilt/components/Toast/ToastManager.js +44 -0
  323. package/src/Prebuilt/components/VideoList.jsx +101 -0
  324. package/src/Prebuilt/components/VideoTile.jsx +177 -0
  325. package/src/Prebuilt/components/conference.jsx +164 -0
  326. package/src/Prebuilt/components/gridView.jsx +85 -0
  327. package/src/Prebuilt/components/hooks/useDropdownList.jsx +23 -0
  328. package/src/Prebuilt/components/hooks/useDropdownSelection.jsx +6 -0
  329. package/src/Prebuilt/components/hooks/useFeatures.js +22 -0
  330. package/src/Prebuilt/components/hooks/useFullscreen.js +43 -0
  331. package/src/Prebuilt/components/hooks/useMetadata.jsx +52 -0
  332. package/src/Prebuilt/components/hooks/useNavigation.js +19 -0
  333. package/src/Prebuilt/components/hooks/usePlaylist.js +25 -0
  334. package/src/Prebuilt/components/hooks/usePlaylistMusic.js +35 -0
  335. package/src/Prebuilt/components/hooks/useScreenshareAudio.js +28 -0
  336. package/src/Prebuilt/components/hooks/useSetPinnedMessage.js +38 -0
  337. package/src/Prebuilt/components/hooks/useSkipPreview.jsx +20 -0
  338. package/src/Prebuilt/components/hooks/useUserPreferences.jsx +25 -0
  339. package/src/Prebuilt/components/init/Init.jsx +58 -0
  340. package/src/Prebuilt/components/init/initUtils.js +90 -0
  341. package/src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx +29 -0
  342. package/src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx +108 -0
  343. package/src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx +31 -0
  344. package/src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx +32 -0
  345. package/src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx +233 -0
  346. package/src/Prebuilt/components/pdfAnnotator/submitPdf.jsx +89 -0
  347. package/src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx +85 -0
  348. package/src/Prebuilt/components/peerTileUtils.jsx +27 -0
  349. package/src/Prebuilt/hms.js +7 -0
  350. package/src/Prebuilt/images/first_person.png +0 -0
  351. package/src/Prebuilt/index.d.ts +15 -0
  352. package/src/Prebuilt/index.js +2 -0
  353. package/src/Prebuilt/layouts/ActiveSpeakerView.jsx +34 -0
  354. package/src/Prebuilt/layouts/EmbedView.jsx +141 -0
  355. package/src/Prebuilt/layouts/HLSView.jsx +290 -0
  356. package/src/Prebuilt/layouts/InsetView.jsx +222 -0
  357. package/src/Prebuilt/layouts/NonPublisherView.jsx +51 -0
  358. package/src/Prebuilt/layouts/PDFView.jsx +122 -0
  359. package/src/Prebuilt/layouts/PinnedTrackView.jsx +59 -0
  360. package/src/Prebuilt/layouts/SidePane.jsx +51 -0
  361. package/src/Prebuilt/layouts/WaitingView.jsx +51 -0
  362. package/src/Prebuilt/layouts/WhiteboardView.jsx +66 -0
  363. package/src/Prebuilt/layouts/mainGridView.jsx +98 -0
  364. package/src/Prebuilt/layouts/mainView.jsx +113 -0
  365. package/src/Prebuilt/layouts/screenShareView.jsx +185 -0
  366. package/src/Prebuilt/plugins/FlyingEmoji.jsx +132 -0
  367. package/src/Prebuilt/plugins/RemoteStopScreenshare.jsx +18 -0
  368. package/src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx +90 -0
  369. package/src/Prebuilt/plugins/VirtualBackground/vbutils.js +66 -0
  370. package/src/Prebuilt/plugins/confetti.jsx +60 -0
  371. package/src/Prebuilt/plugins/transcription/Transcriber.js +216 -0
  372. package/src/Prebuilt/plugins/transcription/TranscriptionButton.jsx +138 -0
  373. package/src/Prebuilt/plugins/transcription/index.jsx +1 -0
  374. package/src/Prebuilt/plugins/whiteboard/PusherCommunicationProvider.js +110 -0
  375. package/src/Prebuilt/plugins/whiteboard/README.md +29 -0
  376. package/src/Prebuilt/plugins/whiteboard/ToggleWhiteboard.jsx +43 -0
  377. package/src/Prebuilt/plugins/whiteboard/Whiteboard.css +12 -0
  378. package/src/Prebuilt/plugins/whiteboard/Whiteboard.jsx +11 -0
  379. package/src/Prebuilt/plugins/whiteboard/WhiteboardEvents.js +8 -0
  380. package/src/Prebuilt/plugins/whiteboard/index.js +3 -0
  381. package/src/Prebuilt/plugins/whiteboard/useMultiplayerState.js +212 -0
  382. package/src/Prebuilt/plugins/whiteboard/useWhiteboardMetadata.js +47 -0
  383. package/src/Prebuilt/primitives/DialogContent.jsx +280 -0
  384. package/src/Prebuilt/primitives/DropdownTrigger.jsx +46 -0
  385. package/src/Prebuilt/services/FeatureFlags.jsx +47 -0
  386. package/src/Prebuilt/services/tokenService.js +49 -0
  387. package/src/Progress/index.tsx +17 -0
  388. package/src/QRCode/QRCode.mdx +9 -0
  389. package/src/QRCode/QRCode.stories.tsx +29 -0
  390. package/src/QRCode/QRCode.tsx +6 -0
  391. package/src/QRCode/index.tsx +1 -0
  392. package/src/RadioGroup/RadioGroup.stories.tsx +32 -0
  393. package/src/RadioGroup/RadioGroup.tsx +33 -0
  394. package/src/RadioGroup/index.tsx +1 -0
  395. package/src/ReactSelect/ReactSelect.stories.tsx +83 -0
  396. package/src/ReactSelect/ReactSelect.tsx +97 -0
  397. package/src/ReactSelect/index.ts +1 -0
  398. package/src/Select/Select.stories.tsx +33 -0
  399. package/src/Select/Select.tsx +63 -0
  400. package/src/Select/index.ts +1 -0
  401. package/src/Slider/Slider.stories.tsx +21 -0
  402. package/src/Slider/Slider.tsx +70 -0
  403. package/src/Slider/index.ts +1 -0
  404. package/src/Stats/Stats.tsx +211 -0
  405. package/src/Stats/StyledStats.tsx +57 -0
  406. package/src/Stats/formatBytes.ts +19 -0
  407. package/src/Stats/index.tsx +1 -0
  408. package/src/Switch/Switch.mdx +11 -0
  409. package/src/Switch/Switch.stories.tsx +46 -0
  410. package/src/Switch/Switch.tsx +52 -0
  411. package/src/Switch/index.ts +1 -0
  412. package/src/Tabs/Tabs.stories.tsx +77 -0
  413. package/src/Tabs/Tabs.tsx +41 -0
  414. package/src/Tabs/index.tsx +1 -0
  415. package/src/Text/Text.stories.tsx +21 -0
  416. package/src/Text/Text.tsx +149 -0
  417. package/src/Text/index.tsx +1 -0
  418. package/src/Theme/Theme.stories.mdx +8 -0
  419. package/src/Theme/ThemeProvider.tsx +104 -0
  420. package/src/Theme/ThemeStory.jsx +58 -0
  421. package/src/Theme/base.config.ts +264 -0
  422. package/src/Theme/index.tsx +3 -0
  423. package/src/Theme/stitches.config.ts +100 -0
  424. package/src/Theme/themes.ts +70 -0
  425. package/src/Theme/useSSR.tsx +24 -0
  426. package/src/TileMenu/StyledMenuTile.tsx +101 -0
  427. package/src/TileMenu/TileMenu.tsx +96 -0
  428. package/src/TileMenu/index.tsx +1 -0
  429. package/src/Toast/AppToast.stories.tsx +56 -0
  430. package/src/Toast/Toast.mdx +19 -0
  431. package/src/Toast/Toast.stories.tsx +57 -0
  432. package/src/Toast/Toast.tsx +168 -0
  433. package/src/Toast/index.tsx +1 -0
  434. package/src/Tooltip/Tooltip.stories.tsx +62 -0
  435. package/src/Tooltip/Tooltip.tsx +79 -0
  436. package/src/Tooltip/index.ts +1 -0
  437. package/src/Video/UseVideo.mdx +22 -0
  438. package/src/Video/UseVideo.stories.tsx +26 -0
  439. package/src/Video/Video.mdx +24 -0
  440. package/src/Video/Video.stories.tsx +27 -0
  441. package/src/Video/Video.tsx +61 -0
  442. package/src/Video/index.tsx +1 -0
  443. package/src/VideoList/StyledVideoList.tsx +39 -0
  444. package/src/VideoList/VideoList.stories.tsx +92 -0
  445. package/src/VideoList/index.tsx +2 -0
  446. package/src/VideoList/videoListUtils.tsx +20 -0
  447. package/src/VideoTile/StyledVideoTile.tsx +148 -0
  448. package/src/VideoTile/VideoTile.mdx +28 -0
  449. package/src/VideoTile/VideoTile.stories.tsx +32 -0
  450. package/src/VideoTile/index.tsx +1 -0
  451. package/src/fixtures/chats.ts +25 -0
  452. package/src/fixtures/peers.ts +24 -0
  453. package/src/fixtures/tracks.ts +11 -0
  454. package/src/index.ts +38 -0
  455. package/src/store/SetupFakeStore.ts +33 -0
  456. package/src/store/StorybookSDK.ts +229 -0
  457. package/src/utils/animations.ts +90 -0
  458. package/src/utils/index.ts +2 -0
  459. package/src/utils/styles.ts +22 -0
package/dist/Theme/ThemeProvider.d.ts ADDED
@@ -0,0 +1,397 @@
1
+ import React from 'react';
2
+ import type { Theme } from './stitches.config';
3
+ export declare enum ThemeTypes {
4
+ light = "light",
5
+ dark = "dark"
6
+ }
7
+ export declare type ThemeContextValue = {
8
+ themeType: ThemeTypes;
9
+ theme: Theme;
10
+ aspectRatio: {
11
+ width: number;
12
+ height: number;
13
+ };
14
+ /**
15
+ * @param {ThemeTypes} themeToUpdateTo - optional
16
+ * Use this to toggle or update the currentTheme.
17
+ * if a param is passed, it will set the theme to passed value, otherwise will toggle between light and dark
18
+ * depending on current applied theme
19
+ */
20
+ toggleTheme: (themeToUpdateTo?: ThemeTypes) => void;
21
+ };
22
+ export declare type ThemeProviderProps = {
23
+ themeType?: ThemeTypes;
24
+ theme?: Theme;
25
+ aspectRatio?: {
26
+ width: number;
27
+ height: number;
28
+ };
29
+ };
30
+ export declare const ThemeContext: React.Context<{
31
+ themeType: ThemeTypes;
32
+ theme: string & {
33
+ className: string;
34
+ selector: string;
35
+ } & {
36
+ colors: {
37
+ bgPrimary: import("@stitches/react/types/theme").Token<"bgPrimary", string, "colors", "hms-ui">;
38
+ bgSecondary: import("@stitches/react/types/theme").Token<"bgSecondary", string, "colors", "hms-ui">;
39
+ bgTertiary: import("@stitches/react/types/theme").Token<"bgTertiary", string, "colors", "hms-ui">;
40
+ surfaceLight: import("@stitches/react/types/theme").Token<"surfaceLight", string, "colors", "hms-ui">;
41
+ surfaceLighter: import("@stitches/react/types/theme").Token<"surfaceLighter", string, "colors", "hms-ui">;
42
+ textPrimary: import("@stitches/react/types/theme").Token<"textPrimary", string, "colors", "hms-ui">;
43
+ textSecondary: import("@stitches/react/types/theme").Token<"textSecondary", string, "colors", "hms-ui">;
44
+ textDisabled: import("@stitches/react/types/theme").Token<"textDisabled", string, "colors", "hms-ui">;
45
+ textInvert: import("@stitches/react/types/theme").Token<"textInvert", string, "colors", "hms-ui">;
46
+ textHighEmp: import("@stitches/react/types/theme").Token<"textHighEmp", string, "colors", "hms-ui">;
47
+ textMedEmp: import("@stitches/react/types/theme").Token<"textMedEmp", string, "colors", "hms-ui">;
48
+ iconBtn: import("@stitches/react/types/theme").Token<"iconBtn", string, "colors", "hms-ui">;
49
+ iconHoverBg: import("@stitches/react/types/theme").Token<"iconHoverBg", string, "colors", "hms-ui">;
50
+ transparentBg: import("@stitches/react/types/theme").Token<"transparentBg", string, "colors", "hms-ui">;
51
+ mainBg: import("@stitches/react/types/theme").Token<"mainBg", string, "colors", "hms-ui">;
52
+ tileBg: import("@stitches/react/types/theme").Token<"tileBg", string, "colors", "hms-ui">;
53
+ secondaryDisabled: import("@stitches/react/types/theme").Token<"secondaryDisabled", string, "colors", "hms-ui">;
54
+ previewBg: import("@stitches/react/types/theme").Token<"previewBg", string, "colors", "hms-ui">;
55
+ statsBg: import("@stitches/react/types/theme").Token<"statsBg", string, "colors", "hms-ui">;
56
+ menuBg: import("@stitches/react/types/theme").Token<"menuBg", string, "colors", "hms-ui">;
57
+ inputBg: import("@stitches/react/types/theme").Token<"inputBg", string, "colors", "hms-ui">;
58
+ toastBg: import("@stitches/react/types/theme").Token<"toastBg", string, "colors", "hms-ui">;
59
+ borderDefault: import("@stitches/react/types/theme").Token<"borderDefault", string, "colors", "hms-ui">;
60
+ backgroundDefault: import("@stitches/react/types/theme").Token<"backgroundDefault", string, "colors", "hms-ui">;
61
+ borderLighter: import("@stitches/react/types/theme").Token<"borderLighter", string, "colors", "hms-ui">;
62
+ white: import("@stitches/react/types/theme").Token<"white", string, "colors", "hms-ui">;
63
+ black: import("@stitches/react/types/theme").Token<"black", string, "colors", "hms-ui">;
64
+ transparent: import("@stitches/react/types/theme").Token<"transparent", string, "colors", "hms-ui">;
65
+ orange: import("@stitches/react/types/theme").Token<"orange", string, "colors", "hms-ui">;
66
+ cyan: import("@stitches/react/types/theme").Token<"cyan", string, "colors", "hms-ui">;
67
+ tamarind: import("@stitches/react/types/theme").Token<"tamarind", string, "colors", "hms-ui">;
68
+ yellow: import("@stitches/react/types/theme").Token<"yellow", string, "colors", "hms-ui">;
69
+ twinYellow: import("@stitches/react/types/theme").Token<"twinYellow", string, "colors", "hms-ui">;
70
+ green: import("@stitches/react/types/theme").Token<"green", string, "colors", "hms-ui">;
71
+ darkgreen: import("@stitches/react/types/theme").Token<"darkgreen", string, "colors", "hms-ui">;
72
+ purple: import("@stitches/react/types/theme").Token<"purple", string, "colors", "hms-ui">;
73
+ borderLight: import("@stitches/react/types/theme").Token<"borderLight", string, "colors", "hms-ui">;
74
+ borderAccent: import("@stitches/react/types/theme").Token<"borderAccent", string, "colors", "hms-ui">;
75
+ success: import("@stitches/react/types/theme").Token<"success", string, "colors", "hms-ui">;
76
+ error: import("@stitches/react/types/theme").Token<"error", string, "colors", "hms-ui">;
77
+ errorTint: import("@stitches/react/types/theme").Token<"errorTint", string, "colors", "hms-ui">;
78
+ warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "hms-ui">;
79
+ brandLight: import("@stitches/react/types/theme").Token<"brandLight", string, "colors", "hms-ui">;
80
+ brandDefault: import("@stitches/react/types/theme").Token<"brandDefault", string, "colors", "hms-ui">;
81
+ brandDark: import("@stitches/react/types/theme").Token<"brandDark", string, "colors", "hms-ui">;
82
+ brandDisabled: import("@stitches/react/types/theme").Token<"brandDisabled", string, "colors", "hms-ui">;
83
+ grayLight: import("@stitches/react/types/theme").Token<"grayLight", string, "colors", "hms-ui">;
84
+ grayDefault: import("@stitches/react/types/theme").Token<"grayDefault", string, "colors", "hms-ui">;
85
+ grayDark: import("@stitches/react/types/theme").Token<"grayDark", string, "colors", "hms-ui">;
86
+ secondaryGray: import("@stitches/react/types/theme").Token<"secondaryGray", string, "colors", "hms-ui">;
87
+ grayDisabled: import("@stitches/react/types/theme").Token<"grayDisabled", string, "colors", "hms-ui">;
88
+ textAccentHigh: import("@stitches/react/types/theme").Token<"textAccentHigh", string, "colors", "hms-ui">;
89
+ textAccentMedium: import("@stitches/react/types/theme").Token<"textAccentMedium", string, "colors", "hms-ui">;
90
+ textAccentDisabled: import("@stitches/react/types/theme").Token<"textAccentDisabled", string, "colors", "hms-ui">;
91
+ surfaceDefault: import("@stitches/react/types/theme").Token<"surfaceDefault", string, "colors", "hms-ui">;
92
+ surfaceDark: import("@stitches/react/types/theme").Token<"surfaceDark", string, "colors", "hms-ui">;
93
+ backgroundDark: import("@stitches/react/types/theme").Token<"backgroundDark", string, "colors", "hms-ui">;
94
+ backgroundDarker: import("@stitches/react/types/theme").Token<"backgroundDarker", string, "colors", "hms-ui">;
95
+ primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "hms-ui">;
96
+ primaryDefault: import("@stitches/react/types/theme").Token<"primaryDefault", string, "colors", "hms-ui">;
97
+ primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "hms-ui">;
98
+ primaryDisabled: import("@stitches/react/types/theme").Token<"primaryDisabled", string, "colors", "hms-ui">;
99
+ secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", "hms-ui">;
100
+ secondaryDefault: import("@stitches/react/types/theme").Token<"secondaryDefault", string, "colors", "hms-ui">;
101
+ secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", "hms-ui">;
102
+ errorDefault: import("@stitches/react/types/theme").Token<"errorDefault", string, "colors", "hms-ui">;
103
+ errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", "hms-ui">;
104
+ errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", "hms-ui">;
105
+ errorDisabled: import("@stitches/react/types/theme").Token<"errorDisabled", string, "colors", "hms-ui">;
106
+ };
107
+ shadows: {
108
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
109
+ md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
110
+ };
111
+ fonts: {
112
+ sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
113
+ };
114
+ fontSizes: {
115
+ h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
116
+ h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
117
+ h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
118
+ h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
119
+ h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
120
+ h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
121
+ tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
122
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
123
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
124
+ md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
125
+ lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
126
+ };
127
+ fontWeights: {
128
+ semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
129
+ medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
130
+ regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
131
+ };
132
+ lineHeights: {
133
+ h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
134
+ h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
135
+ h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
136
+ h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
137
+ h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
138
+ h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
139
+ tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
140
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
141
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
142
+ md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
143
+ };
144
+ radii: {
145
+ 0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
146
+ 1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
147
+ 2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
148
+ 3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
149
+ 4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
150
+ round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
151
+ };
152
+ space: {
153
+ 0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
154
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
155
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
156
+ md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
157
+ lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
158
+ xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
159
+ px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
160
+ 1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
161
+ 2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
162
+ 3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
163
+ 4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
164
+ 5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
165
+ 6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
166
+ 7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
167
+ 8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
168
+ 9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
169
+ 10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
170
+ 11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
171
+ 12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
172
+ 13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
173
+ 14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
174
+ 15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
175
+ 16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
176
+ 17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
177
+ 18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
178
+ 19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
179
+ 20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
180
+ 24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
181
+ 28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
182
+ 32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
183
+ 36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
184
+ 40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
185
+ 44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
186
+ 48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
187
+ 52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
188
+ 56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
189
+ 60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
190
+ 64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
191
+ 72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
192
+ 80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
193
+ 96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
194
+ 100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
195
+ };
196
+ borderWidths: {
197
+ light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
198
+ normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
199
+ bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
200
+ extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
201
+ black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
202
+ };
203
+ };
204
+ aspectRatio: {
205
+ width: number;
206
+ height: number;
207
+ };
208
+ toggleTheme: (_themeToUpdateTo?: ThemeTypes) => void;
209
+ }>;
210
+ /**
211
+ * Wrap this around your root component to get access to theme
212
+ * eg:
213
+ * <ThemeProvider type="dark" appBuilder={{ aspectRatio: { width:1, height: 1} }}>
214
+ * <App />
215
+ * </ThemeProvider>
216
+ */
217
+ export declare const HMSThemeProvider: React.FC<React.PropsWithChildren<ThemeProviderProps>>;
218
+ export declare const useTheme: () => {
219
+ themeType: ThemeTypes;
220
+ theme: string & {
221
+ className: string;
222
+ selector: string;
223
+ } & {
224
+ colors: {
225
+ bgPrimary: import("@stitches/react/types/theme").Token<"bgPrimary", string, "colors", "hms-ui">;
226
+ bgSecondary: import("@stitches/react/types/theme").Token<"bgSecondary", string, "colors", "hms-ui">;
227
+ bgTertiary: import("@stitches/react/types/theme").Token<"bgTertiary", string, "colors", "hms-ui">;
228
+ surfaceLight: import("@stitches/react/types/theme").Token<"surfaceLight", string, "colors", "hms-ui">;
229
+ surfaceLighter: import("@stitches/react/types/theme").Token<"surfaceLighter", string, "colors", "hms-ui">;
230
+ textPrimary: import("@stitches/react/types/theme").Token<"textPrimary", string, "colors", "hms-ui">;
231
+ textSecondary: import("@stitches/react/types/theme").Token<"textSecondary", string, "colors", "hms-ui">;
232
+ textDisabled: import("@stitches/react/types/theme").Token<"textDisabled", string, "colors", "hms-ui">;
233
+ textInvert: import("@stitches/react/types/theme").Token<"textInvert", string, "colors", "hms-ui">;
234
+ textHighEmp: import("@stitches/react/types/theme").Token<"textHighEmp", string, "colors", "hms-ui">;
235
+ textMedEmp: import("@stitches/react/types/theme").Token<"textMedEmp", string, "colors", "hms-ui">;
236
+ iconBtn: import("@stitches/react/types/theme").Token<"iconBtn", string, "colors", "hms-ui">;
237
+ iconHoverBg: import("@stitches/react/types/theme").Token<"iconHoverBg", string, "colors", "hms-ui">;
238
+ transparentBg: import("@stitches/react/types/theme").Token<"transparentBg", string, "colors", "hms-ui">;
239
+ mainBg: import("@stitches/react/types/theme").Token<"mainBg", string, "colors", "hms-ui">;
240
+ tileBg: import("@stitches/react/types/theme").Token<"tileBg", string, "colors", "hms-ui">;
241
+ secondaryDisabled: import("@stitches/react/types/theme").Token<"secondaryDisabled", string, "colors", "hms-ui">;
242
+ previewBg: import("@stitches/react/types/theme").Token<"previewBg", string, "colors", "hms-ui">;
243
+ statsBg: import("@stitches/react/types/theme").Token<"statsBg", string, "colors", "hms-ui">;
244
+ menuBg: import("@stitches/react/types/theme").Token<"menuBg", string, "colors", "hms-ui">;
245
+ inputBg: import("@stitches/react/types/theme").Token<"inputBg", string, "colors", "hms-ui">;
246
+ toastBg: import("@stitches/react/types/theme").Token<"toastBg", string, "colors", "hms-ui">;
247
+ borderDefault: import("@stitches/react/types/theme").Token<"borderDefault", string, "colors", "hms-ui">;
248
+ backgroundDefault: import("@stitches/react/types/theme").Token<"backgroundDefault", string, "colors", "hms-ui">;
249
+ borderLighter: import("@stitches/react/types/theme").Token<"borderLighter", string, "colors", "hms-ui">;
250
+ white: import("@stitches/react/types/theme").Token<"white", string, "colors", "hms-ui">;
251
+ black: import("@stitches/react/types/theme").Token<"black", string, "colors", "hms-ui">;
252
+ transparent: import("@stitches/react/types/theme").Token<"transparent", string, "colors", "hms-ui">;
253
+ orange: import("@stitches/react/types/theme").Token<"orange", string, "colors", "hms-ui">;
254
+ cyan: import("@stitches/react/types/theme").Token<"cyan", string, "colors", "hms-ui">;
255
+ tamarind: import("@stitches/react/types/theme").Token<"tamarind", string, "colors", "hms-ui">;
256
+ yellow: import("@stitches/react/types/theme").Token<"yellow", string, "colors", "hms-ui">;
257
+ twinYellow: import("@stitches/react/types/theme").Token<"twinYellow", string, "colors", "hms-ui">;
258
+ green: import("@stitches/react/types/theme").Token<"green", string, "colors", "hms-ui">;
259
+ darkgreen: import("@stitches/react/types/theme").Token<"darkgreen", string, "colors", "hms-ui">;
260
+ purple: import("@stitches/react/types/theme").Token<"purple", string, "colors", "hms-ui">;
261
+ borderLight: import("@stitches/react/types/theme").Token<"borderLight", string, "colors", "hms-ui">;
262
+ borderAccent: import("@stitches/react/types/theme").Token<"borderAccent", string, "colors", "hms-ui">;
263
+ success: import("@stitches/react/types/theme").Token<"success", string, "colors", "hms-ui">;
264
+ error: import("@stitches/react/types/theme").Token<"error", string, "colors", "hms-ui">;
265
+ errorTint: import("@stitches/react/types/theme").Token<"errorTint", string, "colors", "hms-ui">;
266
+ warning: import("@stitches/react/types/theme").Token<"warning", string, "colors", "hms-ui">;
267
+ brandLight: import("@stitches/react/types/theme").Token<"brandLight", string, "colors", "hms-ui">;
268
+ brandDefault: import("@stitches/react/types/theme").Token<"brandDefault", string, "colors", "hms-ui">;
269
+ brandDark: import("@stitches/react/types/theme").Token<"brandDark", string, "colors", "hms-ui">;
270
+ brandDisabled: import("@stitches/react/types/theme").Token<"brandDisabled", string, "colors", "hms-ui">;
271
+ grayLight: import("@stitches/react/types/theme").Token<"grayLight", string, "colors", "hms-ui">;
272
+ grayDefault: import("@stitches/react/types/theme").Token<"grayDefault", string, "colors", "hms-ui">;
273
+ grayDark: import("@stitches/react/types/theme").Token<"grayDark", string, "colors", "hms-ui">;
274
+ secondaryGray: import("@stitches/react/types/theme").Token<"secondaryGray", string, "colors", "hms-ui">;
275
+ grayDisabled: import("@stitches/react/types/theme").Token<"grayDisabled", string, "colors", "hms-ui">;
276
+ textAccentHigh: import("@stitches/react/types/theme").Token<"textAccentHigh", string, "colors", "hms-ui">;
277
+ textAccentMedium: import("@stitches/react/types/theme").Token<"textAccentMedium", string, "colors", "hms-ui">;
278
+ textAccentDisabled: import("@stitches/react/types/theme").Token<"textAccentDisabled", string, "colors", "hms-ui">;
279
+ surfaceDefault: import("@stitches/react/types/theme").Token<"surfaceDefault", string, "colors", "hms-ui">;
280
+ surfaceDark: import("@stitches/react/types/theme").Token<"surfaceDark", string, "colors", "hms-ui">;
281
+ backgroundDark: import("@stitches/react/types/theme").Token<"backgroundDark", string, "colors", "hms-ui">;
282
+ backgroundDarker: import("@stitches/react/types/theme").Token<"backgroundDarker", string, "colors", "hms-ui">;
283
+ primaryLight: import("@stitches/react/types/theme").Token<"primaryLight", string, "colors", "hms-ui">;
284
+ primaryDefault: import("@stitches/react/types/theme").Token<"primaryDefault", string, "colors", "hms-ui">;
285
+ primaryDark: import("@stitches/react/types/theme").Token<"primaryDark", string, "colors", "hms-ui">;
286
+ primaryDisabled: import("@stitches/react/types/theme").Token<"primaryDisabled", string, "colors", "hms-ui">;
287
+ secondaryLight: import("@stitches/react/types/theme").Token<"secondaryLight", string, "colors", "hms-ui">;
288
+ secondaryDefault: import("@stitches/react/types/theme").Token<"secondaryDefault", string, "colors", "hms-ui">;
289
+ secondaryDark: import("@stitches/react/types/theme").Token<"secondaryDark", string, "colors", "hms-ui">;
290
+ errorDefault: import("@stitches/react/types/theme").Token<"errorDefault", string, "colors", "hms-ui">;
291
+ errorLight: import("@stitches/react/types/theme").Token<"errorLight", string, "colors", "hms-ui">;
292
+ errorDark: import("@stitches/react/types/theme").Token<"errorDark", string, "colors", "hms-ui">;
293
+ errorDisabled: import("@stitches/react/types/theme").Token<"errorDisabled", string, "colors", "hms-ui">;
294
+ };
295
+ shadows: {
296
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "shadows", "hms-ui">;
297
+ md: import("@stitches/react/types/theme").Token<"md", string, "shadows", "hms-ui">;
298
+ };
299
+ fonts: {
300
+ sans: import("@stitches/react/types/theme").Token<"sans", string, "fonts", "hms-ui">;
301
+ };
302
+ fontSizes: {
303
+ h1: import("@stitches/react/types/theme").Token<"h1", string, "fontSizes", "hms-ui">;
304
+ h2: import("@stitches/react/types/theme").Token<"h2", string, "fontSizes", "hms-ui">;
305
+ h3: import("@stitches/react/types/theme").Token<"h3", string, "fontSizes", "hms-ui">;
306
+ h4: import("@stitches/react/types/theme").Token<"h4", string, "fontSizes", "hms-ui">;
307
+ h5: import("@stitches/react/types/theme").Token<"h5", string, "fontSizes", "hms-ui">;
308
+ h6: import("@stitches/react/types/theme").Token<"h6", string, "fontSizes", "hms-ui">;
309
+ tiny: import("@stitches/react/types/theme").Token<"tiny", string, "fontSizes", "hms-ui">;
310
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "fontSizes", "hms-ui">;
311
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "fontSizes", "hms-ui">;
312
+ md: import("@stitches/react/types/theme").Token<"md", string, "fontSizes", "hms-ui">;
313
+ lg: import("@stitches/react/types/theme").Token<"lg", string, "fontSizes", "hms-ui">;
314
+ };
315
+ fontWeights: {
316
+ semiBold: import("@stitches/react/types/theme").Token<"semiBold", string, "fontWeights", "hms-ui">;
317
+ medium: import("@stitches/react/types/theme").Token<"medium", string, "fontWeights", "hms-ui">;
318
+ regular: import("@stitches/react/types/theme").Token<"regular", string, "fontWeights", "hms-ui">;
319
+ };
320
+ lineHeights: {
321
+ h1: import("@stitches/react/types/theme").Token<"h1", string, "lineHeights", "hms-ui">;
322
+ h2: import("@stitches/react/types/theme").Token<"h2", string, "lineHeights", "hms-ui">;
323
+ h3: import("@stitches/react/types/theme").Token<"h3", string, "lineHeights", "hms-ui">;
324
+ h4: import("@stitches/react/types/theme").Token<"h4", string, "lineHeights", "hms-ui">;
325
+ h5: import("@stitches/react/types/theme").Token<"h5", string, "lineHeights", "hms-ui">;
326
+ h6: import("@stitches/react/types/theme").Token<"h6", string, "lineHeights", "hms-ui">;
327
+ tiny: import("@stitches/react/types/theme").Token<"tiny", string, "lineHeights", "hms-ui">;
328
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "lineHeights", "hms-ui">;
329
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "lineHeights", "hms-ui">;
330
+ md: import("@stitches/react/types/theme").Token<"md", string, "lineHeights", "hms-ui">;
331
+ };
332
+ radii: {
333
+ 0: import("@stitches/react/types/theme").Token<"0", string, "radii", "hms-ui">;
334
+ 1: import("@stitches/react/types/theme").Token<"1", string, "radii", "hms-ui">;
335
+ 2: import("@stitches/react/types/theme").Token<"2", string, "radii", "hms-ui">;
336
+ 3: import("@stitches/react/types/theme").Token<"3", string, "radii", "hms-ui">;
337
+ 4: import("@stitches/react/types/theme").Token<"4", string, "radii", "hms-ui">;
338
+ round: import("@stitches/react/types/theme").Token<"round", string, "radii", "hms-ui">;
339
+ };
340
+ space: {
341
+ 0: import("@stitches/react/types/theme").Token<"0", string, "space", "hms-ui">;
342
+ xs: import("@stitches/react/types/theme").Token<"xs", string, "space", "hms-ui">;
343
+ sm: import("@stitches/react/types/theme").Token<"sm", string, "space", "hms-ui">;
344
+ md: import("@stitches/react/types/theme").Token<"md", string, "space", "hms-ui">;
345
+ lg: import("@stitches/react/types/theme").Token<"lg", string, "space", "hms-ui">;
346
+ xl: import("@stitches/react/types/theme").Token<"xl", string, "space", "hms-ui">;
347
+ px: import("@stitches/react/types/theme").Token<"px", string, "space", "hms-ui">;
348
+ 1: import("@stitches/react/types/theme").Token<"1", string, "space", "hms-ui">;
349
+ 2: import("@stitches/react/types/theme").Token<"2", string, "space", "hms-ui">;
350
+ 3: import("@stitches/react/types/theme").Token<"3", string, "space", "hms-ui">;
351
+ 4: import("@stitches/react/types/theme").Token<"4", string, "space", "hms-ui">;
352
+ 5: import("@stitches/react/types/theme").Token<"5", string, "space", "hms-ui">;
353
+ 6: import("@stitches/react/types/theme").Token<"6", string, "space", "hms-ui">;
354
+ 7: import("@stitches/react/types/theme").Token<"7", string, "space", "hms-ui">;
355
+ 8: import("@stitches/react/types/theme").Token<"8", string, "space", "hms-ui">;
356
+ 9: import("@stitches/react/types/theme").Token<"9", string, "space", "hms-ui">;
357
+ 10: import("@stitches/react/types/theme").Token<"10", string, "space", "hms-ui">;
358
+ 11: import("@stitches/react/types/theme").Token<"11", string, "space", "hms-ui">;
359
+ 12: import("@stitches/react/types/theme").Token<"12", string, "space", "hms-ui">;
360
+ 13: import("@stitches/react/types/theme").Token<"13", string, "space", "hms-ui">;
361
+ 14: import("@stitches/react/types/theme").Token<"14", string, "space", "hms-ui">;
362
+ 15: import("@stitches/react/types/theme").Token<"15", string, "space", "hms-ui">;
363
+ 16: import("@stitches/react/types/theme").Token<"16", string, "space", "hms-ui">;
364
+ 17: import("@stitches/react/types/theme").Token<"17", string, "space", "hms-ui">;
365
+ 18: import("@stitches/react/types/theme").Token<"18", string, "space", "hms-ui">;
366
+ 19: import("@stitches/react/types/theme").Token<"19", string, "space", "hms-ui">;
367
+ 20: import("@stitches/react/types/theme").Token<"20", string, "space", "hms-ui">;
368
+ 24: import("@stitches/react/types/theme").Token<"24", string, "space", "hms-ui">;
369
+ 28: import("@stitches/react/types/theme").Token<"28", string, "space", "hms-ui">;
370
+ 32: import("@stitches/react/types/theme").Token<"32", string, "space", "hms-ui">;
371
+ 36: import("@stitches/react/types/theme").Token<"36", string, "space", "hms-ui">;
372
+ 40: import("@stitches/react/types/theme").Token<"40", string, "space", "hms-ui">;
373
+ 44: import("@stitches/react/types/theme").Token<"44", string, "space", "hms-ui">;
374
+ 48: import("@stitches/react/types/theme").Token<"48", string, "space", "hms-ui">;
375
+ 52: import("@stitches/react/types/theme").Token<"52", string, "space", "hms-ui">;
376
+ 56: import("@stitches/react/types/theme").Token<"56", string, "space", "hms-ui">;
377
+ 60: import("@stitches/react/types/theme").Token<"60", string, "space", "hms-ui">;
378
+ 64: import("@stitches/react/types/theme").Token<"64", string, "space", "hms-ui">;
379
+ 72: import("@stitches/react/types/theme").Token<"72", string, "space", "hms-ui">;
380
+ 80: import("@stitches/react/types/theme").Token<"80", string, "space", "hms-ui">;
381
+ 96: import("@stitches/react/types/theme").Token<"96", string, "space", "hms-ui">;
382
+ 100: import("@stitches/react/types/theme").Token<"100", string, "space", "hms-ui">;
383
+ };
384
+ borderWidths: {
385
+ light: import("@stitches/react/types/theme").Token<"light", string, "borderWidths", "hms-ui">;
386
+ normal: import("@stitches/react/types/theme").Token<"normal", string, "borderWidths", "hms-ui">;
387
+ bold: import("@stitches/react/types/theme").Token<"bold", string, "borderWidths", "hms-ui">;
388
+ extrabold: import("@stitches/react/types/theme").Token<"extrabold", string, "borderWidths", "hms-ui">;
389
+ black: import("@stitches/react/types/theme").Token<"black", string, "borderWidths", "hms-ui">;
390
+ };
391
+ };
392
+ aspectRatio: {
393
+ width: number;
394
+ height: number;
395
+ };
396
+ toggleTheme: (_themeToUpdateTo?: ThemeTypes) => void;
397
+ };