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.cjs.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",
@@ -6633,6 +6542,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 +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",
@@ -7152,14 +7071,268 @@
           "original": "../../../Text"
         },
         {
-          "path": "src/Prebuilt/components/AppData/useUISettings.js",
+          "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"
+        },
+        {
+          "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": "../AppData/useUISettings"
+          "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",
@@ -9723,7 +10012,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 1016205
+      "bytes": 1032954
     },
     "dist/index.cjs.js": {
       "imports": [
@@ -9877,6 +10166,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 +10326,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-icons",
           "kind": "require-call",
@@ -10143,77 +10447,7 @@
           "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": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "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": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "worker-timers",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10223,17 +10457,17 @@
           "external": true
         },
         {
-          "path": "react-router-dom",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-router-dom",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10263,7 +10497,7 @@
           "external": true
         },
         {
-          "path": "@radix-ui/react-dialog",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10278,12 +10512,12 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "worker-timers",
           "kind": "require-call",
           "external": true
         },
@@ -10293,7 +10527,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react-router-dom",
           "kind": "require-call",
           "external": true
         },
@@ -10302,6 +10536,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-router-dom",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10318,27 +10557,27 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@radix-ui/react-dialog",
           "kind": "require-call",
           "external": true
         },
@@ -10353,17 +10592,17 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10378,17 +10617,17 @@
           "external": true
         },
         {
-          "path": "react-router-dom",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10403,17 +10642,17 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -10438,17 +10677,12 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "react",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10458,7 +10692,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react-router-dom",
           "kind": "require-call",
           "external": true
         },
@@ -10473,17 +10707,17 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10493,7 +10727,7 @@
           "external": true
         },
         {
-          "path": "@100mslive/react-icons",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10503,7 +10737,7 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
@@ -10528,12 +10762,7 @@
           "external": true
         },
         {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
-        {
-          "path": "@100mslive/react-sdk",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
@@ -10542,11 +10771,6 @@
           "kind": "require-call",
           "external": true
         },
-        {
-          "path": "react-use",
-          "kind": "require-call",
-          "external": true
-        },
         {
           "path": "@100mslive/react-sdk",
           "kind": "require-call",
@@ -10568,12 +10792,12 @@
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "@100mslive/react-sdk",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
@@ -10583,17 +10807,17 @@
           "external": true
         },
         {
-          "path": "react",
+          "path": "@100mslive/react-icons",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "react-use",
+          "path": "react",
           "kind": "require-call",
           "external": true
         },
         {
-          "path": "@100mslive/react-sdk",
+          "path": "react-use",
           "kind": "require-call",
           "external": true
         },
@@ -10772,6 +10996,11 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react",
+          "kind": "require-call",
+          "external": true
+        },
         {
           "path": "react-use",
           "kind": "require-call",
@@ -11052,6 +11281,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 +11451,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 +11536,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",
@@ -11587,6 +11911,31 @@
           "kind": "require-call",
           "external": true
         },
