@cloudflare/realtimekit-ui 1.1.0-staging.1 → 1.1.0-staging.11

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

@@ -1,29 +1,29 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-f4e75ea9.js';
-import { d as defineCustomElement$m } from './p-4d582a90.js';
-import { d as defineCustomElement$l } from './p-2f82e0b0.js';
-import { d as defineCustomElement$k } from './p-fd68a52b.js';
-import { d as defineCustomElement$j } from './p-395d7140.js';
+import { d as defineCustomElement$n } from './p-cec4d080.js';
+import { d as defineCustomElement$m } from './p-23d37f65.js';
+import { d as defineCustomElement$l } from './p-645b761e.js';
+import { d as defineCustomElement$k } from './p-21becaf3.js';
+import { d as defineCustomElement$j } from './p-565c8389.js';
 import { d as defineCustomElement$i } from './p-1391bef0.js';
-import { d as defineCustomElement$h } from './p-8d25843a.js';
-import { d as defineCustomElement$g } from './p-b34865c7.js';
-import { d as defineCustomElement$f } from './p-bb8f2597.js';
-import { d as defineCustomElement$e } from './p-84e5b453.js';
-import { d as defineCustomElement$d } from './p-5f26bba3.js';
-import { d as defineCustomElement$c } from './p-102b6df8.js';
-import { d as defineCustomElement$b } from './p-9e87b2c9.js';
-import { d as defineCustomElement$a } from './p-c515acba.js';
-import { d as defineCustomElement$9 } from './p-3b29dda1.js';
-import { d as defineCustomElement$8 } from './p-2d08ab28.js';
-import { d as defineCustomElement$7 } from './p-e6710b76.js';
-import { d as defineCustomElement$6 } from './p-618864a0.js';
-import { d as defineCustomElement$5 } from './p-e4a080a5.js';
-import { d as defineCustomElement$4 } from './p-d107e9f4.js';
-import { d as defineCustomElement$3 } from './p-0a35a909.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$h } from './p-0899c09f.js';
+import { d as defineCustomElement$g } from './p-63e51be4.js';
+import { d as defineCustomElement$f } from './p-b37f2227.js';
+import { d as defineCustomElement$e } from './p-c402a1db.js';
+import { d as defineCustomElement$d } from './p-6e10fc42.js';
+import { d as defineCustomElement$c } from './p-caaca684.js';
+import { d as defineCustomElement$b } from './p-66ba4031.js';
+import { d as defineCustomElement$a } from './p-b4a37662.js';
+import { d as defineCustomElement$9 } from './p-73baf5ba.js';
+import { d as defineCustomElement$8 } from './p-efbfe5a0.js';
+import { d as defineCustomElement$7 } from './p-c0942317.js';
+import { d as defineCustomElement$6 } from './p-e60aa036.js';
+import { d as defineCustomElement$5 } from './p-f7a8a2d8.js';
+import { d as defineCustomElement$4 } from './p-410cef02.js';
+import { d as defineCustomElement$3 } from './p-19d83dd6.js';
+import { d as defineCustomElement$2 } from './p-63c79efa.js';
 
 const rtkDialogManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkDialogManagerStyle0 = rtkDialogManagerCss;

package/dist/components/rtk-dialog.js

