@100mslive/roomkit-react 0.1.9 → 0.1.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (54) hide show
  1. package/dist/{HLSView-VGJ2XUDT.js → HLSView-7WXNI2WP.js} +14 -10
  2. package/dist/HLSView-7WXNI2WP.js.map +7 -0
  3. package/dist/Modal/Dialog.d.ts +878 -9
  4. package/dist/Modal/DialogContent.d.ts +2 -2
  5. package/dist/Prebuilt/components/Leave/DesktopLeaveRoom.d.ts +4 -4
  6. package/dist/Prebuilt/components/Leave/EndSessionContent.d.ts +3 -3
  7. package/dist/Prebuilt/components/Leave/LeaveSessionContent.d.ts +3 -3
  8. package/dist/Prebuilt/components/Leave/MwebLeaveRoom.d.ts +4 -4
  9. package/dist/Prebuilt/components/VirtualBackground/VBCollection.d.ts +13 -0
  10. package/dist/Prebuilt/components/VirtualBackground/VBOption.d.ts +15 -0
  11. package/dist/Prebuilt/components/VirtualBackground/constants.d.ts +9 -0
  12. package/dist/Prebuilt/layouts/SidePane.d.ts +2 -2
  13. package/dist/{chunk-EDGWHFCM.js → chunk-N5HPVHTK.js} +6091 -4897
  14. package/dist/chunk-N5HPVHTK.js.map +7 -0
  15. package/dist/index.cjs.js +5217 -5060
  16. package/dist/index.cjs.js.map +4 -4
  17. package/dist/index.js +11 -13
  18. package/dist/meta.cjs.json +1567 -1385
  19. package/dist/meta.esbuild.json +1657 -1551
  20. package/package.json +6 -6
  21. package/src/Modal/Dialog.tsx +3 -11
  22. package/src/Modal/DialogContent.tsx +4 -4
  23. package/src/Prebuilt/common/constants.js +3 -0
  24. package/src/Prebuilt/components/AppData/AppData.jsx +4 -11
  25. package/src/Prebuilt/components/AppData/useSidepane.js +1 -1
  26. package/src/Prebuilt/components/Connection/ConnectionIndicator.tsx +2 -2
  27. package/src/Prebuilt/components/Footer/Footer.tsx +4 -8
  28. package/src/Prebuilt/components/Footer/ParticipantList.jsx +1 -6
  29. package/src/Prebuilt/components/Header/Header.tsx +2 -2
  30. package/src/Prebuilt/components/Header/common.jsx +46 -23
  31. package/src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx +5 -5
  32. package/src/Prebuilt/components/Leave/EndSessionContent.tsx +2 -2
  33. package/src/Prebuilt/components/Leave/LeaveRoom.tsx +6 -5
  34. package/src/Prebuilt/components/Leave/LeaveSessionContent.tsx +2 -2
  35. package/src/Prebuilt/components/Leave/MwebLeaveRoom.tsx +3 -3
  36. package/src/Prebuilt/components/Notifications/HLSFailureModal.tsx +1 -4
  37. package/src/Prebuilt/components/Preview/PreviewForm.tsx +7 -2
  38. package/src/Prebuilt/components/Preview/PreviewJoin.tsx +62 -57
  39. package/src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx +2 -3
  40. package/src/Prebuilt/components/Settings/DeviceSettings.jsx +11 -0
  41. package/src/Prebuilt/components/VirtualBackground/VBCollection.tsx +50 -0
  42. package/src/Prebuilt/components/VirtualBackground/VBOption.tsx +50 -0
  43. package/src/Prebuilt/components/VirtualBackground/VBPicker.jsx +165 -0
  44. package/src/Prebuilt/components/VirtualBackground/VBToggle.jsx +25 -0
  45. package/src/Prebuilt/components/VirtualBackground/constants.ts +26 -0
  46. package/src/Prebuilt/components/hooks/useAutoStartStreaming.tsx +4 -7
  47. package/src/Prebuilt/layouts/HLSView.jsx +7 -1
  48. package/src/Prebuilt/layouts/SidePane.tsx +21 -5
  49. package/dist/HLSView-VGJ2XUDT.js.map +0 -7
  50. package/dist/VirtualBackground-2VZVBRIC.js +0 -175
  51. package/dist/VirtualBackground-2VZVBRIC.js.map +0 -7
  52. package/dist/chunk-EDGWHFCM.js.map +0 -7
  53. package/dist/chunk-SONHO3VM.js +0 -962
  54. package/dist/chunk-SONHO3VM.js.map +0 -7
