@cloudflare/realtimekit-ui 1.0.9-staging.2 → 1.0.9-staging.4

package/dist/components/{p-d2c3870a.js → p-e4a080a5.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkOverlayModalCss = ":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;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);z-index:50}rtk-icon{height:var(--rtk-space-20, 80px)}h2{margin:var(--rtk-space-2, 8px);font-weight:500}p{margin:var(--rtk-space-0, 0px);font-size:16px}";
@@ -35,7 +35,7 @@ const RtkOverlayModal = /*@__PURE__*/ proxyCustomElement(class RtkOverlayModal e
         }
     }
     render() {
-        return (h(Host, { key: 'c767e575975cc837f1f484932c5c916d5d7e4522' }, h("rtk-icon", { key: '0f4e8e81e1fa985852cbe4055203ca3095ae8ebe', icon: this.states.activeOverlayModal.icon }), h("h2", { key: '1af8c19bc19e93b279cf396903a91d3ae7192eda' }, this.states.activeOverlayModal.title), h("p", { key: '226aacfe32b70ba4e1a01b1e4875af3fd39b559a' }, this.states.activeOverlayModal.description)));
+        return (h(Host, { key: '3c4b052af95eb7fd181d940b671b1d8105c568bb' }, h("rtk-icon", { key: 'a279a00bc270b2aa5bc1b867753bb10fbb13dfba', icon: this.states.activeOverlayModal.icon }), h("h2", { key: '283ade7b8c7f340e6931330a923df6d7457902e7' }, this.states.activeOverlayModal.title), h("p", { key: '16a8497d0940fa3354530555ab523e4d7236bbc0' }, this.states.activeOverlayModal.description)));
     }
     static get style() { return RtkOverlayModalStyle0; }
 }, [1, "rtk-overlay-modal", {

package/dist/components/{p-c663f9b1.js → p-e6710b76.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$1 } from './p-1391bef0.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))}";
@@ -79,9 +79,9 @@ const RtkLeaveMeeting = /*@__PURE__*/ proxyCustomElement(class RtkLeaveMeeting e
         }
     }
     render() {
-        return (h(Host, { key: '3a498cd6ba7efe8697a29b25cb91bba8bf4f8385' }, h("div", { key: '8094c0d9b4ade3f1a511796556b9bea6163f4081', class: "leave-modal" }, h("div", { key: '2ccb549f2ce35c8f54d806f7d6aa8e74bbc7bab2', class: "header" }, h("h2", { key: 'cf9281517dfad495e37f86b51a5cef6e471a1e62', class: "title" }, this.t('leave'))), h("p", { key: 'c2c0f7a042c377ce26e1045c6462c0a526d00041', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: 'aea5962feea02bcf96948f3fe61eb6d59657de0d' }, h("div", { key: '183292c3726e742323faba5d94c21ccefe3d56c5', class: "leave-modal" }, h("div", { key: '313b84d84c8a575883c5aa89613bf8a07b53a6aa', class: "header" }, h("h2", { key: 'd87fcdf179052a18b70b9681e56858e09acb04b5', class: "title" }, this.t('leave'))), h("p", { key: 'd03e97a6556e27b3719d4ca9ea89ee8a286d3f16', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: 'd2e9264448b26532318022ec7991fc77a17f15e1', class: "content" }, h("rtk-button", { key: '7792537400624c5f8028f5a6e167af8cc6c19317', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: 'e37a7a97fa85d120385f64831efebc02c9b4b036', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'b6ae60a2e64af83b118c077c4eac6c5d7ee6f6f8', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '05f27640ced0043aeb733df84f51a6ee637d3396', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: '39742fe6bfbadfb30b116ee38685f1193c773e1c', class: "content" }, h("rtk-button", { key: '39d88ee45a920e56593cd23237bf241951d8b178', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '250fb2f7e0a44e64a29072bc59d966191ce55a88', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'bdbea0eb8468240008a11b1f4456d52633dc2637', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: 'abff846edc62ce861159bc19101ef6714a5ad99b', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-3df2211d.js → p-e675729a.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;
@@ -56,7 +56,7 @@ const RtkFilePickerButton = /*@__PURE__*/ proxyCustomElement(class RtkFilePicker
     render() {
         const label = this.label || this.t('chat.send_file');
         const icon = this.iconPack[this.icon];
-        return (h("rtk-tooltip", { key: '90e405f39792f7ea0430c55e9b5ba0da72ce2a4a', label: label }, h("rtk-button", { key: 'f0957e7a9668afd9e25e866ea2acbb6891123bbe', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '1955f524343683974831b28629291428637aa8fc', icon: icon }))));
+        return (h("rtk-tooltip", { key: '78ef1fd3a42656601c94561bbfc63f888d8180d3', label: label }, h("rtk-button", { key: 'a0a82e689c2e3a344936db1b3253e36def3a0ce5', variant: "ghost", kind: "icon", onClick: () => this.uploadFile(), title: label }, h("rtk-icon", { key: '1651a9f460e3851ff5296f05cf08554f9da21703', icon: icon }))));
     }
     static get style() { return RtkFilePickerButtonStyle0; }
 }, [1, "rtk-file-picker-button", {

package/dist/components/{p-ddb2df62.js → p-e81fc1e8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkSwitchCss = ":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:inline-flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-10, 40px);align-items:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;background-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer}.switch{box-sizing:border-box;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);background-color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:9999px;transition-property:var(--rtk-transition-property, all);transition-duration:200ms}:host(.checked){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.checked) .switch{transform:translateX(100%)}:host([readonly]),:host([disabled]){cursor:not-allowed;opacity:0.6}";
 const RtkSwitchStyle0 = rtkSwitchCss;
@@ -56,7 +56,7 @@ const RtkSwitch = /*@__PURE__*/ proxyCustomElement(class RtkSwitch extends H {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: '74affe48ce91e7be340e9d37507859fdd473bcb1', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: '24ae27603c839d40d6452c5ee669342acb60f73d', class: "switch", part: "switch" })));
+        return (h(Host, { key: '2543d327357cb3533a081fe7e88f68b8a421771f', role: "switch", tabIndex: this.disabled && 0, "aria-readonly": this.readonly, "aria-checked": this.checked, "aria-disabled": this.disabled, class: { checked: this.checked }, onClick: this.onClick, onKeyPress: this.onKeyPress }, h("div", { key: '1a737e76fd261e4e1dc13e94f69aee1004aa1753', class: "switch", part: "switch" })));
     }
     static get watchers() { return {
         "checked": ["checkedChange"]

package/dist/components/{p-39a6a6a6.js → p-e8df7ac5.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, K as FlagsmithFeatureFlags } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, K as FlagsmithFeatureFlags } from './p-7fc0dc2f.js';
 import { l as lenChildren, R as Render } from './p-60fdbd75.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
 import './p-a83ccdbd.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-769bb885.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$6 } from './p-6fe2233b.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$6 } from './p-f4e75ea9.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-1986022b.js';
-import { d as defineCustomElement$2 } from './p-26055088.js';
-import { d as defineCustomElement$1 } from './p-34b580c9.js';
+import { d as defineCustomElement$3 } from './p-a6296b02.js';
+import { d as defineCustomElement$2 } from './p-080acf18.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const rtkParticipantCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20}";
 const RtkParticipantStyle0 = rtkParticipantCss;
@@ -226,9 +226,9 @@ const RtkParticipant = /*@__PURE__*/ proxyCustomElement(class RtkParticipant ext
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: '804f9c2daf473fd518c6697a51b82f5baf63fb17' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '98f6f1a031269f5ca6523ed38228bcb64a3fe97d', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: 'de05ef0806cb0e614bae951715ec263cb2271492', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: '8393d899384cac8ff0e248a76f4095922f98e1cb', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: '7b99b6269a101d01a8014dc4038b6bcada21203f', class: {
+        return (h(Host, { key: 'd04f837e2d5eb2024ac202ad5ac77331adad43c9' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: '357234a1dde242720daab827db2d8aeda595c96b', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: 'f1cd6c6f0398e7f5275a65044a65429d5f0d1db4', class: "name", title: name }, shorten(name, 16), " ", ((_f = this.meeting) === null || _f === void 0 ? void 0 : _f.self.id) === ((_g = this.participant) === null || _g === void 0 ? void 0 : _g.id) && this.t('(you)'))), this.view === 'sidebar' && (h("div", { key: 'bd12f811f09fdb1b722ac9597f8e70dd734d5737', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: '20d4bd4f97e9edd4f86cb4b427fa60b1507906cd', class: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: 'e6e7d7e8a50a9ad0be657b85245252300182c539', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: 'bebf3ddc0a1b40a4cbb736edbee9bf2482890c32', class: {
                 red: !this.videoEnabled,
             }, icon: this.videoEnabled ? this.iconPack.video_on : this.iconPack.video_off })), (showMenu ||
             lenChildren({
@@ -237,34 +237,34 @@ const RtkParticipant = /*@__PURE__*/ proxyCustomElement(class RtkParticipant ext
                 childProps: {
                     participant: this.participant,
                 },
-            }) > 0) && (h("div", { key: '085e0ffe3c230ef1f21ed5de6c11ef70ccfeb69b', class: "menu" }, h("span", { key: 'ab295b485204509824a6bce511a80ec939e31fbb', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: '0f0cb35c69e63ba8d8b3835cec42aba9f65dc6b8', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: 'ebd5705879751573de28ddad204d8f16b055a2b9', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '98ec81219c735d44ba36eb2e677b734cc43e478d', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '243c43eacd1c429f4c7bd2fcd24fef3983209226', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '93b74a42b5b37fe15bcbe7a5217258c8cb2b48b9', onClick: () => {
+            }) > 0) && (h("div", { key: '98bbfa6d23c2b298f082b182ed4ff39b5ab6ffbd', class: "menu" }, h("span", { key: '510be24b1e9000cea40bc1d19bead1092b882802', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: 'ffc0397b8259769d5fe2407770507350449211e5', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: 'a7c403786b7fd2be84e3cb59015e0c9532fbe7a8', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '996cfcd1221be661ec4a7a1fb753a2979ef695b6', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '16d3ce80e2d51cffb37617856dfec051958ef9b7', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '2469c59d100fe34fbb0c271f9bf27263e9d3ce72', onClick: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '0c1c8f6cc7b10c2fdea37f79ad0fc00cbb50f1d6', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: 'dd4d5dff2c77f93a233a5f565d9d64fddb660c0d', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: 'e69b81c2a557d2acf6f4254edb46836d9951cf3e', icon: this.isPinned ? this.iconPack.pin_off : this.iconPack.pin, slot: "start" }), this.isPinned ? this.t('unpin') : this.t('pin'))), isSelf && (h("rtk-menu-item", { key: '52335e703f44cf8b1d3adc6c2d6750198906216b', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, h("rtk-icon", { key: 'fdfc1cfeca1b1c63dd27fcc31a658f1d1a8d5c17', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
+            } }, h("rtk-icon", { key: '7b9aa493842c50422b909c1c98f4d16bda594d59', icon: this.isHidden ? this.iconPack.minimize : this.iconPack.maximize, slot: "start" }), !this.meeting.self.hidden ? this.t('minimize') : this.t('maximize'))), this.canDisableParticipantAudio &&
             isActiveParticipant &&
-            this.audioEnabled && (h("rtk-menu-item", { key: '95edf3439889a9c468acce8ef88ababef747e018', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (h("rtk-menu-item", { key: '956e423b33a1db73ad692362708c2db9307604e3', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, h("rtk-icon", { key: '1df60ff6541717369a5c8c1fa47dcb09e2499f8d', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, h("rtk-icon", { key: '3f0d90c3e43059ee95b5bee9b52a0e3d03f67011', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (h("rtk-menu-item", { key: 'e3812a8631be2f84695b90ac80f0214a26495071', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (h("rtk-menu-item", { key: 'fc2f22ed04974fa40c10e730e3bb7aee2142d7a4', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, h("rtk-icon", { key: '634c9c452ecd36d6c024cbb0e22a79059f4b85a6', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
-            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: '3428e0c1d22f675bbec3a920670a26dd3c7c66e5', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '55cdf3825acd959945ce82b19fd69f36e26aa476', icon: this.isOnStage
+            } }, h("rtk-icon", { key: '86ee677bb056d9e665ab81fc8246b17fb89ac699', icon: this.iconPack.video_off, slot: "start" }), this.t('participants.turn_off_video'))), this.canAllowParticipantOnStage &&
+            ((_h = this.participant) === null || _h === void 0 ? void 0 : _h.id) !== ((_j = this.meeting) === null || _j === void 0 ? void 0 : _j.self.id) && (h("rtk-menu-item", { key: 'ca374ea886d695a5e78b75b3de9de9b9631ef19a', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '6166ff20a3fa00d28b6602a3a7e68c1a2ca008a5', icon: this.isOnStage
                 ? this.iconPack.leave_stage
                 : this.iconPack.join_stage, slot: "start" }), this.isOnStage
             ? this.t('stage.remove_from_stage')
-            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: 'affe710adb04e305b6a46b9de2d25984d6c075d6', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: '95818a580073c6b3244a47020cafed3bb7b97dd6', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
                 var _a, _b;
                 (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.participants.kick((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id);
-            } }, h("rtk-icon", { key: 'd9c55c666231f76f00dd68ce0e2bedd92462ef89', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '7017ef52152b1908e93ce539f762120425e50562' }, h(Render, { key: '28c3eacd6a4572c806748a7d09a861f000430b90', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, h("rtk-icon", { key: '9a2511e15d604cd672d85fb7cd99deb157e96bb0', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '8dad8df5005902e5af3325062ba4d81711dc8370' }, h(Render, { key: '915f440d18ae76a9330297122d6c8f22dbf629cd', element: "rtk-participant", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }

package/dist/components/{p-1d29b7c3.js → p-ee98bbaf.js}

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$a } from './p-6fe2233b.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$a } from './p-f4e75ea9.js';
 import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-01a50790.js';
+import { d as defineCustomElement$8 } from './p-488d88a8.js';
 import { d as defineCustomElement$7 } from './p-3b29dda1.js';
-import { d as defineCustomElement$6 } from './p-a9d5d165.js';
-import { d as defineCustomElement$5 } from './p-54dba22f.js';
-import { d as defineCustomElement$4 } from './p-1986022b.js';
-import { d as defineCustomElement$3 } from './p-26055088.js';
-import { d as defineCustomElement$2 } from './p-34b580c9.js';
-import { d as defineCustomElement$1 } from './p-731ee854.js';
+import { d as defineCustomElement$6 } from './p-190db142.js';
+import { d as defineCustomElement$5 } from './p-f8f5cb31.js';
+import { d as defineCustomElement$4 } from './p-a6296b02.js';
+import { d as defineCustomElement$3 } from './p-080acf18.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-9889bee5.js';
 
 const rtkChatMessageCss = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin:var(--rtk-space-0, 0px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 const RtkChatMessageStyle0 = rtkChatMessageCss;
@@ -105,11 +105,11 @@ const RtkChatMessage = /*@__PURE__*/ proxyCustomElement(class RtkChatMessage ext
             } })));
     }
     render() {
-        return (h(Host, { key: '50c4021e3c717d8d2c7e035ce6541adca05ca3d2' }, h("div", { key: '1f5a0d679baea7ea72855846f57fa8419e46f019', class: {
+        return (h(Host, { key: '358cc92774694c9c31b965f823efd5047685ddd3' }, h("div", { key: '084dbfc81b75420c66f949b9799a60563c39b6b2', class: {
                 'message-wrapper': true,
                 'align-right': this.alignRight,
                 'left-align': this.leftAlign,
-            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: '1f11244450725426035076a80fcc41a76ef0b7a4', class: {
+            }, "is-continued": this.isContinued }, this.renderAvatar(), h("div", { key: 'e3f3490eccdc1550b9232bf70f2d8f6717f2fac4', class: {
                 message: true,
                 'show-on-hover': !this.isTouchDevice(),
             }, "is-continued": this.isContinued }, this.renderMessage(), this.renderControls()))));

package/dist/components/{p-3fe1bb0d.js → p-f47894a6.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { M as MAX_TEXT_LENGTH } from './p-dab9d3d6.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$b } from './p-1391bef0.js';
-import { d as defineCustomElement$a } from './p-00ebd1dc.js';
-import { d as defineCustomElement$9 } from './p-fb427023.js';
-import { d as defineCustomElement$8 } from './p-1a60f5b0.js';
-import { d as defineCustomElement$7 } from './p-3df2211d.js';
+import { d as defineCustomElement$a } from './p-65cd2fe3.js';
+import { d as defineCustomElement$9 } from './p-20290b0b.js';
+import { d as defineCustomElement$8 } from './p-3da4880c.js';
+import { d as defineCustomElement$7 } from './p-e675729a.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-f5f0b499.js';
-import { d as defineCustomElement$4 } from './p-34b580c9.js';
-import { d as defineCustomElement$3 } from './p-bccc21f8.js';
-import { d as defineCustomElement$2 } from './p-93e1439e.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$5 } from './p-88bef213.js';
+import { d as defineCustomElement$4 } from './p-0a35a909.js';
+import { d as defineCustomElement$3 } from './p-d3de8b85.js';
+import { d as defineCustomElement$2 } from './p-a94b2e67.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkChatComposerViewCss = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
 const RtkChatComposerViewStyle0 = rtkChatComposerViewCss;

package/dist/components/{p-6fe2233b.js → p-f4e75ea9.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import { f as formatName, g as getInitials } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-34b580c9.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
 const rtkAvatarCss = ":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;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--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)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--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))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;

package/dist/components/{p-22d9d3ff.js → p-f7430e46.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, h as useLanguage } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$4 } from './p-3438fd71.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$4 } from './p-6756b222.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-a09aefba.js';
-import { d as defineCustomElement$1 } from './p-ddb2df62.js';
+import { d as defineCustomElement$2 } from './p-7481511c.js';
+import { d as defineCustomElement$1 } from './p-e81fc1e8.js';
 
 const rtkSettingsVideoCss = ":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)}.rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5)}:host{display:flex;width:100%;flex-direction:column}.rtk-select{width:100%;text-overflow:ellipsis}rtk-participant-tile{margin-left:auto;margin-right:auto;margin-bottom:var(--rtk-space-4, 16px);max-width:100%}#icon{padding-bottom:var(--rtk-space-1, 4px)}.apply-button{height:var(--rtk-space-10, 40px)}label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.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%}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.section{display:flex;flex-direction:column}@media only screen and (max-height: 480px) and (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}.section[part='tile-preview']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);max-height:90%;max-width:40%;flex-shrink:1}.section[part='video-settings']{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);flex-grow:1}}";
 const RtkSettingsVideoStyle0 = rtkSettingsVideoCss;

package/dist/components/{p-d2b37264.js → p-f7eb9c47.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$5 } from './p-6fe2233b.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$5 } from './p-f4e75ea9.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-34b580c9.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkParticipantsStageQueueCss = ":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-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkParticipantsStageQueueStyle0 = rtkParticipantsStageQueueCss;

package/dist/components/{p-54dba22f.js → p-f8f5cb31.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { c as computePosition, o as offset, f as flip, s as shift } from './p-769bb885.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
 
 const rtkMenuCss = ":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:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}";
 const RtkMenuStyle0 = rtkMenuCss;
@@ -59,7 +59,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'a814ea3dde902a15cb6fb0db8a9c2409c240537f' }, h("span", { key: 'de2447524c6a1787a6b9442ccb9c3d56a33e9f4f', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: 'b019210ff85bde38c61855f8ac38aa8b927aa857' }, h("span", { key: '14f689eed0672642c3a181ee5d197d7a9b5c00a8', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -68,7 +68,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, h("slot", { key: 'fb566f431ceca452fad8b564cfb777bc90411a02', name: "trigger" })), h("span", { key: '50b030d301e54677d19cc21dadcec53f566b14cf', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '59ce6c30c39155fec448114fd25752585d95c87d' }))));
+            } }, h("slot", { key: 'f1ab2111e0ad309df5b38e4f189d821b8ab50a4a', name: "trigger" })), h("span", { key: 'ec03b8c7ff60dd21dce3bc1f9b473ab59ec37ace', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: 'bc05fba324ccf4360340b070c8d4f3723a72cf6e' }))));
     }
     static get style() { return RtkMenuStyle0; }
 }, [1, "rtk-menu", {

package/dist/components/{p-03bdc4c0.js → p-fa8f6b4a.js}

@@ -104,7 +104,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'cee2142cb6afa3e002b614bd3dd18b710b749ac1' }, h("span", { key: '4ba5b4777592afc8eb0ae14b50e5ebbfbb43bd1f', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: 'fa1ecc3998424e21444324bf4b5c90d6891ab03f' })), h("div", { key: '39306bb13f784942525e0b8b203406512253be3d', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: 'd5bd2ca0781605c1ffe4cbeb1ade65430aed6691', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: 'c80c860e2c9cdcbe3c0e0ec97b8f4cd9c99abb78', name: "tooltip" }))));
+        return (h(Host, { key: '32f792b447497e62bc776085657de62b8d6213bf' }, h("span", { key: '96f014373662e86cadb00d5a0b981246d3a7cac4', part: "trigger", id: "trigger", ref: (el) => (this.triggerEl = el) }, h("slot", { key: '218a47538fad33071c2ed20d83610b36e8c5a8f4' })), h("div", { key: 'c338da352126320e70333ad8ae814667e53dc5b4', part: "tooltip", class: "tooltip", id: "tooltip", role: "tooltip", ref: (el) => (this.tooltipEl = el) }, h("div", { key: 'bd0fe7c880bf999ba565959e84cc78412d008fb7', id: "arrow", ref: (el) => (this.arrowEl = el), part: "arrow" }), this.label, h("slot", { key: '67fcc99de5f9db145ce832b7eb46aa0e587ed101', name: "tooltip" }))));
     }
     static get watchers() { return {
         "open": ["openChanged"]

package/dist/components/{p-fb46d041.js → p-fd68a52b.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, I as resetRoomCount, B as BreakoutRoomsManager, H as participantIdentifier } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$8 } from './p-6fe2233b.js';
-import { d as defineCustomElement$7 } from './p-e2e22bf8.js';
-import { d as defineCustomElement$6 } from './p-aba9b612.js';
+import { e as defaultIconPack, h as useLanguage, I as resetRoomCount, B as BreakoutRoomsManager, H as participantIdentifier } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$8 } from './p-f4e75ea9.js';
+import { d as defineCustomElement$7 } from './p-4d582a90.js';
+import { d as defineCustomElement$6 } from './p-2f82e0b0.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
-import { d as defineCustomElement$4 } from './p-9ea5df8f.js';
+import { d as defineCustomElement$4 } from './p-b34865c7.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-34b580c9.js';
-import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { d as defineCustomElement$1 } from './p-fa8f6b4a.js';
 
 const rtkBreakoutRoomsManagerCss = ":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)}.color-brand{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.color-danger{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.loading-content{height:var(--rtk-space-60, 240px);width:var(--rtk-space-96, 384px);padding:var(--rtk-space-9, 36px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;align-items:center;justify-content:center}.room-config{overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}header rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.create-room{margin-bottom:var(--rtk-space-4, 16px);display:flex;align-items:center;gap:var(--rtk-space-3, 12px);width:100%}.create-room p{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);font-size:16px}.distribution-hint{margin-bottom:var(--rtk-space-8, 32px);font-size:14px;font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.distribution-hint em{font-style:normal;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}footer{display:flex;flex-direction:row;vertical-align:middle;justify-content:center}footer rtk-button{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}label{margin-bottom:var(--rtk-space-3, 12px);font-weight:400;color:rgb(var(--rtk-colors-text-1000, 255 255 255));opacity:0.4}.participant-config-wrapper{width:850px;min-height:595px;max-width:100%;max-height:100%;border-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;flex-direction:column}.participant-config-actions{display:flex;justify-content:space-between;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);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-1000, 8 8 8) / var(--tw-bg-opacity))}.participant-config{display:flex;flex-grow:1;flex-direction:row;overflow:hidden}aside{box-sizing:border-box;display:flex;width:var(--rtk-space-96, 384px);flex-grow:1;flex-direction:column;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-4, 16px);border-right-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}aside header{margin-bottom:var(--rtk-space-4, 16px);width:100%;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);padding-top:var(--rtk-space-8, 32px);font-size:20px;font-weight:500;line-height:2rem}.shuffle-button{display:flex;flex-direction:row;align-items:center}.shuffle-button rtk-icon{height:var(--rtk-space-8, 32px)}.participants-assign-actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-2, 8px);margin-left:calc(var(--rtk-space-8, 32px) * -1);margin-right:calc(var(--rtk-space-4, 16px) * -1);padding-top:var(--rtk-space-0\\.5, 2px);padding-bottom:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.participants-assign-actions .deselect-button{height:var(--rtk-space-6, 24px)}.participants-assign-actions .deselect-button:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.assign-rooms{padding:var(--rtk-space-8, 32px);display:flex;width:100%;flex-direction:column}.assign-rooms .disabled{opacity:0.2}.assign-rooms .back{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;padding:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-0, 0px);font-size:14px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.assign-rooms .back rtk-icon{height:var(--rtk-space-5, 20px)}.assign-rooms .row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}.assign-rooms .row-header{margin:var(--rtk-space-0, 0px);font-size:16px;line-height:2rem}.assign-rooms .cta-buttons{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.assign-rooms .cta-buttons rtk-button div{display:flex;flex-direction:row;align-items:center}.assign-rooms .cta-buttons rtk-button div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.rooms{margin-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-1, 4px);display:flex;flex-grow:1;flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;max-height:500px}.rooms::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-sm, 4px)}.rooms::-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))}.rooms::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.breakout-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}.breakout-actions .start-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.breakout-actions .close-breakout-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-bg-opacity))}.breakout-actions .update-breakout-button{background-color:transparent;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity))}.status-bar{display:flex;align-items:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));width:var(--rtk-space-80, 320px)}.ephemeral-status{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.ephemeral-status rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.room-switcher-container{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));width:468px;padding:var(--rtk-space-8, 32px)}.add-room-jumbo-btn div{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.add-room-jumbo-btn div rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}.br-primary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-primary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkBreakoutRoomsManagerStyle0 = rtkBreakoutRoomsManagerCss;

package/dist/components/{p-c3582bf3.js → p-fe911889.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { e as defaultIconPack } from './p-037e572f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$6 } from './p-6fe2233b.js';
+import { d as defineCustomElement$6 } from './p-f4e75ea9.js';
 import { d as defineCustomElement$5 } from './p-3b29dda1.js';
-import { d as defineCustomElement$4 } from './p-54dba22f.js';
-import { d as defineCustomElement$3 } from './p-1986022b.js';
-import { d as defineCustomElement$2 } from './p-26055088.js';
-import { d as defineCustomElement$1 } from './p-34b580c9.js';
+import { d as defineCustomElement$4 } from './p-f8f5cb31.js';
+import { d as defineCustomElement$3 } from './p-a6296b02.js';
+import { d as defineCustomElement$2 } from './p-080acf18.js';
+import { d as defineCustomElement$1 } from './p-0a35a909.js';
 
-const rtkMessageViewCss = ":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{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column}.header{margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.body .metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px}.bubble{max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{width:-moz-fit-content;width:fit-content;--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-900, 255 255 255 / 0.88))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--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))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";
+const rtkMessageViewCss = ":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{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:12px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--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)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--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-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--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))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";
 const RtkMessageViewStyle0 = rtkMessageViewCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -37,6 +37,8 @@ const RtkMessageView = /*@__PURE__*/ proxyCustomElement(class RtkMessageView ext
         this.viewType = 'outgoing';
         /** Hides avatar */
         this.hideAvatar = false;
+        /** Is the message sent by the current user */
+        this.isSelf = false;
         /** Hides author display label */
         this.hideAuthorName = false;
         /** Hides metadata (time) */
@@ -48,7 +50,7 @@ const RtkMessageView = /*@__PURE__*/ proxyCustomElement(class RtkMessageView ext
         return (h("rtk-menu", { placement: "top-end", offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", null, this.actions.map((action) => (h("rtk-menu-item", { onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
     }
     render() {
-        return (h(Host, { key: '9fafe4370eee525631023ecde39b3293059e8c22' }, h("div", { key: '1718981905d4458d0862c34c3c342f7335f0921b', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: 'c6ea0c46283a7faa4bb937cb4196e2e1d548c721', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'e3181a831b75b5c79f212da64076dbf6b47fecca', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '5565b5711055f1cd543cfaa36c03789b82fb94fa', class: "message", part: "message" }, !this.hideAuthorName && h("div", { key: '613098d825ba1c33aaca53579c883a306ed1239d', class: "header" }, this.authorName), h("div", { key: '166dd3e4fb33876cd74f94a7ac193064e8778f81', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: 'd04e722b66c4d7cb7c20952a9e7c70d048e66410' }), !this.hideMetadata && !!this.time && (h("div", { key: 'f12d8c9dd8320202a6906c10298d3357aff5d762', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
+        return (h(Host, { key: '61882011f477f816296277a4f2d5622d224e47f0' }, h("div", { key: 'ae21bfc0c499879da6a2167f0cad5203475de696', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: '73b10ebb1dccdc4e2c9258f185eb14f07d11d542', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'e07971bf9d7738fb2dcc015d339a13d5dca7c6f7', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '1e24801f717589e598c4160bea7ab10a59acfcc2', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: '3178f750ad798b7d83508f82ead36ee5407fee4c', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: '056445ef0c557d7d756330df5778ad8bc2d41e60', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '6d5486666ce2238e4387c2621d562b24704a9317' }), !this.hideMetadata && !!this.time && (h("div", { key: '1d4b9bdbb3aaf288dce4b43a31354df3d413b2b4', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
     }
     static get style() { return RtkMessageViewStyle0; }
 }, [1, "rtk-message-view", {
@@ -58,6 +60,7 @@ const RtkMessageView = /*@__PURE__*/ proxyCustomElement(class RtkMessageView ext
         "avatarUrl": [1, "avatar-url"],
         "hideAvatar": [4, "hide-avatar"],
         "authorName": [1, "author-name"],
+        "isSelf": [4, "is-self"],
         "hideAuthorName": [4, "hide-author-name"],
         "hideMetadata": [4, "hide-metadata"],
         "time": [16],

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-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$4 } from './p-9730c398.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-34b580c9.js';
+import { d as defineCustomElement$2 } from './p-0a35a909.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-7f0ee3c6.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-563c785d.js';
 
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ai.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
-import { d as defineCustomElement$4 } from './p-7f0ee3c6.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-47c25f64.js';
+import { d as defineCustomElement$4 } from './p-563c785d.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-037e572f.js';
+import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-af35ac31.js';
+import { S as SyncWithStore } from './p-47c25f64.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)}";
@@ -88,7 +88,7 @@ const RtkAudioGrid$1 = /*@__PURE__*/ proxyCustomElement(class RtkAudioGrid exten
     }
     render() {
         const onStage = this.activeParticipants.concat(this.onStageParticipants);
-        return (h(Host, { key: '9abf98e115b0c6904fd970c39880101fab2c637c' }, h("div", { key: 'dba672bd5cdd108629802028080eef8d1fb3afd6', class: "content scrollbar" }, h("div", { key: '21fc5e7ac8a6226b35695960f8f4b92a227344b5', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '6aee7d64d2af6e4435c5e552e24d7a3dc12847f8', class: "waitlist-area" }, h("div", { key: 'e84f6038cc0071062b9d5d033848739bdb1cc971', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'd6d5cdd233847dca6902a4c0158be110b36b1c76', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: '03aee180fdfdf0a8391e31cc2e943173fb06bcc0' })));
+        return (h(Host, { key: '545ff0d94e5d8cb5604279fd22b47d2c9c30ff96' }, h("div", { key: 'cbf5012d5087b84eddfad9e17fad50e3470ebb47', class: "content scrollbar" }, h("div", { key: '2a513b6542719648450701770638cba13700b8bb', class: "stage grid" }, this.renderGrid(onStage)), this.offStageParticipants.length > 0 && (h("div", { key: '1ac6c830743816da172504c156492a0b834cdb7b', class: "waitlist-area" }, h("div", { key: 'dfff80aece14434a905e16c28df55c91a865481e', class: "listening-title" }, this.offStageParticipants.length, " ", this.t('grid.listening')), h("div", { key: 'e0e6c644fb313b688b5e3cb77082ac29ae54b1d0', class: "waitlist-grid grid" }, this.renderGrid(this.offStageParticipants))))), h("slot", { key: 'fd4bab6e6ceeb733e1aa10d7e2f5388fa67a097f' })));
     }
     get host() { return this; }
     static get watchers() { return {