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

package/dist/components/{p-9b4f77d0.js → p-5205ea87.js}

@@ -26,7 +26,7 @@ const RtkMenuItem = /*@__PURE__*/ proxyCustomElement(class RtkMenuItem extends H
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '63898a3a4467c3a115296845d9f867489872673e' }, h("slot", { key: '88d8b0520740910587ff016332efc542344693ec', name: "start" }), h("slot", { key: '6b8147a72e274571162ff2e64f00ac55ff737716' }), h("slot", { key: '8c39f3c59e68205854e186dd834043f0a5450c49', name: "end" })));
+        return (h(Host, { key: 'f0316fee5ac5fd2124ee26ac2664172007ad1c54' }, h("slot", { key: '994a3a27f743462a3ae0a4c95bc5de672119fdb6', name: "start" }), h("slot", { key: '24594ecaffb46a4b0458032596570fee37e6ae00' }), h("slot", { key: '4ede22267a24a37c508591b0148a1e1b2c391fc9', name: "end" })));
     }
     static get style() { return RtkMenuItemStyle0; }
 }, [1, "rtk-menu-item", {

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

@@ -47,7 +47,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: 'd30fe362d84f5e387dfe67dc761683b91785bafb' }, h("rtk-button", { key: '5c60d8e4fed3f53236b1099f8360c341df36aa32', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'b76e7889f6d94144aa1632159c52fb9580f931f7', icon: this.iconPack.subtract })), h("input", { key: 'cfd43551b1df8dca486b1dfc4f03d427c7e32caf', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: '151ffb29ae91788d05b46f4c795b817c20a35b90' }, h("rtk-button", { key: '9568cb52875c92f57597033cc7b396fa5c2d0371', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '8ef248b64e90f01bd1f78db5048db148d7c374c9', icon: this.iconPack.subtract })), h("input", { key: '376d604bb62a6c9013e7361da51de8f05f34c870', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -55,7 +55,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: '4cfe34a4483d12ddbd35b82a6f5d099424b24be3', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'a06553be5801039bfefb1a2c2542d01c7426a605', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: 'cea8491840c69cf3856e97d97b5c4f34abf45e55', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'cb2146960e8c8368cce69fb8d8a696078bcea2fc', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]

package/dist/components/{p-8df26513.js → p-632e7c39.js}

@@ -2,11 +2,11 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 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$5 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$5 } from './p-4e9d44f6.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-b9e78c21.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-095e6b83.js';
+import { d as defineCustomElement$3 } from './p-f5f0b499.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-3570bda3.js';
 import { d as debounce } from './p-1dca17d1.js';
 
 const rtkChannelSelectorViewCss = ".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  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\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-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\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.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
