@cloudflare/realtimekit-ui 1.0.5 → 1.0.6-staging.2

package/dist/collection/components/rtk-clock/rtk-clock.js

@@ -71,9 +71,9 @@ export class RtkClock {
     }
     render() {
         const showClock = this.startedTime !== undefined;
-        return (h(Host, { key: 'f9d97a2d88a418623011aa33839e3262cb106419', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
-            h("rtk-icon", { key: 'c1b4cb9b3859d6523529c5590f84a571f245330b', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
-            h("span", { key: 'af7242035fc017d49aa0f21c3da844b37dd87277', part: "text" }, this.getFormattedTime()),
+        return (h(Host, { key: 'a389e7c6a9fc8183f3228564bfa61f606ceaf979', "data-hidden": !showClock, tabIndex: 0, role: "timer", "aria-live": "off" }, this.startedTime !== undefined && [
+            h("rtk-icon", { key: '5fe283d25031c367f018d7a99ea46ed0c0d46a86', icon: this.iconPack.clock, "aria-hidden": true, tabIndex: -1, part: "icon" }),
+            h("span", { key: 'e5e134c951f7bbb3f161ae01d88d9c83ed85c798', part: "text" }, this.getFormattedTime()),
         ]));
     }
     static get is() { return "rtk-clock"; }
@@ -136,6 +136,31 @@ export class RtkClock {
                 "getter": false,
                 "setter": false,
                 "defaultValue": "defaultIconPack"
+            },
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Size",
+                    "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\"",
+                    "references": {
+                        "Size": {
+                            "location": "import",
+                            "path": "../../types/props",
+                            "id": "src/types/props.ts::Size"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Size"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "size",
+                "reflect": true
             }
         };
     }

package/dist/collection/utils/sync-with-store/index.js

@@ -37,7 +37,6 @@ export function SyncWithStore() {
                     host[`_rtkStoreToCleanup-${propName}`] = event.detail.store;
                     // Since peer specific store is available, remove element prop from global store
                     removeElement(propName, host, legacyGlobalUIStore);
-                    document.removeEventListener('rtkProvideStore', storeResponseListener);
                 }
             };
             // Store listener reference for cleanup
@@ -64,7 +63,6 @@ export function SyncWithStore() {
                     composed: true,
                 });
                 host.dispatchEvent(retryRequestEvent);
-                document.removeEventListener('rtkPeerStoreReady', storeReadyListener);
             };
             // Store listener reference for cleanup
             host[`_rtkStoreReadyListener-${propName}`] = storeReadyListener;

package/dist/collection/utils/sync-with-store/ui-store.js

@@ -92,6 +92,13 @@ function appendElement(propName, element, targetStore = uiStore) {
     }
     else {
         try {
+            /**
+             * NOTE(ravindra-dyte):
+             * If the element+propName exists already, remove it first
+             * This could happen in https://github.com/dyte-io/react-samples/tree/main/samples/back-to-back-meetings,
+             * where the same component is re-rendered multiple times under different providers
+             *  */
+            removeElement(propName, element, targetStore);
             elements.push(element);
         }
         catch (error) {

package/dist/components/index.js

@@ -1,10 +1,10 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { c as createDefaultConfig } from './p-fa889524.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-fa889524.js';
-export { p as provideRtkDesignSystem } from './p-3015a4c6.js';
-import { g as generateConfig } from './p-c6861b3f.js';
-export { e as extendConfig, g as generateConfig } from './p-c6861b3f.js';
-export { R as RtkNotificationsAudio } from './p-8adcc64e.js';
+import { c as createDefaultConfig } from './p-74e01969.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-74e01969.js';
+export { p as provideRtkDesignSystem } from './p-d4ada89c.js';
+import { g as generateConfig } from './p-66cf8c03.js';
+export { e as extendConfig, g as generateConfig } from './p-66cf8c03.js';
+export { R as RtkNotificationsAudio } from './p-07411961.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**

package/dist/components/{p-ab1c080d.js → p-0081423d.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-fa889524.js';
+import { e as defaultIconPack } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';

package/dist/components/{p-349dfd58.js → p-05b503da.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as downloadFile } from './p-9fc565cf.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const rtkImageMessageViewCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}.image{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}";
 const RtkImageMessageViewStyle0 = rtkImageMessageViewCss;

package/dist/components/{p-8adcc64e.js → p-07411961.js}

@@ -1,4 +1,4 @@
-import { C as disableSettingSinkId } from './p-fa889524.js';
+import { C as disableSettingSinkId } from './p-74e01969.js';
 
 const SOUNDS = {
     joined: 'https://dyte-uploads.s3.ap-south-1.amazonaws.com/notification_join.mp3',

package/dist/components/{p-cbcb74eb.js → p-07ab7497.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 

package/dist/components/{p-15a7e9d5.js → p-0f94d9ad.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { d as downloadFile } from './p-9fc565cf.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const rtkImageMessageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;

package/dist/components/{p-04d15eb6.js → p-10d4f8a5.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack } from './p-fa889524.js';
+import { h as useLanguage, e as defaultIconPack } from './p-74e01969.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$3 } from './p-c05f6b8c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$3 } from './p-74d7f3a0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const rtkChannelDetailsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;

package/dist/components/{p-e7cce7d7.js → p-18be8fba.js}

@@ -1,20 +1,20 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { d as differenceInMinutes, f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$d } from './p-c05f6b8c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$d } from './p-74d7f3a0.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-ab1c080d.js';
+import { d as defineCustomElement$b } from './p-0081423d.js';
 import { d as defineCustomElement$a } from './p-3b29dda1.js';
-import { d as defineCustomElement$9 } from './p-349dfd58.js';
+import { d as defineCustomElement$9 } from './p-05b503da.js';
 import { d as defineCustomElement$8 } from './p-b9e78c21.js';
-import { d as defineCustomElement$7 } from './p-db055b01.js';
-import { d as defineCustomElement$6 } from './p-2bbd13b3.js';
-import { d as defineCustomElement$5 } from './p-b9475ade.js';
-import { d as defineCustomElement$4 } from './p-bed315f9.js';
-import { d as defineCustomElement$3 } from './p-f6ccc017.js';
+import { d as defineCustomElement$7 } from './p-b54f0841.js';
+import { d as defineCustomElement$6 } from './p-9b4f77d0.js';
+import { d as defineCustomElement$5 } from './p-258274b1.js';
+import { d as defineCustomElement$4 } from './p-d77cddb6.js';
+import { d as defineCustomElement$3 } from './p-fe4cd240.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';
 

package/dist/components/{p-ef17e3c1.js → p-1fb807e2.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
 let cachedEmojis;

package/dist/components/{p-3c7aec75.js → p-2036dd73.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-fa889524.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack } from './p-74e01969.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const rtkControlbarButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;

package/dist/components/{p-6445bffe.js → p-21c5daa6.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';

package/dist/components/{p-8b1ae533.js → p-2475ba83.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 

package/dist/components/{p-05f83610.js → p-25490e20.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, C as disableSettingSinkId } from './p-fa889524.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack, h as useLanguage, C as disableSettingSinkId } from './p-74e01969.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkMicrophoneSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";

package/dist/components/{p-b9475ade.js → p-258274b1.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 
 const rtkMenuListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}";
 const RtkMenuListStyle0 = rtkMenuListCss;

package/dist/components/{p-0b89516b.js → p-26d02e75.js}

@@ -1,58 +1,58 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, K as usePaginatedChat, L as FlagsmithFeatureFlags } from './p-fa889524.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, K as usePaginatedChat, L as FlagsmithFeatureFlags } from './p-74e01969.js';
 import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$Q } from './p-c05f6b8c.js';
-import { d as defineCustomElement$P } from './p-c39c8bac.js';
-import { d as defineCustomElement$O } from './p-47b3d82f.js';
-import { d as defineCustomElement$N } from './p-1b51e46d.js';
-import { d as defineCustomElement$M } from './p-0ed5724c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$Q } from './p-74d7f3a0.js';
+import { d as defineCustomElement$P } from './p-2817923a.js';
+import { d as defineCustomElement$O } from './p-91da496e.js';
+import { d as defineCustomElement$N } from './p-b788bae4.js';
+import { d as defineCustomElement$M } from './p-46a0aa0b.js';
 import { d as defineCustomElement$L } from './p-1391bef0.js';
-import { d as defineCustomElement$K } from './p-31bcc734.js';
-import { d as defineCustomElement$J } from './p-04d15eb6.js';
-import { d as defineCustomElement$I } from './p-8f513cbb.js';
-import { d as defineCustomElement$H } from './p-5ebc407b.js';
-import { d as defineCustomElement$G } from './p-5bcc3fbf.js';
-import { d as defineCustomElement$F } from './p-1bab77e6.js';
-import { d as defineCustomElement$E } from './p-e7cce7d7.js';
-import { d as defineCustomElement$D } from './p-5fe9ed76.js';
-import { d as defineCustomElement$C } from './p-e6d81e89.js';
-import { d as defineCustomElement$B } from './p-4f31dd05.js';
-import { d as defineCustomElement$A } from './p-cbcb74eb.js';
-import { d as defineCustomElement$z } from './p-83d05beb.js';
-import { d as defineCustomElement$y } from './p-8183bf13.js';
-import { d as defineCustomElement$x } from './p-dd02fd30.js';
-import { d as defineCustomElement$w } from './p-01da0593.js';
-import { d as defineCustomElement$v } from './p-69c80d56.js';
-import { d as defineCustomElement$u } from './p-7960f355.js';
-import { d as defineCustomElement$t } from './p-bc7df0b6.js';
-import { d as defineCustomElement$s } from './p-f27918e3.js';
-import { d as defineCustomElement$r } from './p-ef17e3c1.js';
-import { d as defineCustomElement$q } from './p-07b63e04.js';
-import { d as defineCustomElement$p } from './p-be9f027e.js';
-import { d as defineCustomElement$o } from './p-ab1c080d.js';
-import { d as defineCustomElement$n } from './p-6445bffe.js';
+import { d as defineCustomElement$K } from './p-96a0663a.js';
+import { d as defineCustomElement$J } from './p-10d4f8a5.js';
+import { d as defineCustomElement$I } from './p-7f1a8e4a.js';
+import { d as defineCustomElement$H } from './p-8df26513.js';
+import { d as defineCustomElement$G } from './p-2d62c12d.js';
+import { d as defineCustomElement$F } from './p-2a29bcee.js';
+import { d as defineCustomElement$E } from './p-18be8fba.js';
+import { d as defineCustomElement$D } from './p-be9e62b4.js';
+import { d as defineCustomElement$C } from './p-336cf0db.js';
+import { d as defineCustomElement$B } from './p-4e857a0d.js';
+import { d as defineCustomElement$A } from './p-07ab7497.js';
+import { d as defineCustomElement$z } from './p-60025dc2.js';
+import { d as defineCustomElement$y } from './p-84847c17.js';
+import { d as defineCustomElement$x } from './p-55f81a3e.js';
+import { d as defineCustomElement$w } from './p-be80c5b1.js';
+import { d as defineCustomElement$v } from './p-a34d743e.js';
+import { d as defineCustomElement$u } from './p-dc9eb0c2.js';
+import { d as defineCustomElement$t } from './p-942b1cc7.js';
+import { d as defineCustomElement$s } from './p-6651bbb0.js';
+import { d as defineCustomElement$r } from './p-1fb807e2.js';
+import { d as defineCustomElement$q } from './p-26f082a7.js';
+import { d as defineCustomElement$p } from './p-c3ec35db.js';
+import { d as defineCustomElement$o } from './p-0081423d.js';
+import { d as defineCustomElement$n } from './p-21c5daa6.js';
 import { d as defineCustomElement$m } from './p-3b29dda1.js';
-import { d as defineCustomElement$l } from './p-15a7e9d5.js';
-import { d as defineCustomElement$k } from './p-349dfd58.js';
-import { d as defineCustomElement$j } from './p-a96f61c3.js';
-import { d as defineCustomElement$i } from './p-2e39722f.js';
-import { d as defineCustomElement$h } from './p-6046d9e1.js';
+import { d as defineCustomElement$l } from './p-0f94d9ad.js';
+import { d as defineCustomElement$k } from './p-05b503da.js';
+import { d as defineCustomElement$j } from './p-90500e75.js';
+import { d as defineCustomElement$i } from './p-4bd4064f.js';
+import { d as defineCustomElement$h } from './p-c2d72f31.js';
 import { d as defineCustomElement$g } from './p-b9e78c21.js';
-import { d as defineCustomElement$f } from './p-db055b01.js';
-import { d as defineCustomElement$e } from './p-2bbd13b3.js';
-import { d as defineCustomElement$d } from './p-b9475ade.js';
-import { d as defineCustomElement$c } from './p-bed315f9.js';
-import { d as defineCustomElement$b } from './p-a4f4ea4e.js';
-import { d as defineCustomElement$a } from './p-1988b38d.js';
-import { d as defineCustomElement$9 } from './p-df2e4f4e.js';
-import { d as defineCustomElement$8 } from './p-75c5826d.js';
-import { d as defineCustomElement$7 } from './p-612e97fe.js';
-import { d as defineCustomElement$6 } from './p-59df7955.js';
-import { d as defineCustomElement$5 } from './p-f6ccc017.js';
-import { d as defineCustomElement$4 } from './p-8b1ae533.js';
-import { d as defineCustomElement$3 } from './p-4ff31f44.js';
+import { d as defineCustomElement$f } from './p-b54f0841.js';
+import { d as defineCustomElement$e } from './p-9b4f77d0.js';
+import { d as defineCustomElement$d } from './p-258274b1.js';
+import { d as defineCustomElement$c } from './p-d77cddb6.js';
+import { d as defineCustomElement$b } from './p-bb6d1fe9.js';
+import { d as defineCustomElement$a } from './p-faad6e1b.js';
+import { d as defineCustomElement$9 } from './p-30f43e99.js';
+import { d as defineCustomElement$8 } from './p-3b1c4e80.js';
+import { d as defineCustomElement$7 } from './p-7b0b700d.js';
+import { d as defineCustomElement$6 } from './p-95b61f33.js';
+import { d as defineCustomElement$5 } from './p-fe4cd240.js';
+import { d as defineCustomElement$4 } from './p-2475ba83.js';
+import { d as defineCustomElement$3 } from './p-3c344b0a.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';
 

package/dist/components/{p-07b63e04.js → p-26f082a7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';

package/dist/components/{p-c39c8bac.js → p-2817923a.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, G as getAllConnectedParticipants, H as participantIdentifier } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage, G as getAllConnectedParticipants, H as participantIdentifier } from './p-74e01969.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$5 } from './p-c05f6b8c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$5 } from './p-74d7f3a0.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-f6ccc017.js';
+import { d as defineCustomElement$2 } from './p-fe4cd240.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';
 
 const rtkBreakoutRoomManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@keyframes bg-glow{25%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}50%{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}75%{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}}.glowing-card{animation:bg-glow 0.8s}.selector-mode,.assign-mode{display:flex;flex-direction:column;align-items:center;padding:var(--rtk-space-2, 8px);cursor:pointer}.selector:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.show-on-hover{display:none}.header{width:100%;display:flex;align-items:center}.header rtk-icon{margin-left:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);cursor:pointer}.header .danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.header .hide{display:none}.header .rooms-container{display:flex;flex-grow:1;flex-direction:row;align-items:center;justify-content:flex-end}.header input{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));max-width:var(--rtk-space-36, 144px);font-size:14px;font-weight:500;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.header input:disabled{overflow-x:visible;border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.header input:invalid{border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:dashed;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}.header input.editing-enabled{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.header .participant-count{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.header .participant-count rtk-icon{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.header .assign-button{height:var(--rtk-space-6, 24px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));text-decoration-line:underline}.header .assign-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-list{display:grid;flex-grow:1;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--rtk-space-2, 8px);margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);width:100%;border-radius:var(--rtk-border-radius-sm, 4px)}.participant-list::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px)}.participant-list::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-list::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-right:var(--rtk-space-2, 8px);height:-moz-fit-content;height:fit-content;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.participant-item:hover{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.selector-mode:hover .show-on-hover{display:flex}.message-container{margin:var(--rtk-space-0, 0px);display:flex;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.message-container p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-20, 80px);display:flex;width:100%;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));border-style:dashed;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.message-container p:hover{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}.message-container .drop-zone-active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.25)}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.show-on-hover{margin-left:var(--rtk-space-4, 16px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);display:none}:host(:hover) .show-on-hover{display:flex}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";

