npm - @100mslive/roomkit-react - Versions diffs - 0.1.7 → 0.1.8-alpha.0 - Mend

@100mslive/roomkit-react 0.1.7 → 0.1.8-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (53) hide show

package/dist/meta.esbuild.json CHANGED Viewed

@@ -1104,7 +1104,7 @@
       ],
       "format": "esm"
     },
-    "src/AudioLevel/AudioLevel.tsx": {
+    "src/AudioLevel/useBorderAudioLevel.tsx": {
       "bytes": 996,
       "imports": [
         {
@@ -1135,9 +1135,54 @@
       ],
       "format": "esm"
     },
+    "src/AudioLevel/audio-level.png": {
+      "bytes": 621,
+      "imports": []
+    },
+    "src/AudioLevel/AudioLevel.tsx": {
+      "bytes": 2294,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../Layout"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../Theme"
+        },
+        {
+          "path": "src/AudioLevel/audio-level.png",
+          "kind": "import-statement",
+          "original": "./audio-level.png"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/AudioLevel/index.ts": {
-      "bytes": 52,
+      "bytes": 104,
       "imports": [
+        {
+          "path": "src/AudioLevel/useBorderAudioLevel.tsx",
+          "kind": "import-statement",
+          "original": "./useBorderAudioLevel"
+        },
         {
           "path": "src/AudioLevel/AudioLevel.tsx",
           "kind": "import-statement",
@@ -1972,8 +2017,29 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/PrebuiltDialogPortal.tsx": {
+      "bytes": 267,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Modal/index.ts",
+          "kind": "import-statement",
+          "original": "../../Modal"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/primitives/DialogContent.jsx": {
-      "bytes": 8376,
+      "bytes": 8479,
       "imports": [
         {
           "path": "react",
@@ -1985,6 +2051,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../components/PrebuiltDialogPortal"
+        },
         {
           "path": "src/Button/index.tsx",
           "kind": "import-statement",
@@ -2532,7 +2603,7 @@
       "imports": []
     },
     "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-      "bytes": 4680,
+      "bytes": 4758,
       "imports": [
         {
           "path": "react",
@@ -2564,6 +2635,11 @@
           "kind": "import-statement",
           "original": "../../images/ios-perm-0.png"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
@@ -2801,7 +2877,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/utils.js": {
-      "bytes": 3038,
+      "bytes": 2873,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -3609,8 +3685,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Chip.jsx": {
-      "bytes": 580,
+    "src/Prebuilt/components/Chip.tsx": {
+      "bytes": 863,
       "imports": [
         {
           "path": "react",
@@ -3627,10 +3703,20 @@
           "kind": "import-statement",
           "original": "../../Text"
         },
+        {
+          "path": "../../Theme",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
@@ -3981,7 +4067,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-      "bytes": 8869,
+      "bytes": 8947,
       "imports": [
         {
           "path": "react",
@@ -4038,6 +4124,11 @@
           "kind": "import-statement",
           "original": "../../../Theme"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/Settings/common.js",
           "kind": "import-statement",
@@ -4056,28 +4147,64 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
-      "bytes": 2933,
+    "src/Prebuilt/components/Preview/PreviewForm.tsx": {
+      "bytes": 2636,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/types-prebuilt/elements/join_form",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/Button/index.tsx",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../Button"
+          "original": "../../.."
         },
         {
-          "path": "src/Input/index.tsx",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
-          "original": "../../../Input"
+          "original": "../../provider/roomLayoutProvider"
+        },
+        {
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
+          "kind": "import-statement",
+          "original": "./PreviewJoin"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
+      "bytes": 1301,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
         },
         {
           "path": "src/Layout/index.tsx",
@@ -4089,6 +4216,11 @@
           "kind": "import-statement",
           "original": "../../../Text"
         },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Theme"
+        },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
@@ -4102,8 +4234,24 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
-      "bytes": 2129,
+    "src/Prebuilt/plugins/VirtualBackground/vbutils.js": {
+      "bytes": 2212,
+      "imports": [
+        {
+          "path": "@100mslive/hms-virtual-background",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
+      "bytes": 3590,
       "imports": [
         {
           "path": "react",
@@ -4111,7 +4259,7 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/hms-virtual-background",
           "kind": "import-statement",
           "external": true
         },
@@ -4121,35 +4269,45 @@
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "../../../"
+          "external": true
         },
         {
-          "path": "src/Sheet/index.ts",
+          "path": "src/Prebuilt/components/MoreSettings/ActionTile.jsx",
           "kind": "import-statement",
-          "original": "../../../Sheet"
+          "original": "../../components/MoreSettings/ActionTile"
         },
         {
-          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "path": "src/Loading/index.ts",
           "kind": "import-statement",
-          "original": "../Toast/ToastManager"
+          "original": "../../../Loading"
         },
         {
-          "path": "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx",
+          "path": "src/Tooltip/index.ts",
           "kind": "import-statement",
-          "original": "./ChangeNameContent"
+          "original": "../../../Tooltip"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useUserPreferences.jsx",
+          "path": "src/Prebuilt/IconButton.jsx",
           "kind": "import-statement",
-          "original": "../hooks/useUserPreferences"
+          "original": "../../IconButton"
+        },
+        {
+          "path": "src/Prebuilt/plugins/VirtualBackground/vbutils.js",
+          "kind": "import-statement",
+          "original": "./vbutils"
         },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/hms-virtual-background",
+          "kind": "dynamic-import",
+          "external": true
+        },
         {
           "path": "<runtime>",
           "kind": "import-statement",
@@ -4158,8 +4316,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-      "bytes": 9915,
+    "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
+      "bytes": 9541,
       "imports": [
         {
           "path": "react",
@@ -4182,34 +4340,64 @@
           "external": true
         },
         {
-          "path": "src/Layout/index.tsx",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../../Layout"
+          "original": "../../.."
         },
         {
-          "path": "src/Slider/index.ts",
+          "path": "src/AudioLevel/index.ts",
           "kind": "import-statement",
-          "original": "../../../Slider"
+          "original": "../../../AudioLevel"
         },
         {
-          "path": "src/Text/index.tsx",
+          "path": "src/Prebuilt/AppContext.tsx",
           "kind": "import-statement",
-          "original": "../../../Text"
+          "original": "../../AppContext"
         },
         {
-          "path": "src/Theme/index.tsx",
+          "path": "src/Prebuilt/IconButton.jsx",
           "kind": "import-statement",
-          "original": "../../../Theme"
+          "original": "../../IconButton"
         },
         {
-          "path": "src/TileMenu/index.tsx",
+          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
           "kind": "import-statement",
-          "original": "../../../TileMenu"
+          "original": "../../provider/roomLayoutProvider"
         },
         {
-          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "path": "src/Prebuilt/components/AudioVideoToggle.jsx",
           "kind": "import-statement",
-          "original": "../Toast/ToastManager"
+          "original": "../AudioVideoToggle"
+        },
+        {
+          "path": "src/Prebuilt/components/Chip.tsx",
+          "kind": "import-statement",
+          "original": "../Chip"
+        },
+        {
+          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
+          "kind": "import-statement",
+          "original": "../Connection/TileConnection"
+        },
+        {
+          "path": "src/Prebuilt/components/FullPageProgress.jsx",
+          "kind": "import-statement",
+          "original": "../FullPageProgress"
+        },
+        {
+          "path": "src/Prebuilt/components/Header/HeaderComponents.jsx",
+          "kind": "import-statement",
+          "original": "../Header/HeaderComponents"
+        },
+        {
+          "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
+          "kind": "import-statement",
+          "original": "../Settings/SettingsModal"
+        },
+        {
+          "path": "src/Prebuilt/components/Preview/PreviewForm.tsx",
+          "kind": "import-statement",
+          "original": "./PreviewForm"
         },
         {
           "path": "src/Prebuilt/components/AppData/useUISettings.js",
@@ -4217,9 +4405,14 @@
           "original": "../AppData/useUISettings"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useDropdownSelection.jsx",
+          "path": "src/Prebuilt/components/hooks/useUserPreferences.jsx",
           "kind": "import-statement",
-          "original": "../hooks/useDropdownSelection"
+          "original": "../hooks/useUserPreferences"
+        },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../common/utils"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -4231,6 +4424,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
+          "kind": "dynamic-import",
+          "original": "../../plugins/VirtualBackground/VirtualBackground"
+        },
         {
           "path": "<runtime>",
           "kind": "import-statement",
@@ -4239,8 +4437,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/hooks/useDropdownList.jsx": {
-      "bytes": 747,
+    "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
+      "bytes": 2128,
       "imports": [
         {
           "path": "react",
@@ -4248,511 +4446,7 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "../AppData/useUISettings"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "../../common/constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
-      "bytes": 4567,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Layout/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Layout"
-        },
-        {
-          "path": "src/Sheet/index.ts",
-          "kind": "import-statement",
-          "original": "../../../Sheet"
-        },
-        {
-          "path": "src/Text/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Text"
-        },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Theme"
-        },
-        {
-          "path": "src/TileMenu/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../TileMenu"
-        },
-        {
-          "path": "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx",
-          "kind": "import-statement",
-          "original": "../MoreSettings/ChangeNameModal"
-        },
-        {
-          "path": "src/Prebuilt/components/TileMenu/TileMenuContent.jsx",
-          "kind": "import-statement",
-          "original": "./TileMenuContent"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/useDropdownList.jsx",
-          "kind": "import-statement",
-          "original": "../hooks/useDropdownList"
-        },
-        {
-          "path": "src/Prebuilt/components/TileMenu/TileMenuContent.jsx",
-          "kind": "import-statement",
-          "original": "./TileMenuContent"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/peerTileUtils.jsx": {
-      "bytes": 1197,
-      "imports": [
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/VideoTile.jsx": {
-      "bytes": 8154,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
-          "kind": "import-statement",
-          "original": "./Connection/TileConnection"
-        },
-        {
-          "path": "src/Prebuilt/components/TileMenu/TileMenu.jsx",
-          "kind": "import-statement",
-          "original": "./TileMenu/TileMenu"
-        },
-        {
-          "path": "src/Avatar/index.ts",
-          "kind": "import-statement",
-          "original": "../../Avatar"
-        },
-        {
-          "path": "src/Layout/index.tsx",
-          "kind": "import-statement",
-          "original": "../../Layout"
-        },
-        {
-          "path": "src/Stats/index.tsx",
-          "kind": "import-statement",
-          "original": "../../Stats"
-        },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../Theme"
-        },
-        {
-          "path": "src/Video/index.tsx",
-          "kind": "import-statement",
-          "original": "../../Video"
-        },
-        {
-          "path": "src/VideoTile/index.tsx",
-          "kind": "import-statement",
-          "original": "../../VideoTile"
-        },
-        {
-          "path": "src/Prebuilt/components/peerTileUtils.jsx",
-          "kind": "import-statement",
-          "original": "./peerTileUtils"
-        },
-        {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "./AppData/useUISettings"
-        },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "../common/utils"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "../common/constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-      "bytes": 2636,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/types-prebuilt/elements/join_form",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../.."
-        },
-        {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider"
-        },
-        {
-          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
-          "kind": "import-statement",
-          "original": "./PreviewJoin"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
-      "bytes": 1301,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Layout/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Layout"
-        },
-        {
-          "path": "src/Text/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Text"
-        },
-        {
-          "path": "src/Theme/index.tsx",
-          "kind": "import-statement",
-          "original": "../../../Theme"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/plugins/VirtualBackground/vbutils.js": {
-      "bytes": 2212,
-      "imports": [
-        {
-          "path": "@100mslive/hms-virtual-background",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx": {
-      "bytes": 3590,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/hms-virtual-background",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/components/MoreSettings/ActionTile.jsx",
-          "kind": "import-statement",
-          "original": "../../components/MoreSettings/ActionTile"
-        },
-        {
-          "path": "src/Loading/index.ts",
-          "kind": "import-statement",
-          "original": "../../../Loading"
-        },
-        {
-          "path": "src/Tooltip/index.ts",
-          "kind": "import-statement",
-          "original": "../../../Tooltip"
-        },
-        {
-          "path": "src/Prebuilt/IconButton.jsx",
-          "kind": "import-statement",
-          "original": "../../IconButton"
-        },
-        {
-          "path": "src/Prebuilt/plugins/VirtualBackground/vbutils.js",
-          "kind": "import-statement",
-          "original": "./vbutils"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/hms-virtual-background",
-          "kind": "dynamic-import",
-          "external": true
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-      "bytes": 9466,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../.."
-        },
-        {
-          "path": "src/Prebuilt/AppContext.tsx",
-          "kind": "import-statement",
-          "original": "../../AppContext"
-        },
-        {
-          "path": "src/Prebuilt/IconButton.jsx",
-          "kind": "import-statement",
-          "original": "../../IconButton"
-        },
-        {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/index.tsx",
-          "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider"
-        },
-        {
-          "path": "src/Prebuilt/components/AudioVideoToggle.jsx",
-          "kind": "import-statement",
-          "original": "../AudioVideoToggle"
-        },
-        {
-          "path": "src/Prebuilt/components/Chip.jsx",
-          "kind": "import-statement",
-          "original": "../Chip"
-        },
-        {
-          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
-          "kind": "import-statement",
-          "original": "../Connection/TileConnection"
-        },
-        {
-          "path": "src/Prebuilt/components/FullPageProgress.jsx",
-          "kind": "import-statement",
-          "original": "../FullPageProgress"
-        },
-        {
-          "path": "src/Prebuilt/components/Header/HeaderComponents.jsx",
-          "kind": "import-statement",
-          "original": "../Header/HeaderComponents"
-        },
-        {
-          "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
-          "kind": "import-statement",
-          "original": "../Settings/SettingsModal"
-        },
-        {
-          "path": "src/Prebuilt/components/VideoTile.jsx",
-          "kind": "import-statement",
-          "original": "../VideoTile"
-        },
-        {
-          "path": "src/Prebuilt/components/Preview/PreviewForm.tsx",
-          "kind": "import-statement",
-          "original": "./PreviewForm"
-        },
-        {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "../AppData/useUISettings"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/useUserPreferences.jsx",
-          "kind": "import-statement",
-          "original": "../hooks/useUserPreferences"
-        },
-        {
-          "path": "src/Prebuilt/common/utils.js",
-          "kind": "import-statement",
-          "original": "../../common/utils"
-        },
-        {
-          "path": "src/Prebuilt/common/constants.js",
-          "kind": "import-statement",
-          "original": "../../common/constants"
-        },
-        {
-          "path": "<define:process.env>",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
-          "kind": "dynamic-import",
-          "original": "../../plugins/VirtualBackground/VirtualBackground"
-        },
-        {
-          "path": "<runtime>",
-          "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
-      "bytes": 2128,
-      "imports": [
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-router-dom",
+          "path": "react-router-dom",
           "kind": "import-statement",
           "external": true
         },
@@ -5056,6 +4750,32 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/hooks/useDropdownList.jsx": {
+      "bytes": 747,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/EmojiReaction.jsx": {
       "bytes": 2758,
       "imports": [
@@ -5277,7 +4997,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6070,
+      "bytes": 6224,
       "imports": [
         {
           "path": "react",
@@ -5319,6 +5039,11 @@
           "kind": "import-statement",
           "original": "../../../Tooltip"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/Leave/EndSessionContent.tsx",
           "kind": "import-statement",
@@ -5578,7 +5303,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeModal.jsx": {
-      "bytes": 6486,
+      "bytes": 6563,
       "imports": [
         {
           "path": "react",
@@ -5635,6 +5360,11 @@
           "kind": "import-statement",
           "original": "../../Tooltip"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "./PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/hooks/useDropdownSelection.jsx",
           "kind": "import-statement",
@@ -5797,7 +5527,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/StartRecording.jsx": {
-      "bytes": 4357,
+      "bytes": 4435,
       "imports": [
         {
           "path": "react",
@@ -5819,6 +5549,11 @@
           "kind": "import-statement",
           "original": "../../../"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/Streaming/ResolutionInput.jsx",
           "kind": "import-statement",
@@ -5858,7 +5593,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 8930,
+      "bytes": 9007,
       "imports": [
         {
           "path": "react",
@@ -5910,6 +5645,11 @@
           "kind": "import-statement",
           "original": "../primitives/DropdownTrigger"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "./PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
@@ -6247,7 +5987,114 @@
           "original": "../../../common/constants"
         },
         {
-          "path": "<define:process.env>",
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
+      "bytes": 2933,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Button/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Button"
+        },
+        {
+          "path": "src/Input/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Input"
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
+      "bytes": 2207,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/index.ts",
+          "kind": "import-statement",
+          "original": "../../../"
+        },
+        {
+          "path": "src/Sheet/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Sheet"
+        },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
+        {
+          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "kind": "import-statement",
+          "original": "../Toast/ToastManager"
+        },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx",
+          "kind": "import-statement",
+          "original": "./ChangeNameContent"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useUserPreferences.jsx",
+          "kind": "import-statement",
+          "original": "../hooks/useUserPreferences"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
           "kind": "import-statement",
           "external": true
         }
@@ -6570,7 +6417,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-      "bytes": 2244,
+      "bytes": 2322,
       "imports": [
         {
           "path": "react",
@@ -6592,6 +6439,11 @@
           "kind": "import-statement",
           "original": "../../primitives/DialogContent"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx",
           "kind": "import-statement",
@@ -6616,7 +6468,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-      "bytes": 1256,
+      "bytes": 1334,
       "imports": [
         {
           "path": "react",
@@ -6633,6 +6485,11 @@
           "kind": "import-statement",
           "original": "../../primitives/DialogContent"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
         {
           "path": "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx",
           "kind": "import-statement",
@@ -6657,7 +6514,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-      "bytes": 7208,
+      "bytes": 6576,
       "imports": [
         {
           "path": "react",
@@ -6875,69 +6732,322 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-      "bytes": 3100,
+    "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
+      "bytes": 4389,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-window",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Accordion/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Accordion"
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Prebuilt/components/Chip.tsx",
+          "kind": "import-statement",
+          "original": "../Chip"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "kind": "import-statement",
+          "original": "./ParticipantList"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/RoleOptions.tsx",
+          "kind": "import-statement",
+          "original": "./RoleOptions"
+        },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../common/utils"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/Footer/ParticipantList.jsx": {
+      "bytes": 10708,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/index.ts",
+          "kind": "import-statement",
+          "original": "../../.."
+        },
+        {
+          "path": "src/Prebuilt/IconButton.jsx",
+          "kind": "import-statement",
+          "original": "../../IconButton"
+        },
+        {
+          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.tsx",
+          "kind": "import-statement",
+          "original": "../Connection/ConnectionIndicator"
+        },
+        {
+          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "kind": "import-statement",
+          "original": "../Toast/ToastManager"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/RoleAccordion.tsx",
+          "kind": "import-statement",
+          "original": "./RoleAccordion"
+        },
+        {
+          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "kind": "import-statement",
+          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "kind": "import-statement",
+          "original": "../AppData/useSidepane"
+        },
+        {
+          "path": "src/Prebuilt/common/hooks.js",
+          "kind": "import-statement",
+          "original": "../../common/hooks"
+        },
+        {
+          "path": "src/Prebuilt/common/utils.js",
+          "kind": "import-statement",
+          "original": "../../common/utils"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/Footer/Footer.tsx": {
+      "bytes": 3863,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/types-prebuilt",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/types-prebuilt/elements/chat",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/index.ts",
+          "kind": "import-statement",
+          "original": "../../.."
+        },
+        {
+          "path": "src/Prebuilt/components/AudioVideoToggle.jsx",
+          "kind": "import-statement",
+          "original": "../AudioVideoToggle"
+        },
+        {
+          "path": "src/Prebuilt/components/EmojiReaction.jsx",
+          "kind": "import-statement",
+          "original": "../EmojiReaction"
+        },
+        {
+          "path": "src/Prebuilt/components/Leave/LeaveRoom.tsx",
+          "kind": "import-statement",
+          "original": "../Leave/LeaveRoom"
+        },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/MoreSettings.tsx",
+          "kind": "import-statement",
+          "original": "../MoreSettings/MoreSettings"
+        },
+        {
+          "path": "src/Prebuilt/components/RaiseHand.jsx",
+          "kind": "import-statement",
+          "original": "../RaiseHand"
+        },
+        {
+          "path": "src/Prebuilt/components/ScreenShareToggle.jsx",
+          "kind": "import-statement",
+          "original": "../ScreenShareToggle"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/ChatToggle.tsx",
+          "kind": "import-statement",
+          "original": "./ChatToggle"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "kind": "import-statement",
+          "original": "./ParticipantList"
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "kind": "import-statement",
+          "original": "../AppData/useSidepane"
+        },
+        {
+          "path": "src/Prebuilt/common/constants.js",
+          "kind": "import-statement",
+          "original": "../../common/constants"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
+          "kind": "dynamic-import",
+          "original": "../../plugins/VirtualBackground/VirtualBackground"
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
+      "bytes": 2457,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-window",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/Accordion/index.ts",
+          "path": "src/Button/index.tsx",
           "kind": "import-statement",
-          "original": "../../../Accordion"
+          "original": "../../../Button"
         },
         {
           "path": "src/Layout/index.tsx",
           "kind": "import-statement",
           "original": "../../../Layout"
         },
+        {
+          "path": "src/Modal/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Modal"
+        },
         {
           "path": "src/Text/index.tsx",
           "kind": "import-statement",
           "original": "../../../Text"
         },
         {
-          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
           "kind": "import-statement",
-          "original": "./ParticipantList"
+          "original": "../PrebuiltDialogPortal"
         },
         {
-          "path": "src/Prebuilt/components/Footer/RoleOptions.tsx",
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
-          "original": "./RoleOptions"
+          "original": "../AppData/useUISettings"
         },
         {
-          "path": "src/Prebuilt/common/utils.js",
+          "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
-          "original": "../../common/utils"
+          "original": "../../common/constants"
         },
         {
           "path": "<define:process.env>",
           "kind": "import-statement",
           "external": true
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-      "bytes": 10390,
+    "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
+      "bytes": 2138,
       "imports": [
         {
           "path": "react",
@@ -6949,60 +7059,61 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "src/index.ts",
           "kind": "import-statement",
           "original": "../../.."
         },
         {
-          "path": "src/Prebuilt/IconButton.jsx",
+          "path": "src/Sheet/index.ts",
           "kind": "import-statement",
-          "original": "../../IconButton"
+          "original": "../../../Sheet"
         },
         {
-          "path": "src/Prebuilt/components/Connection/ConnectionIndicator.tsx",
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
           "kind": "import-statement",
-          "original": "../Connection/ConnectionIndicator"
+          "original": "../PrebuiltDialogPortal"
         },
         {
-          "path": "src/Prebuilt/components/Toast/ToastManager.js",
+          "path": "<define:process.env>",
           "kind": "import-statement",
-          "original": "../Toast/ToastManager"
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
+      "bytes": 2605,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/Footer/RoleAccordion.tsx",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
-          "original": "./RoleAccordion"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/provider/roomLayoutProvider/hooks/useRoomLayoutScreen.ts",
+          "path": "src/index.ts",
           "kind": "import-statement",
-          "original": "../../provider/roomLayoutProvider/hooks/useRoomLayoutScreen"
+          "original": "../../.."
         },
         {
-          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
           "kind": "import-statement",
-          "original": "../AppData/useSidepane"
+          "original": "../Preview/PreviewJoin"
         },
         {
-          "path": "src/Prebuilt/common/hooks.js",
+          "path": "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx",
           "kind": "import-statement",
-          "original": "../../common/hooks"
+          "original": "./RequestPrompt"
         },
         {
-          "path": "src/Prebuilt/common/utils.js",
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
           "kind": "import-statement",
-          "original": "../../common/utils"
+          "original": "../hooks/useMetadata"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -7022,8 +7133,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Footer/Footer.tsx": {
-      "bytes": 3863,
+    "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
+      "bytes": 9915,
       "imports": [
         {
           "path": "react",
@@ -7035,70 +7146,55 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/types-prebuilt",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/types-prebuilt/elements/chat",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/index.ts",
-          "kind": "import-statement",
-          "original": "../../.."
-        },
-        {
-          "path": "src/Prebuilt/components/AudioVideoToggle.jsx",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "../AudioVideoToggle"
+          "external": true
         },
         {
-          "path": "src/Prebuilt/components/EmojiReaction.jsx",
+          "path": "src/Layout/index.tsx",
           "kind": "import-statement",
-          "original": "../EmojiReaction"
+          "original": "../../../Layout"
         },
         {
-          "path": "src/Prebuilt/components/Leave/LeaveRoom.tsx",
+          "path": "src/Slider/index.ts",
           "kind": "import-statement",
-          "original": "../Leave/LeaveRoom"
+          "original": "../../../Slider"
         },
         {
-          "path": "src/Prebuilt/components/MoreSettings/MoreSettings.tsx",
+          "path": "src/Text/index.tsx",
           "kind": "import-statement",
-          "original": "../MoreSettings/MoreSettings"
+          "original": "../../../Text"
         },
         {
-          "path": "src/Prebuilt/components/RaiseHand.jsx",
+          "path": "src/Theme/index.tsx",
           "kind": "import-statement",
-          "original": "../RaiseHand"
+          "original": "../../../Theme"
         },
         {
-          "path": "src/Prebuilt/components/ScreenShareToggle.jsx",
+          "path": "src/TileMenu/index.tsx",
           "kind": "import-statement",
-          "original": "../ScreenShareToggle"
+          "original": "../../../TileMenu"
         },
         {
-          "path": "src/Prebuilt/components/Footer/ChatToggle.tsx",
+          "path": "src/Prebuilt/components/Toast/ToastManager.js",
           "kind": "import-statement",
-          "original": "./ChatToggle"
+          "original": "../Toast/ToastManager"
         },
         {
-          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
-          "original": "./ParticipantList"
+          "original": "../AppData/useUISettings"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "path": "src/Prebuilt/components/hooks/useDropdownSelection.jsx",
           "kind": "import-statement",
-          "original": "../AppData/useSidepane"
+          "original": "../hooks/useDropdownSelection"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
@@ -7111,30 +7207,35 @@
           "external": true
         },
         {
-          "path": "src/Prebuilt/plugins/VirtualBackground/VirtualBackground.jsx",
-          "kind": "dynamic-import",
-          "original": "../../plugins/VirtualBackground/VirtualBackground"
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
         }
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
-      "bytes": 2379,
+    "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
+      "bytes": 4567,
       "imports": [
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "src/Button/index.tsx",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "../../../Button"
+          "external": true
         },
         {
           "path": "src/Layout/index.tsx",
@@ -7142,9 +7243,9 @@
           "original": "../../../Layout"
         },
         {
-          "path": "src/Modal/index.ts",
+          "path": "src/Sheet/index.ts",
           "kind": "import-statement",
-          "original": "../../../Modal"
+          "original": "../../../Sheet"
         },
         {
           "path": "src/Text/index.tsx",
@@ -7152,14 +7253,34 @@
           "original": "../../../Text"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "path": "src/Theme/index.tsx",
           "kind": "import-statement",
-          "original": "../AppData/useUISettings"
+          "original": "../../../Theme"
         },
         {
-          "path": "src/Prebuilt/common/constants.js",
+          "path": "src/TileMenu/index.tsx",
           "kind": "import-statement",
-          "original": "../../common/constants"
+          "original": "../../../TileMenu"
+        },
+        {
+          "path": "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx",
+          "kind": "import-statement",
+          "original": "../MoreSettings/ChangeNameModal"
+        },
+        {
+          "path": "src/Prebuilt/components/TileMenu/TileMenuContent.jsx",
+          "kind": "import-statement",
+          "original": "./TileMenuContent"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useDropdownList.jsx",
+          "kind": "import-statement",
+          "original": "../hooks/useDropdownList"
+        },
+        {
+          "path": "src/Prebuilt/components/TileMenu/TileMenuContent.jsx",
+          "kind": "import-statement",
+          "original": "./TileMenuContent"
         },
         {
           "path": "<define:process.env>",
@@ -7174,8 +7295,19 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
-      "bytes": 2060,
+    "src/Prebuilt/components/peerTileUtils.jsx": {
+      "bytes": 1197,
+      "imports": [
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/VideoTile.jsx": {
+      "bytes": 7018,
       "imports": [
         {
           "path": "react",
@@ -7188,60 +7320,69 @@
           "external": true
         },
         {
-          "path": "src/index.ts",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
-          "original": "../../.."
+          "external": true
         },
         {
-          "path": "src/Sheet/index.ts",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
-          "original": "../../../Sheet"
+          "external": true
         },
         {
-          "path": "<define:process.env>",
+          "path": "src/Prebuilt/components/Connection/TileConnection.tsx",
           "kind": "import-statement",
-          "external": true
-        }
-      ],
-      "format": "esm"
-    },
-    "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-      "bytes": 2605,
-      "imports": [
+          "original": "./Connection/TileConnection"
+        },
         {
-          "path": "react",
+          "path": "src/Prebuilt/components/TileMenu/TileMenu.jsx",
           "kind": "import-statement",
-          "external": true
+          "original": "./TileMenu/TileMenu"
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "src/AudioLevel/index.ts",
           "kind": "import-statement",
-          "external": true
+          "original": "../../AudioLevel"
         },
         {
-          "path": "src/index.ts",
+          "path": "src/Avatar/index.ts",
           "kind": "import-statement",
-          "original": "../../.."
+          "original": "../../Avatar"
         },
         {
-          "path": "src/Prebuilt/components/Preview/PreviewJoin.tsx",
+          "path": "src/Stats/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Stats"
+        },
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Theme"
+        },
+        {
+          "path": "src/Video/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Video"
+        },
+        {
+          "path": "src/VideoTile/index.tsx",
           "kind": "import-statement",
-          "original": "../Preview/PreviewJoin"
+          "original": "../../VideoTile"
         },
         {
-          "path": "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx",
+          "path": "src/Prebuilt/components/peerTileUtils.jsx",
           "kind": "import-statement",
-          "original": "./RequestPrompt"
+          "original": "./peerTileUtils"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
-          "original": "../hooks/useMetadata"
+          "original": "./AppData/useUISettings"
         },
         {
           "path": "src/Prebuilt/common/constants.js",
           "kind": "import-statement",
-          "original": "../../common/constants"
+          "original": "../common/constants"
         },
         {
           "path": "<define:process.env>",
@@ -9046,7 +9187,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 14973,
+      "bytes": 15003,
       "imports": [
         {
           "path": "react",
@@ -9334,7 +9475,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 11824,
+      "bytes": 11872,
       "imports": [
         {
           "path": "react",
@@ -9728,16 +9869,17 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-GLYGPYNS.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         }
       ],
       "exports": [
         "Accordion",
+        "AudioLevel",
         "Avatar",
         "Box",
         "Button",
@@ -9799,22 +9941,22 @@
       ],
       "entryPoint": "src/index.ts",
       "inputs": {},
-      "bytes": 1702
+      "bytes": 1730
     },
-    "dist/VirtualBackground-3TI5NA4V.js.map": {
+    "dist/VirtualBackground-GP4ATXD3.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 9170
     },
-    "dist/VirtualBackground-3TI5NA4V.js": {
+    "dist/VirtualBackground-GP4ATXD3.js": {
       "imports": [
         {
-          "path": "dist/chunk-36X4ZCLC.js",
+          "path": "dist/chunk-2H5NIZB7.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         },
         {
@@ -9863,20 +10005,20 @@
       },
       "bytes": 6113
     },
-    "dist/HLSView-3S74KF3A.js.map": {
+    "dist/HLSView-IQRPLYNH.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 52724
+      "bytes": 52770
     },
-    "dist/HLSView-3S74KF3A.js": {
+    "dist/HLSView-IQRPLYNH.js": {
       "imports": [
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-GLYGPYNS.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         },
         {
@@ -9986,7 +10128,7 @@
       "entryPoint": "src/Prebuilt/layouts/HLSView.jsx",
       "inputs": {
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 14845
+          "bytesInOutput": 14871
         },
         "src/Prebuilt/components/HlsStatsOverlay.jsx": {
           "bytesInOutput": 3494
@@ -10025,26 +10167,26 @@
           "bytesInOutput": 3945
         }
       },
-      "bytes": 32768
+      "bytes": 32794
     },
-    "dist/conference-JNABIZBG.js.map": {
+    "dist/conference-JD35TNH4.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 403040
+      "bytes": 454497
     },
-    "dist/conference-JNABIZBG.js": {
+    "dist/conference-JD35TNH4.js": {
       "imports": [
         {
-          "path": "dist/chunk-36X4ZCLC.js",
+          "path": "dist/chunk-2H5NIZB7.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-GLYGPYNS.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         },
         {
@@ -10127,6 +10269,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -10407,6 +10554,31 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -10527,6 +10699,16 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -10543,7 +10725,7 @@
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-3TI5NA4V.js",
+          "path": "dist/VirtualBackground-GP4ATXD3.js",
           "kind": "dynamic-import"
         },
         {
@@ -10641,6 +10823,66 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -10972,7 +11214,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-3S74KF3A.js",
+          "path": "dist/HLSView-IQRPLYNH.js",
           "kind": "dynamic-import"
         }
       ],
@@ -10993,11 +11235,14 @@
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 937
         },
+        "src/Prebuilt/components/hooks/useDropdownList.jsx": {
+          "bytesInOutput": 562
+        },
         "src/Prebuilt/components/Leave/LeaveRoom.tsx": {
           "bytesInOutput": 2037
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 5421
+          "bytesInOutput": 5435
         },
         "src/Prebuilt/components/Leave/EndSessionContent.tsx": {
           "bytesInOutput": 1894
@@ -11024,16 +11269,16 @@
           "bytesInOutput": 151
         },
         "src/Prebuilt/components/PIP/PIPComponent.jsx": {
-          "bytesInOutput": 2241
+          "bytesInOutput": 2256
         },
         "src/Prebuilt/components/PIP/SetupMediaSession.js": {
           "bytesInOutput": 2442
         },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
-          "bytesInOutput": 5978
+          "bytesInOutput": 5985
         },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
-          "bytesInOutput": 4189
+          "bytesInOutput": 4196
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 2898
@@ -11045,7 +11290,7 @@
           "bytesInOutput": 4416
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9440
+          "bytesInOutput": 9447
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 4968
@@ -11063,7 +11308,13 @@
           "bytesInOutput": 2246
         },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
-          "bytesInOutput": 9284
+          "bytesInOutput": 9286
+        },
+        "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
+          "bytesInOutput": 2099
+        },
+        "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
+          "bytesInOutput": 3192
         },
         "src/Prebuilt/components/RaiseHand.jsx": {
           "bytesInOutput": 529
@@ -11072,7 +11323,7 @@
           "bytesInOutput": 1404
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 7761
+          "bytesInOutput": 7086
         },
         "src/Prebuilt/images/pdf-share.png": {
           "bytesInOutput": 25446
@@ -11084,7 +11335,7 @@
           "bytesInOutput": 435
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-          "bytesInOutput": 1132
+          "bytesInOutput": 1139
         },
         "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx": {
           "bytesInOutput": 663
@@ -11093,7 +11344,7 @@
           "bytesInOutput": 1020
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2086
+          "bytesInOutput": 2093
         },
         "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
           "bytesInOutput": 796
@@ -11102,22 +11353,22 @@
           "bytesInOutput": 861
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 10755
+          "bytesInOutput": 11017
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 2610
+          "bytesInOutput": 3928
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
           "bytesInOutput": 5744
         },
         "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
-          "bytesInOutput": 2329
+          "bytesInOutput": 2336
         },
         "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
-          "bytesInOutput": 2734
+          "bytesInOutput": 2759
         },
         "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
-          "bytesInOutput": 1995
+          "bytesInOutput": 2002
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 2255
@@ -11126,22 +11377,34 @@
           "bytesInOutput": 3145
         },
         "src/Prebuilt/components/VideoLayouts/EqualProminence.tsx": {
-          "bytesInOutput": 1947
+          "bytesInOutput": 1949
         },
         "src/Prebuilt/components/InsetTile.tsx": {
-          "bytesInOutput": 3944
+          "bytesInOutput": 3975
+        },
+        "src/Prebuilt/components/VideoTile.jsx": {
+          "bytesInOutput": 7095
+        },
+        "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
+          "bytesInOutput": 4356
+        },
+        "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
+          "bytesInOutput": 10488
+        },
+        "src/Prebuilt/components/peerTileUtils.jsx": {
+          "bytesInOutput": 1023
         },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 406
         },
         "src/Prebuilt/components/Pagination.tsx": {
-          "bytesInOutput": 1661
+          "bytesInOutput": 1663
         },
         "src/Prebuilt/components/VideoLayouts/Grid.tsx": {
           "bytesInOutput": 1167
         },
         "src/Prebuilt/components/hooks/useTileLayout.tsx": {
-          "bytesInOutput": 3795
+          "bytesInOutput": 3797
         },
         "src/Prebuilt/components/VideoLayouts/RoleProminence.tsx": {
           "bytesInOutput": 1698
@@ -11159,7 +11422,7 @@
           "bytesInOutput": 1827
         },
         "src/Prebuilt/components/ScreenshareTile.jsx": {
-          "bytesInOutput": 3596
+          "bytesInOutput": 3614
         },
         "src/Prebuilt/components/ScreenshareDisplay.jsx": {
           "bytesInOutput": 1191
@@ -11168,28 +11431,28 @@
           "bytesInOutput": 2710
         },
         "src/Prebuilt/layouts/EmbedView.jsx": {
-          "bytesInOutput": 3224
+          "bytesInOutput": 3229
         },
         "src/Prebuilt/layouts/PDFView.jsx": {
-          "bytesInOutput": 3127
+          "bytesInOutput": 3133
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 3215
+          "bytesInOutput": 3245
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
           "bytesInOutput": 5223
         },
         "src/Prebuilt/components/Chat/Chat.jsx": {
-          "bytesInOutput": 6585
+          "bytesInOutput": 6609
         },
         "src/Prebuilt/components/Chat/ChatBody.jsx": {
-          "bytesInOutput": 13101
+          "bytesInOutput": 13120
         },
         "src/Prebuilt/images/empty-chat.svg": {
           "bytesInOutput": 2261
         },
         "src/Prebuilt/components/hooks/useSetPinnedMessage.js": {
-          "bytesInOutput": 1207
+          "bytesInOutput": 1231
         },
         "src/Prebuilt/components/Chat/useUnreadCount.js": {
           "bytesInOutput": 497
@@ -11204,30 +11467,30 @@
           "bytesInOutput": 1169
         },
         "src/Prebuilt/components/Streaming/StreamingLanding.jsx": {
-          "bytesInOutput": 2863
+          "bytesInOutput": 2865
         },
         "src/Prebuilt/images/rtmp.png": {
           "bytesInOutput": 7309
         },
         "src/Prebuilt/components/Streaming/HLSStreaming.jsx": {
-          "bytesInOutput": 7634
+          "bytesInOutput": 7636
         },
         "src/Prebuilt/layouts/WaitingView.jsx": {
           "bytesInOutput": 1380
         }
       },
-      "bytes": 303534
+      "bytes": 334175
     },
-    "dist/chunk-36X4ZCLC.js.map": {
+    "dist/chunk-2H5NIZB7.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 2406
     },
-    "dist/chunk-36X4ZCLC.js": {
+    "dist/chunk-2H5NIZB7.js": {
       "imports": [
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         },
         {
@@ -11246,16 +11509,16 @@
       },
       "bytes": 1591
     },
-    "dist/chunk-Z7P5WITU.js.map": {
+    "dist/chunk-GLYGPYNS.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 496061
+      "bytes": 449944
     },
-    "dist/chunk-Z7P5WITU.js": {
+    "dist/chunk-GLYGPYNS.js": {
       "imports": [
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-Z3O2WGWV.js",
           "kind": "import-statement"
         },
         {
@@ -11378,6 +11641,16 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@radix-ui/react-popover",
           "kind": "import-statement",
@@ -11563,6 +11836,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -12073,96 +12351,6 @@
           "kind": "import-statement",
           "external": true
         },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "import-statement",
-          "external": true
-        },
         {
           "path": "@100mslive/types-prebuilt/elements/join_form",
           "kind": "import-statement",
@@ -12179,7 +12367,7 @@
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-3TI5NA4V.js",
+          "path": "dist/VirtualBackground-GP4ATXD3.js",
           "kind": "dynamic-import"
         },
         {
@@ -12248,7 +12436,7 @@
           "external": true
         },
         {
-          "path": "dist/conference-JNABIZBG.js",
+          "path": "dist/conference-JD35TNH4.js",
           "kind": "dynamic-import"
         },
         {
@@ -12260,12 +12448,13 @@
       "exports": [
         "APP_DATA",
         "Accordion",
+        "AudioLevel",
         "AudioVideoToggle",
         "Avatar",
         "Button",
         "CHAT_SELECTOR",
-        "ChangeNameModal",
         "Checkbox",
+        "Chip_default",
         "Collapsible",
         "ConnectionIndicator",
         "Dialog",
@@ -12290,10 +12479,12 @@
         "PasswordInput",
         "PictureInPicture",
         "Popover",
+        "PrebuiltDialogPortal",
         "PreviewControls",
         "PreviewTile",
         "Progress",
         "QRCode",
+        "REMOTE_STOP_SCREENSHARE_TYPE",
         "ROLE_CHANGE_DECLINED",
         "RTMP_RECORD_DEFAULT_RESOLUTION",
         "RTMP_RECORD_RESOLUTION_MAX",
@@ -12317,7 +12508,7 @@
         "Tabs",
         "ThemeContext",
         "ThemeTypes",
-        "TileMenu_default",
+        "TileConnection_default",
         "Toast",
         "ToastManager",
         "UI_SETTINGS",
@@ -12325,11 +12516,9 @@
         "VerticalDivider",
         "Video",
         "VideoTileStats",
-        "VideoTile_default",
         "getFormattedCount",
         "getLeft",
         "getMetadata",
-        "getVideoTileLabel",
         "isAndroid",
         "isChrome",
         "isIOS",
@@ -12338,7 +12527,6 @@
         "isScreenshareSupported",
         "useAuthToken",
         "useBorderAudioLevel",
-        "useDropdownList",
         "useDropdownSelection",
         "useFilteredRoles",
         "useHMSPrebuiltContext",
@@ -12458,12 +12646,18 @@
         "src/TileMenu/index.tsx": {
           "bytesInOutput": 0
         },
-        "src/AudioLevel/AudioLevel.tsx": {
+        "src/AudioLevel/useBorderAudioLevel.tsx": {
           "bytesInOutput": 726
         },
         "src/AudioLevel/index.ts": {
           "bytesInOutput": 0
         },
+        "src/AudioLevel/AudioLevel.tsx": {
+          "bytesInOutput": 2164
+        },
+        "src/AudioLevel/audio-level.png": {
+          "bytesInOutput": 880
+        },
         "src/Popover/index.tsx": {
           "bytesInOutput": 610
         },
@@ -12528,7 +12722,7 @@
           "bytesInOutput": 860
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 10123
+          "bytesInOutput": 10165
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
           "bytesInOutput": 5447
@@ -12540,7 +12734,7 @@
           "bytesInOutput": 700
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 1125
+          "bytesInOutput": 1149
         },
         "src/Prebuilt/common/constants.js": {
           "bytesInOutput": 2911
@@ -12555,7 +12749,10 @@
           "bytesInOutput": 469
         },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 7629
+          "bytesInOutput": 7643
+        },
+        "src/Prebuilt/components/PrebuiltDialogPortal.tsx": {
+          "bytesInOutput": 200
         },
         "src/Prebuilt/components/ErrorBoundary.jsx": {
           "bytesInOutput": 3272
@@ -12597,13 +12794,13 @@
           "bytesInOutput": 1019
         },
         "src/Prebuilt/components/Notifications/InitErrorModal.jsx": {
-          "bytesInOutput": 1365
+          "bytesInOutput": 1367
         },
         "src/Prebuilt/components/Notifications/PeerNotifications.jsx": {
           "bytesInOutput": 1321
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-          "bytesInOutput": 4316
+          "bytesInOutput": 4323
         },
         "src/Prebuilt/images/android-perm-1.png": {
           "bytesInOutput": 10443
@@ -12636,7 +12833,7 @@
           "bytesInOutput": 1293
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1027
+          "bytesInOutput": 872
         },
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 0
@@ -12684,7 +12881,7 @@
           "bytesInOutput": 1769
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9320
+          "bytesInOutput": 9407
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 5583
@@ -12692,8 +12889,8 @@
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
           "bytesInOutput": 2838
         },
-        "src/Prebuilt/components/Chip.jsx": {
-          "bytesInOutput": 594
+        "src/Prebuilt/components/Chip.tsx": {
+          "bytesInOutput": 703
         },
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
           "bytesInOutput": 1455
@@ -12705,7 +12902,7 @@
           "bytesInOutput": 750
         },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-          "bytesInOutput": 8515
+          "bytesInOutput": 8522
         },
         "src/Prebuilt/components/Settings/common.js": {
           "bytesInOutput": 683
@@ -12728,27 +12925,6 @@
         "src/Prebuilt/components/Settings/NotificationSettings.jsx": {
           "bytesInOutput": 1851
         },
-        "src/Prebuilt/components/VideoTile.jsx": {
-          "bytesInOutput": 8310
-        },
-        "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
-          "bytesInOutput": 4399
-        },
-        "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
-          "bytesInOutput": 2094
-        },
-        "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
-          "bytesInOutput": 3192
-        },
-        "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-          "bytesInOutput": 10516
-        },
-        "src/Prebuilt/components/hooks/useDropdownList.jsx": {
-          "bytesInOutput": 579
-        },
-        "src/Prebuilt/components/peerTileUtils.jsx": {
-          "bytesInOutput": 1023
-        },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
           "bytesInOutput": 2532
         },
@@ -12759,7 +12935,7 @@
           "bytesInOutput": 505
         },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 3878
+          "bytesInOutput": 3852
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 575
@@ -12774,15 +12950,15 @@
           "bytesInOutput": 391
         }
       },
-      "bytes": 310161
+      "bytes": 283100
     },
-    "dist/chunk-5DQ3WTED.js.map": {
+    "dist/chunk-Z3O2WGWV.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 39344
+      "bytes": 39358
     },
-    "dist/chunk-5DQ3WTED.js": {
+    "dist/chunk-Z3O2WGWV.js": {
       "imports": [
         {
           "path": "@stitches/react",
@@ -12859,7 +13035,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18337
+          "bytesInOutput": 18384
         },
         "src/Theme/stitches.config.ts": {
           "bytesInOutput": 1652
@@ -12910,7 +13086,7 @@
           "bytesInOutput": 546
         }
       },
-      "bytes": 39964
+      "bytes": 40011
     }
   }
 }