@cloudflare/realtimekit-ui 1.1.2 → 1.2.0-staging.1

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { c as canViewChat } from './p-8ed850d5.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { c as canViewChat } from './p-5264f882.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.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/components/rtk-chat.js

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

package/dist/components/rtk-clock.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.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)}";

package/dist/components/rtk-confirmation-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-8c9a9aee.js';
+import { R as RtkConfirmationModal$1, d as defineCustomElement$1 } from './p-442ba0b1.js';
 
 const RtkConfirmationModal = RtkConfirmationModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar-button.js

@@ -1,4 +1,4 @@
-import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-99a80022.js';
+import { R as RtkControlbarButton$1, d as defineCustomElement$1 } from './p-2add3860.js';
 
 const RtkControlbarButton = RtkControlbarButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-controlbar.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.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/components/rtk-counter.js

@@ -1,4 +1,4 @@
-import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-4fead174.js';
+import { R as RtkCounter$1, d as defineCustomElement$1 } from './p-fd82c539.js';
 
 const RtkCounter = RtkCounter$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-1c68645f.js';
+import { R as RtkDebuggerAudio$1, d as defineCustomElement$1 } from './p-1d2420a8.js';
 
 const RtkDebuggerAudio = RtkDebuggerAudio$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-screenshare.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-bdf236f3.js';
+import { R as RtkDebuggerScreenShare, d as defineCustomElement$1 } from './p-3e3215bb.js';
 
 const RtkDebuggerScreenshare = RtkDebuggerScreenShare;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger-system.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-fae32022.js';
+import { R as RtkDebuggerSystem$1, d as defineCustomElement$1 } from './p-8f21100a.js';
 
 const RtkDebuggerSystem = RtkDebuggerSystem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { i as useLanguage, e as defaultIconPack } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.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/components/rtk-debugger-video.js

@@ -1,4 +1,4 @@
-import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-48073405.js';
+import { R as RtkDebuggerVideo$1, d as defineCustomElement$1 } from './p-97c6158e.js';
 
 const RtkDebuggerVideo = RtkDebuggerVideo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-debugger.js

@@ -1,4 +1,4 @@
-import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-3075d3e5.js';
+import { R as RtkDebugger$1, d as defineCustomElement$1 } from './p-6361103e.js';
 
 const RtkDebugger = RtkDebugger$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog-manager.js

@@ -1,28 +1,28 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { R as Render } from './p-88bd1053.js';
-import { d as defineCustomElement$n } from './p-4f8aa40d.js';
-import { d as defineCustomElement$m } from './p-ad5220f4.js';
-import { d as defineCustomElement$l } from './p-85d6fe15.js';
-import { d as defineCustomElement$k } from './p-9b4516a5.js';
-import { d as defineCustomElement$j } from './p-5d1acef6.js';
+import { d as defineCustomElement$n } from './p-9d909cb8.js';
+import { d as defineCustomElement$m } from './p-53f4246e.js';
+import { d as defineCustomElement$l } from './p-71b5f275.js';
+import { d as defineCustomElement$k } from './p-5e487a2e.js';
+import { d as defineCustomElement$j } from './p-c4b1c8c5.js';
 import { d as defineCustomElement$i } from './p-85587a5c.js';
-import { d as defineCustomElement$h } from './p-8c9a9aee.js';
-import { d as defineCustomElement$g } from './p-4fead174.js';
-import { d as defineCustomElement$f } from './p-3075d3e5.js';
-import { d as defineCustomElement$e } from './p-1c68645f.js';
-import { d as defineCustomElement$d } from './p-bdf236f3.js';
-import { d as defineCustomElement$c } from './p-fae32022.js';
-import { d as defineCustomElement$b } from './p-48073405.js';
-import { d as defineCustomElement$a } from './p-5a84fa04.js';
+import { d as defineCustomElement$h } from './p-442ba0b1.js';
+import { d as defineCustomElement$g } from './p-fd82c539.js';
+import { d as defineCustomElement$f } from './p-6361103e.js';
+import { d as defineCustomElement$e } from './p-1d2420a8.js';
+import { d as defineCustomElement$d } from './p-3e3215bb.js';
+import { d as defineCustomElement$c } from './p-8f21100a.js';
+import { d as defineCustomElement$b } from './p-97c6158e.js';
+import { d as defineCustomElement$a } from './p-e62c3402.js';
 import { d as defineCustomElement$9 } from './p-3e0452c4.js';
