@cloudflare/realtimekit-ui 1.0.0-staging.6 → 1.0.0-staging.7

package/dist/components/{p-57634012.js → p-ec0d1a77.js}

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$1 } from './p-ba1a0ebf.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$1 } from './p-56f3354e.js';
 
 const rtkLeaveMeetingCss = ":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)}.leave-modal{width:var(--rtk-space-72, 288px)}@media (min-width: 768px){.leave-modal{width:var(--rtk-space-96, 384px)}}.leave-modal{position:relative;display:flex;flex-direction:column;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));padding:var(--rtk-space-8, 32px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .message{color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.leave-modal .content{margin-top:var(--rtk-space-4, 16px);font-size:14px;display:flex;flex-wrap:wrap;gap:var(--rtk-space-4, 16px)}.leave-modal .content rtk-button{height:var(--rtk-space-9, 36px);min-width:var(--rtk-space-44, 176px);flex-grow:1}.leave-modal .content .secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.leave-modal .content .secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.leave-modal .content .secondary-danger-btn{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkLeaveMeetingStyle0 = rtkLeaveMeetingCss;

package/dist/components/{p-94443423.js → p-ecf5520f.js}

@@ -1,4 +1,4 @@
-import { m as isLiveStreamViewer } from './p-53b020e2.js';
+import { m as isLiveStreamViewer } from './p-9fe29f26.js';
 
 const canViewChat = (meeting) => {
     if (meeting && !meeting.chat)

package/dist/components/{p-71133697.js → p-f27b3e2b.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$2 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$1 } from './p-bed2e1b5.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$2 } from './p-56f3354e.js';
+import { d as defineCustomElement$1 } from './p-456299a7.js';
 
 const rtkDialogCss = ":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:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);box-sizing:border-box;padding:var(--rtk-space-4, 16px);flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);color:rgb(var(--rtk-colors-text-1000, 255 255 255));visibility:hidden;display:none;overflow-wrap:break-word;word-wrap:break-word;z-index:60;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dialog{position:relative;max-height:100%;max-width:100%}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}:host([open]){visibility:visible;display:flex}:host([open='false']){visibility:hidden;display:none}";
 const RtkDialogStyle0 = rtkDialogCss;

package/dist/components/{p-09e6eab9.js → p-f6f7191a.js}

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$6 } from './p-60db99e3.js';
-import { d as defineCustomElement$5 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$4 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$3 } from './p-2f01fa36.js';
-import { d as defineCustomElement$2 } from './p-f5e4f0bb.js';
-import { d as defineCustomElement$1 } from './p-1ca992c5.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$6 } from './p-f9546c57.js';
+import { d as defineCustomElement$5 } from './p-56f3354e.js';
+import { d as defineCustomElement$4 } from './p-456299a7.js';
+import { d as defineCustomElement$3 } from './p-02d2b0fd.js';
+import { d as defineCustomElement$2 } from './p-65afebd3.js';
+import { d as defineCustomElement$1 } from './p-ea04d205.js';
 
 const rtkSettingsAudioCss = ":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:100%;flex-direction:column}audio{visibility:hidden}.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%}rtk-audio-visualizer{flex-shrink:0}rtk-button{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));--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)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;

package/dist/components/{p-a4182a97.js → p-f7a87f51.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$2 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$1 } from './p-bffc1ba5.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$2 } from './p-456299a7.js';
+import { d as defineCustomElement$1 } from './p-dcd9f0d2.js';
 
 const rtkSpotlightIndicatorCss = ":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{font-size:12px}#sync-button{flex-direction:row;border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-1, 4px);display:flex;align-items:center;justify-content:center;margin-bottom:var(--rtk-space-1, 4px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) rtk-tooltip,:host([size='md']) rtk-tooltip{width:100%}:host([size='sm'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px);padding-left:var(--rtk-space-0, 0px)}:host([size='md'])>#sync-button{height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}:host([size='lg'])>#sync-button{flex-direction:row;height:var(--rtk-space-8, 32px);width:var(--rtk-space-16, 64px)}@media (orientation: portrait){:host([size='lg']) #sync-button{flex-direction:column-reverse;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='md']) #sync-button{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px)}:host([size='sm']) #sync-button{height:var(--rtk-space-10, 40px);width:var(--rtk-space-16, 64px);flex-direction:row}}#sync-button>rtk-icon{max-height:14px}#sync-button rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']) #sync-button>rtk-icon{width:auto}#sync-button.active rtk-icon{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}div{align-content:center;line-height:2rem}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-8, 32px)}#sync-button.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity))}";
 const RtkSpotlightIndicatorStyle0 = rtkSpotlightIndicatorCss;

