@100mslive/roomkit-react 0.3.3-alpha.1 → 0.3.3-alpha.3

package/dist/{chunk-ZDW56PPL.js → chunk-W47ZJGSD.js}

@@ -106,7 +106,7 @@ var __async = (__this, __arguments, generator) => {
 var define_process_env_default;
 var init_define_process_env = __esm({
   "<define:process.env>"() {
-    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.1 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.10.3-alpha.1", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.13.3-alpha.1", 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.8", 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", npm_package_repository_directory: "packages/roomkit-react", 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_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", 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: "590", 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.9", 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.14/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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240310.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", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", 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_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", 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:19554", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", 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_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.3.3-alpha.1", 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: "8338903597", 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_dependencies_ts_pattern: "4.3.0", 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: "8e27b80c474e3487828a60fce4aa1f444aa14577", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "2b4eb6b136e5c67e12006fe982ceadc0ea33b23198cb8487892ca00ba4e2cd5c", npm_package_exports___import: "./dist/index.js", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710832096589-0.6370797788370992:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832096394-0.31759327289111483:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832073832-0.31470723189659267:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710832073647-0.23318157752573399:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/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:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_bc8accc0-5dd2-44bf-aebb-4cc97b5738e1", INVOCATION_ID: "59e00abec76b4888b0bce75a92bf4b9a", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "482", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 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: "20 KB", 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 264", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 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-store/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_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.10.3-alpha.1", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.1", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/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_repository_url: "https://github.com/100mslive/web-sdks.git", 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/roomkit-react/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: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "8e27b80c474e3487828a60fce4aa1f444aa14577", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/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/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && 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.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_b2dfce6c-1460-4d7f-9260-6a3b0805fa80", 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_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_dependencies_react_swipeable: "^7.0.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_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_b2dfce6c-1460-4d7f-9260-6a3b0805fa80" };
+    define_process_env_default = { GITHUB_STATE: "/home/runner/work/_temp/_runner_file_commands/save_state_e1af34ff-a562-4ece-98b8-62d8c089106d", 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_jest: "26.6.0", npm_config_version_commit_hooks: "true", npm_config_user_agent: "yarn/1.22.22 npm/? node/v18.19.1 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.10.3-alpha.3", RUNNER_ENVIRONMENT: "github-hosted", GITHUB_ENV: "/home/runner/work/_temp/_runner_file_commands/set_env_e1af34ff-a562-4ece-98b8-62d8c089106d", PIPX_HOME: "/opt/pipx", npm_node_execpath: "/opt/hostedtoolcache/node/18.19.1/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.13.3-alpha.3", 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.8", 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", npm_package_repository_directory: "packages/roomkit-react", 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_typedoc_plugin_markdown: "^3.14.0", npm_config_init_license: "MIT", GRADLE_HOME: "/usr/share/gradle-8.6", ANDROID_NDK_LATEST_HOME: "/usr/local/lib/android/sdk/ndk/26.2.11394342", JAVA_HOME_21_X64: "/usr/lib/jvm/temurin-21-jdk-amd64", 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: "595", 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.9", 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.14/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.8/x64", JAVA_HOME_17_X64: "/usr/lib/jvm/temurin-17-jdk-amd64", ImageVersion: "20240317.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", GOROOT_1_22_X64: "/opt/hostedtoolcache/go/1.22.1/x64", 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_dependencies__100mslive_hms_noise_cancellation: "0.0.0-alpha.1", 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:19832", GITHUB_WORKFLOW: "Publish Packages", _: "/usr/local/bin/yarn", 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_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.3.3-alpha.3", 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: "8343246532", 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_dependencies_ts_pattern: "4.3.0", 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: "2f0dfb954601e7028cf0a4d9582a30be0fe726ca", GITHUB_BASE_REF: "", ImageOS: "ubuntu22", npm_package_workspaces_1: "examples/*", npm_package_scripts_start: 'concurrently "yarn dev" "yarn types"', npm_config_ignore_scripts: "", NX_TASK_HASH: "dc383a02648df0438838bc7519ddf0466d732140d594ac7884f40b9ad676af22", npm_package_exports___import: "./dist/index.js", STATS_BLT: "true", GITHUB_WORKFLOW_REF: "100mslive/web-sdks/.github/workflows/publish.yml@refs/heads/publish-alpha", PERFLOG_LOCATION_SETTING: "RUNNER_PERFLOG", GITHUB_ACTION_REPOSITORY: "", npm_package_scripts_prebuilt: "cd packages/roomkit-react && yarn start", npm_package_devDependencies_postcss_loader: "^6.2.1", npm_package_devDependencies_esbuild_loader: "^4.0.2", PATH: "/tmp/yarn--1710852557001-0.002215858080938826:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710852556808-0.8108733321995873:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710852534869-0.8214156190232955:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/tmp/yarn--1710852534692-0.4998782271041631:/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.19.1/x64/libexec/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/lib/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin/node_modules/npm/bin/node-gyp-bin:/opt/hostedtoolcache/node/18.19.1/x64/bin:/snap/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:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin", NODE: "/opt/hostedtoolcache/node/18.19.1/x64/bin/node", ANT_HOME: "/usr/share/ant", DOTNET_MULTILEVEL_LOOKUP: "0", RUNNER_TRACKING_ID: "github_9b743310-ce74-40c4-985b-43804b3d6bc4", INVOCATION_ID: "9c159d16d0984bb1b5de7dbc6ec5d7a9", NPM_CONFIG_USERCONFIG: "/home/runner/work/_temp/.npmrc", RUNNER_TOOL_CACHE: "/opt/hostedtoolcache", 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", npm_package_repository_type: "git", GITHUB_ACTION: "__run_3", GITHUB_RUN_NUMBER: "484", GITHUB_TRIGGERING_ACTOR: "github-actions[bot]", 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__radix_ui_react_select: "1.0.0", npm_package_size_limit_0_limit: "20 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: "20 KB", 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 410", XDG_CONFIG_HOME: "/home/runner/.config", STATS_VMD: "true", GITHUB_REF_NAME: "publish-alpha", GITHUB_REPOSITORY: "100mslive/web-sdks", npm_lifecycle_script: "rm -rf dist && node ../../scripts/build-webapp", npm_package_size_limit_2_limit: "400 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-store/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_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.10.3-alpha.3", npm_package_scripts_types: "tsc -w", GITHUB_REPOSITORY_ID: "429826515", GITHUB_ACTIONS: "true", npm_lifecycle_event: "build:only", npm_package_version: "0.3.3-alpha.3", npm_package_size_limit_4_limit: "20 KB", npm_package_size_limit_1_path: "packages/hms-video-store/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_repository_url: "https://github.com/100mslive/web-sdks.git", 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/roomkit-react/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: "150 KB", npm_package_size_limit_3_path: "packages/roomkit-react/dist/index.js", npm_package_devDependencies_cypress: "^9.5.2", npm_package_devDependencies_rollup_plugin_esbuild: "^5.0.0", GITHUB_SHA: "2f0dfb954601e7028cf0a4d9582a30be0fe726ca", GITHUB_RUN_ATTEMPT: "1", npm_package_size_limit_7_limit: "100 KB", npm_package_size_limit_4_path: "packages/hms-virtual-background/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/publish-alpha", GITHUB_ACTOR: "github-actions[bot]", ANDROID_SDK_ROOT: "/usr/local/lib/android/sdk", npm_package_license: "MIT", npm_package_size_limit_5_path: "packages/hms-virtual-background/dist/index.js", npm_config_strict_ssl: "true", LEIN_HOME: "/usr/local/lib/lein", npm_package_size_limit_6_path: "packages/react-icons/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_e1af34ff-a562-4ece-98b8-62d8c089106d", JAVA_HOME: "/usr/lib/jvm/temurin-11-jdk-amd64", PWD: "/home/runner/work/web-sdks/web-sdks/packages/roomkit-react", GITHUB_ACTOR_ID: "41898282", 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/react-icons/dist/index.js", npm_package_scripts_ybys: "yarn && yarn build --no-private && 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.11.2-standalone.jar", GHCUP_INSTALL_BASE_PREFIX: "/usr/local", GITHUB_OUTPUT: "/home/runner/work/_temp/_runner_file_commands/set_output_e1af34ff-a562-4ece-98b8-62d8c089106d", 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_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_dependencies_react_swipeable: "^7.0.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_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_e1af34ff-a562-4ece-98b8-62d8c089106d" };
   }
 });
 
@@ -9827,20 +9827,15 @@ var IconButton = styled("button", __spreadProps(__spreadValues({}, flexCenter),
   },
   "&[disabled]": {
     opacity: 0.5,
-    cursor: "not-allowed"
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
   },
   "&:focus": {
     outline: "none"
   },
   variants: {
     active: {
-      false: {
-        backgroundColor: "$secondary_dim",
-        color: "$on_primary_high",
-        "&:not([disabled]):hover": {
-          backgroundColor: "$secondary_default"
-        }
-      },
       true: {
         "&:not([disabled]):hover": {
           backgroundColor: "$on_surface_low"
@@ -12950,21 +12945,17 @@ var IconButton2 = styled(IconButton, {
   border: "1px solid $border_bright",
   bg: "$background_dim",
   r: "$1",
+  "&[disabled]": {
+    opacity: 0.5,
+    cursor: "not-allowed",
+    backgroundColor: "$secondary_dim",
+    color: "$on_primary_high"
+  },
   variants: {
     active: {
       true: {
         color: "$on_surface_high",
         backgroundColor: "transparent"
-      },
-      false: {
-        border: "1px solid transparent",
-        color: "$on_primary_high"
-      }
-    },
-    disabled: {
-      true: {
-        backgroundColor: "$surface_brighter",
-        color: "$on_surface_low"
       }
     }
   }
@@ -12990,9 +12981,9 @@ var IconSection = styled(IconButton_default, {
   p: "$4",
   r: "$1",
   bg: "transparent",
-  borderTopRightRadius: 0,
+  borderTopRightRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomRightRadius: 0,
+  borderBottomRightRadius: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
@@ -13005,8 +12996,8 @@ var IconSection = styled(IconButton_default, {
   variants: __spreadProps(__spreadValues({}, variants), {
     hideOptions: {
       true: {
-        borderTopRightRadius: "$1",
-        borderBottomRightRadius: "$1"
+        borderTopRightRadius: "$1 !important",
+        borderBottomRightRadius: "$1 !important"
       }
     }
   })
@@ -13016,10 +13007,10 @@ var OptionsSection = styled(IconButton_default, {
   h: "$14",
   p: "$4 $2",
   r: "$1",
-  borderTopLeftRadius: 0,
+  borderTopLeftRadius: "0 !important",
   borderColor: "$border_bright",
-  borderBottomLeftRadius: 0,
-  borderLeftWidth: 0,
+  borderBottomLeftRadius: "0 !important",
+  borderLeftWidth: "0 !important",
   position: "relative",
   "&:not([disabled]):focus-visible": {
     zIndex: 1
@@ -18493,7 +18484,7 @@ var Xi = (a2, e) => {
 };
 var Ia = (a2, e) => () => (e || a2((e = { exports: {} }).exports, e), e.exports);
 var lr = Ia((ed, Ka) => {
-  Ka.exports = { version: "0.12.3-alpha.1", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
+  Ka.exports = { version: "0.12.3-alpha.3", license: "MIT", repository: { type: "git", url: "https://github.com/100mslive/web-sdks.git", directory: "packages/hms-video-store" }, main: "dist/index.cjs.js", module: "dist/index.js", typings: "dist/index.d.ts", files: ["dist", "src"], engines: { node: ">=12" }, exports: { ".": { require: "./dist/index.cjs.js", import: "./dist/index.js", default: "./dist/index.js" } }, sideEffects: false, scripts: { prestart: "rm -rf dist && yarn types:build", start: 'concurrently "yarn dev" "yarn types"', dev: "node ../../scripts/dev", "build:only": "node ../../scripts/build", build: "yarn build:only && yarn types:build", types: "tsc -w", "types:build": "tsc -p tsconfig.json", format: "prettier --write src/**/*.ts", test: "jest --maxWorkers=1", "test:watch": "jest --watch", "test:coverage": "jest --coverage", lint: "eslint -c ../../.eslintrc .", "lint:fix": "yarn lint --fix", prepare: "yarn build", size: "size-limit", analyze: "size-limit --why", docs: "rm -rf ./docs && typedoc && rm -f ./docs/README.md && mkdir ./docs/home &&mv ./docs/modules.md ./docs/home/content.md && node ../../scripts/docs-store && npx prettier --write './docs/**/*'" }, name: "@100mslive/hms-video-store", author: "100ms", dependencies: { eventemitter2: "^6.4.9", immer: "^9.0.6", "lodash.isequal": "^4.5.0", reselect: "4.0.0", "sdp-transform": "^2.14.1", "ua-parser-js": "^1.0.1", uuid: "^8.3.2", "webrtc-adapter": "^8.0.0", zustand: "3.5.7" }, devDependencies: { "@types/dom-screen-wake-lock": "^1.0.1", "@types/lodash.isequal": "^4.5.8", "@types/sdp-transform": "^2.4.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^8.3.0", "jest-canvas-mock": "^2.3.1", "jsdom-worker": "^0.3.0", tslib: "^2.2.0" }, description: "@100mslive Core SDK which abstracts the complexities of webRTC while providing a reactive store for data management with a unidirectional data flow", keywords: ["video", "webrtc", "conferencing", "100ms"] };
 });
 var Zi = ((n) => (n.Disconnected = "Disconnected", n.Preview = "Preview", n.Connecting = "Connecting", n.Connected = "Connected", n.Reconnecting = "Reconnecting", n.Disconnecting = "Disconnecting", n.Failed = "Failed", n))(Zi || {});
 var Ra = ((e) => (e.CHAT = "chat", e))(Ra || {});
@@ -21026,7 +21017,7 @@ init_define_process_env();
 import React69 from "react";
 import { selectUnreadHMSMessagesCount, useHMSStore as useHMSStore32 } from "@100mslive/react-sdk";
 import { ChatIcon } from "@100mslive/react-icons";
-var ChatToggle = () => {
+var ChatToggle = ({ onClick }) => {
   const countUnreadMessages = useHMSStore32(selectUnreadHMSMessagesCount);
   const isChatOpen = useIsSidepaneTypeOpen(SIDE_PANE_OPTIONS.CHAT);
   const toggleChat = useSidepaneToggle(SIDE_PANE_OPTIONS.CHAT);
@@ -21037,7 +21028,7 @@ var ChatToggle = () => {
         position: "relative"
       }
     },
-    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: toggleChat, active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
+    /* @__PURE__ */ React69.createElement(Tooltip, { key: "chat", title: `${isChatOpen ? "Close" : "Open"} chat` }, /* @__PURE__ */ React69.createElement(IconButton_default, { onClick: () => onClick ? onClick() : toggleChat(), active: !isChatOpen, "data-testid": "chat_btn" }, /* @__PURE__ */ React69.createElement(ChatIcon, null))),
     countUnreadMessages > 0 && /* @__PURE__ */ React69.createElement(
       Flex,
       {
@@ -21545,7 +21536,7 @@ var RoleAccordion = ({
     },
     /* @__PURE__ */ React73.createElement(Text, { variant: "sm", css: { color: "inherit" } }, "View All"),
     /* @__PURE__ */ React73.createElement(ChevronRightIcon, null)
-  ) : null, isHandRaisedAccordion && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), canBringToStage && /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
+  ) : null, isHandRaisedAccordion && canBringToStage && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(HorizontalDivider, null), /* @__PURE__ */ React73.createElement(Flex, { css: { w: "100%", p: "$6", gap: "$4" }, justify: "center" }, /* @__PURE__ */ React73.createElement(Button, { variant: "standard", onClick: lowerAllHands, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(CrossIcon11, null), " Lower all hands"), /* @__PURE__ */ React73.createElement(Button, { onClick: bringAllToStage, icon: true, css: { pl: "$2" } }, /* @__PURE__ */ React73.createElement(AddIcon, null), " ", bring_to_stage_label)))));
 };
 
 // src/Prebuilt/components/hooks/usePeerOnStageActions.tsx
@@ -21837,7 +21828,10 @@ var HandRaisedAccordionParticipantActions = ({ peerId, role }) => {
     peerId,
     role
   });
-  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), shouldShowStageRoleChange && !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
+  if (!shouldShowStageRoleChange) {
+    return null;
+  }
+  return /* @__PURE__ */ React74.createElement(React74.Fragment, null, /* @__PURE__ */ React74.createElement(Button, { variant: "standard", css: quickActionStyle, onClick: lowerPeerHand }, /* @__PURE__ */ React74.createElement(CrossIcon12, { height: 18, width: 18 })), !isInStage && /* @__PURE__ */ React74.createElement(Button, { variant: "primary", onClick: handleStageAction, css: quickActionStyle }, /* @__PURE__ */ React74.createElement(AddIcon2, { height: 18, width: 18 })));
 };
 var ParticipantMoreActions = ({ peerId, role }) => {
   const {
@@ -21950,29 +21944,42 @@ var PollsToggle = () => {
 // src/Prebuilt/components/Footer/WhiteboardToggle.tsx
 init_define_process_env();
 import React76 from "react";
-import { useWhiteboard } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare4, useWhiteboard } from "@100mslive/react-sdk";
 import { PencilDrawIcon } from "@100mslive/react-icons";
 var WhiteboardToggle = () => {
   const { toggle, open, isOwner } = useWhiteboard();
+  const { screenSharingPeerId, amIScreenSharing } = useScreenShare4();
+  const remoteScreenShare = screenSharingPeerId && !amIScreenSharing;
+  const disabled = remoteScreenShare || open && !isOwner;
   if (!toggle) {
     return null;
   }
-  return /* @__PURE__ */ React76.createElement(Tooltip, { key: "whiteboard", title: `${open ? "Close" : "Open"} Whiteboard` }, /* @__PURE__ */ React76.createElement(
-    IconButton_default,
+  return /* @__PURE__ */ React76.createElement(
+    Tooltip,
     {
-      onClick: () => __async(void 0, null, function* () {
-        try {
-          yield toggle();
-        } catch (error) {
-          ToastManager.addToast({ title: error.message, variant: "error" });
-        }
-      }),
-      active: !open,
-      disabled: open && !isOwner,
-      "data-testid": "whiteboard_btn"
+      key: "whiteboard",
+      title: remoteScreenShare ? "Cannot open whiteboard when viewing a shared screen" : `${open ? "Close" : "Open"} Whiteboard`
     },
-    /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
-  ));
+    /* @__PURE__ */ React76.createElement(
+      IconButton_default,
+      {
+        onClick: () => __async(void 0, null, function* () {
+          if (disabled) {
+            return;
+          }
+          try {
+            yield toggle();
+          } catch (error) {
+            ToastManager.addToast({ title: error.message, variant: "error" });
+          }
+        }),
+        active: !open,
+        disabled,
+        "data-testid": "whiteboard_btn"
+      },
+      /* @__PURE__ */ React76.createElement(PencilDrawIcon, null)
+    )
+  );
 };
 
 // src/Prebuilt/components/Footer/Footer.tsx
@@ -27245,24 +27252,18 @@ var RoleChangeRequestModal = () => {
 init_define_process_env();
 import React151, { Suspense, useEffect as useEffect48 } from "react";
 import { match as match11 } from "ts-pattern";
-import {
-  selectIsConnectedToRoom as selectIsConnectedToRoom9,
-  selectLocalPeerRoleName as selectLocalPeerRoleName6,
-  selectPeerScreenSharing as selectPeerScreenSharing3,
-  selectWhiteboard as selectWhiteboard2,
-  useHMSActions as useHMSActions45,
-  useHMSStore as useHMSStore81
-} from "@100mslive/react-sdk";
+import { selectIsConnectedToRoom as selectIsConnectedToRoom9, selectLocalPeerRoleName as selectLocalPeerRoleName6, useHMSActions as useHMSActions45, useHMSStore as useHMSStore81 } from "@100mslive/react-sdk";
 
 // src/Prebuilt/components/VideoLayouts/GridLayout.tsx
 init_define_process_env();
-import React146, { useEffect as useEffect43, useMemo as useMemo17, useState as useState64 } from "react";
+import React147, { useEffect as useEffect44, useMemo as useMemo18, useState as useState64 } from "react";
 import {
   selectLocalPeerID as selectLocalPeerID14,
   selectLocalPeerRoleName as selectLocalPeerRoleName5,
   selectPeers as selectPeers3,
   selectPeerScreenSharing,
-  useHMSStore as useHMSStore78,
+  selectWhiteboard as selectWhiteboard2,
+  useHMSStore as useHMSStore79,
   useHMSVanillaStore as useHMSVanillaStore12
 } from "@100mslive/react-sdk";
 
@@ -28169,6 +28170,84 @@ var ScreenshareLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
   ), layoutMode === LayoutMode.SPOTLIGHT && activeSharePeer && /* @__PURE__ */ React145.createElement(InsetTile, { peerId: activeSharePeer == null ? void 0 : activeSharePeer.id }));
 };
 
+// src/Prebuilt/components/VideoLayouts/WhiteboardLayout.tsx
+init_define_process_env();
+import React146, { useEffect as useEffect43, useMemo as useMemo17 } from "react";
+import { useMedia as useMedia33 } from "react-use";
+import { selectPeerByCondition, selectWhiteboard, useHMSStore as useHMSStore78, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
+var WhiteboardEmbed = () => {
+  const isMobile = useMedia33(config.media.md);
+  const { iframeRef } = useWhiteboard2(isMobile);
+  return /* @__PURE__ */ React146.createElement(
+    Box,
+    {
+      css: {
+        mx: "$8",
+        flex: "3 1 0",
+        "@lg": {
+          flex: "2 1 0",
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    },
+    /* @__PURE__ */ React146.createElement(
+      "iframe",
+      {
+        title: "Whiteboard View",
+        ref: iframeRef,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: 0,
+          borderRadius: "0.75rem"
+        },
+        allow: "autoplay; clipboard-write;",
+        referrerPolicy: "no-referrer"
+      }
+    )
+  );
+};
+var WhiteboardLayout = ({ peers, onPageChange, onPageSize, edgeToEdge }) => {
+  const whiteboard = useHMSStore78(selectWhiteboard);
+  const whiteboardOwner = useHMSStore78(selectPeerByCondition((peer) => peer.customerUserId === (whiteboard == null ? void 0 : whiteboard.owner)));
+  const [layoutMode, setLayoutMode] = useSetUiSettings(UI_SETTINGS.layoutMode);
+  const isMobile = useMedia33(config.media.md);
+  const hasSidebar = !isMobile && layoutMode === LayoutMode.SIDEBAR;
+  const secondaryPeers = useMemo17(() => {
+    if (layoutMode === LayoutMode.SPOTLIGHT) {
+      return [];
+    }
+    if (isMobile || layoutMode === LayoutMode.SIDEBAR) {
+      return whiteboardOwner ? [whiteboardOwner, ...peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id))] : peers;
+    }
+    return peers.filter((p) => p.id !== (whiteboardOwner == null ? void 0 : whiteboardOwner.id));
+  }, [whiteboardOwner, peers, isMobile, layoutMode]);
+  useEffect43(() => {
+    if (isMobile) {
+      setLayoutMode(LayoutMode.GALLERY);
+      return;
+    }
+    if (layoutMode === LayoutMode.SIDEBAR) {
+      return;
+    }
+    setLayoutMode(LayoutMode.SIDEBAR);
+    return () => {
+      setLayoutMode(LayoutMode.GALLERY);
+    };
+  }, [isMobile]);
+  return /* @__PURE__ */ React146.createElement(ProminenceLayout.Root, { edgeToEdge, hasSidebar }, /* @__PURE__ */ React146.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React146.createElement(WhiteboardEmbed, null)), /* @__PURE__ */ React146.createElement(
+    SecondaryTiles,
+    {
+      peers: secondaryPeers,
+      onPageChange,
+      onPageSize,
+      edgeToEdge,
+      hasSidebar
+    }
+  ), layoutMode === LayoutMode.SPOTLIGHT && whiteboardOwner && /* @__PURE__ */ React146.createElement(InsetTile, { peerId: whiteboardOwner == null ? void 0 : whiteboardOwner.id }));
+};
+
 // src/Prebuilt/common/PeersSorter.ts
 init_define_process_env();
 import { selectDominantSpeaker as selectDominantSpeaker2 } from "@100mslive/react-sdk";
@@ -28276,18 +28355,19 @@ var GridLayout = ({
   edge_to_edge = false,
   hide_metadata_on_tile = false
 }) => {
-  const peerSharing = useHMSStore78(selectPeerScreenSharing);
+  const peerSharing = useHMSStore79(selectPeerScreenSharing);
+  const whiteboard = useHMSStore79(selectWhiteboard2);
   const pinnedTrack = usePinnedTrack();
-  const peers = useHMSStore78(selectPeers3);
-  const localPeerRole = useHMSStore78(selectLocalPeerRoleName5);
-  const localPeerID = useHMSStore78(selectLocalPeerID14);
+  const peers = useHMSStore79(selectPeers3);
+  const localPeerRole = useHMSStore79(selectLocalPeerRoleName5);
+  const localPeerID = useHMSStore79(selectLocalPeerID14);
   const [activeScreensharePeerId] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
   const isRoleProminence = prominentRoles.length && peers.some(
     (peer) => peer.roleName && prominentRoles.includes(peer.roleName) && (peer.videoTrack || peer.audioTrack)
   ) || pinnedTrack;
-  const updatedPeers = useMemo17(() => {
-    if (activeScreensharePeerId) {
-      return peers.filter((peer) => peer.id !== activeScreensharePeerId);
+  const updatedPeers = useMemo18(() => {
+    if (activeScreensharePeerId || (whiteboard == null ? void 0 : whiteboard.open)) {
+      return peers.filter((peer) => peer.id !== activeScreensharePeerId || peer.customerUserId !== (whiteboard == null ? void 0 : whiteboard.owner));
     }
     if (isInsetEnabled) {
       const isLocalPeerPinned = localPeerID === (pinnedTrack == null ? void 0 : pinnedTrack.peerId);
@@ -28298,10 +28378,19 @@ var GridLayout = ({
       }
     }
     return peers;
-  }, [isInsetEnabled, activeScreensharePeerId, localPeerRole, localPeerID, prominentRoles, peers, pinnedTrack]);
+  }, [
+    isInsetEnabled,
+    whiteboard,
+    activeScreensharePeerId,
+    localPeerRole,
+    localPeerID,
+    prominentRoles,
+    peers,
+    pinnedTrack
+  ]);
   const vanillaStore = useHMSVanillaStore12();
   const [sortedPeers, setSortedPeers] = useState64(updatedPeers);
-  const peersSorter = useMemo17(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
+  const peersSorter = useMemo18(() => new PeersSorter_default(vanillaStore), [vanillaStore]);
   const [pageSize, setPageSize] = useState64(0);
   const [mainPage, setMainPage] = useState64(0);
   const tileLayout = {
@@ -28312,7 +28401,7 @@ var GridLayout = ({
     hideMetadataOnTile: hide_metadata_on_tile,
     objectFit: video_object_fit
   };
-  useEffect43(() => {
+  useEffect44(() => {
     if (mainPage !== 0) {
       return;
     }
@@ -28323,7 +28412,7 @@ var GridLayout = ({
     peersSorter.onUpdate(setSortedPeers);
   }, [mainPage, peersSorter, updatedPeers, pageSize]);
   if (peerSharing) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       ScreenshareLayout,
       {
         peers: sortedPeers,
@@ -28332,8 +28421,18 @@ var GridLayout = ({
         edgeToEdge: edge_to_edge
       }
     ));
+  } else if (whiteboard == null ? void 0 : whiteboard.open) {
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
+      WhiteboardLayout,
+      {
+        peers: sortedPeers,
+        onPageSize: setPageSize,
+        onPageChange: setMainPage,
+        edgeToEdge: edge_to_edge
+      }
+    ));
   } else if (isRoleProminence) {
-    return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+    return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
       RoleProminence,
       {
         peers: sortedPeers,
@@ -28345,7 +28444,7 @@ var GridLayout = ({
       }
     ));
   }
-  return /* @__PURE__ */ React146.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React146.createElement(
+  return /* @__PURE__ */ React147.createElement(VideoTileContext.Provider, { value: tileLayout }, /* @__PURE__ */ React147.createElement(
     EqualProminence,
     {
       peers: sortedPeers,
@@ -28359,32 +28458,32 @@ var GridLayout = ({
 
 // src/Prebuilt/layouts/EmbedView.jsx
 init_define_process_env();
-import React147, { useEffect as useEffect44, useMemo as useMemo18 } from "react";
-import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore79 } from "@100mslive/react-sdk";
+import React148, { useEffect as useEffect45, useMemo as useMemo19 } from "react";
+import { selectAppData as selectAppData8, selectPeers as selectPeers4, selectPeerScreenSharing as selectPeerScreenSharing2, useEmbedShare, useHMSStore as useHMSStore80 } from "@100mslive/react-sdk";
 var EmbedView = () => {
-  return /* @__PURE__ */ React147.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React147.createElement(EmbedComponent, null));
+  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(EmbedComponent, null));
 };
 var EmbedScreenShareView = ({ children }) => {
-  const peers = useHMSStore79(selectPeers4);
-  const peerPresenting = useHMSStore79(selectPeerScreenSharing2);
+  const peers = useHMSStore80(selectPeers4);
+  const peerPresenting = useHMSStore80(selectPeerScreenSharing2);
   const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo18(() => {
+  const smallTilePeers = useMemo19(() => {
     const smallTilePeers2 = peers.filter((peer) => peer.id !== (peerPresenting == null ? void 0 : peerPresenting.id));
     return smallTilePeers2;
   }, [peers, peerPresenting]);
-  useEffect44(() => {
+  useEffect45(() => {
     setActiveScreenSharePeer(peerPresenting == null ? void 0 : peerPresenting.id);
     return () => {
       setActiveScreenSharePeer("");
     };
   }, [peerPresenting == null ? void 0 : peerPresenting.id, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React147.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React147.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React147.createElement(SecondaryTiles, { peers: smallTilePeers }));
+  return /* @__PURE__ */ React148.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React148.createElement(ProminenceLayout.ProminentSection, null, children), /* @__PURE__ */ React148.createElement(SecondaryTiles, { peers: smallTilePeers }));
 };
 var EmbedComponent = () => {
-  const embedConfig = useHMSStore79(selectAppData8(APP_DATA.embedConfig));
+  const embedConfig = useHMSStore80(selectAppData8(APP_DATA.embedConfig));
   const resetConfig = useResetEmbedConfig();
   const { iframeRef, startEmbedShare, isEmbedShareInProgress } = useEmbedShare(resetConfig);
-  useEffect44(() => {
+  useEffect45(() => {
     (() => __async(void 0, null, function* () {
       if (embedConfig && !isEmbedShareInProgress) {
         try {
@@ -28399,7 +28498,7 @@ var EmbedComponent = () => {
       }
     }))();
   }, [isEmbedShareInProgress, embedConfig, startEmbedShare, resetConfig]);
-  return /* @__PURE__ */ React147.createElement(
+  return /* @__PURE__ */ React148.createElement(
     Box,
     {
       css: {
@@ -28412,7 +28511,7 @@ var EmbedComponent = () => {
         }
       }
     },
-    /* @__PURE__ */ React147.createElement(
+    /* @__PURE__ */ React148.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28432,13 +28531,13 @@ var EmbedComponent = () => {
 
 // src/Prebuilt/layouts/PDFView.jsx
 init_define_process_env();
-import React148, { useEffect as useEffect45 } from "react";
+import React149, { useEffect as useEffect46 } from "react";
 import { usePDFShare } from "@100mslive/react-sdk";
 var PDFView = () => {
   const pdfConfig = usePDFConfig();
   const resetConfig = useResetPDFConfig();
   const { iframeRef, startPDFShare, isPDFShareInProgress } = usePDFShare(resetConfig);
-  useEffect45(() => {
+  useEffect46(() => {
     (() => __async(void 0, null, function* () {
       try {
         if (!isPDFShareInProgress && pdfConfig) {
@@ -28453,7 +28552,7 @@ var PDFView = () => {
       }
     }))();
   }, [isPDFShareInProgress, pdfConfig, resetConfig, startPDFShare]);
-  return /* @__PURE__ */ React148.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React148.createElement(
+  return /* @__PURE__ */ React149.createElement(EmbedScreenShareView, null, /* @__PURE__ */ React149.createElement(
     Box,
     {
       css: {
@@ -28466,7 +28565,7 @@ var PDFView = () => {
         }
       }
     },
-    /* @__PURE__ */ React148.createElement(
+    /* @__PURE__ */ React149.createElement(
       "iframe",
       {
         title: "Embed View",
@@ -28486,10 +28585,10 @@ var PDFView = () => {
 
 // src/Prebuilt/layouts/WaitingView.jsx
 init_define_process_env();
-import React149 from "react";
+import React150 from "react";
 import { ColoredTimeIcon } from "@100mslive/react-icons";
-var WaitingView = React149.memo(() => {
-  return /* @__PURE__ */ React149.createElement(
+var WaitingView = React150.memo(() => {
+  return /* @__PURE__ */ React150.createElement(
     Box,
     {
       css: {
@@ -28503,7 +28602,7 @@ var WaitingView = React149.memo(() => {
       },
       "data-testid": "waiting_view"
     },
-    /* @__PURE__ */ React149.createElement(
+    /* @__PURE__ */ React150.createElement(
       Flex,
       {
         align: "center",
@@ -28517,8 +28616,8 @@ var WaitingView = React149.memo(() => {
           gap: "$8"
         }
       },
-      /* @__PURE__ */ React149.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
-      /* @__PURE__ */ React149.createElement(
+      /* @__PURE__ */ React150.createElement(ColoredTimeIcon, { width: "80px", height: "80px" }),
+      /* @__PURE__ */ React150.createElement(
         Flex,
         {
           direction: "column",
@@ -28528,101 +28627,52 @@ var WaitingView = React149.memo(() => {
             gap: "$4"
           }
         },
-        /* @__PURE__ */ React149.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
-        /* @__PURE__ */ React149.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
+        /* @__PURE__ */ React150.createElement(Text, { color: "white", variant: "h6", css: { "@md": { fontSize: "$md" } } }, "Please wait"),
+        /* @__PURE__ */ React150.createElement(Text, { color: "$on_surface_medium", css: { mt: "$4", "@md": { fontSize: "$sm" } } }, "Sit back and relax till others let you join.")
       )
     )
   );
 });
 
-// src/Prebuilt/layouts/WhiteboardView.tsx
-init_define_process_env();
-import React150, { useEffect as useEffect46, useMemo as useMemo19 } from "react";
-import { useMedia as useMedia33 } from "react-use";
-import { selectPeers as selectPeers5, selectWhiteboard, useHMSStore as useHMSStore80, useWhiteboard as useWhiteboard2 } from "@100mslive/react-sdk";
-var EmbedComponent2 = () => {
-  const isMobile = useMedia33(config.media.md);
-  const { iframeRef } = useWhiteboard2(isMobile);
-  return /* @__PURE__ */ React150.createElement(
-    Box,
-    {
-      css: {
-        mx: "$8",
-        flex: "3 1 0",
-        "@lg": {
-          flex: "2 1 0",
-          display: "flex",
-          alignItems: "center"
-        }
-      }
-    },
-    /* @__PURE__ */ React150.createElement(
-      "iframe",
-      {
-        title: "Whiteboard View",
-        ref: iframeRef,
-        style: {
-          width: "100%",
-          height: "100%",
-          border: 0,
-          borderRadius: "0.75rem"
-        },
-        allow: "autoplay; clipboard-write;",
-        referrerPolicy: "no-referrer"
-      }
-    )
-  );
-};
-var WhiteboardView = () => {
-  const peers = useHMSStore80(selectPeers5);
-  const whiteboard = useHMSStore80(selectWhiteboard);
-  const [, setActiveScreenSharePeer] = useSetAppDataByKey(APP_DATA.activeScreensharePeerId);
-  const smallTilePeers = useMemo19(() => {
-    const smallTilePeers2 = peers.filter((peer) => peer.id !== (whiteboard == null ? void 0 : whiteboard.owner));
-    return smallTilePeers2;
-  }, [peers, whiteboard == null ? void 0 : whiteboard.owner]);
-  useEffect46(() => {
-    setActiveScreenSharePeer((whiteboard == null ? void 0 : whiteboard.owner) || "");
-    return () => {
-      setActiveScreenSharePeer("");
-    };
-  }, [whiteboard == null ? void 0 : whiteboard.owner, setActiveScreenSharePeer]);
-  return /* @__PURE__ */ React150.createElement(ProminenceLayout.Root, null, /* @__PURE__ */ React150.createElement(ProminenceLayout.ProminentSection, null, /* @__PURE__ */ React150.createElement(EmbedComponent2, null)), /* @__PURE__ */ React150.createElement(SecondaryTiles, { peers: smallTilePeers }));
-};
-
 // src/Prebuilt/components/hooks/useCloseScreenshareWhiteboard.tsx
 init_define_process_env();
 import { useEffect as useEffect47 } from "react";
 import { usePrevious } from "react-use";
-import { useScreenShare as useScreenShare4, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
+import { useScreenShare as useScreenShare5, useWhiteboard as useWhiteboard3 } from "@100mslive/react-sdk";
 var useCloseScreenshareWhiteboard = () => {
-  const { amIScreenSharing, toggleScreenShare } = useScreenShare4();
+  const { amIScreenSharing, screenSharingPeerId, toggleScreenShare } = useScreenShare5();
   const { isOwner: isWhiteboardOwner, toggle: toggleWhiteboard } = useWhiteboard3();
-  const prevScreenSharer = usePrevious(amIScreenSharing);
+  const prevScreenSharer = usePrevious(screenSharingPeerId);
   const prevWhiteboardOwner = usePrevious(isWhiteboardOwner);
   useEffect47(() => {
-    if (isWhiteboardOwner && amIScreenSharing) {
-      if (prevScreenSharer && !prevWhiteboardOwner) {
+    if (isWhiteboardOwner && screenSharingPeerId) {
+      if (prevScreenSharer && amIScreenSharing && !prevWhiteboardOwner) {
         toggleScreenShare == null ? void 0 : toggleScreenShare();
       } else if (prevWhiteboardOwner && !prevScreenSharer) {
         toggleWhiteboard == null ? void 0 : toggleWhiteboard();
       }
     }
-  }, [isWhiteboardOwner, amIScreenSharing, prevScreenSharer, prevWhiteboardOwner, toggleScreenShare, toggleWhiteboard]);
+  }, [
+    isWhiteboardOwner,
+    screenSharingPeerId,
+    amIScreenSharing,
+    prevScreenSharer,
+    prevWhiteboardOwner,
+    toggleScreenShare,
+    toggleWhiteboard
+  ]);
 };
 
 // src/Prebuilt/layouts/VideoStreamingSection.tsx
-var HLSView = React151.lazy(() => import("./HLSView-GDOF4655.js"));
+var HLSView = React151.lazy(() => import("./HLSView-BCIIVR2T.js"));
 var VideoStreamingSection = ({
   screenType,
   elements,
   hideControls = false
 }) => {
-  var _a8, _b7, _c, _d;
+  var _a8, _b7;
   const localPeerRole = useHMSStore81(selectLocalPeerRoleName6);
   const isConnected = useHMSStore81(selectIsConnectedToRoom9);
-  const peerSharing = useHMSStore81(selectPeerScreenSharing3);
-  const isWhiteboardOpen = (_a8 = useHMSStore81(selectWhiteboard2)) == null ? void 0 : _a8.open;
   const hmsActions = useHMSActions45();
   const waitingViewerRole = useWaitingViewerRole();
   const urlToIframe = useUrlToEmbed();
@@ -28654,12 +28704,8 @@ var VideoStreamingSection = ({
     ViewComponent = /* @__PURE__ */ React151.createElement(PDFView, null);
   } else if (urlToIframe) {
     ViewComponent = /* @__PURE__ */ React151.createElement(EmbedView, null);
-  } else if (peerSharing) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid));
-  } else if (isWhiteboardOpen) {
-    ViewComponent = /* @__PURE__ */ React151.createElement(WhiteboardView, null);
   } else {
-    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_c = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _c.grid));
+    ViewComponent = /* @__PURE__ */ React151.createElement(GridLayout, __spreadValues({}, (_a8 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _a8.grid));
   }
   return /* @__PURE__ */ React151.createElement(Suspense, { fallback: /* @__PURE__ */ React151.createElement(FullPageProgress_default, null) }, /* @__PURE__ */ React151.createElement(
     Flex,
@@ -28688,7 +28734,7 @@ var VideoStreamingSection = ({
         SidePane_default,
         {
           screenType,
-          tileProps: (_d = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _d.grid,
+          tileProps: (_b7 = elements == null ? void 0 : elements.video_tile_layout) == null ? void 0 : _b7.grid,
           hideControls
         }
       )
@@ -30883,6 +30929,7 @@ var TextArea = styled("textarea", {
 
 export {
   __spreadValues,
+  __spreadProps,
   __objRest,
   __async,
   init_define_process_env,
@@ -30982,4 +31029,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-ZDW56PPL.js.map
+//# sourceMappingURL=chunk-W47ZJGSD.js.map