-import { d as defineCustomElement$8 } from './p-3ff4d642.js';
-import { d as defineCustomElement$7 } from './p-cf10416d.js';
-import { d as defineCustomElement$6 } from './p-758bfd06.js';
-import { d as defineCustomElement$5 } from './p-d7bcb676.js';
-import { d as defineCustomElement$4 } from './p-04c97172.js';
-import { d as defineCustomElement$3 } from './p-a96efd29.js';
+import { d as defineCustomElement$8 } from './p-234702e1.js';
+import { d as defineCustomElement$7 } from './p-be24e9c8.js';
+import { d as defineCustomElement$6 } from './p-5725fa7d.js';
+import { d as defineCustomElement$5 } from './p-cb5edad8.js';
+import { d as defineCustomElement$4 } from './p-84233ec2.js';
+import { d as defineCustomElement$3 } from './p-55492aeb.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.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/components/rtk-dialog.js

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

package/dist/components/rtk-draft-attachment-view.js

@@ -1,4 +1,4 @@
-import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-a7fc6bf0.js';
+import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-c600e223.js';
 
 const RtkDraftAttachmentView = RtkDraftAttachmentView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-emoji-picker-button.js

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-61b5e60a.js';
+import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-68d7e2ac.js';
 
 const RtkEmojiPickerButton = RtkEmojiPickerButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-emoji-picker.js

@@ -1,4 +1,4 @@
-import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-a10673e1.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-06494ae4.js';
 
 const RtkEmojiPicker = RtkEmojiPicker$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ended-screen.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-c270aaf5.js';
+import { d as defineCustomElement$2 } from './p-f042f282.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/components/rtk-file-dropzone.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.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}";

package/dist/components/rtk-file-message-view.js

@@ -1,4 +1,4 @@
-import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-a6bd000d.js';
+import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-04d11945.js';
 
 const RtkFileMessageView = RtkFileMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-b5ee1586.js';
+import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-a391d29c.js';
 
 const RtkFileMessage = RtkFileMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-file-picker-button.js

@@ -1,4 +1,4 @@
-import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-7422bbd3.js';
+import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-6d5bf1f8.js';
 
 const RtkFilePickerButton = RtkFilePickerButton$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-4a3e397a.js';
+import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-727326b3.js';
 
 const RtkFullscreenToggle = RtkFullscreenToggle$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';

package/dist/components/rtk-grid.js

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, L as isLiveStreamViewer } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, K as isLiveStreamViewer } from './p-2ed1dee2.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { d as defineCustomElement$9 } from './p-85587a5c.js';
-import { d as defineCustomElement$8 } from './p-99a80022.js';
-import { d as defineCustomElement$7 } from './p-4a3e397a.js';
+import { d as defineCustomElement$8 } from './p-2add3860.js';
+import { d as defineCustomElement$7 } from './p-727326b3.js';
 import { d as defineCustomElement$6 } from './p-3e0452c4.js';
-import { d as defineCustomElement$5 } from './p-4a1056e3.js';
-import { d as defineCustomElement$4 } from './p-7905e9fd.js';
-import { d as defineCustomElement$3 } from './p-a96efd29.js';
-import { d as defineCustomElement$2 } from './p-3d502fd2.js';
+import { d as defineCustomElement$5 } from './p-0a76f037.js';
+import { d as defineCustomElement$4 } from './p-1945dd0d.js';
+import { d as defineCustomElement$3 } from './p-55492aeb.js';
+import { d as defineCustomElement$2 } from './p-b2d8df6f.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}}";
 const RtkGridStyle0 = rtkGridCss;

package/dist/components/rtk-header.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.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/components/rtk-idle-screen.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-c270aaf5.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$3 } from './p-f042f282.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.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)}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 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;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -36,6 +36,7 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
             if (state === 'connected') {
                 if (!((_a = this.states) === null || _a === void 0 ? void 0 : _a.joinError)) {
                     this.joinError = undefined;
+                    this.joinErrorCode = undefined;
                 }
             }
         };
