@cloudflare/realtimekit-ui 2.0.0-staging.1 → 2.0.1-staging.1

package/dist/esm/rtk-chat-selector-ui.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { g as generateChatGroupKey } from './chat-269c61ba.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { g as generateChatGroupKey } from './chat-1107a64f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkChatSelectorUiCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";
 const RtkChatSelectorUiStyle0 = rtkChatSelectorUiCss;

package/dist/esm/rtk-chat-toggle.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { c as canViewChat } from './sidebar-4b23298b.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { c as canViewChat } from './sidebar-a13dc215.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkChatToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-4, 16px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;

package/dist/esm/rtk-clock.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkClockCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkClockStyle0 = rtkClockCss;

package/dist/esm/rtk-controlbar-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkControlbarButtonCss = ":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{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;

package/dist/esm/rtk-controlbar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkControlbarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:flex;align-items:center;gap:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);position:relative;z-index:10}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{padding-top:var(--rtk-space-0, 0px) !important}}";
 const RtkControlbarStyle0 = rtkControlbarCss;

package/dist/esm/rtk-debugger-audio_4.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 /** Method to return media health based on the media & network stats */
 function getNetworkBasedMediaHealth({ stats, }) {

package/dist/esm/rtk-debugger-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { i as useLanguage, e as defaultIconPack } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { i as useLanguage, e as defaultIconPack } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkDebuggerToggleCss = ":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 RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;

package/dist/esm/rtk-dialog-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 import { R as Render } from './index-3f51790f.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}";

package/dist/esm/rtk-dialog.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkDialogCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;

package/dist/esm/rtk-ended-screen.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkEndedScreenCss = ":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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";
 const RtkEndedScreenStyle0 = rtkEndedScreenCss;

package/dist/esm/rtk-file-dropzone.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkFileDropzoneCss = "#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";
 const RtkFileDropzoneStyle0 = rtkFileDropzoneCss;

package/dist/esm/rtk-file-message_3.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h, a as Host, d as createEvent } from './index-55463a54.js';
 import { C as ChatHead } from './ChatHead-148558a8.js';
 import { s as sanitizeLink, h as hasOnlyEmojis } from './string-068ce30a.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './file-6114f1a9.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
-import { T as TextMessageView } from './TextMessage-2acfc44b.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
+import { T as TextMessageView } from './TextMessage-0ab2db20.js';
 import './date-b1f78dea.js';
-import './chat-269c61ba.js';
+import './chat-1107a64f.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/rtk-fullscreen-toggle.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullScreen, a as isFullScreenSupported } from './full-screen-d36ffc68.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.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/esm/rtk-grid-pagination.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 import { d as debounce_1 } from './debounce-0169a54d.js';
 
 const rtkGridPaginationCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:16px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}:host([size='sm']) .center{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px)}:host([size='sm']) rtk-button{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) rtk-button rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}rtk-button{--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)}.center{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.center .page{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.center .slash{margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-0\\.5, 2px)}.center .pages{align-self:flex-end;font-size:12px}:host([variant='rounded']){overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button{border-radius:9999px;border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}:host([variant='rounded']) rtk-button:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button:not([disabled]):focus{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='grid']) rtk-button{position:absolute;top:50%;height:var(--rtk-space-20, 80px);width:var(--rtk-space-20, 80px);opacity:0.2;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}:host([variant='grid']) rtk-button:hover{opacity:1}:host([variant='grid']) rtk-button{transform:translateY(-50%)}:host([variant='grid']) rtk-button.prev{left:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) rtk-button.next{right:var(--rtk-space-0, 0px);border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host([variant='grid']) rtk-button.auto{left:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) .dots{position:absolute;left:50%;bottom:var(--rtk-space-3, 12px);display:flex;align-items:center;transform:translateX(-50%)}:host([variant='grid']) .dots .dot{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([variant='grid']) .dots .dot:last-child{margin-right:var(--rtk-space-0, 0px)}:host([variant='grid']) .dots .dot.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host([variant='grid'][size='sm']) rtk-button{height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);opacity:0.1}";

package/dist/esm/rtk-grid.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-1bc7abc6.js';
 import { d as debounce_1 } from './debounce-0169a54d.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.js';
 
 const rtkGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";

package/dist/esm/rtk-header.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkHeaderCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;

package/dist/esm/rtk-idle-screen.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkIdleScreenCss = ":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}.no-network-badge{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);font-size:12px;color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.75)}.no-network-badge rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px)}.error-state{display:flex;width:100%;flex-direction:column;align-items:center}.troubleshoot-link{margin-top:var(--rtk-space-1, 4px);font-size:12px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:2px}.troubleshoot-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.error-code{margin-top:var(--rtk-space-1, 4px);font-size:10px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;
@@ -28,9 +28,8 @@ const RtkIdleScreen = class {
             var _a;
             this.connectionState = state;
             if (state === 'connected') {
-                if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.joinError)) {
-                    this.joinError = undefined;
-                    this.joinErrorCode = undefined;
+                if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.preJoinError)) {
+                    this.preJoinError = undefined;
                 }
             }
         };
