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

@100mslive/roomkit-react 0.1.7 → 0.1.8

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 (72) 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": 2298,
+      "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",
@@ -1828,7 +1873,7 @@
       "format": "esm"
     },
     "src/Prebuilt/common/constants.js": {
-      "bytes": 3307,
+      "bytes": 3305,
       "imports": [
         {
           "path": "@100mslive/react-sdk",
@@ -1870,7 +1915,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/useUISettings.js": {
-      "bytes": 4892,
+      "bytes": 4891,
       "imports": [
         {
           "path": "react",
@@ -1906,7 +1951,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/AppData/AppData.jsx": {
-      "bytes": 5962,
+      "bytes": 5961,
       "imports": [
         {
           "path": "react",
@@ -1957,13 +2002,34 @@
       "format": "esm"
     },
     "src/Prebuilt/AppContext.tsx": {
-      "bytes": 708,
+      "bytes": 752,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "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",
@@ -1973,7 +2039,7 @@
       "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>",
@@ -2812,7 +2888,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/Notifications.jsx": {
-      "bytes": 6895,
+      "bytes": 6892,
       "imports": [
         {
           "path": "react",
@@ -2933,6 +3009,37 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/Notifications/HeadlessEndRoomListener.tsx": {
+      "bytes": 821,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "kind": "import-statement",
+          "original": "../AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useRedirectToLeave.tsx",
+          "kind": "import-statement",
+          "original": "../hooks/useRedirectToLeave"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/Header/HeaderComponents.jsx": {
       "bytes": 1583,
       "imports": [
@@ -3609,8 +3716,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/Chip.jsx": {
-      "bytes": 580,
+    "src/Prebuilt/components/Chip.tsx": {
+      "bytes": 887,
       "imports": [
         {
           "path": "react",
@@ -3627,10 +3734,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"
@@ -3718,6 +3835,27 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/PrebuiltTileElements.tsx": {
+      "bytes": 308,
+      "imports": [
+        {
+          "path": "src/Theme/index.tsx",
+          "kind": "import-statement",
+          "original": "../../Theme"
+        },
+        {
+          "path": "src/VideoTile/index.tsx",
+          "kind": "import-statement",
+          "original": "../../VideoTile"
+        },
+        {
+          "path": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/primitives/DropdownTrigger.jsx": {
       "bytes": 1116,
       "imports": [
@@ -3750,7 +3888,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-      "bytes": 72,
+      "bytes": 75,
       "imports": [
         {
           "path": "<define:process.env>",
@@ -3981,7 +4119,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-      "bytes": 8869,
+      "bytes": 8947,
       "imports": [
         {
           "path": "react",
@@ -4038,6 +4176,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 +4199,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 +4268,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 +4286,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 +4311,7 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/hms-virtual-background",
           "kind": "import-statement",
           "external": true
         },
@@ -4121,35 +4321,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 +4368,8 @@
       ],
       "format": "esm"
     },
-    "src/Prebuilt/components/TileMenu/TileMenuContent.jsx": {
-      "bytes": 9915,
+    "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
+      "bytes": 9662,
       "imports": [
         {
           "path": "react",
@@ -4182,496 +4392,37 @@
           "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/AppData/useUISettings.js",
-          "kind": "import-statement",
-          "original": "../AppData/useUISettings"
-        },
-        {
-          "path": "src/Prebuilt/components/hooks/useDropdownSelection.jsx",
-          "kind": "import-statement",
-          "original": "../hooks/useDropdownSelection"
-        },
-        {
-          "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/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/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",
+          "path": "src/Prebuilt/components/Chip.tsx",
           "kind": "import-statement",
           "original": "../Chip"
         },
@@ -4691,14 +4442,14 @@
           "original": "../Header/HeaderComponents"
         },
         {
-          "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
+          "path": "src/Prebuilt/components/PrebuiltTileElements.tsx",
           "kind": "import-statement",
-          "original": "../Settings/SettingsModal"
+          "original": "../PrebuiltTileElements"
         },
         {
-          "path": "src/Prebuilt/components/VideoTile.jsx",
+          "path": "src/Prebuilt/components/Settings/SettingsModal.jsx",
           "kind": "import-statement",
-          "original": "../VideoTile"
+          "original": "../Settings/SettingsModal"
         },
         {
           "path": "src/Prebuilt/components/Preview/PreviewForm.tsx",
@@ -5056,6 +4807,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 +5054,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-      "bytes": 6070,
+      "bytes": 6224,
       "imports": [
         {
           "path": "react",
@@ -5319,6 +5096,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 +5360,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/RoleChangeModal.jsx": {
-      "bytes": 6486,
+      "bytes": 6563,
       "imports": [
         {
           "path": "react",
@@ -5635,6 +5417,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 +5584,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Settings/StartRecording.jsx": {
-      "bytes": 4357,
+      "bytes": 4435,
       "imports": [
         {
           "path": "react",
@@ -5819,6 +5606,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 +5650,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/StatsForNerds.jsx": {
-      "bytes": 8930,
+      "bytes": 9007,
       "imports": [
         {
           "path": "react",
@@ -5910,6 +5702,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",
@@ -6254,6 +6051,113 @@
       ],
       "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
+        }
+      ],
+      "format": "esm"
+    },
     "src/Prebuilt/components/MoreSettings/SplitComponents/MwebOptions.tsx": {
       "bytes": 10950,
       "imports": [
@@ -6570,7 +6474,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-      "bytes": 2244,
+      "bytes": 2322,
       "imports": [
         {
           "path": "react",
@@ -6592,6 +6496,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 +6525,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-      "bytes": 1256,
+      "bytes": 1334,
       "imports": [
         {
           "path": "react",
@@ -6629,9 +6538,14 @@
           "original": "../../../"
         },
         {
-          "path": "src/Prebuilt/primitives/DialogContent.jsx",
+          "path": "src/Prebuilt/primitives/DialogContent.jsx",
+          "kind": "import-statement",
+          "original": "../../primitives/DialogContent"
+        },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
           "kind": "import-statement",
-          "original": "../../primitives/DialogContent"
+          "original": "../PrebuiltDialogPortal"
         },
         {
           "path": "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx",
@@ -6657,7 +6571,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-      "bytes": 7208,
+      "bytes": 6576,
       "imports": [
         {
           "path": "react",
@@ -6815,7 +6729,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-      "bytes": 5408,
+      "bytes": 5433,
       "imports": [
         {
           "path": "react",
@@ -6876,7 +6790,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-      "bytes": 3100,
+      "bytes": 4588,
       "imports": [
         {
           "path": "react",
@@ -6898,6 +6812,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "src/Accordion/index.ts",
           "kind": "import-statement",
@@ -6937,7 +6856,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-      "bytes": 10390,
+      "bytes": 11501,
       "imports": [
         {
           "path": "react",
@@ -7119,7 +7038,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/Notifications/HLSFailureModal.jsx": {
-      "bytes": 2379,
+      "bytes": 2457,
       "imports": [
         {
           "path": "react",
@@ -7151,15 +7070,269 @@
           "kind": "import-statement",
           "original": "../../../Text"
         },
+        {
+          "path": "src/Prebuilt/components/PrebuiltDialogPortal.tsx",
+          "kind": "import-statement",
+          "original": "../PrebuiltDialogPortal"
+        },
+        {
+          "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
+        },
+        {
+          "path": "<runtime>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx": {
+      "bytes": 2138,
+      "imports": [
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react-use",
+          "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": "<define:process.env>",
+          "kind": "import-statement",
+          "external": true
+        }
+      ],
+      "format": "esm"
+    },
+    "src/Prebuilt/components/RoleChangeRequest/RoleChangeRequestModal.tsx": {
+      "bytes": 2605,
+      "imports": [
+        {
+          "path": "react",
+          "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/Preview/PreviewJoin.tsx",
+          "kind": "import-statement",
+          "original": "../Preview/PreviewJoin"
+        },
+        {
+          "path": "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx",
+          "kind": "import-statement",
+          "original": "./RequestPrompt"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "kind": "import-statement",
+          "original": "../hooks/useMetadata"
+        },
+        {
+          "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/TileMenu/TileMenuContent.jsx": {
+      "bytes": 9915,
+      "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/Slider/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Slider"
+        },
+        {
+          "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/Toast/ToastManager.js",
+          "kind": "import-statement",
+          "original": "../Toast/ToastManager"
+        },
         {
           "path": "src/Prebuilt/components/AppData/useUISettings.js",
           "kind": "import-statement",
-          "original": "../AppData/useUISettings"
+          "original": "../AppData/useUISettings"
+        },
+        {
+          "path": "src/Prebuilt/components/hooks/useDropdownSelection.jsx",
+          "kind": "import-statement",
+          "original": "../hooks/useDropdownSelection"
+        },
+        {
+          "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/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/common/constants.js",
+          "path": "src/Prebuilt/components/TileMenu/TileMenuContent.jsx",
           "kind": "import-statement",
-          "original": "../../common/constants"
+          "original": "./TileMenuContent"
         },
         {
           "path": "<define:process.env>",
@@ -7174,8 +7347,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": 6421,
       "imports": [
         {
           "path": "react",
@@ -7188,60 +7372,74 @@
           "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": "../Preview/PreviewJoin"
+          "original": "../../Stats"
         },
         {
-          "path": "src/Prebuilt/components/RoleChangeRequest/RequestPrompt.tsx",
+          "path": "src/Theme/index.tsx",
           "kind": "import-statement",
-          "original": "./RequestPrompt"
+          "original": "../../Theme"
         },
         {
-          "path": "src/Prebuilt/components/hooks/useMetadata.jsx",
+          "path": "src/Video/index.tsx",
           "kind": "import-statement",
-          "original": "../hooks/useMetadata"
+          "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/PrebuiltTileElements.tsx",
+          "kind": "import-statement",
+          "original": "./PrebuiltTileElements"
+        },
+        {
+          "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"
+          "original": "../common/constants"
         },
         {
           "path": "<define:process.env>",
@@ -8414,8 +8612,89 @@
       ],
       "format": "esm"
     },
+    "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
+      "bytes": 3875,
+      "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/Button/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Button"
+        },
+        {
+          "path": "src/IconButton/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../IconButton"
+        },
+        {
+          "path": "src/Layout/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Layout"
+        },
+        {
+          "path": "src/Loading/index.ts",
+          "kind": "import-statement",
+          "original": "../../../Loading"
+        },
+        {
+          "path": "src/Text/index.tsx",
+          "kind": "import-statement",
+          "original": "../../../Text"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
+          "kind": "import-statement",
+          "original": "./ParticipantList"
+        },
+        {
+          "path": "src/Prebuilt/components/Footer/RoleAccordion.tsx",
+          "kind": "import-statement",
+          "original": "./RoleAccordion"
+        },
+        {
+          "path": "src/Prebuilt/components/AppData/useSidepane.js",
+          "kind": "import-statement",
+          "original": "../AppData/useSidepane"
+        },
+        {
+          "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/SidePaneTabs.tsx": {
-      "bytes": 5689,
+      "bytes": 6691,
       "imports": [
         {
           "path": "react",
@@ -8447,6 +8726,11 @@
           "kind": "import-statement",
           "original": "./Chat/Chat"
         },
+        {
+          "path": "src/Prebuilt/components/Footer/PaginatedParticipants.tsx",
+          "kind": "import-statement",
+          "original": "./Footer/PaginatedParticipants"
+        },
         {
           "path": "src/Prebuilt/components/Footer/ParticipantList.jsx",
           "kind": "import-statement",
@@ -8627,7 +8911,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/SidePane.tsx": {
-      "bytes": 3668,
+      "bytes": 3691,
       "imports": [
         {
           "path": "react",
@@ -9046,7 +9330,7 @@
       "format": "esm"
     },
     "src/Prebuilt/layouts/HLSView.jsx": {
-      "bytes": 14973,
+      "bytes": 15003,
       "imports": [
         {
           "path": "react",
@@ -9238,7 +9522,7 @@
       "format": "esm"
     },
     "src/Prebuilt/components/conference.jsx": {
-      "bytes": 6609,
+      "bytes": 6775,
       "imports": [
         {
           "path": "react",
@@ -9334,7 +9618,7 @@
       "format": "esm"
     },
     "src/Prebuilt/App.tsx": {
-      "bytes": 11824,
+      "bytes": 12059,
       "imports": [
         {
           "path": "react",
@@ -9396,6 +9680,11 @@
           "kind": "import-statement",
           "original": "./components/Notifications"
         },
+        {
+          "path": "src/Prebuilt/components/Notifications/HeadlessEndRoomListener.tsx",
+          "kind": "import-statement",
+          "original": "./components/Notifications/HeadlessEndRoomListener"
+        },
         {
           "path": "src/Prebuilt/components/PostLeave.jsx",
           "kind": "import-statement",
@@ -9728,16 +10017,17 @@
     "dist/index.js": {
       "imports": [
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-PRM33R4R.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         }
       ],
       "exports": [
         "Accordion",
+        "AudioLevel",
         "Avatar",
         "Box",
         "Button",
@@ -9799,22 +10089,22 @@
       ],
       "entryPoint": "src/index.ts",
       "inputs": {},
-      "bytes": 1702
+      "bytes": 1730
     },
-    "dist/VirtualBackground-3TI5NA4V.js.map": {
+    "dist/VirtualBackground-UVZJVOA2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 9170
     },
-    "dist/VirtualBackground-3TI5NA4V.js": {
+    "dist/VirtualBackground-UVZJVOA2.js": {
       "imports": [
         {
-          "path": "dist/chunk-36X4ZCLC.js",
+          "path": "dist/chunk-HUMNPIYI.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         },
         {
@@ -9863,20 +10153,20 @@
       },
       "bytes": 6113
     },
-    "dist/HLSView-3S74KF3A.js.map": {
+    "dist/HLSView-DDGPZHA2.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 52724
+      "bytes": 52770
     },
-    "dist/HLSView-3S74KF3A.js": {
+    "dist/HLSView-DDGPZHA2.js": {
       "imports": [
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-PRM33R4R.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         },
         {
@@ -9986,7 +10276,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 +10315,26 @@
           "bytesInOutput": 3945
         }
       },
-      "bytes": 32768
+      "bytes": 32794
     },
-    "dist/conference-JNABIZBG.js.map": {
+    "dist/conference-N7S47TDK.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 403040
+      "bytes": 463313
     },
-    "dist/conference-JNABIZBG.js": {
+    "dist/conference-N7S47TDK.js": {
       "imports": [
         {
-          "path": "dist/chunk-36X4ZCLC.js",
+          "path": "dist/chunk-HUMNPIYI.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-Z7P5WITU.js",
+          "path": "dist/chunk-PRM33R4R.js",
           "kind": "import-statement"
         },
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         },
         {
@@ -10127,6 +10417,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "import-statement",
@@ -10333,7 +10628,92 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "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": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "screenfull",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "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/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
         },
@@ -10358,7 +10738,12 @@
           "external": true
         },
         {
-          "path": "screenfull",
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
@@ -10388,12 +10773,12 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -10433,22 +10818,17 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
-          "kind": "import-statement",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
+          "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
@@ -10458,17 +10838,17 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react-window",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
@@ -10492,23 +10872,27 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "dist/VirtualBackground-UVZJVOA2.js",
+          "kind": "dynamic-import"
+        },
         {
           "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
@@ -10523,31 +10907,32 @@
           "external": true
         },
         {
-          "path": "react-window",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-3TI5NA4V.js",
-          "kind": "dynamic-import"
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
         },
         {
-          "path": "react",
+          "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
@@ -10562,32 +10947,32 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react-draggable",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react",
+          "path": "react-use",
           "kind": "import-statement",
           "external": true
         },
@@ -10596,6 +10981,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-icons",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react",
           "kind": "import-statement",
@@ -10612,12 +11002,12 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "import-statement",
           "external": true
         },
         {
-          "path": "react-draggable",
+          "path": "react",
           "kind": "import-statement",
           "external": true
         },
@@ -10936,6 +11326,31 @@
           "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": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "import-statement",
@@ -10972,7 +11387,7 @@
           "external": true
         },
         {
-          "path": "dist/HLSView-3S74KF3A.js",
+          "path": "dist/HLSView-DDGPZHA2.js",
           "kind": "dynamic-import"
         }
       ],
@@ -10982,7 +11397,7 @@
       "entryPoint": "src/Prebuilt/components/conference.jsx",
       "inputs": {
         "src/Prebuilt/components/conference.jsx": {
-          "bytesInOutput": 6328
+          "bytesInOutput": 6520
         },
         "src/Prebuilt/components/Footer/Footer.tsx": {
           "bytesInOutput": 3339
@@ -10993,11 +11408,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 +11442,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 +11463,7 @@
           "bytesInOutput": 4416
         },
         "src/Prebuilt/components/StatsForNerds.jsx": {
-          "bytesInOutput": 9440
+          "bytesInOutput": 9447
         },
         "src/Prebuilt/components/MoreSettings/BulkRoleChangeModal.jsx": {
           "bytesInOutput": 4968
@@ -11063,7 +11481,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 +11496,7 @@
           "bytesInOutput": 1404
         },
         "src/Prebuilt/components/pdfAnnotator/shareScreenOptions.jsx": {
-          "bytesInOutput": 7761
+          "bytesInOutput": 7086
         },
         "src/Prebuilt/images/pdf-share.png": {
           "bytesInOutput": 25446
@@ -11084,7 +11508,7 @@
           "bytesInOutput": 435
         },
         "src/Prebuilt/components/pdfAnnotator/pdfFileOptions.jsx": {
-          "bytesInOutput": 1132
+          "bytesInOutput": 1139
         },
         "src/Prebuilt/components/pdfAnnotator/pdfHeader.jsx": {
           "bytesInOutput": 663
@@ -11093,7 +11517,7 @@
           "bytesInOutput": 1020
         },
         "src/Prebuilt/components/pdfAnnotator/uploadedFile.jsx": {
-          "bytesInOutput": 2086
+          "bytesInOutput": 2093
         },
         "src/Prebuilt/components/pdfAnnotator/pdfInfo.jsx": {
           "bytesInOutput": 796
@@ -11102,22 +11526,22 @@
           "bytesInOutput": 861
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 10755
+          "bytesInOutput": 11673
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 2610
+          "bytesInOutput": 4125
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-          "bytesInOutput": 5744
+          "bytesInOutput": 5769
         },
         "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 +11550,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": 6441
+        },
+        "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 +11595,7 @@
           "bytesInOutput": 1827
         },
         "src/Prebuilt/components/ScreenshareTile.jsx": {
-          "bytesInOutput": 3596
+          "bytesInOutput": 3614
         },
         "src/Prebuilt/components/ScreenshareDisplay.jsx": {
           "bytesInOutput": 1191
@@ -11171,25 +11607,25 @@
           "bytesInOutput": 3224
         },
         "src/Prebuilt/layouts/PDFView.jsx": {
-          "bytesInOutput": 3127
+          "bytesInOutput": 3133
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 3215
+          "bytesInOutput": 3268
         },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 5223
+          "bytesInOutput": 6118
         },
         "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
@@ -11203,31 +11639,34 @@
         "src/Prebuilt/components/Chat/useEmojiPickerStyles.js": {
           "bytesInOutput": 1169
         },
+        "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
+          "bytesInOutput": 3503
+        },
         "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": 339102
     },
-    "dist/chunk-36X4ZCLC.js.map": {
+    "dist/chunk-HUMNPIYI.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 2406
     },
-    "dist/chunk-36X4ZCLC.js": {
+    "dist/chunk-HUMNPIYI.js": {
       "imports": [
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         },
         {
@@ -11246,16 +11685,16 @@
       },
       "bytes": 1591
     },
-    "dist/chunk-Z7P5WITU.js.map": {
+    "dist/chunk-PRM33R4R.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 496061
+      "bytes": 452418
     },
-    "dist/chunk-Z7P5WITU.js": {
+    "dist/chunk-PRM33R4R.js": {
       "imports": [
         {
-          "path": "dist/chunk-5DQ3WTED.js",
+          "path": "dist/chunk-6SQTFOK6.js",
           "kind": "import-statement"
         },
         {
@@ -11378,6 +11817,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 +12012,11 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "import-statement",
@@ -11763,6 +12217,16 @@
           "kind": "import-statement",
           "external": true
         },
+        {
+          "path": "@100mslive/react-sdk",
+          "kind": "import-statement",
+          "external": true
+        },
+        {
+          "path": "react",
+          "kind": "import-statement",
+          "external": true
+        },
         {
           "path": "react-router-dom",
           "kind": "import-statement",
@@ -12073,96 +12537,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 +12553,7 @@
           "external": true
         },
         {
-          "path": "dist/VirtualBackground-3TI5NA4V.js",
+          "path": "dist/VirtualBackground-UVZJVOA2.js",
           "kind": "dynamic-import"
         },
         {
@@ -12248,7 +12622,7 @@
           "external": true
         },
         {
-          "path": "dist/conference-JNABIZBG.js",
+          "path": "dist/conference-N7S47TDK.js",
           "kind": "dynamic-import"
         },
         {
@@ -12260,11 +12634,11 @@
       "exports": [
         "APP_DATA",
         "Accordion",
+        "AudioLevel",
         "AudioVideoToggle",
         "Avatar",
         "Button",
         "CHAT_SELECTOR",
-        "ChangeNameModal",
         "Checkbox",
         "Collapsible",
         "ConnectionIndicator",
@@ -12290,10 +12664,14 @@
         "PasswordInput",
         "PictureInPicture",
         "Popover",
+        "PrebuiltAttributeBox",
+        "PrebuiltAudioIndicator",
+        "PrebuiltDialogPortal",
         "PreviewControls",
         "PreviewTile",
         "Progress",
         "QRCode",
+        "REMOTE_STOP_SCREENSHARE_TYPE",
         "ROLE_CHANGE_DECLINED",
         "RTMP_RECORD_DEFAULT_RESOLUTION",
         "RTMP_RECORD_RESOLUTION_MAX",
@@ -12317,7 +12695,7 @@
         "Tabs",
         "ThemeContext",
         "ThemeTypes",
-        "TileMenu_default",
+        "TileConnection_default",
         "Toast",
         "ToastManager",
         "UI_SETTINGS",
@@ -12325,11 +12703,9 @@
         "VerticalDivider",
         "Video",
         "VideoTileStats",
-        "VideoTile_default",
         "getFormattedCount",
         "getLeft",
         "getMetadata",
-        "getVideoTileLabel",
         "isAndroid",
         "isChrome",
         "isIOS",
@@ -12338,7 +12714,6 @@
         "isScreenshareSupported",
         "useAuthToken",
         "useBorderAudioLevel",
-        "useDropdownList",
         "useDropdownSelection",
         "useFilteredRoles",
         "useHMSPrebuiltContext",
@@ -12458,12 +12833,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": 2168
+        },
+        "src/AudioLevel/audio-level.png": {
+          "bytesInOutput": 880
+        },
         "src/Popover/index.tsx": {
           "bytesInOutput": 610
         },
@@ -12528,10 +12909,10 @@
           "bytesInOutput": 860
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 10123
+          "bytesInOutput": 10265
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
-          "bytesInOutput": 5447
+          "bytesInOutput": 5446
         },
         "src/Prebuilt/components/init/initUtils.js": {
           "bytesInOutput": 1693
@@ -12540,22 +12921,25 @@
           "bytesInOutput": 700
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
-          "bytesInOutput": 1125
+          "bytesInOutput": 1149
         },
         "src/Prebuilt/common/constants.js": {
-          "bytesInOutput": 2911
+          "bytesInOutput": 2909
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 3966
+          "bytesInOutput": 3965
         },
         "src/Prebuilt/components/AuthToken.jsx": {
           "bytesInOutput": 3208
         },
         "src/Prebuilt/AppContext.tsx": {
-          "bytesInOutput": 469
+          "bytesInOutput": 487
         },
         "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 +12981,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,11 +13020,14 @@
           "bytesInOutput": 1293
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1027
+          "bytesInOutput": 872
         },
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 0
         },
+        "src/Prebuilt/components/Notifications/HeadlessEndRoomListener.tsx": {
+          "bytesInOutput": 727
+        },
         "src/Prebuilt/components/PostLeave.jsx": {
           "bytesInOutput": 2585
         },
@@ -12684,7 +13071,7 @@
           "bytesInOutput": 1769
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 9320
+          "bytesInOutput": 9414
         },
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 5583
@@ -12692,8 +13079,8 @@
         "src/Prebuilt/components/IconButtonWithOptions/IconButtonWithOptions.jsx": {
           "bytesInOutput": 2838
         },
-        "src/Prebuilt/components/Chip.jsx": {
-          "bytesInOutput": 594
+        "src/Prebuilt/components/Chip.tsx": {
+          "bytesInOutput": 746
         },
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
           "bytesInOutput": 1455
@@ -12704,8 +13091,11 @@
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
           "bytesInOutput": 750
         },
+        "src/Prebuilt/components/PrebuiltTileElements.tsx": {
+          "bytesInOutput": 200
+        },
         "src/Prebuilt/components/Settings/SettingsModal.jsx": {
-          "bytesInOutput": 8515
+          "bytesInOutput": 8522
         },
         "src/Prebuilt/components/Settings/common.js": {
           "bytesInOutput": 683
@@ -12717,7 +13107,7 @@
           "bytesInOutput": 1281
         },
         "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-          "bytesInOutput": 63
+          "bytesInOutput": 66
         },
         "src/Prebuilt/components/Settings/LayoutSettings.jsx": {
           "bytesInOutput": 2199
@@ -12728,27 +13118,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 +13128,7 @@
           "bytesInOutput": 505
         },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 3878
+          "bytesInOutput": 3852
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 575
@@ -12774,15 +13143,15 @@
           "bytesInOutput": 391
         }
       },
-      "bytes": 310161
+      "bytes": 284355
     },
-    "dist/chunk-5DQ3WTED.js.map": {
+    "dist/chunk-6SQTFOK6.js.map": {
       "imports": [],
       "exports": [],
       "inputs": {},
       "bytes": 39344
     },
-    "dist/chunk-5DQ3WTED.js": {
+    "dist/chunk-6SQTFOK6.js": {
       "imports": [
         {
           "path": "@stitches/react",
@@ -12859,7 +13228,7 @@
       ],
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18337
+          "bytesInOutput": 18336
         },
         "src/Theme/stitches.config.ts": {
           "bytesInOutput": 1652
@@ -12910,7 +13279,7 @@
           "bytesInOutput": 546
         }
       },
-      "bytes": 39964
+      "bytes": 39963
     }
   }
 }