@@ -1,4 +1,4 @@
-import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-c515acba.js';
+import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-b4a37662.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-65cd2fe3.js';
+import { R as RtkDraftAttachmentView$1, d as defineCustomElement$1 } from './p-1ea0d406.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-3da4880c.js';
+import { R as RtkEmojiPickerButton$1, d as defineCustomElement$1 } from './p-24481cb4.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-20290b0b.js';
+import { R as RtkEmojiPicker$1, d as defineCustomElement$1 } from './p-3245ace2.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, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-244cbe7b.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-b65d1760.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,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.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;
@@ -46,7 +46,7 @@ const RtkFileDropzone$1 = /*@__PURE__*/ proxyCustomElement(class RtkFileDropzone
         });
     }
     render() {
-        return (h(Host, { key: 'd3fd9af2a148277b2481c94305104e43088a9b42' }, h("div", { key: 'f889ddc5635013ae7f364a6d36ef51936e179f7d', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'ceb747a5fba7aa40ef108d404a7b8b02e6ab25b9', icon: this.iconPack.attach }), h("p", { key: '711b8a1ace2d73714f9abdbaba8c031e204fe07e' }, this.t('chat.send_attachment')))));
+        return (h(Host, { key: '8242dbb8dc9c070e5bc0f9958b7291de16ef3b02' }, h("div", { key: 'a544b6a7832fdbc3f98ac09a0889b9c37517590b', id: "dropzone", class: { active: this.dropzoneActivated }, part: "dropzone" }, h("rtk-icon", { key: 'aaaf8899dbf81143e041581135e39b37b8a9bee5', icon: this.iconPack.attach }), h("p", { key: '43df6f5761a4caee10da218cf43c2194415b0f94' }, this.t('chat.send_attachment')))));
     }
     static get style() { return RtkFileDropzoneStyle0; }
 }, [1, "rtk-file-dropzone", {

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

@@ -1,4 +1,4 @@
-import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-0b4e526c.js';
+import { R as RtkFileMessageView$1, d as defineCustomElement$1 } from './p-52e95364.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-488d88a8.js';
+import { R as RtkFileMessage$1, d as defineCustomElement$1 } from './p-66d10db2.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-e675729a.js';
+import { R as RtkFilePickerButton$1, d as defineCustomElement$1 } from './p-777aa628.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-b882f4a1.js';
+import { R as RtkFullscreenToggle$1, d as defineCustomElement$1 } from './p-7f790526.js';
 
 const RtkFullscreenToggle = RtkFullscreenToggle$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-63c79efa.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, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}: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}";
 const RtkGridPaginationStyle0 = rtkGridPaginationCss;

package/dist/components/rtk-grid.js

@@ -1,17 +1,17 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage, L as isLiveStreamViewer } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, M as isLiveStreamViewer } from './p-dc9dde66.js';
 import { d as debounce_1 } from './p-cbdd7a99.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { d as defineCustomElement$9 } from './p-1391bef0.js';
