@cloudflare/realtimekit-ui 1.1.0-staging.9 → 1.1.1-staging.1

package/dist/components/rtk-information-tooltip.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { e as defaultIconPack } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { e as defaultIconPack } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$2 } from './p-a3cc7425.js';
 
 const rtkInformationTooltipCss = ":host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer}.tooltip-container{position:relative;display:flex;flex-direction:row;align-items:center}.tooltip-container rtk-icon{cursor:pointer;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.tooltip-container rtk-icon:hover+.tooltip{display:flex !important}.tooltip{position:absolute;margin-left:var(--rtk-space-2, 8px);display:none !important;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));z-index:50;display:flex;min-width:var(--rtk-space-60, 240px);flex-direction:column;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);left:14px}";
 const RtkInformationTooltipStyle0 = rtkInformationTooltipCss;
@@ -26,7 +26,7 @@ const RtkInformationTooltip$1 = /*@__PURE__*/ proxyCustomElement(class RtkInform
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: 'e6592aeb2d479a084f6100d1a32f6df61c2e979c' }, h("div", { key: '9406039d36b98781c2eb8dbbe37fab9a3390c90b', class: "tooltip-container" }, h("rtk-icon", { key: '97fd3324d790e8dc81d81bb272cacd95a2a95997', icon: this.iconPack.info, size: "sm" }), h("div", { key: 'e3b5b3a8e69cea34a1aa86b1a6eff2008028b673', class: "tooltip" }, h("slot", { key: '88608c68efc3287baf74d717a5e3ca418ef0dc9b', name: "tootlip-text" })))));
+        return (h(Host, { key: 'f6ceb562ad29d9bcafe1faaa7f8680cb968509bf' }, h("div", { key: 'f4136f844d6ba57d43e4af5aae03a54a8d439028', class: "tooltip-container" }, h("rtk-icon", { key: 'c6ddee8984ae5f6560484b970bdc10a832be06ec', icon: this.iconPack.info, size: "sm" }), h("div", { key: '78e4eefcd29ee99dcc9fba0cbf015b39b0097348', class: "tooltip" }, h("slot", { key: '1561ac818363c0cbb031a4b4a10d1a56a1dbe379', name: "tootlip-text" })))));
     }
     static get style() { return RtkInformationTooltipStyle0; }
 }, [1, "rtk-information-tooltip", {

package/dist/components/rtk-join-stage.js

@@ -1,4 +1,4 @@
-import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-fef53de3.js';
+import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-ecbb4e46.js';
 
 const RtkJoinStage = RtkJoinStage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-leave-button.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, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$4 } from './p-2a65883d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-4ebf9684.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
+import { d as defineCustomElement$3 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkLeaveButtonCss = ":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:block}";
 const RtkLeaveButtonStyle0 = rtkLeaveButtonCss;
@@ -36,7 +36,7 @@ const RtkLeaveButton$1 = /*@__PURE__*/ proxyCustomElement(class RtkLeaveButton e
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: 'fc176585ba4617c2b64d05d9b2e1ee66084666aa', label: text }, h("rtk-controlbar-button", { key: 'feb4ee03ff7d16bf6ab858a3207a628121fd477b', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: 'f9d5f5cbd3323721da299d2422fee1bd17c65535', label: text }, h("rtk-controlbar-button", { key: 'f33758dc5b8d3f31cfeefed9b7fd8e0a10b9fd76', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
     static get style() { return RtkLeaveButtonStyle0; }
 }, [1, "rtk-leave-button", {

package/dist/components/rtk-leave-meeting.js

@@ -1,4 +1,4 @@
-import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-fb900e8f.js';
+import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-81658a62.js';
 
 const RtkLeaveMeeting = RtkLeaveMeeting$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-indicator.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-95e08256.js';
+import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-6e373d96.js';
 
 const RtkLivestreamIndicator = RtkLivestreamIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-player.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-89025409.js';
+import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-a6c17b0d.js';
 
 const RtkLivestreamPlayer = RtkLivestreamPlayer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-toggle.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, i as useLanguage, C as isLiveStreamHost } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$4 } from './p-2a65883d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-4ebf9684.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage, C as isLiveStreamHost } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
+import { d as defineCustomElement$3 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkLivestreamToggleCss = ":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:block}:host([data-hidden]){display:none}";
 const RtkLivestreamToggleStyle0 = rtkLivestreamToggleCss;

package/dist/components/rtk-logo.js

@@ -1,4 +1,4 @@
-import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-89eb65a9.js';
+import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-fa8cf270.js';
 
 const RtkLogo = RtkLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-markdown-view.js

@@ -1,4 +1,4 @@
-import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-cf8f725b.js';
+import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-61dcdd44.js';
 
 const RtkMarkdownView = RtkMarkdownView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting-title.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkMeetingTitleCss = ":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{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";
 const RtkMeetingTitleStyle0 = rtkMeetingTitleCss;

package/dist/components/rtk-meeting.js

@@ -1,33 +1,35 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { p as provideRtkDesignSystem, d as deepMerge } from './p-da87cc71.js';
-import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-e847fee9.js';
-import { R as Render } from './p-60fdbd75.js';
-import { g as generateConfig } from './p-35e93724.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-fdad14c9.js';
+import { p as provideRtkDesignSystem, d as deepMerge } from './p-583f9282.js';
+import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-f19b4abc.js';
+import { R as Render } from './p-f3c261ec.js';
+import { g as generateConfig } from './p-73db39b8.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
-import { d as defineCustomElement$o } from './p-241a8245.js';
-import { d as defineCustomElement$n } from './p-1391bef0.js';
-import { d as defineCustomElement$m } from './p-a73665b4.js';
-import { d as defineCustomElement$l } from './p-b64798ac.js';
-import { d as defineCustomElement$k } from './p-28170a8d.js';
-import { d as defineCustomElement$j } from './p-c0db1a83.js';
-import { d as defineCustomElement$i } from './p-1f5a4682.js';
-import { d as defineCustomElement$h } from './p-598dc3f2.js';
-import { d as defineCustomElement$g } from './p-0e5cc539.js';
-import { d as defineCustomElement$f } from './p-761c0e78.js';
-import { d as defineCustomElement$e } from './p-bb4983b8.js';
-import { d as defineCustomElement$d } from './p-3b29dda1.js';
-import { d as defineCustomElement$c } from './p-5669b6e7.js';
-import { d as defineCustomElement$b } from './p-cf8f725b.js';
-import { d as defineCustomElement$a } from './p-2447a26f.js';
-import { d as defineCustomElement$9 } from './p-819cb785.js';
-import { d as defineCustomElement$8 } from './p-7148ec6a.js';
-import { d as defineCustomElement$7 } from './p-0f2de0f8.js';
-import { d as defineCustomElement$6 } from './p-fbc02b1f.js';
-import { d as defineCustomElement$5 } from './p-4ebf9684.js';
-import { d as defineCustomElement$4 } from './p-4902c5cf.js';
-import { d as defineCustomElement$3 } from './p-6739a399.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { d as defineCustomElement$q } from './p-38ba07d0.js';
+import { d as defineCustomElement$p } from './p-e229128b.js';
+import { d as defineCustomElement$o } from './p-8a0106ed.js';
+import { d as defineCustomElement$n } from './p-fb5a823a.js';
+import { d as defineCustomElement$m } from './p-5c4de4b9.js';
+import { d as defineCustomElement$l } from './p-526870e9.js';
+import { d as defineCustomElement$k } from './p-528cc24e.js';
+import { d as defineCustomElement$j } from './p-e0ef3893.js';
+import { d as defineCustomElement$i } from './p-3577385a.js';
+import { d as defineCustomElement$h } from './p-9e1478a0.js';
+import { d as defineCustomElement$g } from './p-154bed23.js';
+import { d as defineCustomElement$f } from './p-06de876f.js';
+import { d as defineCustomElement$e } from './p-a3cc7425.js';
+import { d as defineCustomElement$d } from './p-d0eb78a2.js';
+import { d as defineCustomElement$c } from './p-61dcdd44.js';
+import { d as defineCustomElement$b } from './p-d70fbc37.js';
+import { d as defineCustomElement$a } from './p-b1723439.js';
+import { d as defineCustomElement$9 } from './p-0f39e8ae.js';
+import { d as defineCustomElement$8 } from './p-a339a693.js';
+import { d as defineCustomElement$7 } from './p-4a8d69ae.js';
+import { d as defineCustomElement$6 } from './p-6857797f.js';
+import { d as defineCustomElement$5 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$4 } from './p-08698341.js';
+import { d as defineCustomElement$3 } from './p-8123217e.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const sm = 640;
 const md = 768;
@@ -66,7 +68,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
         this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
-            this.updateStates({ meeting: 'joined' });
+            this.updateStates({ meeting: 'joined', joinError: undefined });
         };
         this.waitlistedListener = () => {
             this.updateStates({ meeting: 'waiting' });
@@ -275,7 +277,15 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 this.updateStates({ meeting: 'setup' });
             }
             else {
-                meeting.joinRoom();
+                meeting
+                    .joinRoom()
+                    .then(() => {
+                    this.updateStates({ joinError: undefined });
+                })
+                    .catch((err) => {
+                    const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : this.t('network.lost_extended');
+                    this.updateStates({ joinError: message });
+                });
             }
         }
         window.removeEventListener('rtkError', this.authErrorListener);
@@ -375,7 +385,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rtk-meeting", "rtk-avatar", "rtk-button", "rtk-channel-selector-view", "rtk-chat", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
+    const components = ["rtk-meeting", "rtk-avatar", "rtk-button", "rtk-chat", "rtk-chat-composer-view", "rtk-chat-header", "rtk-chat-messages-ui-paginated", "rtk-chat-selector", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-pinned-message-selector", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "rtk-meeting":
             if (!customElements.get(tagName)) {
@@ -384,95 +394,105 @@ function defineCustomElement$1() {
             break;
         case "rtk-avatar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$q();
             }
             break;
         case "rtk-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "rtk-chat":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$o();
+            }
+            break;
+        case "rtk-chat-composer-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "rtk-channel-selector-view":
+        case "rtk-chat-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "rtk-chat":
+        case "rtk-chat-messages-ui-paginated":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "rtk-chat-composer-view":
+        case "rtk-chat-selector":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "rtk-chat-messages-ui-paginated":
+        case "rtk-draft-attachment-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "rtk-draft-attachment-view":
+        case "rtk-emoji-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "rtk-emoji-picker":
+        case "rtk-emoji-picker-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "rtk-emoji-picker-button":
+        case "rtk-file-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "rtk-file-message-view":
+        case "rtk-file-picker-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "rtk-file-picker-button":
+        case "rtk-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "rtk-icon":
+        case "rtk-image-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "rtk-image-message-view":
+        case "rtk-markdown-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "rtk-markdown-view":
+        case "rtk-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "rtk-menu":
+        case "rtk-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "rtk-menu-item":
+        case "rtk-menu-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "rtk-menu-list":
+        case "rtk-message-view":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "rtk-message-view":
+        case "rtk-paginated-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "rtk-paginated-list":
+        case "rtk-pinned-message-selector":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/components/rtk-menu-item.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-819cb785.js';
+import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-b1723439.js';
 
 const RtkMenuItem = RtkMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu-list.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-7148ec6a.js';
+import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-0f39e8ae.js';
 
 const RtkMenuList = RtkMenuList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu.js

@@ -1,4 +1,4 @@
-import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-2447a26f.js';
+import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-d70fbc37.js';
 
 const RtkMenu = RtkMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-message-list-view.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, w as writeTask, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, w as writeTask, h } from './p-fdad14c9.js';
+import { e as defaultIconPack } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-4ebf9684.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$3 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 import { d as debounce } from './p-1dca17d1.js';
 
 const rtkMessageListViewCss = ":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)))}.loading{cursor:wait}.content-wrapper{height:100%;overflow-y:auto;position:relative;contain:strict}.scroller{width:1px;opacity:0}.content{position:absolute;top:0;width:100%}.smallest-dom-element{width:100%;height:2px;background:red}.loader{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;justify-content:center}";
@@ -266,11 +266,11 @@ const RtkMessageListView$1 = /*@__PURE__*/ proxyCustomElement(class RtkMessageLi
         this.updateTotalHeight();
     }
     render() {
-        return (h("div", { key: '17ccb3852a89ddb77e5799413f8ee0ef0ac7c132', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: '044af22a10ae312a46d90f29dc9a793d86540fb8', class: "scroller" }, h("div", { key: '15a2b213883f210a44081c05c317f9da7a58380c', style: {
+        return (h("div", { key: '9c8a4073886acf540a8beeea0ac31f865231f771', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: 'c64abddfc09ec7c88305b732df889f9de0597b53', class: "scroller" }, h("div", { key: 'c3e94f33890509b22f2b89022a76865f6776b217', style: {
                 height: `${this.totalHeight}px`,
-            } }), h("div", { key: '918071c6d3aed045814c1c2b3908572edae480ac', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: '19b2f45794fa73f44d54b9b91ef1cab0df6c4aae', class: "content", style: {
+            } }), h("div", { key: 'f8c95faa0af4b1f31465a113707f0e4f753dadad', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: '02d045f8c54072388c3c7df52ff4c92f2438a545', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (h("div", { key: '1a05d8ec0a4a11812afef413226c472d797e7ebe', class: "loader" }, h("rtk-spinner", { key: '29f275642f8f8be5d9cbe12ff0eeedba48e1b4c1', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (h("div", { key: '7ba90240987e1ecfb553d69bd7465cb20bb86274', class: "loader" }, h("rtk-spinner", { key: '2fa19c46da125e4c5280625aefdf555f09ce2faa', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get watchers() { return {
         "messages": ["messagesUpdated"]

package/dist/components/rtk-message-view.js

@@ -1,4 +1,4 @@
-import { R as RtkMessageView$1, d as defineCustomElement$1 } from './p-0f2de0f8.js';
+import { R as RtkMessageView$1, d as defineCustomElement$1 } from './p-a339a693.js';
 
 const RtkMessageView = RtkMessageView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-mic-toggle.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$5 } from './p-2a65883d.js';
-import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-4ebf9684.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$5 } from './p-da13b457.js';
+import { d as defineCustomElement$4 } from './p-a3cc7425.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkMicToggleCss = ":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:block}:host([data-hidden]){display:none}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMicToggleStyle0 = rtkMicToggleCss;

package/dist/components/rtk-microphone-selector.js

@@ -1,4 +1,4 @@
-import { R as RtkMicrophoneSelector$1, d as defineCustomElement$1 } from './p-b30d5f6b.js';
+import { R as RtkMicrophoneSelector$1, d as defineCustomElement$1 } from './p-71fb663b.js';
 
 const RtkMicrophoneSelector = RtkMicrophoneSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-mixed-grid.js

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
-import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$7 } from './p-1391bef0.js';
-import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-2090b03d.js';
-import { d as defineCustomElement$4 } from './p-7f489600.js';
-import { d as defineCustomElement$3 } from './p-43d6a221.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { R as Render } from './p-f3c261ec.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$7 } from './p-e229128b.js';
+import { d as defineCustomElement$6 } from './p-a3cc7425.js';
+import { d as defineCustomElement$5 } from './p-41bf1c3d.js';
+import { d as defineCustomElement$4 } from './p-1099c0fe.js';
+import { d as defineCustomElement$3 } from './p-d22fc130.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkMixedGridCss = ":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:block;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";
 const RtkMixedGridStyle0 = rtkMixedGridCss;

package/dist/components/rtk-more-toggle.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, i as useLanguage } from './p-e847fee9.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$4 } from './p-2a65883d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-4ebf9684.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$4 } from './p-da13b457.js';
+import { d as defineCustomElement$3 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-9cf41ab1.js';
 
 const rtkMoreToggleCss = ":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;flex-direction:column;overflow:visible}.more-menu{position:absolute;right:calc(var(--rtk-space-24, 96px) * -1);bottom:var(--rtk-space-16, 64px);z-index:50;margin-bottom:var(--rtk-space-3, 12px);box-sizing:border-box;max-height:60vh;width:var(--rtk-space-64, 256px);overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;display:flex;flex-direction:column;align-items:stretch}:host([size='sm']) .more-menu{bottom:var(--rtk-space-10, 40px)}.more-menu::-webkit-scrollbar{height:var(--rtk-space-0, 0px);width:var(--rtk-space-1\\.5, 6px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.more-menu::-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))}";
 const RtkMoreToggleStyle0 = rtkMoreToggleCss;
@@ -54,10 +54,10 @@ const RtkMoreToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkMoreToggle ext
     }
     render() {
         const text = this.t('more');
-        return (h(Host, { key: 'ae92dc374ab721ea86cfe8d0f658be4f4c624d51', title: text }, this.states.activeMoreMenu && (h("div", { key: '061d68748259df66e729ff830c9d72909b8185a6', class: "more-menu" }, h("slot", { key: '6a89ae4f51c32c560c83bb5fa10f694797f4d20c', name: "more-elements" }))), h("rtk-controlbar-button", { key: '775fcd968101f57f070159f6992ad55527fd424a', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (h(Host, { key: '16c3abc8550c71c16a99c3fccab792f102995142', title: text }, this.states.activeMoreMenu && (h("div", { key: 'bbe79e428f395a429586776c1cd53f3a4dafde72', class: "more-menu" }, h("slot", { key: '54bd0e016bce80d279d8e4214e8bf978e14f1c0a', name: "more-elements" }))), h("rtk-controlbar-button", { key: '242815c9b79d2f3c99f3289125756dbc2cff835f', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '4b2006186051bf7c0e80dc4d9536d610d25ae7ba', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '7bd36f0994c7fd9ffe5591fd8b325ed521fbda6c', name: "expanded" })));
     }
     get host() { return this; }
     static get style() { return RtkMoreToggleStyle0; }

package/dist/components/rtk-mute-all-button.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$5 } from './p-2a65883d.js';
-import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-4ebf9684.js';
-import { d as defineCustomElement$2 } from './p-fb836f65.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$5 } from './p-da13b457.js';
+import { d as defineCustomElement$4 } from './p-a3cc7425.js';
+import { d as defineCustomElement$3 } from './p-9cf41ab1.js';
+import { d as defineCustomElement$2 } from './p-15156a2c.js';
 
 const rtkMuteAllButtonCss = ":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:block}";
 const RtkMuteAllButtonStyle0 = rtkMuteAllButtonCss;

package/dist/components/rtk-mute-all-confirmation.js

@@ -1,4 +1,4 @@
-import { R as RtkMuteAllConfirmation$1, d as defineCustomElement$1 } from './p-107e55c1.js';
+import { R as RtkMuteAllConfirmation$1, d as defineCustomElement$1 } from './p-1186c3c8.js';
 
 const RtkMuteAllConfirmation = RtkMuteAllConfirmation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-name-tag.js

@@ -1,4 +1,4 @@
-import { R as RtkNameTag$1, d as defineCustomElement$1 } from './p-6c9a833e.js';
+import { R as RtkNameTag$1, d as defineCustomElement$1 } from './p-bfc86230.js';
 
 const RtkNameTag = RtkNameTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-network-indicator.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
+import { e as defaultIconPack, i as useLanguage } from './p-f19b4abc.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$2 } from './p-a3cc7425.js';
 
 const rtkNetworkIndicatorCss = ":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:block;height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}rtk-icon{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;height:100%;width:100%;--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.bg-signal{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:0;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}";
 const RtkNetworkIndicatorStyle0 = rtkNetworkIndicatorCss;

package/dist/components/rtk-notification.js

@@ -1,4 +1,4 @@
-import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-c334f0e5.js';
+import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-7210157d.js';
 
 const RtkNotification = RtkNotification$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-notifications.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-ad873f2d.js';
+import { p as proxyCustomElement, H, w as writeTask, h, d as Host } from './p-fdad14c9.js';
+import { R as RTKNotificationsAudio } from './p-2305aa2d.js';
 import { f as formatName } from './p-efabd2ce.js';
-import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, N as showLivestream } from './p-e847fee9.js';
-import { j as parseMessageForTarget } from './p-dab9d3d6.js';
-import { S as SyncWithStore } from './p-6f7c46d2.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-c334f0e5.js';
+import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, M as showLivestream } from './p-f19b4abc.js';
+import { f as parseMessageForTarget } from './p-0db812c2.js';
+import { S as SyncWithStore } from './p-e334e15c.js';
+import { d as defineCustomElement$4 } from './p-e229128b.js';
+import { d as defineCustomElement$3 } from './p-a3cc7425.js';
+import { d as defineCustomElement$2 } from './p-7210157d.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({

package/dist/components/rtk-overlay-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkOverlayModal$1, d as defineCustomElement$1 } from './p-4aede34c.js';
+import { R as RtkOverlayModal$1, d as defineCustomElement$1 } from './p-c0de7320.js';
 
 const RtkOverlayModal = RtkOverlayModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-paginated-list.js

@@ -1,4 +1,4 @@
-import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-fbc02b1f.js';
+import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-4a8d69ae.js';
 
 const RtkPaginatedList = RtkPaginatedList$1;
 const defineCustomElement = defineCustomElement$1;