package/dist/components/{p-1bab77e6.js → p-2a29bcee.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$a } from './p-c05f6b8c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$a } from './p-74d7f3a0.js';
 import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-be9f027e.js';
+import { d as defineCustomElement$8 } from './p-c3ec35db.js';
 import { d as defineCustomElement$7 } from './p-3b29dda1.js';
-import { d as defineCustomElement$6 } from './p-15a7e9d5.js';
-import { d as defineCustomElement$5 } from './p-db055b01.js';
-import { d as defineCustomElement$4 } from './p-2bbd13b3.js';
-import { d as defineCustomElement$3 } from './p-b9475ade.js';
-import { d as defineCustomElement$2 } from './p-f6ccc017.js';
-import { d as defineCustomElement$1 } from './p-4ff31f44.js';
+import { d as defineCustomElement$6 } from './p-0f94d9ad.js';
+import { d as defineCustomElement$5 } from './p-b54f0841.js';
+import { d as defineCustomElement$4 } from './p-9b4f77d0.js';
+import { d as defineCustomElement$3 } from './p-258274b1.js';
+import { d as defineCustomElement$2 } from './p-fe4cd240.js';
+import { d as defineCustomElement$1 } from './p-3c344b0a.js';
 
 const rtkChatMessageCss = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin:var(--rtk-space-0, 0px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 const RtkChatMessageStyle0 = rtkChatMessageCss;

package/dist/components/{p-bd29af2d.js → p-2b07a9ed.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as FlagsmithFeatureFlags } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as FlagsmithFeatureFlags } from './p-74e01969.js';
 import { l as lenChildren, R as Render } from './p-60fdbd75.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
 import './p-a83ccdbd.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-94cc1b33.js';
