@100mslive/roomkit-react 0.1.5 → 0.1.6-alpha.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (197) hide show
  1. package/dist/{HLSView-P57IRMAR.js → HLSView-PY2FKWX3.js} +191 -123
  2. package/dist/HLSView-PY2FKWX3.js.map +7 -0
  3. package/dist/Prebuilt/App.d.ts +3 -0
  4. package/dist/Prebuilt/AppContext.d.ts +13 -0
  5. package/dist/Prebuilt/common/PeersSorter.d.ts +21 -0
  6. package/dist/Prebuilt/components/Footer/Footer.d.ts +6 -0
  7. package/dist/Prebuilt/components/Header/Header.d.ts +2 -0
  8. package/dist/Prebuilt/components/InsetTile.d.ts +2 -0
  9. package/dist/Prebuilt/components/Leave/DesktopLeaveRoom.d.ts +7 -0
  10. package/dist/Prebuilt/components/Leave/EndSessionContent.d.ts +8 -0
  11. package/dist/Prebuilt/components/Leave/LeaveAtoms.d.ts +2196 -0
  12. package/dist/Prebuilt/components/Leave/LeaveCard.d.ts +12 -0
  13. package/dist/Prebuilt/components/Leave/LeaveRoom.d.ts +5 -0
  14. package/dist/Prebuilt/components/Leave/LeaveSessionContent.d.ts +6 -0
  15. package/dist/Prebuilt/components/Leave/MwebLeaveRoom.d.ts +7 -0
  16. package/dist/Prebuilt/components/MoreSettings/MoreSettings.d.ts +6 -0
  17. package/dist/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.d.ts +6 -0
  18. package/dist/Prebuilt/components/Pagination.d.ts +6 -0
  19. package/dist/Prebuilt/components/Preview/PreviewForm.d.ts +10 -0
  20. package/dist/Prebuilt/components/SecondaryTiles.d.ts +3 -0
  21. package/dist/Prebuilt/components/VideoLayouts/EqualProminence.d.ts +3 -0
  22. package/dist/Prebuilt/components/VideoLayouts/Grid.d.ts +5 -0
  23. package/dist/Prebuilt/components/VideoLayouts/GridLayout.d.ts +10 -0
  24. package/dist/Prebuilt/components/VideoLayouts/ProminenceLayout.d.ts +12 -0
  25. package/dist/Prebuilt/components/VideoLayouts/RoleProminence.d.ts +3 -0
  26. package/dist/Prebuilt/components/VideoLayouts/ScreenshareLayout.d.ts +3 -0
  27. package/dist/Prebuilt/components/VideoLayouts/interface.d.ts +8 -0
  28. package/dist/Prebuilt/components/hooks/useRoleProminencePeers.d.ts +5 -0
  29. package/dist/Prebuilt/components/hooks/useTileLayout.d.ts +12 -0
  30. package/dist/Prebuilt/components/hooks/useVideoTileLayout.d.ts +11 -0
  31. package/dist/Prebuilt/layouts/SidePane.d.ts +6 -0
  32. package/dist/Prebuilt/layouts/VideoStreamingSection.d.ts +6 -0
  33. package/dist/Prebuilt/plugins/whiteboard/ToggleWhiteboard.d.ts +5 -0
  34. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.d.ts +1 -0
  35. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useInsetEnabled.d.ts +1 -0
  36. package/dist/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.d.ts +17 -0
  37. package/dist/Prebuilt/provider/roomLayoutProvider/index.d.ts +6 -1
  38. package/dist/{VirtualBackground-GGCQJ5JM.js → VirtualBackground-AYDHYLIZ.js} +5 -11
  39. package/dist/VirtualBackground-AYDHYLIZ.js.map +7 -0
  40. package/dist/{chunk-P5X32KOD.js → chunk-E2M2ZSOL.js} +8 -5
  41. package/dist/chunk-E2M2ZSOL.js.map +7 -0
  42. package/dist/chunk-GQD2AGWW.js +888 -0
  43. package/dist/chunk-GQD2AGWW.js.map +7 -0
  44. package/dist/{chunk-OSM4QEQG.js → chunk-RXTHJUMZ.js} +2462 -4738
  45. package/dist/chunk-RXTHJUMZ.js.map +7 -0
  46. package/dist/conference-V2XZGTKU.js +5927 -0
  47. package/dist/conference-V2XZGTKU.js.map +7 -0
  48. package/dist/index.cjs.js +9414 -15534
  49. package/dist/index.cjs.js.map +4 -4
  50. package/dist/index.js +2 -2
  51. package/dist/meta.cjs.json +2156 -3347
  52. package/dist/meta.esbuild.json +2601 -3885
  53. package/package.json +7 -7
  54. package/src/Button/Button.tsx +2 -2
  55. package/src/Prebuilt/App.tsx +49 -33
  56. package/src/Prebuilt/{AppContext.jsx → AppContext.tsx} +11 -3
  57. package/src/Prebuilt/IconButton.jsx +1 -0
  58. package/src/Prebuilt/Prebuilt.stories.tsx +1 -0
  59. package/src/Prebuilt/common/{PeersSorter.js → PeersSorter.ts} +15 -10
  60. package/src/Prebuilt/common/constants.js +3 -112
  61. package/src/Prebuilt/common/hooks.js +34 -1
  62. package/src/Prebuilt/common/utils.js +0 -8
  63. package/src/Prebuilt/components/AppData/AppData.jsx +3 -13
  64. package/src/Prebuilt/components/AppData/useUISettings.js +0 -4
  65. package/src/Prebuilt/components/AudioVideoToggle.jsx +6 -0
  66. package/src/Prebuilt/components/AuthToken.jsx +11 -42
  67. package/src/Prebuilt/components/Chat/Chat.jsx +57 -26
  68. package/src/Prebuilt/components/Chat/ChatBody.jsx +92 -32
  69. package/src/Prebuilt/components/Chat/ChatFooter.jsx +72 -48
  70. package/src/Prebuilt/components/Chat/ChatParticipantHeader.jsx +73 -0
  71. package/src/Prebuilt/components/Chat/ChatSelector.jsx +16 -17
  72. package/src/Prebuilt/components/Chat/ChatSelectorContainer.jsx +81 -0
  73. package/src/Prebuilt/components/Connection/TileConnection.jsx +30 -12
  74. package/src/Prebuilt/components/EmojiReaction.jsx +18 -17
  75. package/src/Prebuilt/components/Footer/ChatToggle.jsx +1 -7
  76. package/src/Prebuilt/components/Footer/Footer.tsx +89 -0
  77. package/src/Prebuilt/components/Footer/ParticipantList.jsx +213 -173
  78. package/src/Prebuilt/components/Footer/RoleAccordion.jsx +78 -0
  79. package/src/Prebuilt/components/HMSVideo/Controls.jsx +2 -2
  80. package/src/Prebuilt/components/HMSVideo/HLSQualitySelector.jsx +33 -10
  81. package/src/Prebuilt/components/HMSVideo/PlayButton.jsx +1 -1
  82. package/src/Prebuilt/components/HMSVideo/VideoTime.jsx +3 -3
  83. package/src/Prebuilt/components/HMSVideo/VolumeControl.jsx +38 -9
  84. package/src/Prebuilt/components/Header/{ConferencingHeader.jsx → Header.tsx} +9 -7
  85. package/src/Prebuilt/components/Header/HeaderComponents.jsx +13 -4
  86. package/src/Prebuilt/components/Header/StreamActions.jsx +33 -60
  87. package/src/Prebuilt/components/Header/index.tsx +1 -0
  88. package/src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx +17 -3
  89. package/src/Prebuilt/components/InsetTile.tsx +122 -0
  90. package/src/Prebuilt/components/{MoreSettings/SplitComponents/DesktopLeaveRoom.jsx → Leave/DesktopLeaveRoom.tsx} +50 -18
  91. package/src/Prebuilt/components/{EndSessionContent.jsx → Leave/EndSessionContent.tsx} +19 -9
  92. package/src/Prebuilt/components/Leave/LeaveAtoms.tsx +26 -0
  93. package/src/Prebuilt/components/{LeaveCard.jsx → Leave/LeaveCard.tsx} +22 -3
  94. package/src/Prebuilt/components/Leave/LeaveRoom.tsx +63 -0
  95. package/src/Prebuilt/components/{LeaveSessionContent.jsx → Leave/LeaveSessionContent.tsx} +13 -5
  96. package/src/Prebuilt/components/{MoreSettings/SplitComponents/MwebLeaveRoom.jsx → Leave/MwebLeaveRoom.tsx} +38 -13
  97. package/src/Prebuilt/components/MetaActions.jsx +15 -23
  98. package/src/Prebuilt/components/MoreSettings/ActionTile.jsx +5 -0
  99. package/src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx +12 -7
  100. package/src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx +1 -1
  101. package/src/Prebuilt/components/MoreSettings/FullScreenItem.jsx +1 -4
  102. package/src/Prebuilt/components/MoreSettings/MoreSettings.tsx +27 -0
  103. package/src/Prebuilt/components/MoreSettings/SplitComponents/{DesktopOptions.jsx → DesktopOptions.tsx} +86 -75
  104. package/src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.jsx +20 -19
  105. package/src/Prebuilt/components/Notifications/HLSFailureModal.jsx +3 -1
  106. package/src/Prebuilt/components/Notifications/Notifications.jsx +18 -11
  107. package/src/Prebuilt/components/Notifications/PeerNotifications.jsx +14 -2
  108. package/src/Prebuilt/components/Notifications/PermissionErrorModal.jsx +10 -4
  109. package/src/Prebuilt/components/PIP/PIPComponent.jsx +7 -16
  110. package/src/Prebuilt/components/PIP/PIPManager.js +1 -0
  111. package/src/Prebuilt/components/{Pagination.jsx → Pagination.tsx} +35 -6
  112. package/src/Prebuilt/components/Playlist/Playlist.jsx +1 -6
  113. package/src/Prebuilt/components/PostLeave.jsx +7 -7
  114. package/src/Prebuilt/components/Preview/PreviewContainer.jsx +5 -13
  115. package/src/Prebuilt/components/Preview/{PreviewForm.jsx → PreviewForm.tsx} +14 -4
  116. package/src/Prebuilt/components/Preview/PreviewJoin.jsx +9 -7
  117. package/src/Prebuilt/components/RaiseHand.jsx +0 -7
  118. package/src/Prebuilt/components/RoleChangeRequestModal.jsx +82 -6
  119. package/src/Prebuilt/components/ScreenshareDisplay.jsx +4 -10
  120. package/src/Prebuilt/components/ScreenshareTile.jsx +41 -33
  121. package/src/Prebuilt/components/SecondaryTiles.tsx +34 -0
  122. package/src/Prebuilt/components/Settings/LayoutSettings.jsx +2 -12
  123. package/src/Prebuilt/components/Settings/NotificationSettings.jsx +3 -9
  124. package/src/Prebuilt/components/Settings/SettingsModal.jsx +3 -9
  125. package/src/Prebuilt/components/StatsForNerds.jsx +3 -1
  126. package/src/Prebuilt/components/TileMenu/TileMenu.jsx +15 -16
  127. package/src/Prebuilt/components/TileMenu/TileMenuContent.jsx +21 -19
  128. package/src/Prebuilt/components/Toast/ToastConfig.jsx +53 -11
  129. package/src/Prebuilt/components/VideoLayouts/EqualProminence.tsx +62 -0
  130. package/src/Prebuilt/components/VideoLayouts/Grid.tsx +41 -0
  131. package/src/Prebuilt/components/VideoLayouts/GridLayout.tsx +92 -0
  132. package/src/Prebuilt/components/VideoLayouts/ProminenceLayout.tsx +60 -0
  133. package/src/Prebuilt/components/VideoLayouts/RoleProminence.tsx +56 -0
  134. package/src/Prebuilt/components/VideoLayouts/ScreenshareLayout.tsx +36 -0
  135. package/src/Prebuilt/components/VideoLayouts/interface.ts +9 -0
  136. package/src/Prebuilt/components/VideoTile.jsx +93 -43
  137. package/src/Prebuilt/components/conference.jsx +24 -20
  138. package/src/Prebuilt/components/hooks/useMetadata.jsx +7 -0
  139. package/src/Prebuilt/components/hooks/useRoleProminencePeers.tsx +38 -0
  140. package/src/Prebuilt/components/hooks/useTileLayout.tsx +121 -0
  141. package/src/Prebuilt/components/hooks/useVideoTileLayout.ts +22 -0
  142. package/src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx +5 -72
  143. package/src/Prebuilt/components/pdfAnnotator/submitPdf.jsx +4 -45
  144. package/src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx +2 -17
  145. package/src/Prebuilt/components/peerTileUtils.jsx +1 -1
  146. package/src/Prebuilt/images/empty-chat.svg +12 -0
  147. package/src/Prebuilt/layouts/EmbedView.jsx +17 -40
  148. package/src/Prebuilt/layouts/HLSView.jsx +83 -66
  149. package/src/Prebuilt/layouts/PDFView.jsx +1 -11
  150. package/src/Prebuilt/layouts/SidePane.tsx +96 -0
  151. package/src/Prebuilt/layouts/{mainView.jsx → VideoStreamingSection.tsx} +38 -47
  152. package/src/Prebuilt/layouts/WhiteboardView.jsx +10 -34
  153. package/src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx +1 -4
  154. package/src/Prebuilt/plugins/whiteboard/{ToggleWhiteboard.jsx → ToggleWhiteboard.tsx} +5 -9
  155. package/src/Prebuilt/primitives/DialogContent.jsx +15 -11
  156. package/src/Prebuilt/provider/roomLayoutProvider/constants/index.ts +17 -2
  157. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useFetchRoomLayout.ts +36 -13
  158. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useInsetEnabled.ts +10 -0
  159. package/src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts +65 -0
  160. package/src/Prebuilt/provider/roomLayoutProvider/index.tsx +17 -6
  161. package/dist/HLSView-P57IRMAR.js.map +0 -7
  162. package/dist/PinnedTrackView-4FYJEBTB.js +0 -102
  163. package/dist/PinnedTrackView-4FYJEBTB.js.map +0 -7
  164. package/dist/VirtualBackground-GGCQJ5JM.js.map +0 -7
  165. package/dist/chunk-IVTWKQI3.js +0 -827
  166. package/dist/chunk-IVTWKQI3.js.map +0 -7
  167. package/dist/chunk-OSM4QEQG.js.map +0 -7
  168. package/dist/chunk-P5X32KOD.js.map +0 -7
  169. package/dist/chunk-RVCZPPTL.js +0 -1100
  170. package/dist/chunk-RVCZPPTL.js.map +0 -7
  171. package/dist/conference-P6I6ESVF.js +0 -8995
  172. package/dist/conference-P6I6ESVF.js.map +0 -7
  173. package/src/Prebuilt/components/Chat/ChatHeader.jsx +0 -67
  174. package/src/Prebuilt/components/EqualProminence.jsx +0 -180
  175. package/src/Prebuilt/components/FirstPersonDisplay.jsx +0 -50
  176. package/src/Prebuilt/components/Footer/Footer.jsx +0 -73
  177. package/src/Prebuilt/components/Header/Header.jsx +0 -8
  178. package/src/Prebuilt/components/Header/StreamingHeader.jsx +0 -54
  179. package/src/Prebuilt/components/LeaveRoom.jsx +0 -94
  180. package/src/Prebuilt/components/MoreSettings/MoreSettings.jsx +0 -10
  181. package/src/Prebuilt/components/Notifications/MessageNotifications.jsx +0 -25
  182. package/src/Prebuilt/components/gridView.jsx +0 -85
  183. package/src/Prebuilt/components/hooks/useFeatures.js +0 -22
  184. package/src/Prebuilt/components/hooks/useNavigation.js +0 -19
  185. package/src/Prebuilt/components/hooks/useSkipPreview.jsx +0 -20
  186. package/src/Prebuilt/components/pdfAnnotator/pdfErrorView.jsx +0 -29
  187. package/src/Prebuilt/images/Logo.svg +0 -8
  188. package/src/Prebuilt/layouts/ActiveSpeakerView.jsx +0 -34
  189. package/src/Prebuilt/layouts/InsetView.jsx +0 -260
  190. package/src/Prebuilt/layouts/PinnedTrackView.jsx +0 -59
  191. package/src/Prebuilt/layouts/SidePane.jsx +0 -52
  192. package/src/Prebuilt/layouts/mainGridView.jsx +0 -98
  193. package/src/Prebuilt/layouts/screenShareView.jsx +0 -183
  194. /package/{src/Prebuilt/components/Header/index.jsx → dist/Prebuilt/components/Header/index.d.ts} +0 -0
  195. /package/src/Prebuilt/components/{ScreenShare.jsx → ScreenShareToggle.jsx} +0 -0
  196. /package/src/{assets → Prebuilt/images}/android-perm-1.png +0 -0
  197. /package/src/{assets → Prebuilt/images}/ios-perm-0.png +0 -0