-import { d as defineCustomElement$8 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$7 } from './p-b882f4a1.js';
-import { d as defineCustomElement$6 } from './p-3b29dda1.js';
-import { d as defineCustomElement$5 } from './p-a29c01fc.js';
-import { d as defineCustomElement$4 } from './p-5c92df32.js';
-import { d as defineCustomElement$3 } from './p-0a35a909.js';
-import { d as defineCustomElement$2 } from './p-c078ae06.js';
+import { d as defineCustomElement$8 } from './p-206acdcd.js';
+import { d as defineCustomElement$7 } from './p-7f790526.js';
+import { d as defineCustomElement$6 } from './p-73baf5ba.js';
+import { d as defineCustomElement$5 } from './p-bbffc0e1.js';
+import { d as defineCustomElement$4 } from './p-1c678eab.js';
+import { d as defineCustomElement$3 } from './p-19d83dd6.js';
+import { d as defineCustomElement$2 } from './p-901c2375.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, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-9c3c75a9.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;
@@ -42,7 +42,7 @@ const RtkHeader$1 = /*@__PURE__*/ proxyCustomElement(class RtkHeader extends H {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (h(Host, { key: '00cfd80dbffa3f1c9c66e00397c7db1e7292664c' }, !this.disableRender && h(Render, { key: '521ab0493477836b0a5ce6de5ed85a842c71d32a', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: 'f73693073b8a7162a5db2ec73e93de6bbccea7dd' })));
+        return (h(Host, { key: '6f6b665de7a5f8422265a1035a4e9bf51928dce7' }, !this.disableRender && h(Render, { key: '9e08bef486f97b35424942b4de79e142f35dec75', element: "rtk-header", defaults: defaults, onlyChildren: true }), h("slot", { key: '5a1394d1f763a27f9d585f823db4af710c28576a' })));
     }
     static get style() { return RtkHeaderStyle0; }
 }, [1, "rtk-header", {

package/dist/components/rtk-icon.js

@@ -1,4 +1,4 @@
-import { R as RtkIcon$1, d as defineCustomElement$1 } from './p-3b29dda1.js';
+import { R as RtkIcon$1, d as defineCustomElement$1 } from './p-73baf5ba.js';
 
 const RtkIcon = RtkIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-244cbe7b.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$4 } from './p-73baf5ba.js';
+import { d as defineCustomElement$3 } from './p-b65d1760.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.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)}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;
@@ -32,7 +32,7 @@ const RtkIdleScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkIdleScreen ext
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1243feb830c4b40ddbb41409ba5e4f5259d4aba2' }, h("slot", { key: 'e5c674091393508a202d514e9ad41ccae687a660' }, h("div", { key: 'bd6e459fc18148edf47ed45df3e9f1f3d3356383', class: "ctr", part: "container" }, h("rtk-logo", { key: '9b3211860563ef93307902744b37985908f71cdf', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '584a3355b5a023ae9bc66f1eafbd85f3d3b9bb92', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
+        return (h(Host, { key: '2c7dbc07182f0e69d8db6ecc150437159a5f6dee' }, h("slot", { key: 'e88c792048e732744ff7cd7d4184b57b5972128e' }, h("div", { key: '9dd2b7be22bf1666a68d7d7c05e4b7599be7f2df', class: "ctr", part: "container" }, h("rtk-logo", { key: '10965784b3e5a398363b08ca9201dc99922a6ca8', meeting: this.meeting, config: this.config, t: this.t, part: "logo" }), h("rtk-spinner", { key: '13980cf39fe4d3528b46fec3616e62f4f5d53111', "aria-label": "Idle, waiting for meeting data", part: "spinner", iconPack: this.iconPack })))));
     }
     static get style() { return RtkIdleScreenStyle0; }
 }, [1, "rtk-idle-screen", {

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

@@ -1,4 +1,4 @@
-import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-63ef7ea4.js';
+import { R as RtkImageMessageView$1, d as defineCustomElement$1 } from './p-f5101af9.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-190db142.js';
+import { R as RtkImageMessage$1, d as defineCustomElement$1 } from './p-c643c410.js';
 
 const RtkImageMessage = RtkImageMessage$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack } from './p-7fc0dc2f.js';
+import { i as useLanguage, e as defaultIconPack } from './p-dc9dde66.js';
 import { d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
 import { d as defineCustomElement$3 } from './p-1391bef0.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.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)}";
 const RtkImageViewerStyle0 = rtkImageViewerCss;
@@ -45,7 +45,7 @@ const RtkImageViewer$1 = /*@__PURE__*/ proxyCustomElement(class RtkImageViewer e
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (h(Host, { key: '6e6e27bf5529ef5af5b0b7f02c0fcda77dba492c', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '53b1df2b76fb58d37154f246c09c38f17c4ac6b3', class: "header" }, h("div", { key: 'e5707219faa115dfccd330643d022c90abdcfc5b', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '8387ffa67b78746a8d94f130ff23241313b5c1d8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'cd70a8a95e264a533d2d093e4d32df49dfc3f2c7', class: "actions" }, h("rtk-button", { key: '404da530999c81a7754c07ed48ffb73eb8f915e3', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '5d7806419e55072fcfb8735229cef5b9b0816669', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '6ac87cb0172f319706d8e8d4591a76d3fa60a2b9', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: 'd25982c4b4f3c422df8187782a762b12fffb76df', icon: this.iconPack.dismiss })))), h("div", { key: '968d31b08e5113419bbdc63c3887a8537d198284', class: "image-ctr" }, h("img", { key: 'a806265d98e09094dd267afc3dc6018f6cf692c4', src: this.image.link }))));
+        return (h(Host, { key: '022947eb9f3e2843024a8459f7ae602334b9a3ac', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '262fce10b5fe90fe2c5160bf1389cb2bb790c454', class: "header" }, h("div", { key: '7598919c65cee376c07ae3254f7597d837af3ad9', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '4970f6db0da2d94e13054e20cb2f807412a79d55', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'c12119df6fcce51528786856b55656da099426a5', class: "actions" }, h("rtk-button", { key: '7c5b204c5bd4871e85158328f2ce253ee17e1175', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'e567cb4c601ffe023ceaf0226783e33a4b9c5028', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '96d9ee3c7e43fa4c92df8f0e32f34a848a620a73', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: 'dca48da49533b18a8905640417acdbd197559311', icon: this.iconPack.dismiss })))), h("div", { key: '9e88bc31acda1864ba2ed4ddde998f4b97a7975f', class: "image-ctr" }, h("img", { key: '0b3909950e83cac5a794338db99682dfac856889', src: this.image.link }))));
     }
     static get style() { return RtkImageViewerStyle0; }
 }, [1, "rtk-image-viewer", {

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { e as defaultIconPack } from './p-7fc0dc2f.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { e as defaultIconPack } from './p-dc9dde66.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$2 } from './p-73baf5ba.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;
@@ -26,7 +26,7 @@ const RtkInformationTooltip$1 = /*@__PURE__*/ proxyCustomElement(class RtkInform
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: '182572b0e68a80a504b3aed40ae526ae371a9921' }, h("div", { key: 'c46d1aedd29c015e36c0496dd36ccd7d2afcd4ee', class: "tooltip-container" }, h("rtk-icon", { key: '25465b17d5b97a102273621e6e942fb34f542d53', icon: this.iconPack.info, size: "sm" }), h("div", { key: '9f3e5eea9a21b1ff48e8a3e7e91e3f81e748af79', class: "tooltip" }, h("slot", { key: 'a0f42e3681ffddf9287ddacd111ea3fa64f77c01', name: "tootlip-text" })))));
+        return (h(Host, { key: 'ced013516359aec06d2c2ab5665a599aaaab29ca' }, h("div", { key: 'a79300ee47919f50fe966afe52d4337bcddedda9', class: "tooltip-container" }, h("rtk-icon", { key: 'f9da73ba6348e390435ddaaa7135d9e63c299b18', icon: this.iconPack.info, size: "sm" }), h("div", { key: '0459bf6cfa563f9cd72ebb0d1e78813011832adb', class: "tooltip" }, h("slot", { key: 'd63dd6561f8e8231fa60a7d606b24b59c34420c3', name: "tootlip-text" })))));
     }
     static get style() { return RtkInformationTooltipStyle0; }
 }, [1, "rtk-information-tooltip", {

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

@@ -1,4 +1,4 @@
-import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-2d08ab28.js';
+import { R as RtkJoinStage$1, d as defineCustomElement$1 } from './p-efbfe5a0.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, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$4 } from './p-206acdcd.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.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;
@@ -36,7 +36,7 @@ const RtkLeaveButton$1 = /*@__PURE__*/ proxyCustomElement(class RtkLeaveButton e
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: '27ea1d3f7593e32d53b8160537e00147be6e2a2d', label: text }, h("rtk-controlbar-button", { key: 'f0952b09acd1f7cff04fd521252ecf75715e9a74', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: '49bfca3194ce6acac3e5777b587aa196ee8c193c', label: text }, h("rtk-controlbar-button", { key: '2a9c57175f8123f078aa7c35b1a7dbc15c0c9604', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
     static get style() { return RtkLeaveButtonStyle0; }
 }, [1, "rtk-leave-button", {

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

@@ -1,4 +1,4 @@
-import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-e6710b76.js';
+import { R as RtkLeaveMeeting$1, d as defineCustomElement$1 } from './p-c0942317.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-a29c01fc.js';
+import { R as RtkLivestreamIndicator$1, d as defineCustomElement$1 } from './p-bbffc0e1.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-5c92df32.js';
+import { R as RtkLivestreamPlayer$1, d as defineCustomElement$1 } from './p-1c678eab.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, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, A as isLiveStreamHost } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$4 } from './p-6c2cfa0d.js';
-import { d as defineCustomElement$3 } from './p-3b29dda1.js';
-import { d as defineCustomElement$2 } from './p-0a35a909.js';
+import { e as defaultIconPack, i as useLanguage, C as isLiveStreamHost } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$4 } from './p-206acdcd.js';
+import { d as defineCustomElement$3 } from './p-73baf5ba.js';
+import { d as defineCustomElement$2 } from './p-19d83dd6.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-244cbe7b.js';
+import { R as RtkLogo$1, d as defineCustomElement$1 } from './p-b65d1760.js';
 
 const RtkLogo = RtkLogo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-markdown-view.js

@@ -1,4 +1,4 @@
-import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-88bef213.js';
+import { R as RtkMarkdownView$1, d as defineCustomElement$1 } from './p-8222af8c.js';
 
 const RtkMarkdownView = RtkMarkdownView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { e as defaultIconPack, i as useLanguage } from './p-dc9dde66.js';
+import { S as SyncWithStore } from './p-9c3c75a9.js';
+import { d as defineCustomElement$2 } from './p-63c79efa.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/components/rtk-meeting.js

@@ -1,33 +1,32 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { p as provideRtkDesignSystem, d as deepMerge } from './p-51de7af3.js';
-import { u as uiStore, h as useLanguage, c as createDefaultConfig, e as defaultIconPack, b as createPeerStore } from './p-7fc0dc2f.js';
+import { p as provideRtkDesignSystem, d as deepMerge } from './p-a72d3d19.js';
+import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-dc9dde66.js';
 import { R as Render } from './p-60fdbd75.js';
-import { g as generateConfig } from './p-121e073d.js';
+import { g as generateConfig } from './p-63e06c50.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
-import { d as defineCustomElement$o } from './p-f4e75ea9.js';
-import { d as defineCustomElement$n } from './p-1391bef0.js';
-import { d as defineCustomElement$m } from './p-d4e2ac64.js';
-import { d as defineCustomElement$l } from './p-2f08d7eb.js';
-import { d as defineCustomElement$k } from './p-f47894a6.js';
-import { d as defineCustomElement$j } from './p-a6f2b402.js';
-import { d as defineCustomElement$i } from './p-65cd2fe3.js';
-import { d as defineCustomElement$h } from './p-20290b0b.js';
-import { d as defineCustomElement$g } from './p-3da4880c.js';
-import { d as defineCustomElement$f } from './p-0b4e526c.js';
-import { d as defineCustomElement$e } from './p-e675729a.js';
-import { d as defineCustomElement$d } from './p-3b29dda1.js';
-import { d as defineCustomElement$c } from './p-63ef7ea4.js';
-import { d as defineCustomElement$b } from './p-88bef213.js';
-import { d as defineCustomElement$a } from './p-f8f5cb31.js';
-import { d as defineCustomElement$9 } from './p-a6296b02.js';
-import { d as defineCustomElement$8 } from './p-080acf18.js';
-import { d as defineCustomElement$7 } from './p-fe911889.js';
-import { d as defineCustomElement$6 } from './p-a9540d93.js';
-import { d as defineCustomElement$5 } from './p-0a35a909.js';
-import { d as defineCustomElement$4 } from './p-d3de8b85.js';
-import { d as defineCustomElement$3 } from './p-a94b2e67.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$n } from './p-cec4d080.js';
+import { d as defineCustomElement$m } from './p-1391bef0.js';
+import { d as defineCustomElement$l } from './p-ac80e7fc.js';
+import { d as defineCustomElement$k } from './p-97d1dcb7.js';
+import { d as defineCustomElement$j } from './p-770c0fd7.js';
+import { d as defineCustomElement$i } from './p-1ea0d406.js';
+import { d as defineCustomElement$h } from './p-3245ace2.js';
+import { d as defineCustomElement$g } from './p-24481cb4.js';
+import { d as defineCustomElement$f } from './p-52e95364.js';
+import { d as defineCustomElement$e } from './p-777aa628.js';
+import { d as defineCustomElement$d } from './p-73baf5ba.js';
+import { d as defineCustomElement$c } from './p-f5101af9.js';
+import { d as defineCustomElement$b } from './p-8222af8c.js';
+import { d as defineCustomElement$a } from './p-951a67af.js';
+import { d as defineCustomElement$9 } from './p-7e6ca4af.js';
+import { d as defineCustomElement$8 } from './p-fe648db5.js';
+import { d as defineCustomElement$7 } from './p-d3414935.js';
+import { d as defineCustomElement$6 } from './p-33db910f.js';
+import { d as defineCustomElement$5 } from './p-19d83dd6.js';
+import { d as defineCustomElement$4 } from './p-2ec120cd.js';
+import { d as defineCustomElement$3 } from './p-a6aea524.js';
+import { d as defineCustomElement$2 } from './p-63c79efa.js';
 
 const sm = 640;
 const md = 768;
@@ -113,6 +112,8 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         this.gridLayout = 'row';
         /** Icon pack */
         this.iconPack = defaultIconPack;
+        /** UI Kit Overrides */
+        this.overrides = defaultOverrides;
         this.handleChangingMeeting = (destinationMeetingId) => {
             const currentStates = (this.peerStore || uiStore).state.states;
             this.updateStates({
@@ -141,6 +142,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         this.iconPackChanged(this.iconPack);
         this.tChanged(this.t);
         this.configChanged(this.config);
+        this.overridesChanged(this.overrides);
         this.resizeObserver = new index(() => this.handleResize());
         this.resizeObserver.observe(this.host);
         if (this.applyDesignSystem &&
@@ -225,6 +227,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 iconPack: this.iconPack,
                 t: this.t,
                 providerId: this.providerId,
+                overrides: deepMerge(Object.assign({}, defaultOverrides), this.overrides),
             });
             // Notify components that peer specific store is now available
             document.dispatchEvent(new CustomEvent('rtkPeerStoreReady', {
@@ -296,6 +299,11 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
+    overridesChanged(overrides) {
+        if (this.peerStore) {
+            this.peerStore.state.overrides = deepMerge(Object.assign({}, defaultOverrides), overrides);
+        }
+    }
     handleResize() {
         this.size = getSize(this.host.clientWidth);
     }
@@ -338,7 +346,8 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         "meeting": ["meetingChanged"],
         "iconPack": ["iconPackChanged"],
         "t": ["tChanged"],
-        "config": ["configChanged"]
+        "config": ["configChanged"],
+        "overrides": ["overridesChanged"]
     }; }
     static get style() { return RtkMeetingStyle0; }
 }, [1, "rtk-meeting", {
@@ -352,18 +361,20 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         "config": [1040],
         "size": [1537],
         "gridLayout": [1, "grid-layout"],
-        "iconPack": [16]
+        "iconPack": [16],
+        "overrides": [16]
     }, undefined, {
         "meeting": ["meetingChanged"],
         "iconPack": ["iconPackChanged"],
         "t": ["tChanged"],
-        "config": ["configChanged"]
+        "config": ["configChanged"],
+        "overrides": ["overridesChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["rtk-meeting", "rtk-avatar", "rtk-button", "rtk-channel-selector-view", "rtk-chat", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
+    const components = ["rtk-meeting", "rtk-avatar", "rtk-button", "rtk-chat", "rtk-chat-composer-view", "rtk-chat-messages-ui-paginated", "rtk-draft-attachment-view", "rtk-emoji-picker", "rtk-emoji-picker-button", "rtk-file-message-view", "rtk-file-picker-button", "rtk-icon", "rtk-image-message-view", "rtk-markdown-view", "rtk-menu", "rtk-menu-item", "rtk-menu-list", "rtk-message-view", "rtk-paginated-list", "rtk-spinner", "rtk-text-composer-view", "rtk-text-message-view", "rtk-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "rtk-meeting":
             if (!customElements.get(tagName)) {
@@ -371,16 +382,11 @@ function defineCustomElement$1() {
             }
             break;
         case "rtk-avatar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "rtk-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "rtk-channel-selector-view":
+        case "rtk-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }

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

@@ -1,4 +1,4 @@
-import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-a6296b02.js';
+import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-7e6ca4af.js';
 
 const RtkMenuItem = RtkMenuItem$1;
 const defineCustomElement = defineCustomElement$1;