-import { S as SyncWithStore } from './p-d9827659.js';
-import { d as defineCustomElement$6 } from './p-c05f6b8c.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
+import { d as defineCustomElement$6 } from './p-74d7f3a0.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-2bbd13b3.js';
-import { d as defineCustomElement$2 } from './p-b9475ade.js';
-import { d as defineCustomElement$1 } from './p-f6ccc017.js';
+import { d as defineCustomElement$3 } from './p-9b4f77d0.js';
+import { d as defineCustomElement$2 } from './p-258274b1.js';
+import { d as defineCustomElement$1 } from './p-fe4cd240.js';
 
 const rtkParticipantCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";
 const RtkParticipantStyle0 = rtkParticipantCss;

package/dist/components/{p-5bcc3fbf.js → p-2d62c12d.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$b } from './p-1391bef0.js';
-import { d as defineCustomElement$a } from './p-f27918e3.js';
-import { d as defineCustomElement$9 } from './p-ef17e3c1.js';
-import { d as defineCustomElement$8 } from './p-07b63e04.js';
-import { d as defineCustomElement$7 } from './p-6445bffe.js';
+import { d as defineCustomElement$a } from './p-6651bbb0.js';
+import { d as defineCustomElement$9 } from './p-1fb807e2.js';
+import { d as defineCustomElement$8 } from './p-26f082a7.js';
+import { d as defineCustomElement$7 } from './p-21c5daa6.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
 import { d as defineCustomElement$5 } from './p-b9e78c21.js';
-import { d as defineCustomElement$4 } from './p-f6ccc017.js';
-import { d as defineCustomElement$3 } from './p-8b1ae533.js';
+import { d as defineCustomElement$4 } from './p-fe4cd240.js';
+import { d as defineCustomElement$3 } from './p-2475ba83.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';
 

package/dist/components/{p-df2e4f4e.js → p-30f43e99.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { R as RTKNotificationsAudio } from './p-8adcc64e.js';
+import { R as RTKNotificationsAudio } from './p-07411961.js';
 import { f as formatName } from './p-338c7261.js';
-import { c as createDefaultConfig, h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-fa889524.js';
+import { c as createDefaultConfig, h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-74e01969.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-d9827659.js';
+import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-1988b38d.js';
+import { d as defineCustomElement$1 } from './p-faad6e1b.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({