@cloudflare/realtimekit-ui 1.0.6-staging.4 → 1.0.6-staging.6

package/dist/components/{p-4e55295e.js → p-08f6162d.js}

@@ -4,19 +4,19 @@ import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { d as differenceInMinutes, f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$d } from './p-74d7f3a0.js';
+import { d as defineCustomElement$d } from './p-4e9d44f6.js';
 import { d as defineCustomElement$c } from './p-1391bef0.js';
-import { d as defineCustomElement$b } from './p-0081423d.js';
+import { d as defineCustomElement$b } from './p-27f15618.js';
 import { d as defineCustomElement$a } from './p-3b29dda1.js';
-import { d as defineCustomElement$9 } from './p-05b503da.js';
-import { d as defineCustomElement$8 } from './p-b9e78c21.js';
-import { d as defineCustomElement$7 } from './p-ec54a0c7.js';
-import { d as defineCustomElement$6 } from './p-9b4f77d0.js';
-import { d as defineCustomElement$5 } from './p-258274b1.js';
-import { d as defineCustomElement$4 } from './p-53c730fe.js';
-import { d as defineCustomElement$3 } from './p-fe4cd240.js';
-import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$9 } from './p-e891d522.js';
+import { d as defineCustomElement$8 } from './p-f5f0b499.js';
+import { d as defineCustomElement$7 } from './p-919e71b8.js';
+import { d as defineCustomElement$6 } from './p-5205ea87.js';
+import { d as defineCustomElement$5 } from './p-a9d80b81.js';
+import { d as defineCustomElement$4 } from './p-de20d057.js';
+import { d as defineCustomElement$3 } from './p-a59a9c97.js';
+import { d as defineCustomElement$2 } from './p-3570bda3.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkChatMessagesUiCss = ":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;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;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))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}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:var(--rtk-space-16, 64px);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}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;
@@ -172,7 +172,7 @@ const RtkChatMessagesUi = /*@__PURE__*/ proxyCustomElement(class RtkChatMessages
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: '3d335fbdb909bff71aaa36f14feb1591b3d8913a' }, h("div", { key: '7548decfcd5468712f0a919ca292cbf09af18b4a', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '6f2f7d224dd06cbe36ab23f13a6650ef3a8838dd', class: "spacer", part: "spacer" }), h("div", { key: 'b933128c9653567254bdb5266535b18430ed3eea', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: '1e44ac8e6bd0eabff25aaedb905d80fb4007903d' }, h("div", { key: 'ffbb1fe97efc2408e2ee7e4bccef1cc8a3100b66', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '58d11c81a25a0760d3bdd9e60a8a6d0a96c022c2', class: "spacer", part: "spacer" }), h("div", { key: 'be68b5ccfd53bc7ec4c7dc23b10fe325a7c54314', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -191,10 +191,10 @@ const RtkChatMessagesUi = /*@__PURE__*/ proxyCustomElement(class RtkChatMessages
                     } })))), message.pinned && (h("div", { class: "pin-button", part: "pin-button" }, h("rtk-tooltip", { label: this.t('unpin') }, h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), h("div", { key: 'e43d63e4936b196582d19d440ff5715ae4eda00d', class: "show-new-messages-ctr" }, h("rtk-button", { key: '9b0d952784528c98956f5079f649a7a667aa34ac', class: {
+        }))), h("div", { key: 'ae321cae98279cb45e61968b5fab1806d8ae2f33', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'e593e952615692612b2423e49975f97bb22df0fe', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'd24bff93ea28fd29fcb71e985008e15869d5b511', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: '454e7ecb90b1660b882bb6f988beb1d7d0494d5f', icon: this.iconPack.chevron_down })))));
     }
     static get watchers() { return {
         "messages": ["chatChanged"],

package/dist/components/{p-8935943a.js → p-0a583582.js}

@@ -5,12 +5,12 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
 import './p-a83ccdbd.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-769bb885.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$6 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$6 } from './p-4e9d44f6.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-9b4f77d0.js';
-import { d as defineCustomElement$2 } from './p-258274b1.js';
-import { d as defineCustomElement$1 } from './p-fe4cd240.js';
+import { d as defineCustomElement$3 } from './p-5205ea87.js';
+import { d as defineCustomElement$2 } from './p-a9d80b81.js';
+import { d as defineCustomElement$1 } from './p-a59a9c97.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: 'fca2be3a201295536c8401df43b0d7c574204d67' }, h("div", { class: "left", key: (_e = this.participant) === null || _e === void 0 ? void 0 : _e.id }, h("rtk-avatar", { key: 'fc9a18d3afb9e023f690cc09b61c8fece2117131', participant: this.participant, size: "sm", iconPack: this.iconPack, t: this.t }), h("p", { key: '76bde07e6b502ad5b329ca0780e96b7d13ca6c86', 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: 'f5475e848b7eb07f36b03514c2f140366fa9db75', class: "right" }, isActiveParticipant && (h("rtk-icon", { key: 'd79d3570137dc8f44d85d4f1325d2b7528ae2b09', class: {
+        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: {
                 red: !this.audioEnabled,
-            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: '8267f27a37e363ddc54708d31c6715fffd6bf057', class: {
+            }, icon: this.audioEnabled ? this.iconPack.mic_on : this.iconPack.mic_off })), isActiveParticipant && !isAudioRoom && (h("rtk-icon", { key: 'e6e7d7e8a50a9ad0be657b85245252300182c539', 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: '16a70e1c20fbc9b60bdc06c2b5621eeb92ffd456', class: "menu" }, h("span", { key: '2283145bee77a1d3cca5b78ab035df9295c0bd12', id: "trigger", onClick: this.onMenuToggle }, h("rtk-button", { key: 'f11c52baf39ff342d4bd6cac5882b7852bea5dd0', variant: "ghost", kind: "icon", slot: "trigger" }, h("rtk-icon", { key: '2d218acada676cb4fc8d2b720fd7a785932b05cb', class: "more", icon: this.iconPack.more_vertical }))), h("span", { key: '57eee96bfe16ec0792f068b1c5125020522b6ea0', id: "menu-list" }, this.menuOpen && (h("rtk-menu-list", { key: '73786a54c181560cf3744d41872860a4f9226182', iconPack: this.iconPack, t: this.t }, this.canPinParticipant && isActiveParticipant && !isAudioRoom && (h("rtk-menu-item", { key: '5e58a73a8ee20e682dfaea8352bf757f21f2074d', onClick: () => {
+            }) > 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: () => {
                 if (this.isPinned) {
                     this.participant.unpin();
                 }
                 else {
                     this.participant.pin();
                 }
-            }, iconPack: this.iconPack, t: this.t }, h("rtk-icon", { key: '7b1135f7ea874641440af548c170d7eed932f5aa', 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: '6f1a6e919ad72776e0a318bac3657e358a846e42', iconPack: this.iconPack, t: this.t, onClick: () => {
+            }, 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: () => {
                 this.isHidden
                     ? this.participant.show()
                     : this.participant.hide();
-            } }, h("rtk-icon", { key: '6d2dc3f5a8fcbac7bee5855418f2d310a44ea581', 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: 'fdfc1cfeca1b1c63dd27fcc31a658f1d1a8d5c17', 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: '9f15f60f110f41b68a7e48c5f14f1826f291a76a', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.audioEnabled && (h("rtk-menu-item", { key: '95edf3439889a9c468acce8ef88ababef747e018', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableAudio();
-            } }, h("rtk-icon", { key: '337bd8e35012e5d5db7c899246f5debff0e82a8f', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
+            } }, h("rtk-icon", { key: '1df60ff6541717369a5c8c1fa47dcb09e2499f8d', icon: this.iconPack.mic_off, slot: "start" }), this.t('mute'))), this.canDisableParticipantVideo &&
             isActiveParticipant &&
-            this.videoEnabled && (h("rtk-menu-item", { key: '5c57b5c3e63efc77578849e1e631d92bece21b93', iconPack: this.iconPack, t: this.t, onClick: () => {
+            this.videoEnabled && (h("rtk-menu-item", { key: 'e3812a8631be2f84695b90ac80f0214a26495071', iconPack: this.iconPack, t: this.t, onClick: () => {
                 this.participant.disableVideo();
-            } }, h("rtk-icon", { key: 'dc95678f6f7fdc6dcbce86ee6a13d9891e039770', 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: '60aabc93efd82a76edcea10d895522d9c9d5e68f', iconPack: this.iconPack, t: this.t, class: this.isOnStage ? 'red' : '', onClick: this.inviteToStageToggle }, h("rtk-icon", { key: '6eef25ebdfae1932011b9764cdc3cbf7f07ecd1b', icon: this.isOnStage
+            } }, 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
                 ? 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: '69ede235912eaf64e025d7b05dae7ee0e9089ab4', iconPack: this.iconPack, t: this.t, class: "red", onClick: () => {
+            : this.t('stage.add_to_stage'))), !isSelf && this.canKickParticipant && (h("rtk-menu-item", { key: 'affe710adb04e305b6a46b9de2d25984d6c075d6', 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: 'e4ad9ac63eea2e436374289d5e0b83a754bf65fd', icon: this.iconPack.dismiss, slot: "start" }), this.t('kick'))), h("slot", { key: '51235a7802e6878c7391c132e4bd8c3c636b57c5' }, h(Render, { key: '5ca8b68b79c748f3ced6cdb33ec8757caa7b597b', element: "rtk-participant", defaults: defaults, childProps: {
+            } }, 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: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))))))))));
     }

package/dist/components/{p-5eb08127.js → p-0c5aab6d.js}

@@ -2,18 +2,18 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$c } from './p-74d7f3a0.js';
+import { d as defineCustomElement$c } from './p-4e9d44f6.js';
 import { d as defineCustomElement$b } from './p-1391bef0.js';
-import { d as defineCustomElement$a } from './p-13258097.js';
-import { d as defineCustomElement$9 } from './p-c3ec35db.js';
+import { d as defineCustomElement$a } from './p-f5c29229.js';
+import { d as defineCustomElement$9 } from './p-63b4ff6e.js';
 import { d as defineCustomElement$8 } from './p-3b29dda1.js';
-import { d as defineCustomElement$7 } from './p-0f94d9ad.js';
-import { d as defineCustomElement$6 } from './p-ec54a0c7.js';
-import { d as defineCustomElement$5 } from './p-9b4f77d0.js';
-import { d as defineCustomElement$4 } from './p-258274b1.js';
-import { d as defineCustomElement$3 } from './p-7b0b700d.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-3c344b0a.js';
+import { d as defineCustomElement$7 } from './p-4a792ea5.js';
+import { d as defineCustomElement$6 } from './p-919e71b8.js';
+import { d as defineCustomElement$5 } from './p-5205ea87.js';
+import { d as defineCustomElement$4 } from './p-a9d80b81.js';
+import { d as defineCustomElement$3 } from './p-ff8e5929.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-317b41b0.js';
 
 const rtkChatSearchResultsCss = ":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%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;
@@ -51,7 +51,7 @@ const RtkChatSearchResults = /*@__PURE__*/ proxyCustomElement(class RtkChatSearc
         };
     }
     render() {
-        return (h(Host, { key: 'f9dc934ec73372295dde976d216dc1f8ffb6f11e' }, h("rtk-paginated-list", { key: '4bdb8438495075558df2ee013a58dbbd56e3f274', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: '9947c793cb766158d4ed3d81871bbdb8b60274af' }, h("rtk-paginated-list", { key: '0d91dc8818b08c7ed053728074c483f159811a41', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
     static get style() { return RtkChatSearchResultsStyle0; }
 }, [1, "rtk-chat-search-results", {

package/dist/components/{p-4e857a0d.js → p-1740eeb4.js}

@@ -52,7 +52,7 @@ const RtkConfirmationModal = /*@__PURE__*/ proxyCustomElement(class RtkConfirmat
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (h(Host, { key: '22ee38d06ab212134ac17a656da1251a3dc05372' }, h("div", { key: 'ed29620d69abd3202a823de32c06d7b2fb71f828', class: "leave-modal" }, h("div", { key: '07466875c79feb312e7df26cec679e62a4fc2991', class: "header" }, h("h2", { key: '4ebc7ab0dc5c2175cb234575435a30e4d1ce7a13', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: 'a9fcfa27f006dfb6ee1be60529b2c02611edc4cd', class: "message" }, this.t(state.content)), h("div", { key: '940cb8e8344bd99ba5d5266e284cc5161e666748', class: "content" }, h("div", { key: 'b8862b1db1f77121f9c2032e1f8213eeced5217d', class: "leave-meeting" }, h("rtk-button", { key: '0b4e17540009e0a465097e628904b36c54e17462', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: '5f8c65ea6678c14855ece31827cb4aff714a0965', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (h(Host, { key: 'c79124361c70a80d200f4021c7483038f330b683' }, h("div", { key: 'a1c812cc2742b0eca2525416e67579864a8c0ae7', class: "leave-modal" }, h("div", { key: '21edbc34bdd1c996707d297abf86a1c04a487396', class: "header" }, h("h2", { key: 'a7c77cf1a39bc46b787b851d51a5cd37695e44eb', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '25ceecc3c208442821795ebf0a1a981b5130d1d9', class: "message" }, this.t(state.content)), h("div", { key: 'f081c0544fb467787cbfea432575d4a16a1c42c3', class: "content" }, h("div", { key: 'a7cf64611e6a516624310fbe0c119c279bec682d', class: "leave-meeting" }, h("rtk-button", { key: '469b16b167d943f369f9995c9b0d20225108303a', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: '5fc8427e0b0c51fad3a4d033f1d6c4b4399477f3', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
     static get style() { return RtkConfirmationModalStyle0; }
 }, [1, "rtk-confirmation-modal", {

package/dist/components/{p-3b34a317.js → p-17453290.js}

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage, H as participantIdentifier, G as getAllConnectedParticipants } from './p-74e01969.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { d as defineCustomElement$4 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$4 } from './p-4e9d44f6.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkBreakoutRoomParticipantsCss = ":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;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.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-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-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))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;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}.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))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;
@@ -107,9 +107,9 @@ const RtkBreakoutRoomParticipants = /*@__PURE__*/ proxyCustomElement(class RtkBr
             }, size: "sm" }), h("p", { class: "name", title: name }, shorten(name, 16), this.meeting.self.userId === participant.id && ` (${this.t('you')})`)));
     }
     render() {
-        return (h(Host, { key: '01a707fa50950501d11428747783c1e9828e6572' }, h("div", { key: '535f80747ddc6b0d7b4c2d3d3bd82464284db304', class: "search-wrapper" }, h("div", { key: '14b0ae5148bc13345df0732eeb299354ce7e3ae4', class: "search", part: "search" }, h("rtk-icon", { key: 'c2eda4fadab2d20b16a95786a763748ee5a5e123', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '71b153979188a4eca0368faad5afe22ad4a65d84', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '3ce56a86dfa9063150ff586f3333ad1a1e363219', name: "shuffle-button" })), h("div", { key: '2eed52da4d3e61f65b69c5dda8054891182615ac', class: "header" }, h("div", { key: 'c661c77b3fcfaea354456f741d2d816666bf4b68', class: "title-wrapper" }, h("span", { key: 'bc52e54641259a5c8f7eb0c749117444594a2f24' }, this.t('breakout_rooms.main_room')), h("span", { key: '9f84a8c77c7af6df6849103235927c68cafda518', class: "participant-count" }, "(", h("rtk-icon", { key: '34d4139b8fa98d3a1594a34a90774cf3bf5dc589', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: '866cf16aa1666a3cbc6521fadee36a50b168cf21', label: this.t('breakout_rooms.select_all') }, h("input", { key: 'd60fc5c1ee7a8e7b63ed7a9fd804f86bb7c945ed', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: 'fc8b60be1e14fd6fe92276fae65b357a998ae80a', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '9e76ca169c9c3a3fd3796f8e6f20a7ba19906c8f', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
+        return (h(Host, { key: '3d6466a85fa946d5c0d064d22431e3c7bf044787' }, h("div", { key: '8626af199d5290ce595212817ee06c1ef00d91bf', class: "search-wrapper" }, h("div", { key: '9ac706f201f5975b7d36b4dde7fd9504321b7d5f', class: "search", part: "search" }, h("rtk-icon", { key: '0ccba51717c665364934ea1bfdd7eeea3c5e96b7', icon: this.iconPack.search, part: "search-icon", class: "search-icon" }), h("input", { key: '01c85631f3e1823d1ab384bad4a9efbd86514894', type: "search", autocomplete: "off", placeholder: this.t('search'), onInput: this.onSearchInput, part: "search-input" })), h("slot", { key: '9d3a00a2bd167d053025d979bb0a498028b664de', name: "shuffle-button" })), h("div", { key: '38defd0577bedacd300e8cb558b42727b7817420', class: "header" }, h("div", { key: 'e11f58aae66a50800625464b79517e59094e5f1d', class: "title-wrapper" }, h("span", { key: '99ec80653bc7045fd08c4e95ac15f95dc3ca90ad' }, this.t('breakout_rooms.main_room')), h("span", { key: '40617acc26b95df49c2f221846ee811046709908', class: "participant-count" }, "(", h("rtk-icon", { key: 'aa8c4c4281635c998ea7c254b611341fd28e65cc', icon: this.iconPack.people }), this.participantsToShow.length, ")")), this.selectedParticipantIds.length !== 0 && (h("rtk-tooltip", { key: 'ce8eb895411d27003cafccb8ed694851df0ec52e', label: this.t('breakout_rooms.select_all') }, h("input", { key: '76ba09891936c9dfbfbd216f030c32b38c3160ee', type: "checkbox", checked: this.selectedParticipantIds.length === this.participantsToShow.length, onChange: (e) => this.onToggleAll(!!e.target.checked) })))), h("div", { key: '2ac3f88bd10747f453a626837a8806072ccc283d', class: "ctr scrollbar", part: "container" }, this.participantsToShow.length > 0 && (h("ul", { key: '01e08e47d7b52a1805561b3efc4e97713f542a4d', class: "participants", part: "participants" }, this.participantsToShow.map((participant) => (h("li", { class: { 'participant-item': true, dragging: this.isDragging }, onClick: () => this.onClick(participant), onDragStart: () => this.onDragStart(participant), onDragEnd: () => this.onDragEnd(participant), draggable: this.selectedParticipantIds.length === 0, role: "listitem", key: participant.id }, this.renderPeer(participant), !this.isDragging && (h("input", { type: "checkbox", class: {
                 'hide-checkbox': this.selectedParticipantIds.length === 0,
-            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: '179104c8fd8bfe2692147a23d3520ba51f830721', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: 'c50a8a4ae9863d918108430ffbe61721fd155847', class: "empty-room" }, h("rtk-icon", { key: 'afa0afc1ecda667d26fd921438f9369549c5463b', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: 'be9fe2e7d745f88228ecd5053b129b344a626eb6' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'e16a34744352686361f4a2aff6e90bba44ae3a15' }, this.t('breakout_rooms.empty_main_room')))))));
+            }, checked: this.selectedParticipantIds.includes(participantIdentifier(participant)) }))))))), this.participantsToShow.length === 0 && this.search.length > 0 && (h("div", { key: 'aa14388c88e230528364d906d97972abdb4a5d7c', class: "empty-message" }, this.t('participants.errors.empty_results'))), this.participantsToShow.length === 0 && this.search.length === 0 && (h("div", { key: '0b10bd982a32001549df0d38cb76f0fcc112fb3d', class: "empty-room" }, h("rtk-icon", { key: 'bc7ce0cfa9f46e0d793f9b9a6b3866325963d017', icon: this.iconPack.people_checked, part: "search-icon", class: "search-icon" }), h("p", { key: '6ff4827b2df19620c677fdbf432669fd60200bb1' }, this.t('breakout_rooms.all_assigned')), h("span", { key: 'ea6e1b05bfaf16842687fbdf1b680cb64fe2a9ef' }, this.t('breakout_rooms.empty_main_room')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-7c9cb546.js → p-1f8aeaf8.js}

@@ -60,7 +60,7 @@ const RtkPlugins = /*@__PURE__*/ proxyCustomElement(class RtkPlugins extends H {
         }
     }
     render() {
-        return (h(Host, { key: '4df38ce202b9551b38746e549824ff800ffc9fc1' }, h("ul", { key: '19ad38b73ff77459cfda3227a013c2e28823386f', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
+        return (h(Host, { key: 'c0621bcd1d64b1eb9e4b913bb2707d66179848a8' }, h("ul", { key: '2796e509a4df169a3b6455b06e33bcf9e1e634d4', class: "scrollbar" }, this.plugins.map((plugin) => (h("li", { key: plugin.name, class: "plugin" }, h("div", { class: "metadata" }, h("img", { src: plugin.picture }), h("div", { class: "name" }, plugin.name)), !this.activatedPluginsId.includes(plugin.id) && this.canStartPlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {
                 plugin.activate();
                 this.close();
             }, "aria-label": `${this.t('activate')} ${plugin.name}` }, h("rtk-icon", { icon: this.iconPack.rocket, tabIndex: -1, "aria-hidden": true })))), this.activatedPluginsId.includes(plugin.id) && this.canClosePlugins && (h("div", { class: "buttons" }, h("rtk-button", { kind: "icon", size: "lg", onClick: () => {

package/dist/components/{p-ed31845a.js → p-22aa706b.js}

@@ -56,7 +56,7 @@ const RtkSwitch = /*@__PURE__*/ proxyCustomElement(class RtkSwitch extends H {
         this.onChange.emit(checked);
     }
     render() {
-        return (h(Host, { key: 'c2724826e576f196f000b31cb74ff24a7169c316', 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: 'e7a8fec98fb7bc6e2bee20e8b6bd8c45b8cd0bdf', class: "switch", part: "switch" })));
+        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" })));
     }
     static get watchers() { return {
         "checked": ["checkedChange"]

package/dist/components/{p-e5ef089b.js → p-25a4363c.js}

@@ -4,7 +4,7 @@ import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;
@@ -30,7 +30,7 @@ const RtkEmojiPickerButton = /*@__PURE__*/ proxyCustomElement(class RtkEmojiPick
         this.t = useLanguage();
     }
     render() {
-        return (h("rtk-tooltip", { key: '45ef1f18da6d1ecc3c02882590cd22e930461562', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '6504abab2f1c6537443699c53a8cbdcf13530cba', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: 'd730c81abce72d9c3226f1f666941e1136bee77f', icon: this.iconPack.emoji_multiple }))));
+        return (h("rtk-tooltip", { key: '9826128cb78d2cb79a21b4dcb877ecc1ab020090', label: this.t('chat.send_emoji') }, h("rtk-button", { key: '07fd6bcc6ffdb58278c843748f771a2597f8edcd', variant: "ghost", kind: "icon", class: { active: this.isActive }, title: this.t('chat.send_emoji') }, h("rtk-icon", { key: '30f352d18771bd542d9ca4ff1a4615ef5958ec7d', icon: this.iconPack.emoji_multiple }))));
     }
     static get style() { return RtkEmojiPickerButtonStyle0; }
 }, [1, "rtk-emoji-picker-button", {

package/dist/components/{p-2475ba83.js → p-262377bc.js}

@@ -76,7 +76,7 @@ const RtkTextComposerView = /*@__PURE__*/ proxyCustomElement(class RtkTextCompos
         }
     }
     render() {
-        return (h("div", { key: 'e5f7fa2bd4a2386ff5185001981477ccacf24556', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '4c06c853ddc7bebafe45fdb2e2c5c9e1c20021fe', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '524037dc257f0aea206fbc3503d1fe1cb03449be', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'cf975664f367f2621593239ab1cf2e73f5acdb45', class: 'text-error breached' }, h("rtk-icon", { key: '70a6555f1fa9752f91951181b46e0ed0e7eb8679', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '7fc7280dd143cd701d5037e04c2b36c3ea8ec023', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (h("div", { key: '16cc81323e6fb16e4d4a6622895ed7edc80f2db9', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '05fde7b4f3e084e464fcc3276f0ce1e0d909e6a7', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: 'd4101bf8933a9873605e88fbb617d8ae38bb56a1', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: '779a1c58114de2cce65a13ee3ea8cb308f7cd68a', class: 'text-error breached' }, h("rtk-icon", { key: '9dedd14d826b1437f434d92c985659ecc3bc1842', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'f45f8f812ad668a86d2d0a22926bf437be44cbc9', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
     static get style() { return RtkTextComposerViewStyle0; }
 }, [1, "rtk-text-composer-view", {

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

@@ -29,7 +29,7 @@ const RtkFileMessageView = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: '5cc29b4780f581a2f8b045e5051bcc66f3fdaf55', class: "file" }, h("rtk-button", { key: '4100b47bc1d72f08ec5fe645291bfbb58e3a6486', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '52ae14abb7c27b89861d5ba4c907d606257628c9', icon: this.iconPack.download })), h("div", { key: '02c9ad8d173172a85cc474273a966607d456360e', class: "file-data" }, h("div", { key: '6ceca21685d04f175006ba35a6de194cc98879ad', class: "name" }, this.name), h("div", { key: 'b07d07bcaedee3fd6fbcfe81ce2f6bf757655b5f', class: "file-data-split" }, h("div", { key: '280635ef486de02bc68ca3e774be14fa5a461d1c', class: "ext" }, getExtension(this.name)), h("span", { key: '84f72d8b37b7d15c257faed036b76c737eec780b', class: "divider" }), h("div", { key: '1b88f48f51afe3fceb57920c3d17f586e848a25f', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: 'd2cbeddc138f81c05da1656ee7f59c170e83bd1e', class: "file" }, h("rtk-button", { key: 'b0ee90c3493c24e938b6ea88a317c642e4afc003', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: 'c1b25c655b5c87bf95948abfa461f8b58ff79195', icon: this.iconPack.download })), h("div", { key: 'c961a8ce93d4ff4405590787a88b5a9bbdbf56ab', class: "file-data" }, h("div", { key: 'bd178354d166c7816d6fabb72f7bba70fd711415', class: "name" }, this.name), h("div", { key: '59a791ae9f94a13b4005a0d8f79d09687fe3fc4c', class: "file-data-split" }, h("div", { key: 'b31421fdf786d92eed0decec9d3b247530413aa9', class: "ext" }, getExtension(this.name)), h("span", { key: '7a0a2a188b3e0b6bee0cf54d3afe29c2454788bb', class: "divider" }), h("div", { key: 'b217b87fa0737732aae10662b82d337d7258e6d7', class: "size" }, getFileSize(this.size))))));
     }
     static get style() { return RtkFileMessageViewStyle0; }
 }, [1, "rtk-file-message-view", {

package/dist/components/{p-e6cd5276.js → p-2e03f6fa.js}

@@ -3,58 +3,58 @@ import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, K as
 import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$Q } from './p-74d7f3a0.js';
-import { d as defineCustomElement$P } from './p-a922eb37.js';
-import { d as defineCustomElement$O } from './p-3b34a317.js';
-import { d as defineCustomElement$N } from './p-ee929898.js';
-import { d as defineCustomElement$M } from './p-46a0aa0b.js';
+import { d as defineCustomElement$Q } from './p-4e9d44f6.js';
+import { d as defineCustomElement$P } from './p-b0a32a7d.js';
+import { d as defineCustomElement$O } from './p-17453290.js';
+import { d as defineCustomElement$N } from './p-f6995a6b.js';
+import { d as defineCustomElement$M } from './p-92f160e9.js';
 import { d as defineCustomElement$L } from './p-1391bef0.js';
-import { d as defineCustomElement$K } from './p-96a0663a.js';
-import { d as defineCustomElement$J } from './p-10d4f8a5.js';
-import { d as defineCustomElement$I } from './p-590b8d1c.js';
-import { d as defineCustomElement$H } from './p-8df26513.js';
-import { d as defineCustomElement$G } from './p-f504adce.js';
-import { d as defineCustomElement$F } from './p-13258097.js';
-import { d as defineCustomElement$E } from './p-4e55295e.js';
-import { d as defineCustomElement$D } from './p-914c0c0d.js';
-import { d as defineCustomElement$C } from './p-5eb08127.js';
-import { d as defineCustomElement$B } from './p-4e857a0d.js';
-import { d as defineCustomElement$A } from './p-07ab7497.js';
+import { d as defineCustomElement$K } from './p-30b81dcd.js';
+import { d as defineCustomElement$J } from './p-8336535d.js';
+import { d as defineCustomElement$I } from './p-cb7f0abe.js';
+import { d as defineCustomElement$H } from './p-632e7c39.js';
+import { d as defineCustomElement$G } from './p-ac49fc4f.js';
+import { d as defineCustomElement$F } from './p-f5c29229.js';
+import { d as defineCustomElement$E } from './p-08f6162d.js';
+import { d as defineCustomElement$D } from './p-96baedfe.js';
+import { d as defineCustomElement$C } from './p-0c5aab6d.js';
+import { d as defineCustomElement$B } from './p-1740eeb4.js';
+import { d as defineCustomElement$A } from './p-61a18b1f.js';
 import { d as defineCustomElement$z } from './p-60025dc2.js';
 import { d as defineCustomElement$y } from './p-84847c17.js';
 import { d as defineCustomElement$x } from './p-55f81a3e.js';
 import { d as defineCustomElement$w } from './p-be80c5b1.js';
 import { d as defineCustomElement$v } from './p-a34d743e.js';
 import { d as defineCustomElement$u } from './p-dc9eb0c2.js';
-import { d as defineCustomElement$t } from './p-a5750e39.js';
-import { d as defineCustomElement$s } from './p-63225105.js';
-import { d as defineCustomElement$r } from './p-1fb807e2.js';
-import { d as defineCustomElement$q } from './p-e5ef089b.js';
-import { d as defineCustomElement$p } from './p-c3ec35db.js';
-import { d as defineCustomElement$o } from './p-0081423d.js';
-import { d as defineCustomElement$n } from './p-2e5d41d6.js';
+import { d as defineCustomElement$t } from './p-31ccb362.js';
+import { d as defineCustomElement$s } from './p-f45ceaa6.js';
+import { d as defineCustomElement$r } from './p-c8b8a942.js';
+import { d as defineCustomElement$q } from './p-25a4363c.js';
+import { d as defineCustomElement$p } from './p-63b4ff6e.js';
+import { d as defineCustomElement$o } from './p-27f15618.js';
+import { d as defineCustomElement$n } from './p-4a4c2102.js';
 import { d as defineCustomElement$m } from './p-3b29dda1.js';
-import { d as defineCustomElement$l } from './p-0f94d9ad.js';
-import { d as defineCustomElement$k } from './p-05b503da.js';
-import { d as defineCustomElement$j } from './p-90500e75.js';
-import { d as defineCustomElement$i } from './p-4bd4064f.js';
+import { d as defineCustomElement$l } from './p-4a792ea5.js';
+import { d as defineCustomElement$k } from './p-e891d522.js';
+import { d as defineCustomElement$j } from './p-d3c93bcf.js';
+import { d as defineCustomElement$i } from './p-654f389d.js';
 import { d as defineCustomElement$h } from './p-c2d72f31.js';
-import { d as defineCustomElement$g } from './p-b9e78c21.js';
-import { d as defineCustomElement$f } from './p-ec54a0c7.js';
-import { d as defineCustomElement$e } from './p-9b4f77d0.js';
-import { d as defineCustomElement$d } from './p-258274b1.js';
-import { d as defineCustomElement$c } from './p-53c730fe.js';
-import { d as defineCustomElement$b } from './p-bb6d1fe9.js';
-import { d as defineCustomElement$a } from './p-faad6e1b.js';
-import { d as defineCustomElement$9 } from './p-30f43e99.js';
-import { d as defineCustomElement$8 } from './p-3b1c4e80.js';
-import { d as defineCustomElement$7 } from './p-7b0b700d.js';
-import { d as defineCustomElement$6 } from './p-95b61f33.js';
-import { d as defineCustomElement$5 } from './p-fe4cd240.js';
-import { d as defineCustomElement$4 } from './p-2475ba83.js';
-import { d as defineCustomElement$3 } from './p-3c344b0a.js';
-import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$g } from './p-f5f0b499.js';
+import { d as defineCustomElement$f } from './p-919e71b8.js';
+import { d as defineCustomElement$e } from './p-5205ea87.js';
+import { d as defineCustomElement$d } from './p-a9d80b81.js';
+import { d as defineCustomElement$c } from './p-de20d057.js';
+import { d as defineCustomElement$b } from './p-d1fe3ce0.js';
+import { d as defineCustomElement$a } from './p-3ae9e606.js';
+import { d as defineCustomElement$9 } from './p-e41c8029.js';
+import { d as defineCustomElement$8 } from './p-ba531eb3.js';
+import { d as defineCustomElement$7 } from './p-ff8e5929.js';
+import { d as defineCustomElement$6 } from './p-866a285b.js';
+import { d as defineCustomElement$5 } from './p-a59a9c97.js';
+import { d as defineCustomElement$4 } from './p-262377bc.js';
+import { d as defineCustomElement$3 } from './p-317b41b0.js';
+import { d as defineCustomElement$2 } from './p-3570bda3.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkChatCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\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-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
 const RtkChatStyle0 = rtkChatCss;

package/dist/components/{p-af8be74e.js → p-2eb129f3.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.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-96a0663a.js → p-30b81dcd.js}

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, w as writeTask, f as forc
 import { h as useLanguage, e as defaultIconPack } from './p-74e01969.js';
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$4 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$4 } from './p-4e9d44f6.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-fe4cd240.js';
+import { d as defineCustomElement$1 } from './p-a59a9c97.js';
 
 const rtkChannelCreatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-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}.channel-name-input{--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));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{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)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 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));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;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-md, 8px);--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)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .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)))}";
 const RtkChannelCreatorStyle0 = rtkChannelCreatorCss;
@@ -146,9 +146,9 @@ const RtkChannelCreator = /*@__PURE__*/ proxyCustomElement(class RtkChannelCreat
         (_a = this.inputTextRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
-        return (h(Host, { key: '2249fbd72c1bb3c33abc7d8a9759bd5166b511e3' }, h("header", { key: '624be5f38731e2388c350a7cfd33c6d5a0071a83' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: '3a837246569c74ca2876770b473b774ab5dd0cf6', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
+        return (h(Host, { key: '7d1b6bc07ef49de8075a25dec0f70b1f01d41222' }, h("header", { key: 'd0db6948cb2888043e6bb260f219570523398721' }, this.step === 1 ? this.t('chat.new_channel') : this.t('chat.add_members')), this.step === 1 && (h("input", { key: 'ebe47cfa27796197bc08a74e3e2d23e557325e30', class: "channel-name-input", type: "text", placeholder: this.t('chat.channel_name'), ref: (el) => (this.inputTextRef = el), onInput: (e) => {
                 this.channelName = e.target.value.trim();
-            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: '7fc3656d7786406c7a25978cf4eac76bd46329ba' }, h("rtk-button", { key: 'fa648df5ca88fdb5ea6946d353270ee79e10fb73', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
+            } })), this.step === 2 && this.renderMemberSelector(), h("footer", { key: 'c2a1b31a32bef53ced22b6d7267dba25173376cf' }, h("rtk-button", { key: '2766a128dca00f5175545897e985ab9fe2a074b1', kind: "button", size: "lg", disabled: this.channelName.length === 0, onClick: this.onClickHandler }, this.step === 1 ? this.t('chat.add_members') : this.t('create')))));
     }
     get $el() { return this; }
     static get style() { return RtkChannelCreatorStyle0; }

package/dist/components/{p-3c344b0a.js → p-317b41b0.js}

@@ -31,10 +31,10 @@ const RtkTextMessage = /*@__PURE__*/ proxyCustomElement(class RtkTextMessage ext
         this.showBubble = false;
     }
     render() {
-        return (h(Host, { key: 'b66a5f7edf4e656d66770ed8f06a6ae97523a759' }, !this.isContinued && (h(ChatHead, { key: 'b9f0be274d374ff247327029322e91b57b88e4c3', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '2a58af17b4657f2a49d7fbf1ef14e76857a12cbc', class: {
+        return (h(Host, { key: '74b8d7a70a5960c4350061055ded0fa8838084ae' }, !this.isContinued && (h(ChatHead, { key: 'c0819a75eb645eff5ac6ccd7bdb54e7dbdce9876', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'f06fbf9a9e4680cc426c183d9ee09bfad452a5ad', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '45a0bcd30f2e048af77cb1704c178a750e1aaac4', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '262f5e6d7c71e950356842e442d44f5b280c0036', message: this.message.message })))));
+            }, part: "body" }, h("div", { key: '2755f1cefa98695843569934c414d6b2fbf158e5', class: { text: true, emoji: hasOnlyEmojis(this.message.message) } }, h(TextMessageView, { key: '52e0ae4b7710d970cb1915fc4059abef212b12fd', message: this.message.message })))));
     }
 }, [0, "rtk-text-message", {
         "message": [16],

package/dist/components/{p-a5750e39.js → p-31ccb362.js}

@@ -2,15 +2,15 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-74d7f3a0.js';
-import { d as defineCustomElement$m } from './p-a922eb37.js';
-import { d as defineCustomElement$l } from './p-3b34a317.js';
-import { d as defineCustomElement$k } from './p-ee929898.js';
-import { d as defineCustomElement$j } from './p-46a0aa0b.js';
+import { d as defineCustomElement$n } from './p-4e9d44f6.js';
+import { d as defineCustomElement$m } from './p-b0a32a7d.js';
+import { d as defineCustomElement$l } from './p-17453290.js';
+import { d as defineCustomElement$k } from './p-f6995a6b.js';
+import { d as defineCustomElement$j } from './p-92f160e9.js';
 import { d as defineCustomElement$i } from './p-1391bef0.js';
-import { d as defineCustomElement$h } from './p-96a0663a.js';
-import { d as defineCustomElement$g } from './p-4e857a0d.js';
-import { d as defineCustomElement$f } from './p-07ab7497.js';
+import { d as defineCustomElement$h } from './p-30b81dcd.js';
+import { d as defineCustomElement$g } from './p-1740eeb4.js';
+import { d as defineCustomElement$f } from './p-61a18b1f.js';
 import { d as defineCustomElement$e } from './p-60025dc2.js';
 import { d as defineCustomElement$d } from './p-84847c17.js';
 import { d as defineCustomElement$c } from './p-55f81a3e.js';
@@ -18,13 +18,13 @@ import { d as defineCustomElement$b } from './p-be80c5b1.js';
 import { d as defineCustomElement$a } from './p-a34d743e.js';
 import { d as defineCustomElement$9 } from './p-dc9eb0c2.js';
 import { d as defineCustomElement$8 } from './p-3b29dda1.js';
-import { d as defineCustomElement$7 } from './p-90500e75.js';
-import { d as defineCustomElement$6 } from './p-4bd4064f.js';
-import { d as defineCustomElement$5 } from './p-bb6d1fe9.js';
-import { d as defineCustomElement$4 } from './p-3b1c4e80.js';
-import { d as defineCustomElement$3 } from './p-95b61f33.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$7 } from './p-d3c93bcf.js';
+import { d as defineCustomElement$6 } from './p-654f389d.js';
+import { d as defineCustomElement$5 } from './p-d1fe3ce0.js';
+import { d as defineCustomElement$4 } from './p-ba531eb3.js';
+import { d as defineCustomElement$3 } from './p-866a285b.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkDialogManagerCss = ":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 RtkDialogManagerStyle0 = rtkDialogManagerCss;