@@ -58,6 +59,7 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
     }
     statesChanged(states) {
         this.joinError = states === null || states === void 0 ? void 0 : states.joinError;
+        this.joinErrorCode = states === null || states === void 0 ? void 0 : states.joinErrorCode;
     }
     render() {
         const showSocketError = !!this.connectionState && this.connectionState !== 'connected' && !this.joinError;
@@ -66,7 +68,7 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
             : this.connectionState === 'failed'
                 ? this.t('network.lost_extended')
                 : this.t('network.lost');
-        return (h(Host, { key: '5b33a77fbe2d968dc0c54d7c6ff3894202df0d94' }, h("slot", { key: 'eac40b23ef0198400c376606a1e5ff575c4b9014' }, h("div", { key: '121ffb27b1e9c35dd8b15f0eb6a25c00226416ac', class: "ctr", part: "container" }, h("rtk-logo", { key: 'eb2230d7dc1915df6469427767a9beab5dd63eb3', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), this.joinError || showSocketError ? (h("div", { class: "no-network-badge", part: "network-badge" }, h("rtk-icon", { size: "md", variant: "danger", icon: this.iconPack.disconnected, part: "network-badge-icon" }), errorText)) : (h("rtk-spinner", { "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack }))))));
+        return (h(Host, { key: 'cbc5fccf7700341e43bb1a50132b40c48db97fff' }, h("slot", { key: 'f3dd01c9f2ac78e0ae39d506714907affe767f73' }, h("div", { key: '705e00690350bfe1275688facfdf37d3a9dcb78f', class: "ctr", part: "container" }, h("rtk-logo", { key: '92501e23e11cc32e72d50d9203dc808e7a05e3ec', 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 }))))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -80,6 +82,7 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
         "iconPack": [16],
         "t": [16],
         "joinError": [32],
+        "joinErrorCode": [32],
         "connectionState": [32]
     }, undefined, {
         "meeting": ["meetingChanged"],

package/dist/components/rtk-image-message-view.js

@@ -1,4 +1,4 @@
-import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-5385bf2d.js';
+import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-2d03f701.js';
 
 const RtkImageMessageView = RtkImageMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

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

package/dist/components/rtk-image-viewer.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack } from './p-81fcdba3.js';
+import { i as useLanguage, e as defaultIconPack } from './p-2ed1dee2.js';
 import { d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
 import { d as defineCustomElement$3 } from './p-85587a5c.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';

package/dist/components/rtk-information-tooltip.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 

package/dist/components/rtk-join-stage.js

@@ -1,4 +1,4 @@
-import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-3ff4d642.js';
+import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-234702e1.js';
 
 const RtkJoinStage = RtkJoinStage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-leave-button.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.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/components/rtk-leave-meeting.js

@@ -1,4 +1,4 @@
-import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-cf10416d.js';
+import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-be24e9c8.js';
 
 const RtkLeaveMeeting = RtkLeaveMeeting$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-indicator.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-4a1056e3.js';
+import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-0a76f037.js';
 
 const RtkLivestreamIndicator = RtkLivestreamIndicator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-livestream-player.js

@@ -1,4 +1,4 @@
-import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-7905e9fd.js';
+import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-1945dd0d.js';
 
 const RtkLivestreamPlayer = RtkLivestreamPlayer$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage, C as isLiveStreamHost } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { e as defaultIconPack, i as useLanguage, C as isLiveStreamHost } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.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/components/rtk-logo.js

@@ -1,4 +1,4 @@
-import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-c270aaf5.js';
+import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-f042f282.js';
 
 const RtkLogo = RtkLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting-title.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.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}";

package/dist/components/rtk-meeting.js

@@ -1,33 +1,34 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-ae373651.js';
-import { p as provideRtkDesignSystem, d as deepMerge } from './p-5960ef55.js';
-import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-81fcdba3.js';
+import { p as provideRtkDesignSystem, d as deepMerge } from './p-3323ca84.js';
+import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-2ed1dee2.js';
 import { R as Render } from './p-88bd1053.js';
-import { g as generateConfig } from './p-069084fb.js';
+import { g as generateConfig } from './p-6a2c4232.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
-import { d as defineCustomElement$q } from './p-4f8aa40d.js';
+import { g as getJoinErrorInfo } from './p-f7c2daba.js';
+import { d as defineCustomElement$q } from './p-9d909cb8.js';
 import { d as defineCustomElement$p } from './p-85587a5c.js';
-import { d as defineCustomElement$o } from './p-fe3e408a.js';
-import { d as defineCustomElement$n } from './p-413791a9.js';
-import { d as defineCustomElement$m } from './p-ec6e4433.js';
-import { d as defineCustomElement$l } from './p-0496f8c3.js';
-import { d as defineCustomElement$k } from './p-0b04dea7.js';
-import { d as defineCustomElement$j } from './p-a7fc6bf0.js';
-import { d as defineCustomElement$i } from './p-a10673e1.js';
-import { d as defineCustomElement$h } from './p-61b5e60a.js';
-import { d as defineCustomElement$g } from './p-a6bd000d.js';
-import { d as defineCustomElement$f } from './p-7422bbd3.js';
+import { d as defineCustomElement$o } from './p-e50f3252.js';
+import { d as defineCustomElement$n } from './p-1e7879b2.js';
+import { d as defineCustomElement$m } from './p-a7f55e0a.js';
+import { d as defineCustomElement$l } from './p-a61293f2.js';
+import { d as defineCustomElement$k } from './p-81d3fa3b.js';
+import { d as defineCustomElement$j } from './p-c600e223.js';
+import { d as defineCustomElement$i } from './p-06494ae4.js';
+import { d as defineCustomElement$h } from './p-68d7e2ac.js';
+import { d as defineCustomElement$g } from './p-04d11945.js';
+import { d as defineCustomElement$f } from './p-6d5bf1f8.js';
 import { d as defineCustomElement$e } from './p-3e0452c4.js';
-import { d as defineCustomElement$d } from './p-5385bf2d.js';
+import { d as defineCustomElement$d } from './p-2d03f701.js';
 import { d as defineCustomElement$c } from './p-c3356393.js';
-import { d as defineCustomElement$b } from './p-0173e7d4.js';
-import { d as defineCustomElement$a } from './p-3e96db63.js';
-import { d as defineCustomElement$9 } from './p-3f49a2db.js';
-import { d as defineCustomElement$8 } from './p-ecc73c07.js';
-import { d as defineCustomElement$7 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$6 } from './p-19c5a52e.js';
-import { d as defineCustomElement$5 } from './p-a96efd29.js';
-import { d as defineCustomElement$4 } from './p-91cadb3f.js';
+import { d as defineCustomElement$b } from './p-807bfb79.js';
+import { d as defineCustomElement$a } from './p-03f8aadf.js';
+import { d as defineCustomElement$9 } from './p-908944a2.js';
+import { d as defineCustomElement$8 } from './p-99951515.js';
+import { d as defineCustomElement$7 } from './p-7e6d4259.js';
+import { d as defineCustomElement$6 } from './p-19d787bf.js';
+import { d as defineCustomElement$5 } from './p-55492aeb.js';
+import { d as defineCustomElement$4 } from './p-24bdab25.js';
 import { d as defineCustomElement$3 } from './p-8211bd3b.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
@@ -68,7 +69,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
         this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
-            this.updateStates({ meeting: 'joined', joinError: undefined });
+            this.updateStates({ meeting: 'joined', joinError: undefined, joinErrorCode: undefined });
         };
         this.waitlistedListener = () => {
             this.updateStates({ meeting: 'waiting' });
@@ -280,11 +281,11 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 meeting
                     .joinRoom()
                     .then(() => {
-                    this.updateStates({ joinError: undefined });
+                    this.updateStates({ joinError: undefined, joinErrorCode: undefined });
                 })
                     .catch((err) => {
-                    const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : this.t('network.lost_extended');
-                    this.updateStates({ joinError: message });
+                    const { message, code } = getJoinErrorInfo(this.t, err);
+                    this.updateStates({ joinError: message, joinErrorCode: code });
                 });
             }
         }

package/dist/components/rtk-menu-item.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-3e96db63.js';
+import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-03f8aadf.js';
 
 const RtkMenuItem = RtkMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu-list.js

@@ -1,4 +1,4 @@
-import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-3f49a2db.js';
+import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-908944a2.js';
 
 const RtkMenuList = RtkMenuList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu.js

@@ -1,4 +1,4 @@
-import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-0173e7d4.js';
+import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-807bfb79.js';
 
 const RtkMenu = RtkMenu$1;
 const defineCustomElement = defineCustomElement$1;