@@ -0,0 +1,888 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
32
+ var __export = (target, all) => {
33
+ for (var name in all)
34
+ __defProp(target, name, { get: all[name], enumerable: true });
35
+ };
36
+ var __publicField = (obj, key, value) => {
37
+ __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
38
+ return value;
39
+ };
40
+ var __accessCheck = (obj, member, msg) => {
41
+ if (!member.has(obj))
42
+ throw TypeError("Cannot " + msg);
43
+ };
44
+ var __privateGet = (obj, member, getter) => {
45
+ __accessCheck(obj, member, "read from private field");
46
+ return getter ? getter.call(obj) : member.get(obj);
47
+ };
48
+ var __privateAdd = (obj, member, value) => {
49
+ if (member.has(obj))
50
+ throw TypeError("Cannot add the same private member more than once");
51
+ member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
52
+ };
53
+ var __privateSet = (obj, member, value, setter) => {
54
+ __accessCheck(obj, member, "write to private field");
55
+ setter ? setter.call(obj, value) : member.set(obj, value);
56
+ return value;
57
+ };
58
+ var __async = (__this, __arguments, generator) => {
59
+ return new Promise((resolve, reject) => {
60
+ var fulfilled = (value) => {
61
+ try {
62
+ step(generator.next(value));
63
+ } catch (e) {
64
+ reject(e);
65
+ }
66
+ };
67
+ var rejected = (value) => {
68
+ try {
69
+ step(generator.throw(value));
70
+ } catch (e) {
71
+ reject(e);
72
+ }
73
+ };
74
+ var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
75
+ step((generator = generator.apply(__this, __arguments)).next());
76
+ });
77
+ };
78
+
79
+ // <define:process.env>
80
+ var define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_5269fe4f-2581-4c1a-81d6-d6f8f7d79c73", npm_package_devDependencies_ts_node: "^10.4.0", npm_package_devDependencies__types_node: "^16.11.17", npm_package_devDependencies_rollup: "^2.70.1", npm_package_exports___require: "./dist/index.cjs.js", STATS_TRP: "true", DEPLOYMENT_BASEPATH: "/opt/runner", DOTNET_NOLOGO: "1", npm_package_dependencies_screenfull: "^5.1.0", npm_package_dependencies_react_draggable: "^4.4.5", npm_package_dependencies__radix_ui_react_switch: "1.0.0", USER: "runner", npm_package_devDependencies_webpack_cli: "^4.9.2", npm_package_devDependencies_webpack_bundle_analyzer: "^4.5.0", npm_package_devDependencies_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.19 npm/? node/v16.20.2 linux x64", npm_config_always_auth: "", NX_WORKSPACE_ROOT: "/home/runner/work/web-sdks/web-sdks", npm_package_devDependencies__rollup_plugin_node_resolve: "^13.1.3", npm_package_scripts_babel: "npx storybook@latest babelrc", CI: "true", npm_package_devDependencies__size_limit_file: "^5.0.3", npm_config_bin_links: "true", npm_config_wrap_output: "", npm_package_dependencies__radix_ui_react_tabs: "1.0.0", npm_package_dependencies__100mslive_react_sdk: "0.8.15-alpha.0", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_5269fe4f-2581-4c1a-81d6-d6f8f7d79c73", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", npm_config_init_version: "1.0.0", npm_package_dependencies__emoji_mart_react: "^1.0.1", npm_package_dependencies__emoji_mart_data: "^1.0.6", npm_package_dependencies__100mslive_hms_virtual_background: "1.11.15-alpha.0", JAVA_HOME_8_X64: "/usr/lib/jvm/temurin-8-jdk-amd64", NODE_AUTH_TOKEN: "XXXXX-XXXXX-XXXXX-XXXXX", SHLVL: "1", npm_package_dependencies__radix_ui_react_tooltip: "1.0.6", npm_package_dependencies__radix_ui_react_popover: "1.0.6", npm_package_dependencies__100mslive_types_prebuilt: "0.11.0", npm_package_peerDependencies_react: ">=17.0.2 <19.0.0", npm_package_devDependencies__storybook_addon_links: "^7.0.27", npm_package_files_0: "dist", HOME: "/home/runner", npm_package_devDependencies__typescript_eslint_parser: "^5.4.0", npm_package_dependencies__radix_ui_react_dialog: "1.0.4", npm_package_files_1: "src", RUNNER_TEMP: "/home/runner/work/_temp", GITHUB_EVENT_PATH: "/home/runner/work/_temp/_github_workflow/event.json", npm_package_scripts_controller: "cd packages/hls-controller && yarn start", npm_package_dependencies__stitches_react: "^1.2.8", JAVA_HOME_11_X64: "/usr/lib/jvm/temurin-11-jdk-amd64", PIPX_BIN_DIR: "/opt/pipx_bin", GITHUB_REPOSITORY_OWNER: "100mslive", npm_package_engines_node: ">=16", npm_package_devDependencies_webpack_manifest_plugin: "^4.1.1", npm_package_devDependencies_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.3", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", STATS_RDCL: "true", GITHUB_RETENTION_DAYS: "90", YARN_WRAP_OUTPUT: "false", npm_config_version_tag_prefix: "v", GITHUB_REPOSITORY_OWNER_ID: "73883131", POWERSHELL_DISTRIBUTION_CHANNEL: "GitHub-Actions-ubuntu22", AZURE_EXTENSION_DIR: "/opt/az/azcliextensions", GITHUB_HEAD_REF: "", npm_package_scripts_lint_fix: "yarn lint --fix", npm_config_userconfig: "/home/runner/work/_temp/.npmrc", npm_package_devDependencies__storybook_addon_a11y: "^7.0.27", SYSTEMD_EXEC_PID: "663", npm_package_scripts_postinstall: "husky install && lerna bootstrap", npm_package_devDependencies_husky: "^6.0.0", npm_package_dependencies_recordrtc: "^5.6.2", npm_package_dependencies_eventemitter2: "^6.4.7", npm_package_dependencies__radix_ui_react_label: "1.0.0", npm_package_dependencies__radix_ui_react_dropdown_menu: "2.0.5", npm_package_keywords_0: "100mslive", GITHUB_GRAPHQL_URL: "https://api.github.com/graphql", npm_package_description: "100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.", npm_package_devDependencies_typescript: "~4.7.4", npm_package_devDependencies_typedoc: "^0.24.8", npm_package_dependencies_react_router_dom: "^6.3.0", npm_package_devDependencies_babel_loader: "^8.2.5", npm_package_devDependencies__rollup_plugin_image: "^3.0.2", npm_package_keywords_1: "react", GOROOT_1_20_X64: "/opt/hostedtoolcache/go/1.20.7/x64", NVM_DIR: "/home/runner/.nvm", npm_package_readmeFilename: "README.md", npm_package_devDependencies_react: "^18.1.0", npm_package_devDependencies__babel_preset_env: "^7.22.5", npm_package_keywords_2: "prebuilt", DOTNET_SKIP_FIRST_TIME_EXPERIENCE: "1", GOROOT_1_21_X64: "/opt/hostedtoolcache/go/1.21.0/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20230821.1.0", npm_package_devDependencies_prettier: "^2.4.1", npm_package_devDependencies_babel_jest: "^26.6.0", npm_package_scripts_dev: "node ../../scripts/dev", npm_package_keywords_3: "roomkit", RUNNER_OS: "Linux", GITHUB_API_URL: "https://api.github.com", SWIFT_PATH: "/usr/share/swift/usr/bin", FORCE_COLOR: "true", npm_package_dependencies__radix_ui_react_toast: "1.0.0", npm_package_dependencies__radix_ui_react_radio_group: "1.0.0", npm_package_devDependencies__babel_preset_typescript: "^7.22.5", npm_package_exports___default: "./dist/index.js", RUNNER_USER: "runner", STATS_V3PS: "true", CHROMEWEBDRIVER: "/usr/local/share/chromedriver-linux64", JOURNAL_STREAM: "8:16283", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", npm_package_scripts_app: "cd apps/100ms-web && yarn start", npm_package_devDependencies_ts_jest: "26.5.6", npm_package_devDependencies_lerna: "^5.6.2", npm_package_devDependencies__types_jest: "^27.0.3", npm_package_devDependencies__commitlint_config_conventional: "^15.0.0", npm_package_private: "true", npm_package_dependencies__radix_ui_react_accordion: "1.0.0", npm_package_devDependencies__rollup_plugin_commonjs: "^21.0.3", npm_package_devDependencies__babel_preset_react: "^7.22.5", npm_package_module: "dist/index.js", npm_package_scripts_sdk: "cd packages/hms-video-web && yarn start", npm_package_scripts_lint: "eslint -c .eslintrc --no-error-on-unmatched-pattern src --ext .js --ext .jsx --ext .ts --ext .tsx", npm_package_devDependencies__typescript_eslint_eslint_plugin: "^5.4.0", npm_config_registry: "https://registry.yarnpkg.com", npm_package_dependencies_react_window: "^1.8.7", npm_package_dependencies__100mslive_hls_player: "0.1.15-alpha.0", npm_package_devDependencies__types_lodash_merge: "^4.6.6", npm_package_devDependencies__storybook_cli: "^7.0.27", npm_package_devDependencies__rollup_plugin_json: "^6.0.0", GITHUB_RUN_ID: "6069256700", npm_package_workspaces_0: "packages/*", npm_package_scripts_store: "cd packages/hms-video-store && yarn start", npm_package_devDependencies__babel_core: "^7.18.2", npm_package_devDependencies__storybook_addon_interactions: "^7.0.27", npm_package_devDependencies__storybook_addon_actions: "^7.0.27", GITHUB_REF_TYPE: "branch", BOOTSTRAP_HASKELL_NONINTERACTIVE: "1", GITHUB_WORKFLOW_SHA: "447c3c90520aec5943d996050e263de842a61be2", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "apps/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "0cb75ad7b058c2979b01dca1811f888bb379c9d92ec211f0620689970722d4d7", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GOROOT_1_18_X64: "/opt/hostedtoolcache/go/1.18.10/x64", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1693803467911-0.06885141882894419:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1693803467656-0.052134016764860736:/home/runner/work/web-sdks/web-sdks/packages/roomkit-react/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1693803414249-0.210633384000672:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1693803413989-0.784090466625851:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/home/runner/.config/yarn/link/node_modules/.bin:/home/runner/work/web-sdks/web-sdks/node_modules/.bin:/opt/hostedtoolcache/node/16.20.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/16.20.2/x64/bin:/home/runner/.local/bin:/opt/pipx_bin:/home/runner/.cargo/bin:/home/runner/.config/composer/vendor/bin:/usr/local/.ghcup/bin:/home/runner/.dotnet/tools:/snap/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/16.20.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_29c7d0ad-6e35-422d-8454-1b59f34550fc", INVOCATION_ID: "352eed5036ae45a3bc5ba0eecc254aa3", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.12/x64", npm_package_husky_hooks_pre_push: "lint-staged", npm_package_scripts_size: "size-limit", npm_package_devDependencies_size_limit: "^5.0.3", npm_package_name: "@100mslive/roomkit-react", npm_package_devDependencies__storybook_react_webpack5: "^7.0.27", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "366", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_devDependencies_babel_plugin_istanbul: "^6.1.1", LERNA_PACKAGE_NAME: "@100mslive/roomkit-react", npm_package_dependencies_pusher_js: "^7.0.3", npm_package_dependencies__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "80 KB", npm_package_devDependencies__commitlint_cli: "^15.0.0", npm_package_devDependencies__rollup_plugin_typescript: "^8.3.1", LANG: "C.UTF-8", VCPKG_INSTALLATION_ROOT: "/usr/local/share/vcpkg", npm_package_size_limit_1_limit: "80 KB", npm_package_lint_staged__: "format && lint:fix", npm_package_devDependencies_webpack: "^5.76.0", npm_package_devDependencies_eslint_plugin_simple_import_sort: "^8.0.0", npm_package_devDependencies_eslint: "^8.9.0", npm_package_dependencies_react_intersection_observer: "^9.4.3", npm_package_devDependencies_rollup_plugin_terser: "^7.0.2", npm_package_devDependencies__types_mdx: "2.0.2", CONDA: "/usr/share/miniconda", RUNNER_NAME: "GitHub Actions 2", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "main", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "20 KB", npm_package_resolutions_loader_utils: "^2.0.4", npm_package_devDependencies_dotenv: "^14.2.0", npm_package_dependencies__radix_ui_react_slider: "1.0.0", npm_package_devDependencies_rollup_plugin_import_css: "^3.3.1", npm_package_scripts_types_build: "tsc -p tsconfig.json", npm_package_main: "dist/index.cjs.js", STATS_UE: "true", ANDROID_NDK_ROOT: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_ACTION_REF: "", DEBIAN_FRONTEND: "noninteractive", npm_package_size_limit_3_limit: "20 KB", npm_package_size_limit_0_path: "packages/hms-video-web/dist/index.cjs.js", npm_package_scripts_cypress_open: "cypress open", npm_package_scripts_lerna_publish: "lerna publish from-package --dist-tag $PUBLISH_FLAG --yes --no-verify-access", npm_package_scripts_test: "yarn build --no-private && lerna run test", npm_package_devDependencies_webpack_dev_server: "^4.7.4", npm_package_devDependencies_concurrently: "^6.4.0", npm_config_version_git_message: "v%s", npm_package_dependencies__radix_ui_react_checkbox: "1.0.0", npm_package_dependencies__100mslive_react_icons: "0.8.15-alpha.0", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", STATS_NM: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.6-alpha.0", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", npm_package_husky_hooks_pre_commit: "lint-staged", npm_package_scripts_build_only: "rm -rf dist && node ../../scripts/build-webapp", npm_package_devDependencies__types_react: "^18.1.0", npm_package_sideEffects: "false", npm_package_source: "src/index.ts", GITHUB_REF_PROTECTED: "true", npm_config_argv: '{"remain":[],"cooked":["run","test"],"original":["test"]}', npm_package_size_limit_5_limit: "20 KB", npm_package_size_limit_2_path: "packages/hms-video-store/dist/index.cjs.js", npm_package_scripts_build: "yarn build:only && yarn types:build", npm_package_devDependencies_tslib: "^2.2.0", npm_package_devDependencies_nx: "^14.5.1", npm_package_devDependencies_lint_staged: "^12.0.3", NX_CLI_SET: "true", npm_package_dependencies_uuid: "^8.3.2", npm_package_dependencies_react_virtualized_auto_sizer: "^1.0.7", npm_package_dependencies_lodash_merge: "^4.6.2", npm_package_dependencies_emoji_mart: "^5.2.2", GITHUB_WORKSPACE: "/home/runner/work/web-sdks/web-sdks", ACCEPT_EULA: "Y", GITHUB_JOB: "publish_packages", RUNNER_PERFLOG: "/home/runner/perflog", npm_package_size_limit_6_limit: "20 KB", npm_package_size_limit_3_path: "packages/hms-video-store/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "447c3c90520aec5943d996050e263de842a61be2", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "20 KB", npm_package_size_limit_4_path: "packages/roomkit-react/dist/index.cjs.js", npm_config_version_git_tag: "true", npm_config_version_git_sign: "", npm_package_dependencies_qrcode_react: "^3.1.0", GITHUB_REF: "refs/heads/main", GITHUB_ACTOR: "raviteja83", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_size_limit_8_limit: "100 KB", npm_package_size_limit_5_path: "packages/roomkit-react/dist/index.js", npm_config_strict_ssl: "true", npm_package_license: "MIT", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_9_limit: "100 KB", npm_package_size_limit_6_path: "packages/hms-virtual-background/dist/index.cjs.js", npm_package_scripts_format: "prettier -w src/**", npm_package_devDependencies_eslint_plugin_prettier: "^4.0.0", npm_package_devDependencies_eslint_config_react_app: "^7.0.0", NX_TASK_TARGET_PROJECT: "@100mslive/roomkit-react", GITHUB_PATH: "/home/runner/work/_temp/_runner_file_commands/add_path_5269fe4f-2581-4c1a-81d6-d6f8f7d79c73", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "6763261", RUNNER_WORKSPACE: "/home/runner/work/web-sdks", npm_execpath: "/usr/local/lib/node_modules/yarn/bin/yarn.js", npm_package_size_limit_7_path: "packages/hms-virtual-background/dist/index.js", npm_package_dependencies__radix_ui_react_progress: "1.0.0", HOMEBREW_CLEANUP_PERIODIC_FULL_DAYS: "3650", STATS_TIS: "mining", GITHUB_EVENT_NAME: "workflow_dispatch", HOMEBREW_NO_AUTO_UPDATE: "1", ANDROID_HOME: "/usr/local/lib/android/sdk", GITHUB_SERVER_URL: "https://github.com", GECKOWEBDRIVER: "/usr/local/share/gecko_driver", LEIN_JAR: "/usr/local/lib/lein/self-installs/leiningen-2.10.0-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_5269fe4f-2581-4c1a-81d6-d6f8f7d79c73", npm_package_size_limit_8_path: "packages/react-icons/dist/index.cjs.js", npm_package_scripts_prestart: "rm -rf dist && yarn types:build", npm_package_author_name: "100ms", EDGEWEBDRIVER: "/usr/local/share/edge_driver", STATS_EXT: "true", npm_package_size_limit_9_path: "packages/react-icons/dist/index.js", npm_package_scripts_build_storybook: "sb build", npm_package_devDependencies_postcss: "^8.4.5", npm_package_devDependencies_esbuild: "^0.18.13", npm_config_save_prefix: "^", npm_config_ignore_optional: "", npm_package_dependencies_worker_timers: "^7.0.40", npm_package_typings: "dist/index.d.ts", ANDROID_NDK: "/usr/local/lib/android/sdk/ndk/25.2.9519653", SGX_AESM_ADDR: "1", CHROME_BIN: "/usr/bin/google-chrome", npm_package_scripts_storybook: "sb dev -p 6006", npm_package_devDependencies_esbuild_plugin_postcss2: "0.1.1", npm_package_devDependencies_babel_plugin_react_require: "3.1.3", npm_package_devDependencies__storybook_testing_library: "^0.2.0", npm_package_devDependencies__storybook_addon_essentials: "^7.0.27", SELENIUM_JAR_PATH: "/usr/share/java/selenium-server.jar", STATS_EXTP: "https://provjobdsettingscdn.blob.core.windows.net/settings/provjobdsettings-0.5.154/provjobd.data", npm_package_scripts_reactsdk: "cd packages/react-sdk && yarn start", npm_package_scripts_app_custom: "cd apps/100ms-custom-app && yarn start", npm_package_dependencies_react_use: "^17.4.0", npm_package_dependencies__radix_ui_react_collapsible: "1.0.0", npm_package_devDependencies_storybook_dark_mode: "^3.0.0", npm_package_devDependencies__storybook_react: "^7.0.27", INIT_CWD: "/home/runner/work/web-sdks/web-sdks", ANDROID_NDK_HOME: "/usr/local/lib/android/sdk/ndk/25.2.9519653", GITHUB_STEP_SUMMARY: "/home/runner/work/_temp/_runner_file_commands/step_summary_5269fe4f-2581-4c1a-81d6-d6f8f7d79c73" };
81
+
82
+ // src/Theme/stitches.config.ts
83
+ import { createStitches } from "@stitches/react";
84
+ import merge from "lodash.merge";
85
+
86
+ // src/Theme/base.config.ts
87
+ import { defaultThemeMap as defaultStitchesThemeMap } from "@stitches/react";
88
+ var baseConfig = {
89
+ theme: {
90
+ colors: {
91
+ primary_default: "#2572ED",
92
+ primary_bright: "#538DFF",
93
+ primary_dim: "#002D6D",
94
+ primary_disabled: "#004299",
95
+ on_primary_high: "rgba(245, 249, 255, 0.95)",
96
+ on_primary_medium: "rgba(224, 236, 255, 0.8)",
97
+ on_primary_low: "rgba(194, 208, 229, 0.5)",
98
+ secondary_default: "#444954",
99
+ secondary_bright: "#70778B",
100
+ secondary_dim: "#293042",
101
+ secondary_disabled: "#404759",
102
+ on_secondary_high: "#FFFFFF",
103
+ on_secondary_medium: "#D3D9F0",
104
+ on_secondary_low: "#A4ABC0",
105
+ background_default: "#0B0E15",
106
+ background_dim: "#000000",
107
+ surface_default: "#191B23",
108
+ surface_bright: "#272A31",
109
+ surface_brighter: "#2E3038",
110
+ surface_dim: "#11131A",
111
+ on_surface_high: "#EFF0FA",
112
+ on_surface_medium: "#C5C6D0",
113
+ on_surface_low: "#8F9099",
114
+ border_default: "#1D1F27",
115
+ border_bright: "#272A31",
116
+ alert_success: "#36B37E",
117
+ alert_warning: "#FFAB00",
118
+ alert_error_default: "#C74E5B",
119
+ alert_error_bright: "#FFB2B6",
120
+ alert_error_brighter: "#FFEDEC",
121
+ alert_error_dim: "#270005"
122
+ },
123
+ shadows: {
124
+ sm: "0 0 4px 0 #0000004D",
125
+ md: "0 0 8px 0 #0000004D"
126
+ },
127
+ fonts: {
128
+ sans: "Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif"
129
+ },
130
+ fontSizes: {
131
+ h1: "6rem",
132
+ h2: "3.75rem",
133
+ h3: "3rem",
134
+ h4: "2.125rem",
135
+ h5: "1.5rem",
136
+ h6: "1.25rem",
137
+ tiny: "0.625rem",
138
+ xs: "0.75rem",
139
+ sm: "0.875rem",
140
+ md: "1rem",
141
+ lg: "1.125rem"
142
+ },
143
+ fontWeights: {
144
+ semiBold: 600,
145
+ medium: 500,
146
+ regular: 400
147
+ },
148
+ lineHeights: {
149
+ h1: "5.75rem",
150
+ h2: "3.5rem",
151
+ h3: "3.25rem",
152
+ h4: "2.5rem",
153
+ h5: "2rem",
154
+ h6: "1.5rem",
155
+ tiny: "1rem",
156
+ xs: "1rem",
157
+ sm: "1.25rem",
158
+ md: "1.5rem"
159
+ },
160
+ radii: {
161
+ "0": "0.25rem",
162
+ "1": "0.5rem",
163
+ "2": "0.75rem",
164
+ "3": "1rem",
165
+ "4": "1.5rem",
166
+ round: "100rem"
167
+ },
168
+ space: {
169
+ 0: "0rem",
170
+ xs: "0.5rem",
171
+ sm: "0.75rem",
172
+ md: "1rem",
173
+ lg: "1.25rem",
174
+ xl: "2.25rem",
175
+ px: "1px",
176
+ 1: "0.125rem",
177
+ 2: "0.25rem",
178
+ 3: "0.375rem",
179
+ 4: "0.5rem",
180
+ 5: "0.625rem",
181
+ 6: "0.75rem",
182
+ 7: "0.875rem",
183
+ 8: "1rem",
184
+ 9: "1.25rem",
185
+ 10: "1.5rem",
186
+ 11: "1.75rem",
187
+ 12: "2rem",
188
+ 13: "2.25rem",
189
+ 14: "2.5rem",
190
+ 15: "2.75rem",
191
+ 16: "3rem",
192
+ 17: "3.5rem",
193
+ 18: "4rem",
194
+ 19: "4.25rem",
195
+ 20: "5rem",
196
+ 24: "6rem",
197
+ 28: "7rem",
198
+ 32: "8rem",
199
+ 36: "9rem",
200
+ 40: "10rem",
201
+ 44: "11rem",
202
+ 48: "12rem",
203
+ 52: "13rem",
204
+ 56: "14rem",
205
+ 60: "15rem",
206
+ 64: "16rem",
207
+ 72: "18rem",
208
+ 80: "20rem",
209
+ 96: "24rem",
210
+ 100: "25rem"
211
+ },
212
+ borderWidths: {
213
+ light: "1px",
214
+ normal: "2px",
215
+ bold: "3px",
216
+ extrabold: "4px",
217
+ black: "5px"
218
+ }
219
+ }
220
+ };
221
+ var defaultUtils = {
222
+ bg: (value) => ({
223
+ backgroundColor: value
224
+ }),
225
+ c: (value) => ({
226
+ color: value
227
+ }),
228
+ r: (value) => ({
229
+ borderRadius: value
230
+ }),
231
+ fs: (value) => ({
232
+ fontSize: value
233
+ }),
234
+ size: (value) => ({
235
+ height: value,
236
+ width: value
237
+ }),
238
+ w: (value) => ({
239
+ width: value
240
+ }),
241
+ h: (value) => ({
242
+ height: value
243
+ }),
244
+ p: (value) => ({
245
+ padding: value
246
+ }),
247
+ pt: (value) => ({
248
+ paddingTop: value
249
+ }),
250
+ pr: (value) => ({
251
+ paddingRight: value
252
+ }),
253
+ pb: (value) => ({
254
+ paddingBottom: value
255
+ }),
256
+ pl: (value) => ({
257
+ paddingLeft: value
258
+ }),
259
+ px: (value) => ({
260
+ paddingLeft: value,
261
+ paddingRight: value
262
+ }),
263
+ py: (value) => ({
264
+ paddingTop: value,
265
+ paddingBottom: value
266
+ }),
267
+ m: (value) => ({
268
+ margin: value
269
+ }),
270
+ mt: (value) => ({
271
+ marginTop: value
272
+ }),
273
+ mr: (value) => ({
274
+ marginRight: value
275
+ }),
276
+ mb: (value) => ({
277
+ marginBottom: value
278
+ }),
279
+ ml: (value) => ({
280
+ marginLeft: value
281
+ }),
282
+ mx: (value) => ({
283
+ marginLeft: value,
284
+ marginRight: value
285
+ }),
286
+ my: (value) => ({
287
+ marginTop: value,
288
+ marginBottom: value
289
+ })
290
+ };
291
+ var defaultMedia = {
292
+ allowMotion: "(prefers-reduced-motion: no-preference)",
293
+ sm: "(max-width: 640px)",
294
+ md: "(max-width: 768px)",
295
+ lg: "(max-width: 1024px)",
296
+ xl: "(max-width: 1280px)",
297
+ "2xl": "(max-width: 1536px)",
298
+ ls: "(max-width: 1024px) and (orientation: landscape)"
299
+ };
300
+ var defaultThemeMap = __spreadProps(__spreadValues({}, defaultStitchesThemeMap), {
301
+ width: "space",
302
+ height: "space",
303
+ minWidth: "space",
304
+ maxWidth: "space",
305
+ minHeight: "space",
306
+ maxHeight: "space",
307
+ flexBasis: "space",
308
+ gridTemplateColumns: "space",
309
+ gridTemplateRows: "space",
310
+ blockSize: "space",
311
+ minBlockSize: "space",
312
+ maxBlockSize: "space",
313
+ inlineSize: "space",
314
+ minInlineSize: "space",
315
+ maxInlineSize: "space"
316
+ });
317
+
318
+ // src/Theme/stitches.config.ts
319
+ var HmsStitches = createStitches({
320
+ prefix: "hms-ui",
321
+ theme: __spreadProps(__spreadValues({}, baseConfig.theme), {
322
+ colors: __spreadValues({}, baseConfig.theme.colors)
323
+ }),
324
+ media: defaultMedia,
325
+ utils: defaultUtils,
326
+ themeMap: defaultThemeMap
327
+ });
328
+ var {
329
+ theme,
330
+ createTheme: createThemeBase,
331
+ styled,
332
+ globalCss,
333
+ keyframes,
334
+ css,
335
+ getCssText,
336
+ config
337
+ } = HmsStitches;
338
+ var globalStyles = globalCss({
339
+ "*": {
340
+ fontFamily: "$sans",
341
+ boxSizing: "border-box",
342
+ borderWidth: 0,
343
+ borderStyle: "solid"
344
+ },
345
+ body: {
346
+ margin: 0
347
+ },
348
+ "#root": {
349
+ height: "100%",
350
+ overscrollBehaviorY: "none"
351
+ },
352
+ "::-webkit-scrollbar-track": {
353
+ WebkitBoxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
354
+ boxShadow: "inset 0 0 6px rgba(0, 0, 0, 0.3)",
355
+ backgroundColor: "transparent"
356
+ },
357
+ "::-webkit-scrollbar": {
358
+ width: "6px",
359
+ height: "6px",
360
+ backgroundColor: "transparent"
361
+ },
362
+ "::-webkit-scrollbar-thumb": {
363
+ backgroundColor: "#657080",
364
+ borderRadius: "5px"
365
+ },
366
+ /**
367
+ * needed for safari. Safari
368
+ * adds background color on its own
369
+ * on hls-viewer on fullscreen
370
+ */
371
+ "#hls-viewer-dark:fullscreen": {
372
+ backgroundColor: "black !important"
373
+ },
374
+ "#hls-viewer-light:fullscreen": {
375
+ backgroundColor: "white !important"
376
+ }
377
+ });
378
+ var createTheme = ({
379
+ themeType,
380
+ theme: theme2,
381
+ className
382
+ }) => {
383
+ if (!themeType) {
384
+ throw new Error("Theme type is required");
385
+ }
386
+ const mergedTheme = merge(baseConfig.theme, theme2 || {});
387
+ return createThemeBase(className || `${themeType}-theme`, mergedTheme);
388
+ };
389
+
390
+ // src/Layout/Flex.tsx
391
+ var gapStyles = (value) => {
392
+ return {
393
+ "& > * + *": {
394
+ marginRight: "0",
395
+ marginLeft: `${0.25 * value}rem`
396
+ }
397
+ };
398
+ };
399
+ var Flex = styled("div", {
400
+ display: "flex",
401
+ variants: {
402
+ justify: {
403
+ start: {
404
+ justifyContent: "flex-start"
405
+ },
406
+ end: {
407
+ justifyContent: "flex-end"
408
+ },
409
+ center: {
410
+ justifyContent: "center"
411
+ },
412
+ between: {
413
+ justifyContent: "space-between"
414
+ },
415
+ around: {
416
+ justifyContent: "space-around"
417
+ },
418
+ evenly: {
419
+ justifyContent: "space-evenly"
420
+ }
421
+ },
422
+ align: {
423
+ start: {
424
+ alignItems: "flex-start"
425
+ },
426
+ end: {
427
+ alignItems: "flex-end"
428
+ },
429
+ center: {
430
+ alignItems: "center"
431
+ },
432
+ baseline: {
433
+ alignItems: "baseline"
434
+ },
435
+ strech: {
436
+ alignItems: "stretch"
437
+ }
438
+ },
439
+ direction: {
440
+ row: {
441
+ flexDirection: "row"
442
+ },
443
+ column: {
444
+ flexDirection: "column"
445
+ },
446
+ rowReverse: {
447
+ flexDirection: "row-reverse"
448
+ },
449
+ columnReverse: {
450
+ flexDirection: "column-reverse"
451
+ }
452
+ },
453
+ gap: {
454
+ 1: gapStyles(1),
455
+ 2: gapStyles(2),
456
+ 3: gapStyles(3),
457
+ 4: gapStyles(4)
458
+ }
459
+ }
460
+ });
461
+
462
+ // src/Layout/Box.tsx
463
+ var Box = styled("div", {});
464
+
465
+ // src/Loading/Loading.tsx
466
+ import React from "react";
467
+ var Loading = (_a) => {
468
+ var _b = _a, { size = 24, color = "white" } = _b, props = __objRest(_b, ["size", "color"]);
469
+ return /* @__PURE__ */ React.createElement("svg", __spreadValues({ width: size, height: size, viewBox: "0 0 50 50", fill: color, xmlns: "http://www.w3.org/2000/svg" }, props), /* @__PURE__ */ React.createElement("circle", { cx: "25", cy: "25", r: "20", stroke: color, strokeWidth: "4", strokeDasharray: "70 30", fill: "none" }, /* @__PURE__ */ React.createElement(
470
+ "animateTransform",
471
+ {
472
+ attributeName: "transform",
473
+ attributeType: "XML",
474
+ type: "rotate",
475
+ from: "0 25 25",
476
+ to: "360 25 25",
477
+ dur: "1s",
478
+ repeatCount: "indefinite"
479
+ }
480
+ )));
481
+ };
482
+
483
+ // src/utils/styles.ts
484
+ var flexCenter = {
485
+ display: "flex",
486
+ justifyContent: "center",
487
+ alignItems: "center"
488
+ };
489
+ var textEllipsis = (width) => ({
490
+ maxWidth: width,
491
+ overflow: "hidden",
492
+ textOverflow: "ellipsis",
493
+ whiteSpace: "nowrap",
494
+ minWidth: 0
495
+ });
496
+
497
+ // src/Text/Text.tsx
498
+ var textVariants = {
499
+ h1: {
500
+ fontWeight: "$semiBold",
501
+ letterSpacing: "-1.5px",
502
+ fontSize: "$h1",
503
+ lineHeight: "$h1",
504
+ "@md": {
505
+ fontSize: "4.5rem",
506
+ lineHeight: "4.75rem"
507
+ }
508
+ },
509
+ h2: {
510
+ fontSize: "$h2",
511
+ lineHeight: "$h2",
512
+ fontWeight: "$semiBold",
513
+ letterSpacing: "-0.5px",
514
+ "@md": {
515
+ fontSize: "3rem",
516
+ lineHeight: "3.25rem"
517
+ }
518
+ },
519
+ h3: {
520
+ fontSize: "$h3",
521
+ lineHeight: "$h3",
522
+ fontWeight: "$semiBold",
523
+ "@md": {
524
+ fontSize: "2.5rem",
525
+ lineHeight: "2.75rem"
526
+ }
527
+ },
528
+ h4: {
529
+ fontSize: "$h4",
530
+ lineHeight: "$h4",
531
+ fontWeight: "$semiBold",
532
+ letterSpacing: "0.25px",
533
+ "@md": {
534
+ fontSize: "1.75rem",
535
+ lineHeight: "2rem"
536
+ }
537
+ },
538
+ h5: {
539
+ fontSize: "$h5",
540
+ lineHeight: "$h5",
541
+ fontWeight: "$semiBold",
542
+ "@md": {
543
+ fontSize: "1.5rem",
544
+ lineHeight: "1.75rem"
545
+ }
546
+ },
547
+ h6: {
548
+ fontSize: "$h6",
549
+ lineHeight: "$h6",
550
+ fontWeight: "$semiBold",
551
+ letterSpacing: "0.15px",
552
+ "@md": {
553
+ fontSize: "1.25rem",
554
+ lineHeight: "1.5rem"
555
+ }
556
+ },
557
+ sub1: {
558
+ fontSize: "$md",
559
+ lineHeight: "$h5",
560
+ fontWeight: "$medium",
561
+ letterSpacing: "0.15px"
562
+ },
563
+ sub2: {
564
+ fontSize: "$sm",
565
+ lineHeight: "$sm",
566
+ fontWeight: "$medium",
567
+ letterSpacing: "0.1px"
568
+ },
569
+ body1: {
570
+ fontSize: "$md",
571
+ lineHeight: "$h6",
572
+ fontWeight: "$medium",
573
+ letterSpacing: "0.1px"
574
+ },
575
+ body2: {
576
+ fontSize: "0.875rem",
577
+ lineHeight: "1.25rem",
578
+ fontWeight: "$medium",
579
+ letterSpacing: "0.25px"
580
+ },
581
+ button: {
582
+ fontSize: "1rem",
583
+ lineHeight: "1.5rem",
584
+ fontWeight: "$semiBold",
585
+ letterSpacing: "0.5px"
586
+ },
587
+ caption: {
588
+ fontSize: "0.75rem",
589
+ lineHeight: "1rem",
590
+ letterSpacing: "0.4px",
591
+ fontWeight: "$regular"
592
+ },
593
+ overline: {
594
+ fontSize: "0.625rem",
595
+ lineHeight: "1rem",
596
+ letterSpacing: "1.5px",
597
+ fontWeight: "$medium"
598
+ },
599
+ tiny: {
600
+ fontSize: "$tiny",
601
+ lineHeight: "$tiny"
602
+ },
603
+ xs: {
604
+ fontSize: "$xs",
605
+ lineHeight: "$xs"
606
+ },
607
+ sm: {
608
+ fontSize: "$sm",
609
+ lineHeight: "$sm"
610
+ },
611
+ md: {
612
+ fontSize: "$md",
613
+ lineHeight: "$md"
614
+ },
615
+ lg: {
616
+ fontSize: "$lg",
617
+ lineHeight: "$md",
618
+ fontWeight: "$semiBold",
619
+ letterSpacing: "0.15px"
620
+ }
621
+ };
622
+ var Text = styled("p", {
623
+ fontFamily: "$sans",
624
+ fontWeight: "$regular",
625
+ margin: 0,
626
+ color: "$on_surface_high",
627
+ variants: {
628
+ variant: textVariants,
629
+ color: {
630
+ white: {
631
+ color: "$on_surface_high"
632
+ }
633
+ },
634
+ inline: {
635
+ true: {
636
+ display: "inline"
637
+ }
638
+ }
639
+ },
640
+ defaultVariants: {
641
+ variant: "md"
642
+ }
643
+ });
644
+
645
+ // src/IconButton/IconButton.tsx
646
+ var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter), {
647
+ alignItems: "center",
648
+ outline: "none",
649
+ border: "none",
650
+ padding: "$2",
651
+ r: "$0",
652
+ cursor: "pointer",
653
+ backgroundColor: "transparent",
654
+ color: "$on_surface_high",
655
+ "&:not([disabled]):focus-visible": {
656
+ boxShadow: "0 0 0 3px $colors$primary_default"
657
+ },
658
+ "&:not([disabled]):focus": {
659
+ outline: "none"
660
+ },
661
+ "@media (hover: hover)": {
662
+ "&:not([disabled]):hover": {
663
+ backgroundColor: "$on_surface_low"
664
+ }
665
+ },
666
+ "&[disabled]": {
667
+ opacity: 0.5,
668
+ cursor: "not-allowed"
669
+ },
670
+ "&:focus": {
671
+ outline: "none"
672
+ },
673
+ variants: {
674
+ active: {
675
+ false: {
676
+ backgroundColor: "$secondary_dim",
677
+ color: "$on_primary_high",
678
+ "&:not([disabled]):hover": {
679
+ backgroundColor: "$secondary_default"
680
+ }
681
+ },
682
+ true: {
683
+ "&:not([disabled]):hover": {
684
+ backgroundColor: "$on_surface_low"
685
+ }
686
+ }
687
+ }
688
+ }
689
+ }));
690
+
691
+ // src/utils/animations.ts
692
+ var slideDown = (controller) => keyframes({
693
+ from: { height: 0 },
694
+ to: { height: `var(${controller})` }
695
+ });
696
+ var slideUp = (controller) => keyframes({
697
+ from: { height: `var(${controller})` },
698
+ to: { height: 0 }
699
+ });
700
+ var dialogOpen = keyframes({
701
+ "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
702
+ "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
703
+ });
704
+ var dialogClose = keyframes({
705
+ "0%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
706
+ "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
707
+ });
708
+ var slideUpAndFade = (start = "2px") => keyframes({
709
+ "0%": { opacity: 0, transform: `translateY(${start})` },
710
+ "100%": { opacity: 1, transform: "translateY(0)" }
711
+ });
712
+ var slideRightAndFade = (start = "-2px") => keyframes({
713
+ "0%": { opacity: 0, transform: `translateX(${start})` },
714
+ "100%": { opacity: 1, transform: "translateX(0)" }
715
+ });
716
+ var sheetSlideIn = keyframes({
717
+ from: { transform: "$$transformValue" },
718
+ to: { transform: "translate3d(0,0,0)" }
719
+ });
720
+ var sheetSlideOut = keyframes({
721
+ from: { transform: "translate3d(0,0,0)" },
722
+ to: { transform: "$$transformValue" }
723
+ });
724
+ var sheetFadeIn = keyframes({
725
+ from: { opacity: "0" },
726
+ to: { opacity: "1" }
727
+ });
728
+ var sheetFadeOut = keyframes({
729
+ from: { opacity: "1" },
730
+ to: { opacity: "0" }
731
+ });
732
+ var slideDownAndFade = (start = "-2px") => keyframes({
733
+ "0%": { opacity: 0, transform: `translateY(${start})` },
734
+ "100%": { opacity: 1, transform: "translateY(0)" }
735
+ });
736
+ var slideLeftAndFade = (start = "2px") => keyframes({
737
+ "0%": { opacity: 0, transform: `translateX(${start})` },
738
+ "100%": { opacity: 1, transform: "translateX(0)" }
739
+ });
740
+ var slideLeftAndFadeOut = (end = "-100%") => keyframes({
741
+ "0%": { opacity: 1, transform: `translateX(0)` },
742
+ "100%": { opacity: 0, transform: `translateX(${end})` }
743
+ });
744
+ var popoverAnimation = {
745
+ "@media (prefers-reduced-motion: no-preference)": {
746
+ animationDuration: "400ms",
747
+ animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
748
+ willChange: "transform, opacity",
749
+ '&[data-state="open"]': {
750
+ '&[data-side="top"]': { animationName: slideDownAndFade() },
751
+ '&[data-side="right"]': { animationName: slideLeftAndFade() },
752
+ '&[data-side="bottom"]': { animationName: slideUpAndFade() },
753
+ '&[data-side="left"]': { animationName: slideRightAndFade() }
754
+ }
755
+ }
756
+ };
757
+ var toastAnimation = {
758
+ "@media (prefers-reduced-motion: no-preference)": {
759
+ animationDuration: "500ms",
760
+ animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
761
+ willChange: "transform, opacity",
762
+ animationName: slideLeftAndFadeOut(),
763
+ '&[data-state="open"]': {
764
+ animationName: slideRightAndFade("-100%")
765
+ },
766
+ '&[data-swipe="move"]': {
767
+ transform: "translateX(var(--radix-toast-swipe-move-x))"
768
+ },
769
+ '&[data-swipe="cancel"]': {
770
+ transform: "translateX(0)",
771
+ transition: "transform 200ms ease-out"
772
+ },
773
+ '&[data-swipe="end"]': {
774
+ animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
775
+ }
776
+ }
777
+ };
778
+
779
+ // src/Tooltip/Tooltip.tsx
780
+ import React2, { useState } from "react";
781
+ import * as BaseTooltip from "@radix-ui/react-tooltip";
782
+ var TooltipBox = styled(BaseTooltip.Content, {
783
+ fontFamily: "$sans",
784
+ borderRadius: "$2",
785
+ padding: "$2 $4",
786
+ fontSize: "$xs",
787
+ color: "$on_surface_high",
788
+ backgroundColor: "$surface_bright",
789
+ "@media (prefers-reduced-motion: no-preference)": {
790
+ animationDuration: "400ms",
791
+ animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
792
+ willChange: "transform, opacity",
793
+ '&[data-state="delayed-open"]': {
794
+ '&[data-side="top"]': { animationName: slideDownAndFade() },
795
+ '&[data-side="right"]': { animationName: slideLeftAndFade() },
796
+ '&[data-side="bottom"]': { animationName: slideUpAndFade() },
797
+ '&[data-side="left"]': { animationName: slideRightAndFade() }
798
+ }
799
+ },
800
+ variants: {
801
+ outlined: {
802
+ true: {
803
+ backgroundColor: "$background_dim",
804
+ border: "solid $space$px $border_bright"
805
+ }
806
+ }
807
+ }
808
+ });
809
+ var TooltipTrigger = styled(BaseTooltip.Trigger, {
810
+ fontFamily: "$sans"
811
+ });
812
+ var TooltipRoot = BaseTooltip.Root;
813
+ var Tooltip = ({
814
+ children,
815
+ title,
816
+ triggerCss,
817
+ boxCss,
818
+ outlined = true,
819
+ side = "bottom",
820
+ align = "center",
821
+ disabled = false,
822
+ delayDuration = 200
823
+ }) => {
824
+ const [open, setOpen] = useState(false);
825
+ return /* @__PURE__ */ React2.createElement(BaseTooltip.Provider, null, /* @__PURE__ */ React2.createElement(TooltipRoot, { delayDuration, open: open && !disabled, onOpenChange: setOpen }, /* @__PURE__ */ React2.createElement(TooltipTrigger, { css: __spreadValues({}, triggerCss), asChild: true }, children), /* @__PURE__ */ React2.createElement(TooltipBox, { sideOffset: 10, side, align, outlined, css: __spreadValues({}, boxCss) }, title)));
826
+ };
827
+
828
+ // src/Prebuilt/IconButton.jsx
829
+ var IconButton2 = styled(IconButton, {
830
+ width: "$14",
831
+ height: "$14",
832
+ border: "1px solid $border_bright",
833
+ bg: "$background_dim",
834
+ r: "$1",
835
+ variants: {
836
+ active: {
837
+ false: {
838
+ border: "1px solid transparent",
839
+ color: "$on_primary_high"
840
+ }
841
+ }
842
+ }
843
+ });
844
+ var IconButton_default = IconButton2;
845
+
846
+ export {
847
+ __spreadValues,
848
+ __spreadProps,
849
+ __objRest,
850
+ __export,
851
+ __publicField,
852
+ __privateGet,
853
+ __privateAdd,
854
+ __privateSet,
855
+ __async,
856
+ define_process_env_default,
857
+ theme,
858
+ createThemeBase,
859
+ styled,
860
+ globalCss,
861
+ keyframes,
862
+ css,
863
+ getCssText,
864
+ config,
865
+ globalStyles,
866
+ createTheme,
867
+ Flex,
868
+ Box,
869
+ Loading,
870
+ flexCenter,
871
+ textEllipsis,
872
+ Text,
873
+ IconButton,
874
+ slideDown,
875
+ slideUp,
876
+ dialogOpen,
877
+ dialogClose,
878
+ sheetSlideIn,
879
+ sheetSlideOut,
880
+ sheetFadeIn,
881
+ sheetFadeOut,
882
+ slideLeftAndFade,
883
+ popoverAnimation,
884
+ toastAnimation,
885
+ Tooltip,
886
+ IconButton_default
887
+ };
888
+ //# sourceMappingURL=chunk-GQD2AGWW.js.map