@@ -52,17 +51,19 @@ const RtkIdleScreen = class {
         (_d = meeting.meta) === null || _d === void 0 ? void 0 : _d.addListener('socketConnectionUpdate', this.socketStateUpdate);
     }
     statesChanged(states) {
-        this.joinError = states === null || states === void 0 ? void 0 : states.joinError;
-        this.joinErrorCode = states === null || states === void 0 ? void 0 : states.joinErrorCode;
+        this.preJoinError = states === null || states === void 0 ? void 0 : states.preJoinError;
     }
     render() {
-        const showSocketError = !!this.connectionState && this.connectionState !== 'connected' && !this.joinError;
-        const errorText = this.joinError
-            ? this.joinError
+        var _a, _b;
+        const errorMessage = (_a = this.preJoinError) === null || _a === void 0 ? void 0 : _a.message;
+        const errorCode = (_b = this.preJoinError) === null || _b === void 0 ? void 0 : _b.code;
+        const showSocketError = !!this.connectionState && this.connectionState !== 'connected' && !errorMessage;
+        const errorText = errorMessage
+            ? errorMessage
             : this.connectionState === 'failed'
                 ? this.t('network.lost_extended')
                 : this.t('network.lost');
-        return (h(Host, { key: '31ce933ba66fc5c52da8d66500484f7a2578a845' }, h("slot", { key: '6716a6b7d8d1f43ff93b8f3d8255215b29e5f41c' }, h("div", { key: 'ca47792dfae8a018d42e0693d2ae28c2891c8120', class: "ctr", part: "container" }, h("rtk-logo", { key: 'ab77174bdd736b0b5829b84ea39da26e5e93fe99', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), this.joinError || showSocketError ? (h("div", { class: "error-state" }, h("div", { class: "no-network-badge", part: "network-badge", role: "alert" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected, part: "network-badge-icon" }), errorText), this.meeting && this.joinError && (h("a", { class: "troubleshoot-link", href: `https://test.realtime.cloudflare.com?authToken=${this.meeting.__internals__.authToken}`, target: "_blank", rel: "noopener noreferrer" }, this.t('network.troubleshoot'))), this.joinErrorCode && (h("span", { class: "error-code", part: "error-code" }, this.t('join.error_code'), ": ", this.joinErrorCode)))) : (h("rtk-spinner", { "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack }))))));
+        return (h(Host, { key: '5fbe382c783b15c48e8eeed8bed062e6a80bffca' }, h("slot", { key: '45e242986aad838894c2f27292f163d62367398c' }, h("div", { key: '7d67aec81786055ece1ab723628a8d574497a89a', class: "ctr", part: "container" }, h("rtk-logo", { key: '4619a800a8a28678d7872a0c246a92d1a08ec359', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), errorMessage || showSocketError ? (h("div", { class: "error-state" }, h("div", { class: "no-network-badge", part: "network-badge", role: "alert" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected, part: "network-badge-icon" }), errorText), this.meeting && errorMessage && (h("a", { class: "troubleshoot-link", href: `https://test.realtime.cloudflare.com?authToken=${this.meeting.__internals__.authToken}`, target: "_blank", rel: "noopener noreferrer" }, this.t('network.troubleshoot'))), errorCode && (h("span", { class: "error-code", part: "error-code" }, this.t('join.error_code'), ": ", errorCode)))) : (h("rtk-spinner", { "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack }))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/esm/rtk-image-viewer.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { i as useLanguage, e as defaultIconPack } from './ui-store-76bb0e8e.js';
+import { i as useLanguage, e as defaultIconPack } from './ui-store-1bc7abc6.js';
 import { d as downloadFile } from './file-6114f1a9.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 import { f as formatName, a as shorten } from './string-068ce30a.js';
 
 const rtkImageViewerCss = ":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{width:1140px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-6, 24px);padding-top:var(--rtk-space-5, 20px);overflow-y:auto;color:rgb(var(--rtk-colors-text-1000, 255 255 255));z-index:40;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.displayName{font-weight:700}.image-ctr{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}img{box-sizing:border-box;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--rtk-space-4, 16px)}.shared-by-user{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']) .header{flex-direction:column}:host([size='sm']) .header .actions{margin-top:var(--rtk-space-4, 16px)}";

package/dist/esm/rtk-information-tooltip.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
-import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
+import { e as defaultIconPack } from './ui-store-1bc7abc6.js';
 
 const rtkInformationTooltipCss = ":host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer}.tooltip-container{position:relative;display:flex;flex-direction:row;align-items:center}.tooltip-container rtk-icon{cursor:pointer;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.tooltip-container rtk-icon:hover+.tooltip{display:flex !important}.tooltip{position:absolute;margin-left:var(--rtk-space-2, 8px);display:none !important;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));z-index:50;display:flex;min-width:var(--rtk-space-60, 240px);flex-direction:column;--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);left:14px}";
 const RtkInformationTooltipStyle0 = rtkInformationTooltipCss;

package/dist/esm/rtk-leave-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkLeaveButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkLeaveButtonStyle0 = rtkLeaveButtonCss;

package/dist/esm/rtk-livestream-indicator_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host, d as createEvent, g as getElement } from './index-55463a54.js';
-import { i as useLanguage, e as defaultIconPack, N as showLivestream, R as PlayerState, T as getLivestreamViewerAllowedQualityLevels } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { i as useLanguage, e as defaultIconPack, N as showLivestream, R as PlayerState, T as getLivestreamViewerAllowedQualityLevels } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkLivestreamIndicatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";
 const RtkLivestreamIndicatorStyle0 = rtkLivestreamIndicatorCss;

package/dist/esm/rtk-livestream-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, F as isLiveStreamHost } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage, F as isLiveStreamHost } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkLivestreamToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
 const RtkLivestreamToggleStyle0 = rtkLivestreamToggleCss;

package/dist/esm/rtk-logo.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkLogoCss = ":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;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkLogoStyle0 = rtkLogoCss;

package/dist/esm/rtk-meeting-title.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkMeetingTitleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:16px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host([data-hidden]){display:none}.title{text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']){font-size:12px}";
 const RtkMeetingTitleStyle0 = rtkMeetingTitleCss;

package/dist/esm/rtk-message-list-view.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, e as writeTask, h } from './index-55463a54.js';
-import { e as defaultIconPack } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
-import { d as debounce } from './debounce-296a3316.js';
+import { e as defaultIconPack } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
+import { d as debounce } from './debounce-430cbf00.js';
 
 const rtkMessageListViewCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.loading{cursor:wait}.content-wrapper{height:100%;overflow-y:auto;position:relative;contain:strict}.scroller{width:1px;opacity:0}.content{position:absolute;top:0;width:100%}.smallest-dom-element{width:100%;height:2px;background:red}.loader{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;justify-content:center}";
 const RtkMessageListViewStyle0 = rtkMessageListViewCss;

package/dist/esm/rtk-mic-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkMicToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMicToggleStyle0 = rtkMicToggleCss;

package/dist/esm/rtk-mixed-grid.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { d as defaultGridSize } from './grid-a3ca5a3e.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkMixedGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";
 const RtkMixedGridStyle0 = rtkMixedGridCss;

package/dist/esm/rtk-more-toggle.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkMoreToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:visible}.more-menu{position:absolute;right:calc(var(--rtk-space-24, 96px) * -1);bottom:var(--rtk-space-16, 64px);z-index:50;margin-bottom:var(--rtk-space-3, 12px);box-sizing:border-box;max-height:60vh;width:var(--rtk-space-64, 256px);overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;display:flex;flex-direction:column;align-items:stretch}:host([size='sm']) .more-menu{bottom:var(--rtk-space-10, 40px)}.more-menu::-webkit-scrollbar{height:var(--rtk-space-0, 0px);width:var(--rtk-space-1\\.5, 6px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.more-menu::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkMoreToggleStyle0 = rtkMoreToggleCss;

package/dist/esm/rtk-mute-all-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkMuteAllButtonCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkMuteAllButtonStyle0 = rtkMuteAllButtonCss;

package/dist/esm/rtk-name-tag.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
 import { a as shorten, f as formatName } from './string-068ce30a.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkNameTagCss = ":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:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}span.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}::slotted(rtk-audio-visualizer[slot='start']){margin-right:var(--rtk-space-1\\.5, 6px)}::slotted(rtk-audio-visualizer[slot='end']){margin-left:var(--rtk-space-1\\.5, 6px)}:host([size='sm']){font-size:12px;--tw-bg-opacity:0.6}:host([variant='text']){background-color:transparent;padding:var(--rtk-space-0, 0px)}";
 const RtkNameTagStyle0 = rtkNameTagCss;

package/dist/esm/rtk-network-indicator.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkNetworkIndicatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block;height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}rtk-icon{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;height:100%;width:100%;--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.bg-signal{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:0;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}";
 const RtkNetworkIndicatorStyle0 = rtkNetworkIndicatorCss;

package/dist/esm/rtk-notification.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
-import { T as TextMessageView } from './TextMessage-2acfc44b.js';
-import './chat-269c61ba.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
+import { T as TextMessageView } from './TextMessage-0ab2db20.js';
+import './chat-1107a64f.js';
 
 const rtkNotificationCss = ":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{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-2, 8px);max-width:var(--rtk-space-72, 288px) !important;font-size:14px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px)}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkNotificationStyle0 = rtkNotificationCss;

package/dist/esm/rtk-notifications.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, e as writeTask, h, a as Host, g as getElement } from './index-55463a54.js';
 import { R as RTKNotificationsAudio } from './notification-1ebf7700.js';
 import { f as formatName } from './string-068ce30a.js';
-import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, N as showLivestream } from './ui-store-76bb0e8e.js';
-import { f as parseMessageForTarget } from './chat-269c61ba.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, N as showLivestream } from './ui-store-1bc7abc6.js';
+import { f as parseMessageForTarget } from './chat-1107a64f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 import './browser-24d8ab3e.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;

package/dist/esm/rtk-participant-count.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkParticipantCountCss = ":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:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkParticipantCountStyle0 = rtkParticipantCountCss;

package/dist/esm/rtk-participant-setup.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkParticipantSetupCss = ":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;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}";
 const RtkParticipantSetupStyle0 = rtkParticipantSetupCss;

package/dist/esm/rtk-participant_2.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig } from './ui-store-76bb0e8e.js';
+import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig } from './ui-store-1bc7abc6.js';
 import { l as lenChildren, R as Render } from './index-3f51790f.js';
 import { f as formatName, a as shorten } from './string-068ce30a.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './floating-ui.dom.esm-78a1e61c.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
-import { d as debounce } from './debounce-296a3316.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
+import { d as debounce } from './debounce-430cbf00.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;

package/dist/esm/rtk-participants-audio.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
 import { i as isFirefox } from './browser-24d8ab3e.js';
-import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-76bb0e8e.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './ui-store-1bc7abc6.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 /**
  * Handles audio from participants in a meeting

package/dist/esm/rtk-participants-stage-list_4.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as Host } from './index-55463a54.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
 import { R as Render } from './index-3f51790f.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkParticipantsStageListCss = ":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;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;

package/dist/esm/rtk-participants-toggle.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host } from './index-55463a54.js';
-import { e as defaultIconPack, i as useLanguage } from './ui-store-76bb0e8e.js';
-import { a as canViewParticipants } from './sidebar-4b23298b.js';
-import { S as SyncWithStore } from './index-dafb4b7f.js';
+import { e as defaultIconPack, i as useLanguage } from './ui-store-1bc7abc6.js';
+import { a as canViewParticipants } from './sidebar-a13dc215.js';
+import { S as SyncWithStore } from './index-b81ca899.js';
 
 const rtkParticipantsToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkParticipantsToggleStyle0 = rtkParticipantsToggleCss;