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

package/dist/meta.cjs.json

@@ -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",
@@ -9723,7 +9864,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1016205
+      "bytes": 1021693
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -9877,6 +10018,16 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@radix-ui/react-popover",
           "kind": "require-call",
@@ -10027,6 +10178,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -10517,96 +10673,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -10772,6 +10838,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -11052,6 +11123,31 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -11197,6 +11293,16 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -11272,6 +11378,66 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "require-call",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "require-call",
@@ -11807,7 +11973,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18444
+          "bytesInOutput": 18491
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -11959,11 +12125,17 @@
         "src/TileMenu/index.tsx": {
           "bytesInOutput": 143
         },
+        "src/AudioLevel/useBorderAudioLevel.tsx": {
+          "bytesInOutput": 968
+        },
+        "src/AudioLevel/audio-level.png": {
+          "bytesInOutput": 983
+        },
         "src/AudioLevel/AudioLevel.tsx": {
-          "bytesInOutput": 950
+          "bytesInOutput": 2803
         },
         "src/AudioLevel/index.ts": {
-          "bytesInOutput": 143
+          "bytesInOutput": 175
         },
         "src/Popover/index.tsx": {
           "bytesInOutput": 927
@@ -12073,8 +12245,11 @@
         "src/Prebuilt/AppContext.tsx": {
           "bytesInOutput": 745
         },
+        "src/Prebuilt/components/PrebuiltDialogPortal.tsx": {
+          "bytesInOutput": 448
+        },
         "src/Prebuilt/primitives/DialogContent.jsx": {
-          "bytesInOutput": 9342
+          "bytesInOutput": 9389
         },
         "src/Prebuilt/components/AuthToken.jsx": {
           "bytesInOutput": 3891
@@ -12086,7 +12261,7 @@
           "bytesInOutput": 875
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
-          "bytesInOutput": 1697
+          "bytesInOutput": 1701
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 939
@@ -12128,7 +12303,7 @@
           "bytesInOutput": 12068
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-          "bytesInOutput": 4937
+          "bytesInOutput": 4977
         },
         "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
           "bytesInOutput": 2973
@@ -12155,7 +12330,7 @@
           "bytesInOutput": 1408
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1336
+          "bytesInOutput": 1140
         },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
           "bytesInOutput": 7378
@@ -12211,8 +12386,8 @@
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 6745
         },
-        "src/Prebuilt/components/Chip.jsx": {
-          "bytesInOutput": 916
+        "src/Prebuilt/components/Chip.tsx": {
+          "bytesInOutput": 1033
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
           "bytesInOutput": 1059
@@ -12245,31 +12420,10 @@
           "bytesInOutput": 1151
         },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-          "bytesInOutput": 10612
-        },
-        "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
-          "bytesInOutput": 4077
-        },
-        "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
-          "bytesInOutput": 2747
-        },
-        "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-          "bytesInOutput": 12712
-        },
-        "src/Prebuilt/components/hooks/useDropdownList.jsx": {
-          "bytesInOutput": 885
-        },
-        "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
-          "bytesInOutput": 5393
-        },
-        "src/Prebuilt/components/peerTileUtils.jsx": {
-          "bytesInOutput": 1299
-        },
-        "src/Prebuilt/components/VideoTile.jsx": {
-          "bytesInOutput": 9862
+          "bytesInOutput": 10652
         },
         "src/Prebuilt/components/Preview/PreviewForm.tsx": {
-          "bytesInOutput": 3256
+          "bytesInOutput": 3253
         },
         "src/Prebuilt/components/MoreSettings/ActionTile.jsx": {
           "bytesInOutput": 1881
@@ -12281,10 +12435,10 @@
           "bytesInOutput": 5054
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 11611
+          "bytesInOutput": 11713
         },
         "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