@@ -126,11 +126,11 @@ const RtkChannelSelectorView = /*@__PURE__*/ proxyCustomElement(class RtkChannel
     render() {
         const filteredChannels = this.getFilteredChannels();
         const shouldShowDropdown = this.viewAs === 'list' || (this.viewAs === 'dropdown' && this.showDropdown);
-        return (h(Host, { key: '55c0b7974fdc4d69ab8205d216aadd3be538a1f6' }, this.viewAs === 'list' && h("slot", { key: '469c1b7f79dd75fb160ec0ed28dc64e7c0818df6', name: "header" }), shouldShowDropdown && (h("div", { key: '3012a7fd9e766b6e06d2973c1944c5a7dbad6517', class: {
+        return (h(Host, { key: 'adc8ab4b9c8c865998588fbd9766296f18b3e48e' }, this.viewAs === 'list' && h("slot", { key: 'e5740725a4349472ca2eb1fb0816eb2311a99838', name: "header" }), shouldShowDropdown && (h("div", { key: '425adc920c28e0421e07bb0bd9f61b31c42fcda9', class: {
                 dropdown: this.viewAs === 'dropdown',
                 scrollbar: this.viewAs === 'dropdown',
                 list: this.viewAs === 'list',
-            } }, !this.disableSearch && (h("div", { key: 'bed4be1b983d9a03523f08a4e1a1a15b9e811ab7', class: "search-container", ref: (el) => (this.$searchEl = el) }, h("input", { key: '09eab0a72de67a3355ed691e1dfbb8f8cddcf83a', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), h("rtk-icon", { key: '8b5d6cadef7748e9bb6110f011751d49c64373d4', icon: this.iconPack.search }))), h("div", { key: 'ad46257295bc7ca372786f3b8161734af37f745a', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
+            } }, !this.disableSearch && (h("div", { key: '9fbbc48d8489f2a6490729fac1fecdef1838e84a', class: "search-container", ref: (el) => (this.$searchEl = el) }, h("input", { key: 'f7fb43662d50274f80380b735ef9f5fc0b215442', type: "text", placeholder: this.t('chat.search_conversations'), value: this.searchQuery, onInput: (e) => (this.searchQuery = e.target.value) }), h("rtk-icon", { key: 'af76e65a1397d2a6e557a28b687e26aef641c568', icon: this.iconPack.search }))), h("div", { key: '0711a9cfcc811269a5020dc41030c0daee5cc8bf', class: "channels-container scrollbar", ref: (el) => (this.$listEl = el) }, filteredChannels.map((channel) => {
             return (h("button", { class: { channel: true, active: this.selectedChannelId === channel.id }, onClick: () => this.onChannelClickHandler(channel) }, !this.hideAvatar && (h("div", null, channel.icon ? (h("rtk-icon", { class: "avatar-icon", icon: this.iconPack[channel.icon] })) : (h("rtk-avatar", { participant: {
                     name: channel.name,
                     picture: channel.avatarUrl,
@@ -138,8 +138,8 @@ const RtkChannelSelectorView = /*@__PURE__*/ proxyCustomElement(class RtkChannel
                     'last-message': true,
                     'no-message': !channel.latestMessage,
                 } }, h("rtk-text-message-view", { isMarkdown: true, text: channel.latestMessage })))), h("div", { class: "col channel-meta" }, channel.latestMessageTime && (h("time", { class: "time" }, this.getTimeLabel(channel.latestMessageTime))), channel.unreadCount > 0 && (h("div", { class: "unread-count" }, channel.unreadCount))))));
-        })))), this.viewAs === 'dropdown' && (h("button", { key: '21e0faa2655c3f0c8cca668abda6ef761c57d179', class: "dropdown-trigger", onClick: this.toggleDropdown }, h("span", { key: 'ac1c51cb7fd12350d643ac5bdd106350fd4a7657' }, this.selectedChannelId &&
-            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (h("div", { key: 'ea8d9f60114649f119db36d36f95b5c2ac957cc5', class: "unread-count" }, this.getTotalUnreads()))), h("rtk-icon", { key: 'e27b18e174975a8a9a5be7dfc0d53cd9bc1efd9c', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
+        })))), this.viewAs === 'dropdown' && (h("button", { key: '0c87f90d6d0fe22284995ab7259689f80a862829', class: "dropdown-trigger", onClick: this.toggleDropdown }, h("span", { key: 'd1a364f2c5c57d19702d0b8707ca661c1dc4c14f' }, this.selectedChannelId &&
+            `${this.t('to')} ${this.getChannelById(this.selectedChannelId).name}`, this.getTotalUnreads() > 0 && (h("div", { key: 'bf789f9df82851825bc6ea12a19a5f37ab74aefe', class: "unread-count" }, this.getTotalUnreads()))), h("rtk-icon", { key: 'c0d03f883f4c46b2698be0f197751fc0470717ea', icon: this.showDropdown ? this.iconPack.chevron_up : this.iconPack.chevron_down })))));
     }
     get $el() { return this; }
     static get style() { return RtkChannelSelectorViewStyle0; }

package/dist/components/{p-c3ec35db.js → p-63b4ff6e.js}

@@ -34,10 +34,10 @@ const RtkFileMessage = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage ext
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '7c75a7c9e627cddd7beeeadf11473894371395d8' }, !this.isContinued && (h(ChatHead, { key: 'c05c95453e3f878767770c6a261ebb90e2a06e7d', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '69b824cc5d3d328a3b08cc4def693d86bd96a39b', class: {
+        return (h(Host, { key: '771fc8ccb2700a3fba83f04676a0c4396c1a8a41' }, !this.isContinued && (h(ChatHead, { key: 'ef2d83897dcae870bb7a2b0eeef397585b873b77', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '841039fcad32f254653bd490a98f268479345b44', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '86315ca5ed3c9b9f48d84ffef9f52ebbd1d3515e', class: "file" }, h("div", { key: '3475ccfa9c266adb6fefefa1eadcc3d8b1fe37f1', class: "file-data" }, h("div", { key: 'e99e1b1c6acd5b7892d9916680cde1d937dfcb82', class: "name" }, this.message.name), h("div", { key: '4f213fd3a36d457da93e75b7b51573120978893c', class: "file-data-split" }, h("div", { key: '3484e59af9f316eabfcf9bc35f015a0d3b7d286d', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'b223670e2ed2bbc84b1145123fe14ca52f5f0a88', class: "divider" }), h("div", { key: 'ebe6b5e3f8e6da099438a7015a3c2d10770808b6', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '5a109a7b43db38b10e9d084f9fb141e5a0535d9b', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '57aaf2b09f11a066c298d675a06ec10202e18fc8', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '65e3c8aafa4e9fa55a24264685bb0cf20841048a', class: "file" }, h("div", { key: '1b1e97b1518c5471964ea91889f4500fc0e01e03', class: "file-data" }, h("div", { key: 'ff9d3071b528162f6e796ccb49e2472df2e8d364', class: "name" }, this.message.name), h("div", { key: '1d3ccb1f5bc2a94983de216e77a8ebc0ae07d669', class: "file-data-split" }, h("div", { key: 'ebab32b642e097b3c1c1903269a8d76fbd586f5c', class: "ext" }, getExtension(this.message.name)), h("span", { key: '81ee3600ba18a7689706504befebcf02697a56e7', class: "divider" }), h("div", { key: 'e969a8d6221d8af560a26510c38a92406a18ef2a', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '482c27659f71cfebf9f88fdf538e32baa6b87073', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '4efaeb927b4ea2010eed09227eb7f511b9253017', icon: this.iconPack.download }))))));
     }
 }, [0, "rtk-file-message", {
         "message": [16],

package/dist/components/{p-4bd4064f.js → p-654f389d.js}

@@ -79,9 +79,9 @@ const RtkLeaveMeeting = /*@__PURE__*/ proxyCustomElement(class RtkLeaveMeeting e
         }
     }
     render() {
-        return (h(Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        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
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : 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')))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-5493aac4.js → p-74942069.js}

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { s as shorten, f as formatName, g as getInitials } from './p-338c7261.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkPollCss = ":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)))}.ctr{margin-bottom:var(--rtk-space-3, 12px);display:flex;width:100%;flex-direction:column;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.poll-title{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-4, 16px);font-size:12px}.poll{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));display:flex;flex-direction:column;padding:var(--rtk-space-4, 16px)}.poll-question{padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;overflow-wrap:break-word}.poll-answers{display:flex;flex-direction:row;justify-content:space-between;font-size:12px;margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-3, 12px)}.poll-option{display:flex;flex-direction:column;margin-top:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);word-break:break-word}.poll-option.open-vote:hover{cursor:pointer}.poll-option label{display:flex;flex-direction:row;cursor:inherit}.poll-option-header{display:flex;flex-direction:row;justify-content:space-between;padding:var(--rtk-space-1, 4px)}.poll-option-header[data-disabled='true']:hover{cursor:default}.poll-option-header input{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-2, 8px);cursor:inherit}.poll-option-header .counter{color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:12px}.votes{margin-top:var(--rtk-space-1, 4px);display:flex;flex-direction:row;flex-wrap:wrap}.vote{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);display:flex;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-none, 0);clip-path:circle()}.active{--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-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.active .counter{color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}";
 const RtkPollStyle0 = rtkPollCss;
@@ -39,7 +39,7 @@ const RtkPolls = /*@__PURE__*/ proxyCustomElement(class RtkPolls extends H {
     }
     render() {
         const hasVoted = this.poll.voted.includes(this.self);
-        return (h(Host, { key: '2951e932453e7c58f3d2a1bc0952b02c7f231fe2' }, h("div", { key: 'fda1240df8d21e01df14e749593f00ca81a4c4a2', class: "ctr" }, h("p", { key: '08459f706bdb922eddc7a3b7f3b2177293f18371', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: 'b8c1d0755a17862bf372c24c72b6ad5f9a774d81', class: "poll" }, h("p", { key: 'cd76bf5da75f3165eecac1c6845bbb5c0a69a99c', class: "poll-question" }, this.poll.question), h("div", { key: '00c702b964872b7883bcd656e3b8e03a1986b28e', class: "poll-answers" }, h("span", { key: 'e51a233616f792e6bcbbb8376099a4a5e9e7dd02' }, this.t('polls.answers')), h("span", { key: 'f3fe545292f85870d11f334c211099bdab8694f0' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
+        return (h(Host, { key: 'f279288f91b6fe8d525fc8498733763081c8d33b' }, h("div", { key: '5919d49691938b1886af73aed2e84c9281d400ae', class: "ctr" }, h("p", { key: '9881e172379add503d5b7057719214ff7094e66d', class: "poll-title" }, this.t('polls.by'), " ", shorten(formatName(this.poll.createdBy), 20)), h("div", { key: 'f94d3f1184e1e40048cc2f3a5545a643b747b5f3', class: "poll" }, h("p", { key: 'f8a37e64dc447ca65308d7ca5024b19fd845492d', class: "poll-question" }, this.poll.question), h("div", { key: '89a0c12e8c9423c188c25e130852b0ead854eccd', class: "poll-answers" }, h("span", { key: '73c48104ca4ab450b6a16f17dfdaffa5802198a2' }, this.t('polls.answers')), h("span", { key: '3e2bf9df6ffcdc3d04bff203e7a6b5cfbc449d2c' }, this.poll.voted.length)), this.poll.options.map((item, index) => (h("div", { class: {
                 active: item.votes.some((x) => x.id === this.self),
                 'open-vote': this.permissions.polls.canVote && !hasVoted,
                 'poll-option': true,

package/dist/components/{p-1c7de86c.js → p-7b0a9819.js}

@@ -4,8 +4,8 @@ import { f as formatName, s as shorten } from './p-338c7261.js';
 import { S as SyncWithStore } from './p-beb5c7c8.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-af8be74e.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$2 } from './p-2eb129f3.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.js';
 
 const rtkTabBarCss = ".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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";
 const RtkTabBarStyle0 = rtkTabBarCss;

package/dist/components/{p-906cc68f.js → p-7da6a349.js}

@@ -3,10 +3,10 @@ import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLives
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$5 } from './p-1391bef0.js';
-import { d as defineCustomElement$4 } from './p-2036dd73.js';
-import { d as defineCustomElement$3 } from './p-f3fc3655.js';
+import { d as defineCustomElement$4 } from './p-c5b6ed4f.js';
+import { d as defineCustomElement$3 } from './p-adca9df1.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';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {

package/dist/components/{p-555bbef5.js → p-80c36767.js}

@@ -2,14 +2,14 @@ import { p as proxyCustomElement, H, h } from './p-c3592601.js';
 import { c as createDefaultConfig, 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$8 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$8 } from './p-4e9d44f6.js';
 import { d as defineCustomElement$7 } from './p-1391bef0.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-9b4f77d0.js';
-import { d as defineCustomElement$4 } from './p-258274b1.js';
-import { d as defineCustomElement$3 } from './p-8935943a.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-dc3143c0.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-0a583582.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-a3ebfc10.js';
 
 const rtkParticipantsViewerListCss = ":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;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);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);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;

package/dist/components/{p-10d4f8a5.js → p-8336535d.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 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$3 } from './p-74d7f3a0.js';
+import { d as defineCustomElement$3 } from './p-4e9d44f6.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 rtkChannelDetailsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;
@@ -37,7 +37,7 @@ const RtkChannelDetails = /*@__PURE__*/ proxyCustomElement(class RtkChannelDetai
         })));
     }
     render() {
-        return (h(Host, { key: '56390bafc9a8a933499c11e51b38898494f407bc' }, h("header", { key: 'a27a3d775aceb8f23481823c1a21eb0286f5723a' }, this.t('chat.channel_members')), this.renderMembers()));
+        return (h(Host, { key: 'cc8b22dae541a200e63d0d6b286f7ad380a53f09' }, h("header", { key: 'e481f5db77f40f53cac0c6aeae28752ddab505cb' }, this.t('chat.channel_members')), this.renderMembers()));
     }
     static get style() { return RtkChannelDetailsStyle0; }
 }, [1, "rtk-channel-details", {

package/dist/components/{p-95b61f33.js → p-866a285b.js}

@@ -166,7 +166,7 @@ const RtkPermissionsMessage = /*@__PURE__*/ proxyCustomElement(class RtkPermissi
             this.stepsTimer = setTimeout(this.nextStep, 2500);
         }
         const showMacDeepLink = isDeniedBySystem && this.meeting.self.device.osName == 'macOS';
-        return (h(Host, { key: '8a733f9212eeeaa2beeb660f388cd386bd5866da' }, h("h2", { key: '8b98272023226f4d555bc4a392132cc4f3bb5508' }, h("rtk-icon", { key: '5512cf5917b4e621cc478ace72d66a5a018d3abc', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: '51b406b4466bed495737ffc4dd8c931e89a7b313', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: '2aa51de951fa6e325407214400aacfb3c159332d' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: 'f5ca776a56d696f623f373dda8bb0bfb034daaaa', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: 'a4a220afa615666aa5124af81e754ad7cd0ae8ce', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '34a967813793d6deb854c008164fc14b859a3b53', class: "actions" }, h("rtk-button", { key: '8676c863a486b365b378728ca89f494297160bf0', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '67e17eb781cb49110f92dfd89faec112d79b03b3' })));
+        return (h(Host, { key: '5382ef58e7cd1b901c615f2137460d9cdf255218' }, h("h2", { key: '62cbe05476171bd2faaca3c1c6142bf17949e405' }, h("rtk-icon", { key: '1727839b136ad2e87d7109883d3ba22f0db16418', class: "text-icon", icon: this.iconPack.warning }), this.getTitle()), this.svgSteps.length > 0 && (h("div", { key: 'ebabd8b9725e2a65218ab7826643565bf0f14884', class: 'svg-container' }, this.svgSteps.map((e, index) => (h("p", { innerHTML: e, class: "svg-ins", key: this.currentStep, hidden: index !== this.currentStep }))))), h("div", { key: 'a9686c1c427f120d0879c3d57dda17941b06758e' }, this.getMessage()), !isDeniedBySystem && (h("a", { key: '841dc8ff76cc10e376171c4267efcca71d2ef2a6', class: "need-help-link", href: this.getLink((_c = (_b = (_a = this.states) === null || _a === void 0 ? void 0 : _a.activePermissionsMessage) === null || _b === void 0 ? void 0 : _b.kind) !== null && _c !== void 0 ? _c : 'audio'), target: "_blank", rel: "noreferrer external noreferrer noopener" }, h("rtk-icon", { key: '6cded0b28e0cd0f25aa58476c7f9f60cacd8abbf', class: "text-icon", icon: this.iconPack.attach }), this.t('cta.help'))), h("div", { key: '45a90d83f86799bc5e6c5df08adec1b261caad9a', class: "actions" }, h("rtk-button", { key: 'f882b2b00cea111bd87a23e9985a60a7e45e9e18', size: "lg", kind: "wide", variant: "secondary", onClick: this.continue }, this.t('cta.continue')), showMacDeepLink ? (h("rtk-button", { size: "lg", kind: "wide", onClick: this.openMacSystemSettings }, this.t('cta.system_settings'))) : (h("rtk-button", { size: "lg", kind: "wide", onClick: this.reload }, this.t('cta.reload')))), h("slot", { key: '091e35565236749006f6aac7dd8368dd7045b1b1' })));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"]

package/dist/components/{p-e91c4d3d.js → p-89ce3d1b.js}

@@ -71,10 +71,10 @@ const RtkPoll = /*@__PURE__*/ proxyCustomElement(class RtkPoll extends H {
         this.onCreate.emit(pollObject);
     }
     render() {
-        return (h(Host, { key: '3b0e105480e37261b64a99552f20f65b467deb5c' }, h("div", { key: '8682faca7764a1669f589be097ccfee63d49e9b3', class: "create-poll" }, h("p", { key: '723847f27d92eeac805b7c55692d61ce48476eb0' }, this.t('polls.question')), h("textarea", { key: 'e85b887af5077f79a0542aa256cbc1ee2e209c67', onInput: () => {
+        return (h(Host, { key: '625bbf35e528f16b4a982a159c3631af1d444a85' }, h("div", { key: 'f0d20f8d5e53d1f8fd5063b7e533dc50d8184dc5', class: "create-poll" }, h("p", { key: '2dbcff9b0828790c4315e62f45c139f30971b72c' }, this.t('polls.question')), h("textarea", { key: '6ff40a7fe19cded416f45474065b9361de83d5a2', onInput: () => {
                 if (this.error && this.error.code === 0)
                     this.error = undefined;
-            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '4b1552030c268c7b9c67e63f47ca4decbaca549f', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: '3af3d5e264c8acd9fd2348483489a02aaf9ac770' }, h("input", { key: '39339af087cc40813d79a211fd12866ade71403c', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: '30a29efafcbd837057cfed7957d48c04d02e2570' }, h("input", { key: 'e5c949df6cfec33c4c31c14db9d2ff816211ca3f', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '994e07e64080cd4251202ac3090da2c4e71f8a02', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: '27e0ab9385fe99ca5bab3a9ce4c756988dafbea4', class: "error-text" }, this.error.message))));
+            }, ref: (e) => (this.question = e), placeholder: this.t('polls.question.placeholder') }), this.options.map((item, index) => (h("div", { class: "option" }, h("input", { placeholder: this.t('polls.option.placeholder'), value: item, onInput: (event) => this.updateOption(event, index) }), index > 1 && (h("rtk-button", { kind: "icon", class: "auto remove-option", variant: "secondary", onClick: () => this.removeOption(index) }, h("rtk-icon", { icon: this.iconPack.subtract })))))), h("rtk-button", { key: '565c530735bf27e14b0a5ee33afca6f45b1e4fc5', class: "add-option", variant: "secondary", onClick: () => this.addOption() }, this.t('polls.option')), h("label", { key: 'c38d4c9bee1c086cb481a94b17853749d5de6b63' }, h("input", { key: '64f21e59d497ae0182da74064d96ad66a522515d', id: "anonymous", type: "checkbox", onChange: (e) => (this.anonymous = e.target.checked) }), this.t('polls.results.anon')), h("label", { key: 'ec293dc473b4d9d0df7fe9d93e036ff28c0ea3d1' }, h("input", { key: 'bef5ee43cee42d3c16927efc810ad4b76cb8994b', id: "hideVotes", type: "checkbox", disabled: this.anonymous, checked: this.anonymous ? true : this.hideVotes, onChange: (e) => (this.hideVotes = e.target.checked) }), this.t('polls.results.hide')), h("rtk-button", { key: '7b5646a77576a2836370d16dc2104d267c573de2', kind: "wide", onClick: () => this.handleSubmit() }, this.t('polls.create')), this.error && h("span", { key: 'd51a6301dba0c3686a5f1e59ebdc98eccfa7488b', class: "error-text" }, this.error.message))));
     }
     static get style() { return RtkPollFormStyle0; }
 }, [1, "rtk-poll-form", {

package/dist/components/{p-ec54a0c7.js → p-919e71b8.js}

@@ -59,7 +59,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: '15461c803838be1651df6116a61598ce8ab988f9' }, h("span", { key: 'f36cdd2f1141f46a993daa880682382904a72509', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: 'a814ea3dde902a15cb6fb0db8a9c2409c240537f' }, h("span", { key: 'de2447524c6a1787a6b9442ccb9c3d56a33e9f4f', 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: 'af622c9dbb3394cb46a6bb909a45c5e3248b1a09', name: "trigger" })), h("span", { key: '445258e31b4b775fbc22b268234fe15a33f809c9', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' }))));
+            } }, 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' }))));
     }
     static get style() { return RtkMenuStyle0; }
 }, [1, "rtk-menu", {

package/dist/components/{p-73b8c09f.js → p-929a81e6.js}

@@ -47,7 +47,7 @@ const RtkNameTag = /*@__PURE__*/ proxyCustomElement(class RtkNameTag extends H {
         var _a, _b, _c;
         const name = formatName(((_a = this.participant) === null || _a === void 0 ? void 0 : _a.name) || '');
         const isSelf = ((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.id);
-        return (h(Host, { key: '05fa4b586b3b0f02b881b889fa24ea3fded851ff', title: name }, h("slot", { key: '3687ef547d6bce55ecab7961e51e1b9a1beb9798', name: "start" }), h("span", { key: '6e1ef3741cdf635ab3eb6acf5d97cb0c133a1bcd', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '102712f4ab6f1fdbb15c1a56676b3399ef1369f0', name: "end" })));
+        return (h(Host, { key: 'd42b26fe39b4a8643e32b420ec6cded7450dde20', title: name }, h("slot", { key: '5235adedfaef8eb0b99d46f9b6e89efe40e53f68', name: "start" }), h("span", { key: 'bd15296809e2caf334c6786e45e3b751633ff001', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '6f5a39cfecf90b9d449b08274eb20b450bcba196', name: "end" })));
     }
     static get watchers() { return {
         "size": ["sizeChanged"]

package/dist/components/{p-46a0aa0b.js → p-92f160e9.js}

@@ -46,9 +46,9 @@ const RtkBroadcastMessageModal = /*@__PURE__*/ proxyCustomElement(class RtkBroad
         }, 2000);
     }
     render() {
-        return (h(Host, { key: '6fbeed26fe6bd27b9f0fb5d574437db002931560' }, h("div", { key: '539893028570a33bae6e10dfbbf30a9872660cc9', class: "content-col" }, h("h2", { key: '066aaa4541f135cd6d8d424395cf449f79c61caa' }, "Broadcast message to"), h("select", { key: '413dea8a9bd7a1efbf17948cfb45b655ddb79b71', onChange: (e) => {
+        return (h(Host, { key: '4d23ce819f004fd0e14a4c9062e21f1321c46495' }, h("div", { key: 'f0814536068dd268c1aec9d80c45cc6817fe184b', class: "content-col" }, h("h2", { key: '5b0caef4e9f93d1a18c7bba8a269f10d95f5d290' }, "Broadcast message to"), h("select", { key: '8f32291fa522cf7a5947caf54178327e1574f103', onChange: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { to: e.target.value });
-            } }, h("option", { key: '72df6790e57bdd905ad96d62c9d6fa57e4a3a41c' }, "Everyone"), h("option", { key: '82650452bb4de2b6d382a14dab3e901d62ca3b13' }, "List of rooms")), h("textarea", { key: '2be2bad10700c89162a06d662198b4eaadd96027', placeholder: "Type message here...", onInput: (e) => {
+            } }, h("option", { key: 'b09bb9b952ade48788bf8ab15645a1a45dab6935' }, "Everyone"), h("option", { key: '177d1af8eaeaa77393a9b2e477fca32563c05290' }, "List of rooms")), h("textarea", { key: 'b592528751cb63fa8c107b2b63455bfed0b3f3cb', placeholder: "Type message here...", onInput: (e) => {
                 this.messagePayload = Object.assign(Object.assign({}, this.messagePayload), { message: e.target.value });
             } }), this.successMessage ? (h("p", null, "Message sent to ", this.messagePayload.to, h("rtk-icon", { icon: this.iconPack.checkmark }))) : (h("div", { class: "content-row" }, h("rtk-button", { onClick: () => this.close(), variant: "secondary" }, "Cancel"), "\u2002", h("rtk-button", { variant: "primary", onClick: () => this.sendMessage() }, "Send"))))));
     }

package/dist/components/{p-914c0c0d.js → p-96baedfe.js}

@@ -1,19 +1,19 @@
 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-74e01969.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-7b0b700d.js';
-import { d as defineCustomElement$2 } from './p-fe4cd240.js';
-import { d as defineCustomElement$1 } from './p-095e6b83.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-ff8e5929.js';
+import { d as defineCustomElement$2 } from './p-a59a9c97.js';
+import { d as defineCustomElement$1 } from './p-3570bda3.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
@@ -192,7 +192,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (h(Host, { key: 'a0c0aa97dbccb759d6e0c05a97f9db2f9a53d897' }, h("rtk-paginated-list", { key: '884917ce580ce28e4bb7fe5724a264d297732153', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '6e7624745fbe100fb31aa3083f20dffe2ff9f5e4' }))));
+        return (h(Host, { key: 'd0ae21ca32589c18ede4b1e4b4682f5b82b58320' }, h("rtk-paginated-list", { key: 'bff3bdae7c6bbefed8dd8b478ac60370067c75a6', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '043cfe627a1056c2267dd00705ff33e7e96f1f89' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/{p-d18cc4dc.js → p-978ab9a8.js}

@@ -42,7 +42,7 @@ const RtkTranscript = /*@__PURE__*/ proxyCustomElement(class RtkTranscript exten
         }, 10000);
     }
     render() {
-        return (h(Host, { key: '178bec61ca4e702446a1d8ef9cc700d614e473cb' }, h("div", { key: 'cc7f9847399f373bb93b74d5b56acb2636df3668', class: "ctr" }, h("p", { key: 'c8d6e26e1ce9038b73ca69e5ca75e658e9df2465', class: "message" }, h("span", { key: '1138ba7e3f8c131fb4c22315791ec480b8233e24', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'f114d024507ae77ac2597ecd060e3ff44ff14b62' }, h("div", { key: '0a2b1de3c21d77fcf73a0e025e8faa82b61ac23e', class: "ctr" }, h("p", { key: 'eee54f37929772f547113c899cbbcd89e451f64d', class: "message" }, h("span", { key: '3599abf0271f4847d0e19629c9966b02a168bdb8', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/components/{p-bc911542.js → p-99e78dbe.js}

@@ -2,12 +2,12 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$6 } from './p-e98d5a6d.js';
+import { d as defineCustomElement$6 } from './p-afd22e6f.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-25490e20.js';
 import { d as defineCustomElement$2 } from './p-8a8aef81.js';
-import { d as defineCustomElement$1 } from './p-ed31845a.js';
+import { d as defineCustomElement$1 } from './p-22aa706b.js';
 
 const rtkSettingsAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;

package/dist/components/{p-dc3143c0.js → p-a3ebfc10.js}

@@ -118,12 +118,12 @@ const RtkVirtualizedParticipantList = /*@__PURE__*/ proxyCustomElement(class Rtk
     render() {
         var _a;
         const totalHeight = this.items.length * this.itemHeight; // Total height of the list
-        return (h("div", { key: 'b2f64c371659124c270ecb75efe4ec12498bdf8e', class: "virtual-list-container", style: {
+        return (h("div", { key: '8928758911fd6ac3b955e727306f1ebfe19aba9b', class: "virtual-list-container", style: {
                 position: 'relative',
                 height: '100%',
                 overflowX: 'hidden',
                 overflowY: 'auto',
-            } }, h("div", { key: '3467332664e7bc167748dea0ec64da614ad4915c', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '738cc8ac54467c1a5b6d257885a19e29c10de5e1', style: { height: `${this.itemHeight}px` } })));
+            } }, h("div", { key: '4812952f05b7cbcb920cf5bfe54cd30c26cb8b0d', style: { height: `${totalHeight}px`, position: 'relative' } }, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ? this.emptyListElement : this.renderItems()), h("div", { key: '0f9cd358e2d49af44765dbe560a323c9e8fa09f7', style: { height: `${this.itemHeight}px` } })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/{p-fe4cd240.js → p-a59a9c97.js}

@@ -27,7 +27,7 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'c042cbd31d8fa9e58c0cbbc5646575a3172fc824' }, h("rtk-icon", { key: '0171ba3d5f7506e2c67eb813c5ad5b263352088d', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: '896d7e13900a390f5c03df4e2af45163d61f6d09' }, h("rtk-icon", { key: 'dd05bbbb3eb9db982d85db131b82c2bcaf253a94', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get style() { return RtkSpinnerStyle0; }
 }, [1, "rtk-spinner", {

package/dist/components/{p-a41a2311.js → p-a9bcec5d.js}

@@ -5,7 +5,7 @@ import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$4 } from './p-7f5ba3a2.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
 import { d as defineCustomElement$2 } from './p-47fbe920.js';
-import { d as defineCustomElement$1 } from './p-ed31845a.js';
+import { d as defineCustomElement$1 } from './p-22aa706b.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-258274b1.js → p-a9d80b81.js}

@@ -26,7 +26,7 @@ const RtkMenuList = /*@__PURE__*/ proxyCustomElement(class RtkMenuList extends H
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '8d727ee3603bff8472bbe65a3fac47711fc6315c' }, h("slot", { key: '11755f7306267fd0496721a65aae0d36f84acb7b' })));
+        return (h(Host, { key: 'c0974bc340294b197aa8310e5a9913126ac22c48' }, h("slot", { key: '1a660db36c713285203569957959663497803c5e' })));
     }
     static get style() { return RtkMenuListStyle0; }
 }, [1, "rtk-menu-list", {

package/dist/components/{p-f504adce.js → p-ac49fc4f.js}

@@ -4,16 +4,16 @@ import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
 import { d as defineCustomElement$b } from './p-1391bef0.js';
-import { d as defineCustomElement$a } from './p-63225105.js';
-import { d as defineCustomElement$9 } from './p-1fb807e2.js';
-import { d as defineCustomElement$8 } from './p-e5ef089b.js';
-import { d as defineCustomElement$7 } from './p-2e5d41d6.js';
+import { d as defineCustomElement$a } from './p-f45ceaa6.js';
+import { d as defineCustomElement$9 } from './p-c8b8a942.js';
+import { d as defineCustomElement$8 } from './p-25a4363c.js';
+import { d as defineCustomElement$7 } from './p-4a4c2102.js';
 import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-b9e78c21.js';
-import { d as defineCustomElement$4 } from './p-fe4cd240.js';
-import { d as defineCustomElement$3 } from './p-2475ba83.js';
-import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-fb836f65.js';
+import { d as defineCustomElement$5 } from './p-f5f0b499.js';
+import { d as defineCustomElement$4 } from './p-a59a9c97.js';
+import { d as defineCustomElement$3 } from './p-262377bc.js';
+import { d as defineCustomElement$2 } from './p-3570bda3.js';
+import { d as defineCustomElement$1 } from './p-03bdc4c0.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-f3fc3655.js → p-adca9df1.js}

@@ -2,9 +2,9 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, h as useLanguage } from './p-74e01969.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './p-02f19345.js';
 import { S as SyncWithStore } from './p-beb5c7c8.js';
-import { d as defineCustomElement$3 } from './p-2036dd73.js';
+import { d as defineCustomElement$3 } from './p-c5b6ed4f.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 rtkFullscreenToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
 const RtkFullscreenToggleStyle0 = rtkFullscreenToggleCss;

package/dist/components/{p-e98d5a6d.js → p-afd22e6f.js}

@@ -47,7 +47,7 @@ const drawBarsVisualizer = (canvas, volume) => {
     context.stroke();
 };
 
-const rtkAudioVisualizerCss = ":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;width:-moz-fit-content;width:fit-content}.hideMuted{padding:var(--rtk-space-1, 4px)}canvas,rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){transform:scale(0.9)}canvas{display:none}canvas.visible{display:block}canvas.bars{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
+const rtkAudioVisualizerCss = ":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;width:-moz-fit-content;width:fit-content}.audioActivePadding{padding:var(--rtk-space-1, 4px)}canvas,rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){transform:scale(0.9)}canvas{display:none}canvas.visible{display:block}canvas.bars{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkAudioVisualizerStyle0 = rtkAudioVisualizerCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -71,7 +71,7 @@ const RtkAudioVisualizer = /*@__PURE__*/ proxyCustomElement(class RtkAudioVisual
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
-        /** Hide when there is no audio / audio is muted */
+        /** Hide the visualizer if audio is muted */
         this.hideMuted = false;
         /** Audio visualizer for screensharing, it will use screenShareTracks.audio instead of audioTrack */
         this.isScreenShare = false;
@@ -159,12 +159,14 @@ const RtkAudioVisualizer = /*@__PURE__*/ proxyCustomElement(class RtkAudioVisual
         });
     }
     render() {
-        return (h(Host, { key: '50fd0d2472432f4a67ead60e3ab44fa015a30a0a' }, h("div", { key: '6f453d5b54520ea6c798137c95a4e3cfe1a598bb', class: {
-                hideMuted: this.hideMuted,
-            } }, h("canvas", { key: '81a9c569126e607c80327cd309fb224ecaa877b4', width: "24", height: "24", class: {
+        if (this.hideMuted && !this.audioEnabled)
+            return null;
+        return (h(Host, null, h("div", { class: {
+                audioActivePadding: this.hideMuted && this.audioEnabled,
+            } }, h("canvas", { width: "24", height: "24", class: {
                 bars: true,
                 visible: this.audioEnabled,
-            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '223c3eaea7f05589e0321df21d971e0753c6a260', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
+            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && (h("rtk-icon", { icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
     }
     static get watchers() { return {
         "participant": ["participantChanged"]

package/dist/components/{p-a922eb37.js → p-b0a32a7d.js}

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