@@ -1,962 +0,0 @@
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_a8d83574-9990-491e-987c-29ccb32bb106", 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/v18.18.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.18", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_a8d83574-9990-491e-987c-29ccb32bb106", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.18.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.18", 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.12.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_devDependencies__types_react_window: "^1.8.5", 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.4", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.1.10909125", 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: "569", 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_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.10/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.3/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20231016.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:17644", 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.18", 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", ACTIONS_RUNNER_ACTION_ARCHIVE_CACHE: "/opt/actionarchivecache", GITHUB_RUN_ID: "6642012935", 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: "b78d4abbfb1bb119dcdd29613484f22fbae5b149", 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: "3b550a7df8446996c4de6889b3dd03bc8ff505a12745ed9e31eed5287413b140", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/main", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_workspaces_2: "playwright/*", npm_package_devDependencies_postcss_loader: "^6.2.1", PATH: "/tmp/yarn--1698244826069-0.7734639660464171:/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/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1698244825755-0.6138945619994522:/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/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1698244776638-0.7037038630255208:/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/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1698244776357-0.37850651867542284:/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/18.18.2/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.2/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.18.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/18.18.2/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_0268f051-90ba-4b64-86a4-5739cfa6438e", INVOCATION_ID: "22aa623e7513468082e542f70d5f654d", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", GOROOT_1_19_X64: "/opt/hostedtoolcache/go/1.19.13/x64", 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: "378", GITHUB_TRIGGERING_ACTOR: "raviteja83", RUNNER_ARCH: "X64", XDG_RUNTIME_DIR: "/run/user/1001", AGENT_TOOLSDIRECTORY: "/opt/hostedtoolcache", npm_package_lint_staged____js_ts_jsx_tsx_: "eslint", 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_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 3", 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.18", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.1.9", npm_package_size_limit_4_limit: "400 KB", npm_package_size_limit_1_path: "packages/hms-video-web/dist/index.js", 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: "b78d4abbfb1bb119dcdd29613484f22fbae5b149", GITHUB_RUN_ATTEMPT: "2", 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_a8d83574-9990-491e-987c-29ccb32bb106", 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_scripts_ybys: "yarn && yarn build && yarn storybook", 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_a8d83574-9990-491e-987c-29ccb32bb106", 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_a8d83574-9990-491e-987c-29ccb32bb106" };
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 translateAcross = ({ xFrom = "0", yFrom = "0", zFrom = "0", xTo = "0", yTo = "0", zTo = "0" }) => keyframes({
701
- from: { transform: `translate3d(${xFrom}, ${yFrom}, ${zFrom})` },
702
- to: { transform: `translate3d(${xTo}, ${yTo}, ${zTo}` }
703
- });
704
- var dialogOpen = keyframes({
705
- "0%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" },
706
- "100%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" }
707
- });
708
- var dialogClose = keyframes({
709
- "0%": { opacity: 1, transform: "translate(-50%, -50%) scale(1)" },
710
- "100%": { opacity: 0, transform: "translate(-50%, -48%) scale(.90)" }
711
- });
712
- var slideUpAndFade = (start = "2px") => keyframes({
713
- "0%": { opacity: 0, transform: `translateY(${start})` },
714
- "100%": { opacity: 1, transform: "translateY(0)" }
715
- });
716
- var slideRightAndFade = (start = "-2px") => keyframes({
717
- "0%": { opacity: 0, transform: `translateX(${start})` },
718
- "100%": { opacity: 1, transform: "translateX(0)" }
719
- });
720
- var sheetSlideIn = keyframes({
721
- from: { transform: "$$transformValue" },
722
- to: { transform: "translate3d(0,0,0)" }
723
- });
724
- var sheetSlideOut = keyframes({
725
- from: { transform: "translate3d(0,0,0)" },
726
- to: { transform: "$$transformValue" }
727
- });
728
- var sheetFadeIn = keyframes({
729
- from: { opacity: "0" },
730
- to: { opacity: "1" }
731
- });
732
- var sheetFadeOut = keyframes({
733
- from: { opacity: "1" },
734
- to: { opacity: "0" }
735
- });
736
- var slideDownAndFade = (start = "-2px") => keyframes({
737
- "0%": { opacity: 0, transform: `translateY(${start})` },
738
- "100%": { opacity: 1, transform: "translateY(0)" }
739
- });
740
- var slideLeftAndFade = (start = "2px") => keyframes({
741
- "0%": { opacity: 0, transform: `translateX(${start})` },
742
- "100%": { opacity: 1, transform: "translateX(0)" }
743
- });
744
- var slideLeftAndFadeOut = (end = "-100%") => keyframes({
745
- "0%": { opacity: 1, transform: `translateX(0)` },
746
- "100%": { opacity: 0, transform: `translateX(${end})` }
747
- });
748
- var popoverAnimation = {
749
- "@media (prefers-reduced-motion: no-preference)": {
750
- animationDuration: "400ms",
751
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
752
- willChange: "transform, opacity",
753
- '&[data-state="open"]': {
754
- '&[data-side="top"]': { animationName: slideDownAndFade() },
755
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
756
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
757
- '&[data-side="left"]': { animationName: slideRightAndFade() }
758
- }
759
- }
760
- };
761
- var toastAnimation = {
762
- "@media (prefers-reduced-motion: no-preference)": {
763
- animationDuration: "500ms",
764
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
765
- willChange: "transform, opacity",
766
- animationName: slideLeftAndFadeOut(),
767
- '&[data-state="open"]': {
768
- animationName: slideRightAndFade("-100%")
769
- },
770
- '&[data-swipe="move"]': {
771
- transform: "translateX(var(--radix-toast-swipe-move-x))"
772
- },
773
- '&[data-swipe="cancel"]': {
774
- transform: "translateX(0)",
775
- transition: "transform 200ms ease-out"
776
- },
777
- '&[data-swipe="end"]': {
778
- animation: `${slideLeftAndFadeOut()} 100ms ease-out forwards`
779
- }
780
- }
781
- };
782
-
783
- // src/Tooltip/Tooltip.tsx
784
- import React2, { useState } from "react";
785
- import * as BaseTooltip from "@radix-ui/react-tooltip";
786
- var TooltipBox = styled(BaseTooltip.Content, {
787
- fontFamily: "$sans",
788
- borderRadius: "$2",
789
- padding: "$2 $4",
790
- fontSize: "$xs",
791
- zIndex: 11,
792
- color: "$on_surface_high",
793
- backgroundColor: "$surface_bright",
794
- "@media (prefers-reduced-motion: no-preference)": {
795
- animationDuration: "400ms",
796
- animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
797
- willChange: "transform, opacity",
798
- '&[data-state="delayed-open"]': {
799
- '&[data-side="top"]': { animationName: slideDownAndFade() },
800
- '&[data-side="right"]': { animationName: slideLeftAndFade() },
801
- '&[data-side="bottom"]': { animationName: slideUpAndFade() },
802
- '&[data-side="left"]': { animationName: slideRightAndFade() }
803
- }
804
- },
805
- variants: {
806
- outlined: {
807
- true: {
808
- backgroundColor: "$background_dim",
809
- border: "solid $space$px $border_bright"
810
- }
811
- }
812
- }
813
- });
814
- var TooltipTrigger = styled(BaseTooltip.Trigger, {
815
- fontFamily: "$sans"
816
- });
817
- var TooltipRoot = BaseTooltip.Root;
818
- var Tooltip = ({
819
- children,
820
- title,
821
- triggerCss,
822
- boxCss,
823
- outlined = true,
824
- side = "bottom",
825
- align = "center",
826
- disabled = false,
827
- delayDuration = 200
828
- }) => {
829
- const [open, setOpen] = useState(false);
830
- 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)));
831
- };
832
-
833
- // src/Prebuilt/IconButton.jsx
834
- var IconButton2 = styled(IconButton, {
835
- width: "$14",
836
- height: "$14",
837
- border: "1px solid $border_bright",
838
- bg: "$background_dim",
839
- r: "$1",
840
- variants: {
841
- active: {
842
- true: {
843
- color: "$on_surface_high",
844
- backgroundColor: "$transparent"
845
- },
846
- false: {
847
- border: "1px solid transparent",
848
- color: "$on_primary_high"
849
- }
850
- },
851
- disabled: {
852
- true: {
853
- backgroundColor: "$surface_brighter",
854
- color: "$on_surface_low"
855
- }
856
- }
857
- }
858
- });
859
- var IconButton_default = IconButton2;
860
-
861
- // src/Prebuilt/components/MoreSettings/ActionTile.jsx
862
- import React3 from "react";
863
- var ActionTileRoot = (_a) => {
864
- var _b = _a, { active, disabled = false, children, onClick } = _b, props = __objRest(_b, ["active", "disabled", "children", "onClick"]);
865
- return /* @__PURE__ */ React3.createElement(
866
- Flex,
867
- __spreadProps(__spreadValues({}, props), {
868
- css: {
869
- flexDirection: "column",
870
- alignItems: "center",
871
- p: "$4 $2",
872
- position: "relative",
873
- bg: active ? "$surface_bright" : "",
874
- color: disabled ? "$on_surface_low" : "$on_surface_high",
875
- gap: "$4",
876
- r: "$1",
877
- "&:hover": {
878
- bg: "$surface_bright"
879
- }
880
- },
881
- onClick: () => {
882
- if (!disabled) {
883
- onClick();
884
- }
885
- }
886
- }),
887
- children
888
- );
889
- };
890
- var ActionTileCount = styled(Text, {
891
- position: "absolute",
892
- top: 0,
893
- right: 0,
894
- fontWeight: "$semiBold",
895
- color: "$on_surface_high",
896
- p: "$1 $2",
897
- minWidth: "$9",
898
- textAlign: "center",
899
- boxSizing: "border-box",
900
- bg: "$surface_bright",
901
- r: "$round",
902
- letterSpacing: "1.5px",
903
- fontSize: "$tiny !important",
904
- lineHeight: "$tiny !important"
905
- });
906
- var ActionTileTitle = styled(Text, {
907
- fontWeight: "$semiBold",
908
- color: "inherit",
909
- textAlign: "center",
910
- fontSize: "$xs !important"
911
- });
912
- var ActionTile = {
913
- Root: ActionTileRoot,
914
- Title: ActionTileTitle,
915
- Count: ActionTileCount
916
- };
917
-
918
- export {
919
- __spreadValues,
920
- __spreadProps,
921
- __objRest,
922
- __export,
923
- __publicField,
924
- __privateGet,
925
- __privateAdd,
926
- __privateSet,
927
- __async,
928
- define_process_env_default,
929
- theme,
930
- createThemeBase,
931
- styled,
932
- globalCss,
933
- keyframes,
934
- css,
935
- getCssText,
936
- config,
937
- globalStyles,
938
- createTheme,
939
- Flex,
940
- Box,
941
- Loading,
942
- flexCenter,
943
- textEllipsis,
944
- Text,
945
- IconButton,
946
- slideDown,
947
- slideUp,
948
- translateAcross,
949
- dialogOpen,
950
- dialogClose,
951
- sheetSlideIn,
952
- sheetSlideOut,
953
- sheetFadeIn,
954
- sheetFadeOut,
955
- slideLeftAndFade,
956
- popoverAnimation,
957
- toastAnimation,
958
- Tooltip,
959
- IconButton_default,
960
- ActionTile
961
- };
962
- //# sourceMappingURL=chunk-SONHO3VM.js.map