-          "bytesInOutput": 2515
+          "bytesInOutput": 2512
         },
         "src/Prebuilt/components/Toast/Toast.jsx": {
           "bytesInOutput": 773
@@ -12293,7 +12447,7 @@
           "bytesInOutput": 1404
         },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 4317
+          "bytesInOutput": 4314
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 818
@@ -12307,6 +12461,9 @@
         "src/Prebuilt/components/Footer/EmojiCard.jsx": {
           "bytesInOutput": 1315
         },
+        "src/Prebuilt/components/hooks/useDropdownList.jsx": {
+          "bytesInOutput": 885
+        },
         "src/Prebuilt/components/EmojiReaction.jsx": {
           "bytesInOutput": 2931
         },
@@ -12323,7 +12480,7 @@
           "bytesInOutput": 2305
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 6923
+          "bytesInOutput": 6970
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
           "bytesInOutput": 5237
@@ -12341,7 +12498,7 @@
           "bytesInOutput": 369
         },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
-          "bytesInOutput": 7598
+          "bytesInOutput": 7638
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 3668
@@ -12353,13 +12510,13 @@
           "bytesInOutput": 12511
         },
         "src/Prebuilt/components/Settings/StartRecording.jsx": {
-          "bytesInOutput": 5184
+          "bytesInOutput": 5203
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 11523
+          "bytesInOutput": 11509
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
-          "bytesInOutput": 6227
+          "bytesInOutput": 6192
         },
         "src/Prebuilt/components/hooks/useFullscreen.js": {
           "bytesInOutput": 1672
@@ -12376,6 +12533,12 @@
         "src/Prebuilt/components/MoreSettings/SplitComponents/DesktopOptions.tsx": {
           "bytesInOutput": 8198
         },
+        "src/Prebuilt/components/MoreSettings/ChangeNameContent.jsx": {
+          "bytesInOutput": 4090
+        },
+        "src/Prebuilt/components/MoreSettings/ChangeNameModal.jsx": {
+          "bytesInOutput": 2801
+        },
         "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
           "bytesInOutput": 11499
         },
@@ -12404,13 +12567,13 @@
           "bytesInOutput": 1222
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2869
+          "bytesInOutput": 2909
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-          "bytesInOutput": 1575
+          "bytesInOutput": 1615
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 8675
+          "bytesInOutput": 7968
         },
         "src/Prebuilt/components/ScreenShareToggle.jsx": {
           "bytesInOutput": 2035
@@ -12422,23 +12585,35 @@
           "bytesInOutput": 6833
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 3505
+          "bytesInOutput": 5035
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 13149
+          "bytesInOutput": 13454
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
           "bytesInOutput": 4590
         },
         "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
-          "bytesInOutput": 2795
+          "bytesInOutput": 2835
         },
         "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
-          "bytesInOutput": 2639
+          "bytesInOutput": 2679
         },
         "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
           "bytesInOutput": 3482
         },
+        "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
+          "bytesInOutput": 12775
+        },
+        "src/Prebuilt/components/TileMenu/TileMenu.jsx": {
+          "bytesInOutput": 5418
+        },
+        "src/Prebuilt/components/peerTileUtils.jsx": {
+          "bytesInOutput": 1299
+        },
+        "src/Prebuilt/components/VideoTile.jsx": {
+          "bytesInOutput": 8466
+        },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 706
         },
@@ -12569,7 +12744,7 @@
           "bytesInOutput": 4598
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 18286
+          "bytesInOutput": 18316
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 3048
@@ -12578,7 +12753,7 @@
           "bytesInOutput": 8059
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 13029
+          "bytesInOutput": 13075
         },
         "src/Prebuilt/index.ts": {
           "bytesInOutput": 131
@@ -12587,10 +12762,10 @@
           "bytesInOutput": 650
         },
         "src/index.ts": {
-          "bytesInOutput": 2758
+          "bytesInOutput": 2790
         }
       },
-      "bytes": 848073
+      "bytes": 852892
     }
   }
 }