+        {
+          "path": "react-window",
+          "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",
@@ -11807,7 +12156,7 @@
       "entryPoint": "src/index.ts",
       "inputs": {
         "<define:process.env>": {
-          "bytesInOutput": 18444
+          "bytesInOutput": 18443
         },
         "src/Theme/base.config.ts": {
           "bytesInOutput": 6104
@@ -11959,11 +12308,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": 2807
         },
         "src/AudioLevel/index.ts": {
-          "bytesInOutput": 143
+          "bytesInOutput": 175
         },
         "src/Popover/index.tsx": {
           "bytesInOutput": 927
@@ -12059,22 +12414,25 @@
           "bytesInOutput": 1062
         },
         "src/Prebuilt/common/constants.js": {
-          "bytesInOutput": 3765
+          "bytesInOutput": 3763
         },
         "src/Prebuilt/components/AppData/useSidepane.js": {
           "bytesInOutput": 1640
         },
         "src/Prebuilt/components/AppData/useUISettings.js": {
-          "bytesInOutput": 5393
+          "bytesInOutput": 5392
         },
         "src/Prebuilt/components/AppData/AppData.jsx": {
-          "bytesInOutput": 6682
+          "bytesInOutput": 6681
         },
         "src/Prebuilt/AppContext.tsx": {
-          "bytesInOutput": 745
+          "bytesInOutput": 767
+        },
+        "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 +12444,7 @@
           "bytesInOutput": 875
         },
         "src/Prebuilt/services/FeatureFlags.jsx": {
-          "bytesInOutput": 1697
+          "bytesInOutput": 1701
         },
         "src/Prebuilt/components/init/Init.jsx": {
           "bytesInOutput": 939
@@ -12128,7 +12486,7 @@
           "bytesInOutput": 12068
         },
         "src/Prebuilt/components/Notifications/PermissionErrorModal.jsx": {
-          "bytesInOutput": 4937
+          "bytesInOutput": 4977
         },
         "src/Prebuilt/components/Notifications/ReconnectNotifications.jsx": {
           "bytesInOutput": 2973
@@ -12155,7 +12513,7 @@
           "bytesInOutput": 1408
         },
         "src/Prebuilt/common/utils.js": {
-          "bytesInOutput": 1336
+          "bytesInOutput": 1140
         },
         "src/Prebuilt/components/Notifications/Notifications.jsx": {
           "bytesInOutput": 7378
@@ -12163,6 +12521,9 @@
         "src/Prebuilt/components/Notifications/index.jsx": {
           "bytesInOutput": 173
         },
+        "src/Prebuilt/components/Notifications/HeadlessEndRoomListener.tsx": {
+          "bytesInOutput": 1021
+        },
         "src/Prebuilt/components/Header/HeaderComponents.jsx": {
           "bytesInOutput": 2156
         },
@@ -12211,8 +12572,8 @@
         "src/Prebuilt/components/AudioVideoToggle.jsx": {
           "bytesInOutput": 6745
         },
-        "src/Prebuilt/components/Chip.jsx": {
-          "bytesInOutput": 916
+        "src/Prebuilt/components/Chip.tsx": {
+          "bytesInOutput": 1112
         },
         "src/Prebuilt/components/Connection/connectionQualityUtils.js": {
           "bytesInOutput": 1059
@@ -12223,11 +12584,14 @@
         "src/Prebuilt/components/Connection/TileConnection.tsx": {
           "bytesInOutput": 2097
         },
+        "src/Prebuilt/components/PrebuiltTileElements.tsx": {
+          "bytesInOutput": 444
+        },
         "src/Prebuilt/primitives/DropdownTrigger.jsx": {
           "bytesInOutput": 1770
         },
         "src/Prebuilt/components/hooks/useDropdownSelection.jsx": {
-          "bytesInOutput": 257
+          "bytesInOutput": 260
         },
         "src/Prebuilt/components/Settings/DeviceSettings.jsx": {
           "bytesInOutput": 8119
@@ -12245,31 +12609,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 +12624,10 @@
           "bytesInOutput": 5054
         },
         "src/Prebuilt/components/Preview/PreviewJoin.tsx": {
-          "bytesInOutput": 11611
+          "bytesInOutput": 11753
         },
         "src/Prebuilt/components/Preview/PreviewContainer.tsx": {
-          "bytesInOutput": 2515
+          "bytesInOutput": 2512
         },
         "src/Prebuilt/components/Toast/Toast.jsx": {
           "bytesInOutput": 773
@@ -12293,7 +12636,7 @@
           "bytesInOutput": 1404
         },
         "src/Prebuilt/plugins/FlyingEmoji.jsx": {
-          "bytesInOutput": 4317
+          "bytesInOutput": 4314
         },
         "src/Prebuilt/plugins/RemoteStopScreenshare.jsx": {
           "bytesInOutput": 818
@@ -12307,6 +12650,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 +12669,7 @@
           "bytesInOutput": 2305
         },
         "src/Prebuilt/components/Leave/DesktopLeaveRoom.tsx": {
-          "bytesInOutput": 6923
+          "bytesInOutput": 6970
         },
         "src/Prebuilt/components/Leave/MwebLeaveRoom.tsx": {
           "bytesInOutput": 5237
@@ -12341,7 +12687,7 @@
           "bytesInOutput": 369
         },
         "src/Prebuilt/components/RoleChangeModal.jsx": {
-          "bytesInOutput": 7598
+          "bytesInOutput": 7638
         },
         "src/Prebuilt/components/Streaming/ResolutionInput.jsx": {
           "bytesInOutput": 3668
@@ -12353,10 +12699,10 @@
           "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
@@ -12376,6 +12722,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 +12756,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
@@ -12419,26 +12771,38 @@
           "bytesInOutput": 1304
         },
         "src/Prebuilt/components/Footer/RoleOptions.tsx": {
-          "bytesInOutput": 6833
+          "bytesInOutput": 6858
         },
         "src/Prebuilt/components/Footer/RoleAccordion.tsx": {
-          "bytesInOutput": 3505
+          "bytesInOutput": 5208
         },
         "src/Prebuilt/components/Footer/ParticipantList.jsx": {
-          "bytesInOutput": 13149
+          "bytesInOutput": 14243
         },
         "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": 7796
+        },
         "src/Prebuilt/components/hooks/useVideoTileLayout.ts": {
           "bytesInOutput": 706
         },
@@ -12514,8 +12878,11 @@
         "src/Prebuilt/components/Chat/Chat.jsx": {
           "bytesInOutput": 8085
         },
+        "src/Prebuilt/components/Footer/PaginatedParticipants.tsx": {
+          "bytesInOutput": 4444
+        },
         "src/Prebuilt/components/SidePaneTabs.tsx": {
-          "bytesInOutput": 6530
+          "bytesInOutput": 7596
         },
         "src/Prebuilt/images/rtmp.png": {
           "bytesInOutput": 7396
@@ -12527,7 +12894,7 @@
           "bytesInOutput": 3687
         },
         "src/Prebuilt/layouts/SidePane.tsx": {
-          "bytesInOutput": 4116
+          "bytesInOutput": 4143
         },
         "src/Prebuilt/layouts/WaitingView.jsx": {
           "bytesInOutput": 1943
@@ -12569,16 +12936,16 @@
           "bytesInOutput": 4598
         },
         "src/Prebuilt/layouts/HLSView.jsx": {
-          "bytesInOutput": 18286
+          "bytesInOutput": 18316
         },
         "src/Prebuilt/layouts/VideoStreamingSection.tsx": {
           "bytesInOutput": 3048
         },
         "src/Prebuilt/components/conference.jsx": {
-          "bytesInOutput": 8059
+          "bytesInOutput": 8312
         },
         "src/Prebuilt/App.tsx": {
-          "bytesInOutput": 13029
+          "bytesInOutput": 13235
         },
         "src/Prebuilt/index.ts": {
           "bytesInOutput": 131
@@ -12587,10 +12954,10 @@
           "bytesInOutput": 650
         },
         "src/index.ts": {
-          "bytesInOutput": 2758
+          "bytesInOutput": 2790
         }
       },
-      "bytes": 848073
+      "bytes": 860939
     }
   }
 }