package/dist/components/{p-9217dbe9.js → p-f894e365.js}

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$2 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$1 } from './p-bffc1ba5.js';
+import { d as defineCustomElement$3 } from './p-56f3354e.js';
+import { d as defineCustomElement$2 } from './p-456299a7.js';
+import { d as defineCustomElement$1 } from './p-dcd9f0d2.js';
 
 const rtkDraftAttachmentViewCss = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{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);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);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-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";
 const RtkDraftAttachmentViewStyle0 = rtkDraftAttachmentViewCss;

package/dist/components/{p-60db99e3.js → p-f9546c57.js}

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-3bfd5b6d.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { h as hark } from './p-3f882e7c.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$1 } from './p-bed2e1b5.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$1 } from './p-456299a7.js';
 
 /**
  * Draws audio visualizer of variant `bars`

package/dist/components/{p-1cda12a9.js → p-febe3ebc.js}

@@ -1,4 +1,4 @@
-import { h } from './p-3bfd5b6d.js';
+import { h } from './p-c3592601.js';
 import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as shorten, f as formatName } from './p-338c7261.js';
 

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

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$4 } from './p-7ad5bf75.js';
-import { d as defineCustomElement$3 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$4 } from './p-9e617955.js';
+import { d as defineCustomElement$3 } from './p-456299a7.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
 const RtkAiToggleStyle0 = rtkAiToggleCss;

package/dist/components/rtk-ai-transcriptions.js

@@ -1,4 +1,4 @@
-import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-fb535f2c.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-7b48ba5a.js';
 
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ai.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$4 } from './p-fb535f2c.js';
-import { d as defineCustomElement$3 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$2 } from './p-bed2e1b5.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$4 } from './p-7b48ba5a.js';
+import { d as defineCustomElement$3 } from './p-56f3354e.js';
+import { d as defineCustomElement$2 } from './p-456299a7.js';
 
 const rtkAiCss = ":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;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){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:50;max-width:100%;border:none}";
 const RtkAiStyle0 = rtkAiCss;

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

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { R as Render } from './p-de7f1269.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { R as Render } from './p-60fdbd75.js';
 
 const rtkAudioGridCss = ":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{position:relative;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";
 const RtkAudioGridStyle0 = rtkAudioGridCss;

package/dist/components/rtk-audio-tile.js

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import './p-a83ccdbd.js';
 import { h as hark } from './p-3f882e7c.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$5 } from './p-6fa3c2fa.js';
-import { d as defineCustomElement$4 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$3 } from './p-212ce4b8.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$5 } from './p-40528bcd.js';
+import { d as defineCustomElement$4 } from './p-456299a7.js';
+import { d as defineCustomElement$3 } from './p-793ed5cb.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkAudioTileCss = ":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{box-sizing:border-box;display:flex;flex-direction:column}.avatar-ctr{box-sizing:border-box;width:100%;flex:1 1 0%;padding:var(--rtk-space-1\\.5, 6px);border:2px solid transparent;border-radius:calc(var(--rtk-border-radius-xl, 40px) + var(--rtk-space-1\\.5, 6px))}.avatar-ctr.speaking{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bar-0{box-shadow:none}.bar-1{box-shadow:0 0 4px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-2{box-shadow:0 0 8px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-3{box-shadow:0 0 16px 1px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-4{box-shadow:0 0 20px 3px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-5{box-shadow:0 0 24px 6px rgb(var(--rtk-colors-brand-500, 33 96 253))}rtk-avatar{aspect-ratio:1 / 1;height:100%;width:100%;position:relative;border-radius:var(--rtk-border-radius-xl, 40px)}rtk-name-tag{display:block;height:var(--rtk-space-10, 40px);width:100%;text-align:center;line-height:2.5rem}:host([size='sm']) .avatar-ctr{border-radius:calc(var(--rtk-border-radius-lg, 12px) + var(--rtk-space-1\\.5, 6px))}:host([size='sm']) rtk-name-tag{height:var(--rtk-space-7, 28px);line-height:1.75rem}:host([size='sm']) rtk-avatar{border-radius:var(--rtk-border-radius-lg, 12px)}.mic-icon{position:absolute;bottom:calc(var(--rtk-space-1, 4px) * -1);right:calc(var(--rtk-space-1, 4px) * -1);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.mic-icon rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) .mic-icon rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='md']) .mic-icon rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}";
 const RtkAudioTileStyle0 = rtkAudioTileCss;

package/dist/components/rtk-audio-visualizer.js

@@ -1,4 +1,4 @@
-import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-60db99e3.js';
+import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-f9546c57.js';
 
 const RtkAudioVisualizer = RtkAudioVisualizer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-avatar.js

@@ -1,4 +1,4 @@
-import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-6fa3c2fa.js';
+import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-40528bcd.js';
 
 const RtkAvatar = RtkAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-63e92eda.js';
+import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-1e5c8aa3.js';
 
 const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-participants.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-483752a4.js';
+import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-27988e7d.js';
 
 const RtkBreakoutRoomParticipants = RtkBreakoutRoomParticipants$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-manager.js

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

package/dist/components/rtk-breakout-rooms-toggle.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$4 } from './p-7ad5bf75.js';
-import { d as defineCustomElement$3 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$4 } from './p-9e617955.js';
+import { d as defineCustomElement$3 } from './p-456299a7.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkBreakoutRoomsToggleCss = ":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 RtkBreakoutRoomsToggleStyle0 = rtkBreakoutRoomsToggleCss;

package/dist/components/rtk-broadcast-message-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-1f633de4.js';
+import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-c4bae3c7.js';
 
 const RtkBroadcastMessageModal = RtkBroadcastMessageModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-button.js

@@ -1,4 +1,4 @@
-import { R as RtkButton$1, d as defineCustomElement$1 } from './p-ba1a0ebf.js';
+import { R as RtkButton$1, d as defineCustomElement$1 } from './p-56f3354e.js';
 
 const RtkButton = RtkButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkCameraSelector$1, d as defineCustomElement$1 } from './p-174eea40.js';
+import { R as RtkCameraSelector$1, d as defineCustomElement$1 } from './p-b99df227.js';
 
 const RtkCameraSelector = RtkCameraSelector$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$5 } from './p-7ad5bf75.js';
-import { d as defineCustomElement$4 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$3 } from './p-efc19d8d.js';
-import { d as defineCustomElement$2 } from './p-bffc1ba5.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$5 } from './p-9e617955.js';
+import { d as defineCustomElement$4 } from './p-456299a7.js';
+import { d as defineCustomElement$3 } from './p-531aad34.js';
+import { d as defineCustomElement$2 } from './p-dcd9f0d2.js';
 
 const rtkCameraToggleCss = ":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 RtkCameraToggleStyle0 = rtkCameraToggleCss;

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

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$4 } from './p-7ad5bf75.js';
-import { d as defineCustomElement$3 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$4 } from './p-9e617955.js';
+import { d as defineCustomElement$3 } from './p-456299a7.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkCaptionToggleCss = ":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 RtkCaptionToggleStyle0 = rtkCaptionToggleCss;

package/dist/components/rtk-channel-creator.js

@@ -1,4 +1,4 @@
-import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-6453124f.js';
+import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-56ceecc0.js';
 
 const RtkChannelCreator = RtkChannelCreator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-channel-details.js

@@ -1,4 +1,4 @@
-import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-749efee6.js';
+import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-41c73a61.js';
 
 const RtkChannelDetails = RtkChannelDetails$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-channel-header.js

@@ -1,4 +1,4 @@
-import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-13ca3cc7.js';
+import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-df6f544a.js';
 
 const RtkChannelHeader = RtkChannelHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-channel-selector-ui.js

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { T as TextMessageView } from './p-3b8741ca.js';
-import { d as defineCustomElement$5 } from './p-6fa3c2fa.js';
-import { d as defineCustomElement$4 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$3 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { T as TextMessageView } from './p-a2f4f9e3.js';
+import { d as defineCustomElement$5 } from './p-40528bcd.js';
+import { d as defineCustomElement$4 } from './p-56f3354e.js';
+import { d as defineCustomElement$3 } from './p-456299a7.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkChannelSelectorUiCss = ".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{display:flex}.container{display:flex;height:100%;width:var(--rtk-space-96, 384px);flex-direction:column;position:absolute;--tw-translate-x:calc(var(--rtk-space-96, 384px) * -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));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-sm, 1px);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity));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}@keyframes fade{0%{opacity:0}100%{opacity:1}}.overlay-container{width:100vw;--tw-translate-x:var(--rtk-space-96, 384px);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));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));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;animation:fade 0.8s}.overlay-container .sidebar-btn{position:static;padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.sidebar-btn{position:absolute;right:calc(var(--rtk-space-9, 36px) * -1);top:var(--rtk-space-4, 16px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-7, 28px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@media (orientation: landscape) and (min-width: 400px){.container{position:static;--tw-translate-x: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))}.sidebar-btn,.overlay-container{display:none}}.search-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px);width:100%}.search .search-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);padding:var(--rtk-space-2, 8px);--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-600, 255 255 255 / 0.52));border-top-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-right-radius:var(--rtk-border-radius-sm, 4px)}.search input{box-sizing:border-box;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);--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));border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;font-size:14px;line-height:1.25rem}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input{border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px)}.channel-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);overflow-y:scroll}.channel-container .channel{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}.channel-container .channel:hover{cursor:pointer;--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-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .channel:hover .latest-msg-time,.channel-container .channel:hover .latest-msg,.channel-container .channel:hover .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .channel-display{display:flex;gap:var(--rtk-space-2, 8px);align-self:center;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-0, 0px)}.channel-container .channel-display rtk-avatar{height:var(--rtk-space-9, 36px);width:var(--rtk-space-9, 36px);flex-shrink:0;font-size:12px}.channel-container .channel-display rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-shrink:0;padding:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.channel-container .channel-card{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-1, 4px)}.channel-container .channel-card .channel-name{max-width:var(--rtk-space-60, 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.channel-container .channel-card .latest-msg{margin:var(--rtk-space-0, 0px);max-width:var(--rtk-space-56, 224px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.channel-container .channel-card .latest-msg.new{font-weight:200;font-style:italic;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.channel-container .channel-card .latest-msg-time{font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.channel-container .channel-meta{width:var(--rtk-space-12, 48px);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--rtk-space-1\\.5, 6px);font-size:12px;font-weight:600}.channel-container .new-msgs-count{height:var(--rtk-space-4, 16px);min-width:var(--rtk-space-4, 16px);padding-top:1px;padding-bottom:1px;padding-left:2px;padding-right:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-sm, 4px);text-align:center;font-size:12px}.channel-container .selected{--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-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .selected .latest-msg-time,.channel-container .selected .latest-msg,.channel-container .selected .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .highlight .channel-title span{font-weight:700}.latest-msg p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.latest-msg blockquote{display:none}.recent-message-row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;justify-content:space-between}";
 const RtkChannelSelectorUiStyle0 = rtkChannelSelectorUiCss;

package/dist/components/rtk-channel-selector-view.js

@@ -1,4 +1,4 @@
-import { R as RtkChannelSelectorView$1, d as defineCustomElement$1 } from './p-89bbfe71.js';
+import { R as RtkChannelSelectorView$1, d as defineCustomElement$1 } from './p-74c4573e.js';
 
 const RtkChannelSelectorView = RtkChannelSelectorView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-composer-ui.js

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import { r as reverse, h as handleFilesDataTransfer, k as replyBlockPattern, e as extractReplyBlock, s as stripOutReplyBlock, M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$7 } from './p-6fa3c2fa.js';
-import { d as defineCustomElement$6 } from './p-ba1a0ebf.js';
-import { d as defineCustomElement$5 } from './p-bc68e74e.js';
-import { d as defineCustomElement$4 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$3 } from './p-efc19d8d.js';
-import { d as defineCustomElement$2 } from './p-bffc1ba5.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$7 } from './p-40528bcd.js';
+import { d as defineCustomElement$6 } from './p-56f3354e.js';
+import { d as defineCustomElement$5 } from './p-8d377d94.js';
+import { d as defineCustomElement$4 } from './p-456299a7.js';
+import { d as defineCustomElement$3 } from './p-531aad34.js';
+import { d as defineCustomElement$2 } from './p-dcd9f0d2.js';
 
 const rtkChatComposerUiCss = ":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{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:14px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{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);--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-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);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-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";
 const RtkChatComposerUiStyle0 = rtkChatComposerUiCss;

package/dist/components/rtk-chat-composer-view.js

@@ -1,4 +1,4 @@
-import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-c8a6dfb8.js';
+import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-cb4940e9.js';
 
 const RtkChatComposerView = RtkChatComposerView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-78349933.js';
+import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-b05351e6.js';
 
 const RtkChatMessage = RtkChatMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui-paginated.js

@@ -1,4 +1,4 @@
-import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-87480646.js';
+import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-5c7262b7.js';
 
 const RtkChatMessagesUiPaginated = RtkChatMessagesUiPaginated$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui.js

@@ -1,4 +1,4 @@
-import { R as RtkChatMessagesUi$1, d as defineCustomElement$1 } from './p-915562c0.js';
+import { R as RtkChatMessagesUi$1, d as defineCustomElement$1 } from './p-0536e520.js';
 
 const RtkChatMessagesUi = RtkChatMessagesUi$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-search-results.js

@@ -1,4 +1,4 @@
-import { R as RtkChatSearchResults$1, d as defineCustomElement$1 } from './p-da00b09a.js';
+import { R as RtkChatSearchResults$1, d as defineCustomElement$1 } from './p-7ef7b528.js';
 
 const RtkChatSearchResults = RtkChatSearchResults$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-selector-ui.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage } from './p-53b020e2.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
 import { g as generateChatGroupKey } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$2 } from './p-bed2e1b5.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$2 } from './p-456299a7.js';
 
 const rtkChatSelectorUiCss = ":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{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--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));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;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));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";
 const RtkChatSelectorUiStyle0 = rtkChatSelectorUiCss;

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

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack, c as useLanguage, l as usePaginatedChat } from './p-53b020e2.js';
-import { c as canViewChat } from './p-94443423.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$4 } from './p-7ad5bf75.js';
-import { d as defineCustomElement$3 } from './p-bed2e1b5.js';
-import { d as defineCustomElement$2 } from './p-efc19d8d.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage, l as usePaginatedChat } from './p-9fe29f26.js';
+import { c as canViewChat } from './p-ecf5520f.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$4 } from './p-9e617955.js';
+import { d as defineCustomElement$3 } from './p-456299a7.js';
+import { d as defineCustomElement$2 } from './p-531aad34.js';
 
 const rtkChatToggleCss = ":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}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;--tw-translate-y:-50%;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 RtkChatToggleStyle0 = rtkChatToggleCss;
@@ -99,17 +99,24 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
             this.chatActive = states.activeSidebar === true && states.sidebar === 'chat';
         }
     }
+    handleChatActiveChange() {
+        // Chat sidebar closed without opening a different sidebar
+        if (!this.chatActive && !this.states.activeSidebar) {
+            this.buttonEl.focus();
+        }
+    }
     render() {
         if (!this.canViewChat)
             return h(Host, { "data-hidden": true });
         return (h(Host, { title: this.t('chat') }, usePaginatedChat(this.meeting)
             ? this.hasNewMessages && h("div", { class: "unread-count-dot", part: "unread-count-dot" })
             : this.unreadMessageCount !== 0 &&
-                !this.chatActive && (h("div", { class: "unread-count", part: "unread-count" }, h("span", null, this.unreadMessageCount <= 100 ? this.unreadMessageCount : '99+'))), h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
+                !this.chatActive && (h("div", { class: "unread-count", part: "unread-count" }, h("span", null, this.unreadMessageCount <= 100 ? this.unreadMessageCount : '99+'))), h("rtk-controlbar-button", { ref: (el) => (this.buttonEl = el), part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.chatActive }, onClick: this.toggleChat, icon: this.iconPack.chat, label: this.t('chat'), variant: this.variant })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
-        "states": ["statesChanged"]
+        "states": ["statesChanged"],
+        "chatActive": ["handleChatActiveChange"]
     }; }
     static get style() { return RtkChatToggleStyle0; }
 }, [1, "rtk-chat-toggle", {
@@ -125,7 +132,8 @@ const RtkChatToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkChatToggle ext
         "hasNewMessages": [32]
     }, undefined, {
         "meeting": ["meetingChanged"],
-        "states": ["statesChanged"]
+        "states": ["statesChanged"],
+        "chatActive": ["handleChatActiveChange"]
     }]);
 __decorate([
     SyncWithStore()

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-da8491ef.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-3237d36e.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-clock.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, h, e as Host } from './p-3bfd5b6d.js';
-import { a as defaultIconPack } from './p-53b020e2.js';
-import { S as SyncWithStore } from './p-df6f9a3f.js';
-import { d as defineCustomElement$2 } from './p-bed2e1b5.js';
+import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-15594b6b.js';
+import { d as defineCustomElement$2 } from './p-456299a7.js';
 
 const rtkClockCss = ":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{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([size='sm']){margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px);font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkClockStyle0 = rtkClockCss;