@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/components/{p-1f0c5462.js → p-2d58e36e.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkDraftAttachmentViewCss = ":host{display:flex;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px)}.preview-overlay{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);background-color:inherit}.preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.preview:hover rtk-tooltip{display:block}.preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}";
 const RtkDraftAttachmentViewStyle0 = rtkDraftAttachmentViewCss;
@@ -62,7 +62,7 @@ const RtkDraftAttachmentView = /*@__PURE__*/ proxyCustomElement(class RtkDraftAt
         this.onAttachmentChange();
     }
     render() {
-        return (h(Host, { key: 'bf052df6f3c49b6a52b3002a8ed92bae6cbd7b06' }, h("div", { key: '786126525fd361e17ec716615da402f11b5f5d1d', class: "preview-overlay" }, h("div", { key: '1d89de4184961ebc4c8822aa016394706d37b2ba', class: "preview" }, h("rtk-tooltip", { key: '87177c3ff98e59097c02bfcc397c13b68952199c', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: 'f2a2ce338be78a7572c6a819ee5a75a9521f73b0', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: '12b0d383efb984307eba05ccdb783a8bd9c2d636', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
+        return (h(Host, { key: 'f6ede093bcdf8100807baab4de2a296fc4960a07' }, h("div", { key: 'b19bbe9b2ea58ea4adccc2028a1b24ea6bc9f0a9', class: "preview-overlay" }, h("div", { key: 'cbb2bfcb3a50e6e7fbfd4109eb340ba51d6a162d', class: "preview" }, h("rtk-tooltip", { key: '15b50c547470b0fa22014e0992a1c7e26b234573', label: this.t('chat.cancel_upload') }, h("rtk-button", { key: '940332a51747af3368ffec497d5ef76fa64ecf75', variant: "secondary", kind: "icon", onClick: this.onDeleteClickHandler }, h("rtk-icon", { key: 'cc04b0ac70753e970ff638f187ad5f702dc3656b', icon: this.iconPack.dismiss }))), this.attachment.type === 'image' ? (h("img", { class: "preview-image", src: this.filePreview })) : (h("div", { class: "preview-file" }, h("span", null, this.filePreview)))))));
     }
     static get watchers() { return {
         "attachment": ["onAttachmentChange"]

package/dist/components/{p-77338347.js → p-2ee6390c.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-9e5b47ea.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-dc3143c0.js';
 
 const rtkParticipantsStageListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column;font-size:14px}.participants-container{margin-bottom:var(--rtk-space-4, 16px);height:100%;width:100%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-stage-list{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}rtk-participant{width:100%}";
 const RtkParticipantsStageListStyle0 = rtkParticipantsStageListCss;
@@ -24,7 +24,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         this.__registerHost();
         this.__attachShadow();
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Hide Stage Participants Count Header */
         this.hideHeader = false;
         /** Icon pack */
@@ -57,9 +57,9 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         this.searchChanged(this.search);
     }
     disconnectedCallback() {
-        const { participants, stage } = this.meeting;
-        if (this.meeting == null)
+        if (!this.meeting)
             return;
+        const { participants, stage } = this.meeting;
         this.participantJoinedListener &&
             this.meeting.participants.joined.removeListener('participantJoined', this.participantJoinedListener);
         this.participantLeftListener &&
@@ -68,7 +68,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         stage === null || stage === void 0 ? void 0 : stage.removeListener('stageStatusUpdate', this.updateStageList);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         this.participantJoinedListener = (participant) => {
             if (participant.stageStatus !== 'ON_STAGE')
@@ -108,7 +108,7 @@ const RtkParticipants = /*@__PURE__*/ proxyCustomElement(class RtkParticipants e
         }
     }
     render() {
-        return (h(Host, { key: '54501f9cebd4dee4398cb0161341c72008a1bf22' }, h("div", { key: '9157670e4ed76beb38ad5c6e3405a1707ff8d262', class: "participants-container" }, !this.hideHeader && (h("div", { key: '71d44cb3842d749a19526068700f788727ff5c28', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: '8239db7509da6cc5334b8d860e9954527febacf2', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
+        return (h(Host, { key: 'cfdd5d93db01607a2790998e1ccd9fb4793ea23a' }, h("div", { key: 'ae28eb5c74fb86f5c9fe3f702285b88ca45f8aef', class: "participants-container" }, !this.hideHeader && (h("div", { key: '1251c66e98b2c2c07d627524f6a593161ada4bc7', class: "heading-count", part: "heading-count" }, this.t('participants'), " (", this.participants.length, ")")), h("rtk-virtualized-participant-list", { key: 'c90a073af89c1ce26e1e65077a15b4e585d7bf4f', items: this.participants, renderItem: this.createParticipantNode, part: "participants", class: "participants", emptyListElement: h("div", { class: "empty-stage-list" }, this.search.length > 0 ? this.t('search.could_not_find') : this.t('search.empty')) }))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],
@@ -136,6 +136,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkParticipants.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkParticipants.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkParticipants.prototype, "size", void 0);

package/dist/components/{p-c1f57f6b.js → p-2f9525bf.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { c as computePosition, o as offset, f as flip, s as shift } from './p-94cc1b33.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 
 const rtkMenuCss = ":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:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}";
 const RtkMenuStyle0 = rtkMenuCss;
@@ -59,7 +59,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         });
     }
     render() {
-        return (h(Host, { key: 'b276110eb5171b15f815bfe7a96663e01f899e96' }, h("span", { key: '8bfa076de490cee6929b3a5da3d90f7741795dd5', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: 'bd41e5e2f0d26ac7b532ac85d1904cf6c0307fc8' }, h("span", { key: 'dcdb7df85f283aa37efd82d6f014371e655dab23', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -68,7 +68,7 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, h("slot", { key: 'e287328ba8515ddd37a21645aef25e83e6484e6b', name: "trigger" })), h("span", { key: 'cc7025445296778b3dd0ad3eceb24b03eb0c2924', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '0d26db850bffc2cdf9b4142fdfa2f4113d180078' }))));
+            } }, h("slot", { key: '0bbc31781b3b8702b6d233688de2031abd97d2dc', name: "trigger" })), h("span", { key: '5c0279fa9912ea5b5332f4c52e285405cfb18f05', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '0185ee09c1f2034ffe44553c613f3e2bd59400e8' }))));
     }
     static get style() { return RtkMenuStyle0; }
 }, [1, "rtk-menu", {

package/dist/components/{p-ff6d9602.js → p-3081fabf.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { a as defaultIconPack } from './p-fc4484ae.js';
+import { e as defaultIconPack } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkFileMessageViewCss = ":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)}.file{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.file .file-data{margin-left:var(--rtk-space-1, 4px);flex:1 1 0%}.file .file-data .name{word-break:break-all;color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split{margin-top:var(--rtk-space-0\\.5, 2px);display:flex;align-items:center;font-size:12px}.file .file-data .file-data-split .ext{margin-right:var(--rtk-space-2, 8px);text-transform:uppercase;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.file .file-data .file-data-split .divider{height:var(--rtk-space-4, 16px);width:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.file .file-data .file-data-split .size{margin-left:var(--rtk-space-2, 8px)}";
 const RtkFileMessageViewStyle0 = rtkFileMessageViewCss;
@@ -29,7 +29,7 @@ const RtkFileMessageView = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h("div", { key: '7bc636599452b840ae0a5467fcf579a883a98727', class: "file" }, h("rtk-button", { key: '98bfff6ca8aa598d296ff1f3b39994f8b839572c', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '26b9fe1b7e884ffa993e988eb94e18351eec8c25', icon: this.iconPack.download })), h("div", { key: 'c3d045925ef1a13039c44624930b96cd326d769f', class: "file-data" }, h("div", { key: '619e9cd8f72f342e31c334586e44813e2d3216ba', class: "name" }, this.name), h("div", { key: '71b788c2a10c8a7290da1f77d82c6b6e66746223', class: "file-data-split" }, h("div", { key: '550720228247cdaf766a84938df720bf95249bf5', class: "ext" }, getExtension(this.name)), h("span", { key: '2bb1940a95e5e06ec8a064a775ea2257ff80fcc7', class: "divider" }), h("div", { key: 'e5451bcd50b3e05d90b149a98b7c328711025827', class: "size" }, getFileSize(this.size))))));
+        return (h("div", { key: '5cc29b4780f581a2f8b045e5051bcc66f3fdaf55', class: "file" }, h("rtk-button", { key: '4100b47bc1d72f08ec5fe645291bfbb58e3a6486', variant: "secondary", kind: "icon", onClick: () => downloadFile(sanitizeLink(this.url), { name: this.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '52ae14abb7c27b89861d5ba4c907d606257628c9', icon: this.iconPack.download })), h("div", { key: '02c9ad8d173172a85cc474273a966607d456360e', class: "file-data" }, h("div", { key: '6ceca21685d04f175006ba35a6de194cc98879ad', class: "name" }, this.name), h("div", { key: 'b07d07bcaedee3fd6fbcfe81ce2f6bf757655b5f', class: "file-data-split" }, h("div", { key: '280635ef486de02bc68ca3e774be14fa5a461d1c', class: "ext" }, getExtension(this.name)), h("span", { key: '84f72d8b37b7d15c257faed036b76c737eec780b', class: "divider" }), h("div", { key: '1b88f48f51afe3fceb57920c3d17f586e848a25f', class: "size" }, getFileSize(this.size))))));
     }
     static get style() { return RtkFileMessageViewStyle0; }
 }, [1, "rtk-file-message-view", {

package/dist/components/{p-eab1b7c1.js → p-310a03ac.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$d } from './p-cbc8e449.js';
-import { d as defineCustomElement$c } from './p-2507c6c8.js';
-import { d as defineCustomElement$b } from './p-ff6d9602.js';
-import { d as defineCustomElement$a } from './p-a73161da.js';
-import { d as defineCustomElement$9 } from './p-3d5214b4.js';
-import { d as defineCustomElement$8 } from './p-3358d7dc.js';
-import { d as defineCustomElement$7 } from './p-c1f57f6b.js';
-import { d as defineCustomElement$6 } from './p-20c74379.js';
-import { d as defineCustomElement$5 } from './p-2df5f773.js';
-import { d as defineCustomElement$4 } from './p-8d07e4b3.js';
-import { d as defineCustomElement$3 } from './p-40a18d12.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-a09473cb.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$d } from './p-81a13bf2.js';
+import { d as defineCustomElement$c } from './p-4c2acc5c.js';
+import { d as defineCustomElement$b } from './p-3081fabf.js';
+import { d as defineCustomElement$a } from './p-cadee920.js';
+import { d as defineCustomElement$9 } from './p-9f86929b.js';
+import { d as defineCustomElement$8 } from './p-b9e78c21.js';
+import { d as defineCustomElement$7 } from './p-2f9525bf.js';
+import { d as defineCustomElement$6 } from './p-1035acb6.js';
+import { d as defineCustomElement$5 } from './p-792de3bc.js';
+import { d as defineCustomElement$4 } from './p-8320939f.js';
+import { d as defineCustomElement$3 } from './p-7d95084a.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-095e6b83.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;
@@ -192,7 +192,7 @@ const RtkChatMessagesUiPaginated = /*@__PURE__*/ proxyCustomElement(class RtkCha
         this.lastReadMessageIndex = -1;
     }
     render() {
-        return (h(Host, { key: '088b35f5fe196ed2b3271a0b36eef02df47f28e0' }, h("rtk-paginated-list", { key: 'a856bde7e481f78b081dcd20351d872a6dd687fa', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: 'a4c15d852264ca50ae784a8b26b052585b0acac8' }))));
+        return (h(Host, { key: 'ab3da087eddff60e803af97f66b05dbb51a3957f' }, h("rtk-paginated-list", { key: 'd22d325b961625596c529a9c6fb8e086f6e24e00', ref: (el) => (this.$paginatedListRef = el), pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.getChatMessages, createNodes: this.createChatNodes, selectedItemId: this.selectedChannelId, emptyListLabel: this.t('chat.empty_channel') }, h("slot", { key: '9bcd54c7f8e1e97c8e876e9c06435fa6bbe27fae' }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/{p-9b7dc3b2.js → p-32584f88.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -34,10 +34,10 @@ const RtkFileMessage = /*@__PURE__*/ proxyCustomElement(class RtkFileMessage ext
     }
     render() {
         const link = sanitizeLink(this.message.link);
-        return (h(Host, { key: '25ff2cd29b951ffee9fb266ec4937258db527ef4' }, !this.isContinued && (h(ChatHead, { key: '50dc45f56ac2837215619c597f557c0e71e5fd85', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '5b300ea679f835b6d7421568dde80aa38cbbc821', class: {
+        return (h(Host, { key: '7c75a7c9e627cddd7beeeadf11473894371395d8' }, !this.isContinued && (h(ChatHead, { key: 'c05c95453e3f878767770c6a261ebb90e2a06e7d', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '69b824cc5d3d328a3b08cc4def693d86bd96a39b', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '895f033df99c8d9dfc1241bbaf5f20137b905395', class: "file" }, h("div", { key: '345bd0370a81c50c1ef46fa7119fa321213ad741', class: "file-data" }, h("div", { key: 'fb30c6c130af584d2f4294029c4304e213ddd339', class: "name" }, this.message.name), h("div", { key: 'd0de234e1697b196fe248bbfbad18109b59c20df', class: "file-data-split" }, h("div", { key: '635343bd7dbcbfeea1a7534c943be355decf20c4', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'bd7772e273ae55297c99d8564cfa44e6dd1b43d0', class: "divider" }), h("div", { key: 'd6df3a4fca8932d3bcdeb805ef7b3bed1c3e8c15', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '4b4d9be6f228e5deda5590f2aa6038b3501623d7', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '187e0b8f903bd7cd8b5f9e25ef2d6841299fe87f', icon: this.iconPack.download }))))));
+            }, part: "body" }, h("div", { key: '86315ca5ed3c9b9f48d84ffef9f52ebbd1d3515e', class: "file" }, h("div", { key: '3475ccfa9c266adb6fefefa1eadcc3d8b1fe37f1', class: "file-data" }, h("div", { key: 'e99e1b1c6acd5b7892d9916680cde1d937dfcb82', class: "name" }, this.message.name), h("div", { key: '4f213fd3a36d457da93e75b7b51573120978893c', class: "file-data-split" }, h("div", { key: '3484e59af9f316eabfcf9bc35f015a0d3b7d286d', class: "ext" }, getExtension(this.message.name)), h("span", { key: 'b223670e2ed2bbc84b1145123fe14ca52f5f0a88', class: "divider" }), h("div", { key: 'ebe6b5e3f8e6da099438a7015a3c2d10770808b6', class: "size" }, getFileSize(this.message.size)))), h("rtk-button", { key: '5a109a7b43db38b10e9d084f9fb141e5a0535d9b', variant: "secondary", kind: "icon", onClick: () => downloadFile(link, { name: this.message.name, fallbackName: 'file' }), part: "button" }, h("rtk-icon", { key: '57aaf2b09f11a066c298d675a06ec10202e18fc8', icon: this.iconPack.download }))))));
     }
 }, [0, "rtk-file-message", {
         "message": [16],

package/dist/components/{p-153e1ac6.js → p-36b8529e.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkCounterCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:row;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));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;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}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";
 const RtkCounterStyle0 = rtkCounterCss;
@@ -47,7 +47,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
         this.input = Math.max(this.minValue, parseInt(this.input) - 1).toString();
     }
     render() {
-        return (h(Host, { key: '69da144af824d130db538c62561020197f7b93fa' }, h("rtk-button", { key: 'c31072304b50d8f4eb75379ad9cf924762107425', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'ff4247e38e693b1a642cebb6c7dc4efc675945de', icon: this.iconPack.subtract })), h("input", { key: 'ffe5abe4110565707ec1fcd26e74fae44cf9f7a9', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
+        return (h(Host, { key: '272e7b55fbdf3b7bca96c737152319c310d1f112' }, h("rtk-button", { key: 'c9fd1fc0b3338b9428eb76f10d1d63f73292995b', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: '695097f6acef35020d3ca70f6afce1df28cebfba', icon: this.iconPack.subtract })), h("input", { key: '72fb69566bd509998bcaef9ce995ed048b0db5a8', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 const val = parseInt(e.target.value, 10);
                 if (isNaN(val) || val < this.minValue) {
                     this.input = this.minValue.toString();
@@ -55,7 +55,7 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
                 else {
                     this.input = val.toString();
                 }
-            } }), h("rtk-button", { key: '5b063c1a3698c7f8ccbd6e7fb406efe0905a260b', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'dbc1a35da59b9973eceab21fdf6fcb395942ac45', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: '9f0eb1678344ae27fa06b179fac938cbfdbb8307', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'd895d47a9bc64aa95723970313eca8ea2503a8c1', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]

package/dist/components/{p-efda30dd.js → p-37f70cfb.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkSidebarUiCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n\n:host {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  font-family: var(--rtk-font-family, sans-serif);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n\n  container-type: size;\n  container-name: sidebarui;\n}\n\n@container sidebarui (height < 370px) {\n  .main-header {\n    height: var(--rtk-space-8, 32px) !important;\n  }\n  .close {\n    top: var(--rtk-space-0\\.5, 2px) !important;\n    left: var(--rtk-space-0, 0px) !important;\n    color: rgba(var(--rtk-colors-danger, 255 45 45) / 0.6);\n  }\n}\n\n:host([view='sidebar']) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n}\n\n:host([view='full-screen']) {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  max-width: 100%;\n  border: none;\n}\n\n::slotted(*) {\n  flex-grow: 1;\n}\n\n.close {\n  position: absolute;\n  top: var(--rtk-space-2, 8px);\n  left: var(--rtk-space-2, 8px);\n  z-index: 10;\n}\n\n.main-header {\n  position: relative;\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  place-items: center;\n  justify-content: center;\n}\n\n.main-header, \n.mobile-tabs {\n  flex-shrink: 0;\n}\n\n.mobile-tabs {\n  display: flex;\n  place-items: center;\n  justify-content: space-evenly;\n  border-bottom: 1px solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.mobile-tabs button {\n  margin: var(--rtk-space-0, 0px);\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  padding: var(--rtk-space-0, 0px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n  height: var(--rtk-space-10, 40px);\n  cursor: pointer;\n  padding-left: var(--rtk-space-4, 16px);\n  padding-right: var(--rtk-space-4, 16px);\n  font-weight: 500;\n  border-bottom: 1px solid transparent;\n}\n\n.mobile-tabs button.active {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\nheader h3 {\n  font-size: 14px;\n  font-weight: 500;\n}\n\n@media only screen and (max-device-height: 480px) and (orientation: landscape) {\n  .main-header {\n    display: none !important;\n  }\n}\n\n.tab-participant-count-badge {\n  display: inline-block;\n  padding: 2px 5px;\n  border-radius: 9999px;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n.tab-participant-count-badge:not(.selected-tab) {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.tab-participant-count-badge.requests-pending{\n  background-color: rgba(var(--rtk-colors-danger));\n}\n";
 const RtkSidebarUiStyle0 = rtkSidebarUiCss;

package/dist/components/{p-b76deed8.js → p-384919de.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$c } from './p-cbc8e449.js';
-import { d as defineCustomElement$b } from './p-2507c6c8.js';
-import { d as defineCustomElement$a } from './p-8c391f68.js';
-import { d as defineCustomElement$9 } from './p-9b7dc3b2.js';
-import { d as defineCustomElement$8 } from './p-a73161da.js';
-import { d as defineCustomElement$7 } from './p-c86a0f9e.js';
-import { d as defineCustomElement$6 } from './p-c1f57f6b.js';
-import { d as defineCustomElement$5 } from './p-20c74379.js';
-import { d as defineCustomElement$4 } from './p-2df5f773.js';
-import { d as defineCustomElement$3 } from './p-40a18d12.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-f0df8c15.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$c } from './p-81a13bf2.js';
+import { d as defineCustomElement$b } from './p-4c2acc5c.js';
+import { d as defineCustomElement$a } from './p-4bb5e9bb.js';
+import { d as defineCustomElement$9 } from './p-32584f88.js';
+import { d as defineCustomElement$8 } from './p-cadee920.js';
+import { d as defineCustomElement$7 } from './p-40870ba7.js';
+import { d as defineCustomElement$6 } from './p-2f9525bf.js';
+import { d as defineCustomElement$5 } from './p-1035acb6.js';
+import { d as defineCustomElement$4 } from './p-792de3bc.js';
+import { d as defineCustomElement$3 } from './p-7d95084a.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-7525d343.js';
 
 const rtkChatSearchResultsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;
@@ -51,7 +51,7 @@ const RtkChatSearchResults = /*@__PURE__*/ proxyCustomElement(class RtkChatSearc
         };
     }
     render() {
-        return (h(Host, { key: 'f94f965504c412fd2a33fd9f50a8baaedd05f3ab' }, h("rtk-paginated-list", { key: '6e21d19a60937f67733162a2f2fcdae290c5991f', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
+        return (h(Host, { key: 'f9dc934ec73372295dde976d216dc1f8ffb6f11e' }, h("rtk-paginated-list", { key: '4bdb8438495075558df2ee013a58dbbd56e3f274', pageSize: this.pageSize, pagesAllowed: 3, fetchData: this.searchMessages, createNodes: this.nodeRenderer, selectedItemId: this.query })));
     }
     static get style() { return RtkChatSearchResultsStyle0; }
 }, [1, "rtk-chat-search-results", {

package/dist/components/{p-9007d4aa.js → p-388b17ad.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, e as disableSettingSinkId } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack, h as useLanguage, j as disableSettingSinkId } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkMicrophoneSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline.container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";
 const RtkMicrophoneSelectorStyle0 = rtkMicrophoneSelectorCss;
@@ -63,7 +63,7 @@ const RtkMicrophoneSelector = /*@__PURE__*/ proxyCustomElement(class RtkMicropho
         (_e = this.meeting) === null || _e === void 0 ? void 0 : _e.self.removeListener('mediaPermissionUpdate', this.mediaPermissionUpdateListener);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         writeTask(async () => {
             var _a, _b;
@@ -73,7 +73,7 @@ const RtkMicrophoneSelector = /*@__PURE__*/ proxyCustomElement(class RtkMicropho
             this.currentDevices = {
                 audio: currentAudioDevice,
             };
-            this.canProduceAudio = this.meeting.self.permissions.canProduceAudio === 'ALLOWED';
+            this.canProduceAudio = meeting.self.permissions.canProduceAudio === 'ALLOWED';
             stage === null || stage === void 0 ? void 0 : stage.addListener('stageStatusUpdate', this.stageStateListener);
             self.addListener('deviceListUpdate', this.deviceListUpdateListener);
             self.addListener('deviceUpdate', this.deviceUpdateListener);
@@ -102,7 +102,7 @@ const RtkMicrophoneSelector = /*@__PURE__*/ proxyCustomElement(class RtkMicropho
         }
     }
     render() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         let unnamedMicCount = 0;
         return (h(Host, null, this.canProduceAudio && (h("div", { part: "microphone-selection", class: 'group container ' + this.variant }, h("label", { slot: "label" }, this.variant !== 'inline' && this.t('settings.microphone_input'), h("rtk-icon", { icon: this.iconPack.mic_on, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.audioinputDevices.map(({ deviceId, label }) => {

package/dist/components/p-3968315b.js

@@ -0,0 +1,86 @@
+import { i as getElement } from './p-c3592601.js';
+import { u as uiStore, D as appendElement, E as removeElement } from './p-2b523e10.js';
+
+function SyncWithStore() {
+    return function (proto, propName) {
+        const { connectedCallback, disconnectedCallback } = proto;
+        proto.connectedCallback = function () {
+            const host = getElement(this);
+            const value = host[propName];
+            host[`_rtkStoreToCleanup-${propName}`] = uiStore;
+            /**
+             * NOTE(ravindra-dyte):
+             * For backward compatibility, let's use global store.
+             * If rtk-ui-provider in parent hierarchy is available, we will use peer specific store.
+             * If provider is found, All states will be solely controlled by RtkUiProvider.
+             */
+            if (!value) {
+                const storeValue = uiStore.state[propName];
+                host[propName] = storeValue;
+                appendElement(propName, host, uiStore);
+            }
+            // Listen for provider response
+            const storeResponseListener = (event) => {
+                const requestId = host._storeRequestId;
+                if (event.detail.requestId === requestId) {
+                    // Blindly put peer specific store's value for propName in host propName
+                    const storeValue = event.detail.store.state[propName];
+                    host[propName] = storeValue;
+                    appendElement(propName, host, event.detail.store);
+                    host[`_rtkStoreToCleanup-${propName}`] = event.detail.store;
+                    // Since peer specific store is available, remove element prop from global store
+                    removeElement(propName, host, uiStore);
+                    document.removeEventListener('rtkProvideStore', storeResponseListener);
+                }
+            };
+            // Store listener reference for cleanup
+            host[`_rtkStoreResponseListener-${propName}`] = storeResponseListener;
+            document.addEventListener('rtkProvideStore', storeResponseListener);
+            // Generate unique request ID
+            const requestId = `${host.tagName}-${Date.now()}-${Math.random()}`;
+            host._storeRequestId = requestId;
+            // Request store from provider
+            const requestEvent = new CustomEvent('rtkRequestStore', {
+                detail: { element: host, propName, requestId },
+                bubbles: true,
+                composed: true, // Allow event to cross shadow DOM boundaries
+            });
+            host.dispatchEvent(requestEvent);
+            // Listen for peer specific store ready event to use the correct store
+            const storeReadyListener = () => {
+                // Re-request store (peer specific store should now be available)
+                const newRequestId = `${host.tagName}-${Date.now()}-${Math.random().toString(36)}`;
+                host._storeRequestId = newRequestId;
+                const retryRequestEvent = new CustomEvent('rtkRequestStore', {
+                    detail: { element: host, propName, requestId: newRequestId },
+                    bubbles: true,
+                    composed: true,
+                });
+                host.dispatchEvent(retryRequestEvent);
+                document.removeEventListener('rtkPeerStoreReady', storeReadyListener);
+            };
+            // Store listener reference for cleanup
+            host[`_rtkStoreReadyListener-${propName}`] = storeReadyListener;
+            document.addEventListener('rtkPeerStoreReady', storeReadyListener);
+            return connectedCallback === null || connectedCallback === void 0 ? void 0 : connectedCallback.call(this);
+        };
+        proto.disconnectedCallback = function () {
+            const host = getElement(this);
+            removeElement(propName, host, host[`_rtkStoreToCleanup-${propName}`]);
+            // Clean up event listeners to prevent memory leaks
+            const storeResponseListener = host[`_rtkStoreResponseListener-${propName}`];
+            if (storeResponseListener) {
+                document.removeEventListener('rtkProvideStore', storeResponseListener);
+                delete host[`_rtkStoreResponseListener-${propName}`];
+            }
+            const storeReadyListener = host[`_rtkStoreReadyListener-${propName}`];
+            if (storeReadyListener) {
+                document.removeEventListener('rtkPeerStoreReady', storeReadyListener);
+                delete host[`_rtkStoreReadyListener-${propName}`];
+            }
+            return disconnectedCallback === null || disconnectedCallback === void 0 ? void 0 : disconnectedCallback.call(this);
+        };
+    };
+}
+
+export { SyncWithStore as S };

package/dist/components/{p-c86a0f9e.js → p-40870ba7.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { d as downloadFile } from './p-9fc565cf.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const rtkImageMessageCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;
@@ -39,10 +39,10 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '60b7d1f3569a3bd335b7db047ef5f5a7b8fa518c' }, !this.isContinued && (h(ChatHead, { key: 'e897d7239be3ba0a2594f5c6285cc5a5fd553375', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: 'f99332c642a51af6d4ab20eff1654826479b420b', class: {
+        return (h(Host, { key: 'd041223e2bcae326044ca2151b44d715b2490fa6' }, !this.isContinued && (h(ChatHead, { key: '35bdbb35d3bdb4c595f8185cd81327c86cd0524a', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '44084f1be980d115f66caa8e82e97fcfb50e9827', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '667e081aff8edd5792cc2b0fac09d83d6520d6a7', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'f079a0f75038bdf6a83e450bfdb68ab84d6f1663', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: 'ae0e85f9d657025e71a2ecfe27b828717d52c7f1', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'b28173a53512ec4ba0bb239441453f5d081eb504', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -50,9 +50,9 @@ const RtkImageMessage = /*@__PURE__*/ proxyCustomElement(class RtkImageMessage e
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: '00968152adade14971180db8df90553a17aaaaa8', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '0e236fd24f70e5dfbd5528d1198c9ecf7f2f4888', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '8cd94804cb58c23c9c4636e7d8e14e3121b3e169', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '625d50f65dfbd6af0f2061d96b5332452b060a12', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '4a5105c9deef32a5526d5adf8f6075230a09a90f', class: "actions" }, h("rtk-button", { key: 'f8519c23a87d30909451ceaf9c874b6b5258f4cb', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: '408010e071e11a36613713759c4cfa6479f384b7', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '8b30e18bec4dfbbcd088d6e3c1e2f62b69d02123', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '19db09c9ad48452d2b13f186bba8d637ef6bde3c', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '6affdcac8b7f639a44012f003d27b5095b0d923c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'c81093571c1d33bc3f1a9755c5e4150108571506', class: "actions" }, h("rtk-button", { key: '075a5832d89c4ae5c89b994e1b35649984174c32', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '3b8e52922b59e9f75f8a25bc9605f4d044b7981c', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'dc2703a02f091383498eaddfdcdf148e93471a88', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '1d9c9406e7937c64c93d77d685e86c3d1def4ec1', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: 'b00d1497ae3db0adc34add3e6cfc8537be04a581', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '9421be2f6b98623a3aebe4c3809a939f44660105', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '1623fc6cf182cb5df03ab7bb4cd858941a7f216e', icon: this.iconPack.download }))))))));
     }
     static get style() { return RtkImageMessageStyle0; }
 }, [0, "rtk-image-message", {

package/dist/components/{p-8804314e.js → p-47a6f5a0.js}

@@ -1,9 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage } from './p-fc4484ae.js';
+import { h as useLanguage, F as clone } from './p-2b523e10.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { c as clone } from './p-c15d924f.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 
 const rtkAiTranscriptionsCss = ":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)}.head{display:flex;align-items:center}.head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.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)))}*{box-sizing:border-box;border-width:0;border-style:solid}:host{width:100%;display:flex;flex-direction:column}.processing{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center}.content{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-3, 12px);flex:1 0 0px;overflow-y:scroll}.started-message{margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-5, 20px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.search-bar{height:var(--rtk-space-14, 56px);width:100%;border-bottom-width:var(--rtk-border-width-sm, 1px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-3, 12px)}input{height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.caption-view{height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));display:flex;align-items:center;justify-content:space-between;font-size:14px}.message .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);font-size:14px;word-break:break-word}.message{margin-bottom:var(--rtk-space-3, 12px)}.message:last-child{margin-bottom:var(--rtk-space-0, 0px)}";
 const RtkAiTranscriptionsStyle0 = rtkAiTranscriptionsCss;
@@ -115,7 +114,7 @@ const RtkAiTranscriptions = /*@__PURE__*/ proxyCustomElement(class RtkAiTranscri
         });
     }
     render() {
-        return (h(Host, { key: '12573001a05a586495a63ecd420f99ad04ce780f' }, h("div", { key: '2a51f65ba7cd339aee33291c77cdf9f5d69b8f07', class: "search-bar" }, h("input", { key: '6cb5505e84ddff6e39c29012752a7309f715505c', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: 'b7f1c33aae0d2613e28dc328e5ccfd92ad067576', class: "processing" }, h("p", { key: 'ae8dc349ff7017a92b9c15e8c8ab051313c07e67' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: 'f5d9e637661b2b10dd323c6b9d6fa7381fd7768c', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: 'a029f8903f82deab573e2372f1c645de98fbc417', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
+        return (h(Host, { key: '94f60db03785e266280aea971d3b998280840be2' }, h("div", { key: '0c709d7013ffd86748abc3a367e9cb504c2a37f5', class: "search-bar" }, h("input", { key: 'd98c6b1eb8835e59ed48d7a07bd12efbf72c9ae1', type: "text", placeholder: "Search Participant", value: this.participantQuery, onInput: (e) => (this.participantQuery = e.target.value) })), this.isProcessing && (h("div", { key: '041a08dd3e14b3d8c35d2d487d30a281f53338a0', class: "processing" }, h("p", { key: 'c4c90b39ca5ad0fd8161f0e3eb96aba38d959c6e' }, "Processing audio...."))), !this.isProcessing && (h("div", { key: '03bd5836324c9865d0e522d86e51701ec305f6ad', class: "content scrollbar", ref: (el) => (this.contentContainer = el) }, h("div", { key: '1df6f1b8cf06aa6f14d5700a7dfa86177bf3a752', class: "started-message" }, "Transcription started"), this.renderTranscripts()))));
     }
     static get watchers() { return {
         "meeting": ["meetingChanged"],

package/dist/components/{p-cac807c5.js → p-47f6fdfa.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-2507c6c8.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-4c2acc5c.js';
 
 const rtkConfirmationModalCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);padding:var(--rtk-space-8, 32px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));width:400px;max-width:80%}.leave-modal{width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px)}.leave-modal .content{font-size:14px}.leave-modal p{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px)}.leave-meeting{display:flex;flex-direction:row;justify-content:space-between;gap:var(--rtk-space-4, 16px)}.leave-meeting rtk-button{color:rgb(var(--rtk-colors-text-1000, 255 255 255));flex:1 1 0%}.br-secondary-btn{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.br-secondary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkConfirmationModalStyle0 = rtkConfirmationModalCss;
@@ -52,7 +52,7 @@ const RtkConfirmationModal = /*@__PURE__*/ proxyCustomElement(class RtkConfirmat
     render() {
         var _a, _b;
         const state = this.states.activeConfirmationModal;
-        return (h(Host, { key: 'e9a8a58afa42b97d8dba92f3619b3b0b67160d04' }, h("div", { key: '5ad16431e2157600116bbdbf47c194d8a4980621', class: "leave-modal" }, h("div", { key: '9285137f1130bcc7f67183e476e5464688ccff90', class: "header" }, h("h2", { key: 'ef2144a5de17b8f1dd41f4bf765e3da17ae058e5', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: '2227d4079e7df0e02b805aef57c2187c3a55e785', class: "message" }, this.t(state.content)), h("div", { key: 'd6f587b79bbf99d0e8a00f7bb65975b2eafa80ad', class: "content" }, h("div", { key: 'cdd81faaf9fa4192a2ed57f9d4d3f36e45400250', class: "leave-meeting" }, h("rtk-button", { key: 'ff9ddfccf098ea4cc956f95c22e94816e3b0561a', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: 'bc680bd1d2995998e759cbb520f4b146bf6e359e', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
+        return (h(Host, { key: '22ee38d06ab212134ac17a656da1251a3dc05372' }, h("div", { key: 'ed29620d69abd3202a823de32c06d7b2fb71f828', class: "leave-modal" }, h("div", { key: '07466875c79feb312e7df26cec679e62a4fc2991', class: "header" }, h("h2", { key: '4ebc7ab0dc5c2175cb234575435a30e4d1ce7a13', class: "title" }, state.header ? this.t(state.header) : this.t('cta.confirmation'))), state.content && h("p", { key: 'a9fcfa27f006dfb6ee1be60529b2c02611edc4cd', class: "message" }, this.t(state.content)), h("div", { key: '940cb8e8344bd99ba5d5266e284cc5161e666748', class: "content" }, h("div", { key: 'b8862b1db1f77121f9c2032e1f8213eeced5217d', class: "leave-meeting" }, h("rtk-button", { key: '0b4e17540009e0a465097e628904b36c54e17462', variant: "secondary", title: state.cancelText ? this.t(state.cancelText) : this.t('cancel'), onClick: this.close, class: "br-secondary-btn" }, state.cancelText ? this.t(state.cancelText) : this.t('cancel')), h("rtk-button", { key: '5f8c65ea6678c14855ece31827cb4aff714a0965', onClick: () => this.onConfirmation(), variant: (_b = (_a = this.states.activeConfirmationModal) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'danger', title: state.ctaText ? this.t(state.ctaText) : this.t('yes') }, state.ctaText ? this.t(state.ctaText) : this.t('yes')))))));
     }
     static get style() { return RtkConfirmationModalStyle0; }
 }, [1, "rtk-confirmation-modal", {