@cloudflare/realtimekit-ui 1.0.4-staging.3 → 1.0.4-staging.5

package/dist/components/{p-9115e02b.js → p-cbcb74eb.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-f367f8a7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$2 } from './p-ce2007d7.js';
-import { d as defineCustomElement$1 } from './p-c722ac0b.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$2 } from './p-1391bef0.js';
+import { d as defineCustomElement$1 } from './p-3b29dda1.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: '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) => {
+        return (h(Host, { key: 'd30fe362d84f5e387dfe67dc761683b91785bafb' }, h("rtk-button", { key: '5c60d8e4fed3f53236b1099f8360c341df36aa32', kind: "icon", variant: "ghost", onClick: () => this.decrement() }, h("rtk-icon", { key: 'b76e7889f6d94144aa1632159c52fb9580f931f7', icon: this.iconPack.subtract })), h("input", { key: 'cfd43551b1df8dca486b1dfc4f03d427c7e32caf', type: "number", value: this.input, min: this.minValue, onInput: (e) => {
                 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: '9f0eb1678344ae27fa06b179fac938cbfdbb8307', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'd895d47a9bc64aa95723970313eca8ea2503a8c1', icon: this.iconPack.add }))));
+            } }), h("rtk-button", { key: '4cfe34a4483d12ddbd35b82a6f5d099424b24be3', kind: "icon", variant: "ghost", onClick: () => this.increment() }, h("rtk-icon", { key: 'a06553be5801039bfefb1a2c2542d01c7426a605', icon: this.iconPack.add }))));
     }
     static get watchers() { return {
         "input": ["watchStateHandler"]
@@ -71,9 +71,6 @@ const RtkCounter = /*@__PURE__*/ proxyCustomElement(class RtkCounter extends H {
     }, undefined, {
         "input": ["watchStateHandler"]
     }]);
-__decorate([
-    SyncWithStore()
-], RtkCounter.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkCounter.prototype, "iconPack", void 0);

package/dist/components/{p-8bbaf6c2.js → p-d9827659.js}

@@ -1,5 +1,5 @@
 import { i as getElement } from './p-c3592601.js';
-import { u as uiStore, D as appendElement, E as removeElement } from './p-f367f8a7.js';
+import { u as uiStore, D as appendElement, E as removeElement } from './p-fa889524.js';
 
 function SyncWithStore() {
     return function (proto, propName) {

package/dist/components/{p-bdae67ed.js → p-daee903e.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-8bbaf6c2.js';
-import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$2 } from './p-ce2007d7.js';
-import { d as defineCustomElement$1 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-1391bef0.js';
+import { d as defineCustomElement$1 } from './p-3b29dda1.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-ac30ed19.js → p-db055b01.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 { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.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: 'bd41e5e2f0d26ac7b532ac85d1904cf6c0307fc8' }, h("span", { key: 'dcdb7df85f283aa37efd82d6f014371e655dab23', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: '15461c803838be1651df6116a61598ce8ab988f9' }, h("span", { key: 'f36cdd2f1141f46a993daa880682382904a72509', 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: '0bbc31781b3b8702b6d233688de2031abd97d2dc', name: "trigger" })), h("span", { key: '5c0279fa9912ea5b5332f4c52e285405cfb18f05', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '0185ee09c1f2034ffe44553c613f3e2bd59400e8' }))));
+            } }, h("slot", { key: 'af622c9dbb3394cb46a6bb909a45c5e3248b1a09', name: "trigger" })), h("span", { key: '445258e31b4b775fbc22b268234fe15a33f809c9', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' }))));
     }
     static get style() { return RtkMenuStyle0; }
 }, [1, "rtk-menu", {
@@ -78,9 +78,6 @@ const RtkMenu = /*@__PURE__*/ proxyCustomElement(class RtkMenu extends H {
         "iconPack": [16],
         "t": [16]
     }]);
-__decorate([
-    SyncWithStore()
-], RtkMenu.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkMenu.prototype, "iconPack", void 0);

package/dist/components/{p-65f8f581.js → p-dd02fd30.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-f367f8a7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { S as SyncWithStore } from './p-d9827659.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 const rtkDebuggerScreenshareCss = ":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{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%;color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar{width:var(--rtk-space-1\\.5, 6px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.tab-body::-webkit-scrollbar-thumb{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))}h3{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:600}#header{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-5, 20px);display:flex;align-items:center;justify-content:space-evenly}.tab-body{margin:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column;justify-content:space-between;overflow-y:auto}.status-container{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;padding:16px}.status-section{margin-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;font-weight:bold;padding:8px 0}.section-header.only-child{justify-content:center}.section-body.missing-stats{display:flex;text-align:center;justify-content:center}.section-header .status{color:rgba(var(--rtk-colors-success));font-weight:bold}.section-header .arrow{font-size:14px}.network-table{border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));border-radius:8px;margin-top:8px;overflow:hidden}.network-row{display:flex;justify-content:space-between;padding:12px;border-bottom:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.network-row:last-child{border-bottom:none}.network-cell{display:flex;flex-direction:column}.network-cell.label strong{font-size:14px}.network-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.network-cell.value{text-align:right}.status.good{color:rgba(var(--rtk-colors-success))}.status.average{color:rgba(var(--rtk-colors-warning))}.status.poor{color:rgba(var(--rtk-colors-danger))}.value{font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}";
@@ -200,9 +200,6 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "states", void 0);
-__decorate([
-    SyncWithStore()
-], RtkDebuggerScreenShare.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkDebuggerScreenShare.prototype, "iconPack", void 0);

package/dist/components/{p-cc23c4f1.js → p-de754d04.js}

@@ -1,11 +1,11 @@
 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-f367f8a7.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$4 } from './p-ce2007d7.js';
-import { d as defineCustomElement$3 } from './p-c722ac0b.js';
-import { d as defineCustomElement$2 } from './p-a9755f31.js';
-import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
+import { S as SyncWithStore } from './p-d9827659.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-84a575eb.js';
+import { d as defineCustomElement$1 } from './p-895216f5.js';
 
 const rtkTabBarCss = ".scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";
 const RtkTabBarStyle0 = rtkTabBarCss;
@@ -38,7 +38,7 @@ const RtkTabBar = /*@__PURE__*/ proxyCustomElement(class RtkTabBar extends H {
         this.tabs = [];
     }
     render() {
-        return (h(Host, { key: 'c9a5a5127f109eb38a55de4cc2aa4e2c1f864b24' }, h("rtk-spotlight-indicator", { key: '0623383f51c751453bbdf0cdb9e8c9b0e88d8052', meeting: this.meeting, iconPack: this.iconPack, t: this.t, size: this.size }), this.tabs.map((tab) => {
+        return (h(Host, { key: 'f586079ea469d413cdd8c2bb495bb06d9315417c' }, h("rtk-spotlight-indicator", { key: 'b9d139ef77a33c6470f4cbd7af1f7ded017b197d', meeting: this.meeting, iconPack: this.iconPack, t: this.t, size: this.size }), this.tabs.map((tab) => {
             var _a, _b, _c, _d, _e;
             let isActive = false;
             if (((_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.type) === 'plugin' &&
@@ -78,9 +78,6 @@ const RtkTabBar = /*@__PURE__*/ proxyCustomElement(class RtkTabBar extends H {
         "activeTab": [16],
         "tabs": [16]
     }]);
-__decorate([
-    SyncWithStore()
-], RtkTabBar.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkTabBar.prototype, "meeting", void 0);

package/dist/components/{p-9b702bd2.js → p-df2e4f4e.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { R as RTKNotificationsAudio } from './p-3a795fe6.js';
+import { R as RTKNotificationsAudio } from './p-8adcc64e.js';
 import { f as formatName } from './p-338c7261.js';
-import { c as createDefaultConfig, h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-f367f8a7.js';
+import { c as createDefaultConfig, h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-fa889524.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$3 } from './p-ce2007d7.js';
-import { d as defineCustomElement$2 } from './p-c722ac0b.js';
-import { d as defineCustomElement$1 } from './p-efa4bd9d.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$3 } from './p-1391bef0.js';
+import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-1988b38d.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({
@@ -595,9 +595,6 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkNotifications.prototype, "t", void 0);
-__decorate([
-    SyncWithStore()
-], RtkNotifications.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkNotifications.prototype, "iconPack", void 0);

package/dist/components/{p-22ea80c5.js → p-e081688d.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { h as hark } from './p-3f882e7c.js';
-import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$1 } from './p-c722ac0b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 /**
  * Draws audio visualizer of variant `bars`
@@ -159,12 +159,12 @@ const RtkAudioVisualizer = /*@__PURE__*/ proxyCustomElement(class RtkAudioVisual
         });
     }
     render() {
-        return (h(Host, { key: 'ee4ec36b4c9828a6e064e68d00e31c4e17a465e8' }, h("div", { key: 'e07d2ff77cbb1c9f70df5324db43e2356952e0b9', class: {
+        return (h(Host, { key: '50fd0d2472432f4a67ead60e3ab44fa015a30a0a' }, h("div", { key: '6f453d5b54520ea6c798137c95a4e3cfe1a598bb', class: {
                 hideMuted: this.hideMuted,
-            } }, h("canvas", { key: '4699a67cfbc1cdc2867d41483f384bc8582721fc', width: "24", height: "24", class: {
+            } }, h("canvas", { key: '81a9c569126e607c80327cd309fb224ecaa877b4', width: "24", height: "24", class: {
                 bars: true,
                 visible: this.audioEnabled,
-            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '45aae6d22e0f15b49c8bbdbe6d754fe1bb30e669', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
+            }, ref: (el) => (this.visualizer = el), part: "canvas" }), !this.isScreenShare && !this.audioEnabled && this.hideMuted !== true && (h("rtk-icon", { key: '223c3eaea7f05589e0321df21d971e0753c6a260', icon: this.iconPack.mic_off, part: "mic-off-icon" })))));
     }
     static get watchers() { return {
         "participant": ["participantChanged"]
@@ -183,9 +183,6 @@ const RtkAudioVisualizer = /*@__PURE__*/ proxyCustomElement(class RtkAudioVisual
     }, undefined, {
         "participant": ["participantChanged"]
     }]);
-__decorate([
-    SyncWithStore()
-], RtkAudioVisualizer.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkAudioVisualizer.prototype, "iconPack", void 0);

package/dist/components/{p-cecf2f70.js → p-e1d28187.js}

@@ -1,13 +1,13 @@
 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-f367f8a7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import { b as getPreference, s as setPreference } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$6 } from './p-22ea80c5.js';
-import { d as defineCustomElement$5 } from './p-ce2007d7.js';
-import { d as defineCustomElement$4 } from './p-c722ac0b.js';
-import { d as defineCustomElement$3 } from './p-288c22bd.js';
-import { d as defineCustomElement$2 } from './p-8e257589.js';
-import { d as defineCustomElement$1 } from './p-e956f8f7.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$6 } from './p-e081688d.js';
+import { d as defineCustomElement$5 } from './p-1391bef0.js';
+import { d as defineCustomElement$4 } from './p-3b29dda1.js';
+import { d as defineCustomElement$3 } from './p-05f83610.js';
+import { d as defineCustomElement$2 } from './p-080b60e5.js';
+import { d as defineCustomElement$1 } from './p-23dd7131.js';
 
 const rtkSettingsAudioCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:100%;flex-direction:column}audio{visibility:hidden}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}rtk-audio-visualizer{flex-shrink:0}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}rtk-button rtk-icon{margin-right:var(--rtk-space-2, 8px)}";
 const RtkSettingsAudioStyle0 = rtkSettingsAudioCss;
@@ -68,9 +68,6 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkSettingsAudio.prototype, "states", void 0);
-__decorate([
-    SyncWithStore()
-], RtkSettingsAudio.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkSettingsAudio.prototype, "iconPack", void 0);

package/dist/components/{p-9fdacb6b.js → p-e536f7fd.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-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
 import { s as shorten, f as formatName, g as getInitials } from './p-338c7261.js';
-import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
+import { d as defineCustomElement$1 } from './p-895216f5.js';
 
 const rtkPollCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.ctr{margin-bottom:var(--rtk-space-3, 12px);display:flex;width:100%;flex-direction:column;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.poll-title{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-4, 16px);font-size:12px}.poll{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));display:flex;flex-direction:column;padding:var(--rtk-space-4, 16px)}.poll-question{padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:14px;overflow-wrap:break-word}.poll-answers{display:flex;flex-direction:row;justify-content:space-between;font-size:12px;margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-3, 12px)}.poll-option{display:flex;flex-direction:column;margin-top:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);word-break:break-word}.poll-option.open-vote:hover{cursor:pointer}.poll-option label{display:flex;flex-direction:row;cursor:inherit}.poll-option-header{display:flex;flex-direction:row;justify-content:space-between;padding:var(--rtk-space-1, 4px)}.poll-option-header[data-disabled='true']:hover{cursor:default}.poll-option-header input{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-2, 8px);cursor:inherit}.poll-option-header .counter{color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:12px}.votes{margin-top:var(--rtk-space-1, 4px);display:flex;flex-direction:row;flex-wrap:wrap}.vote{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);display:flex;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-radius:var(--rtk-border-radius-none, 0);clip-path:circle()}.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.active .counter{color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}";
 const RtkPollStyle0 = rtkPollCss;

package/dist/components/{p-5c7742d3.js → p-e6d81e89.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$c } from './p-f40dc5a5.js';
-import { d as defineCustomElement$b } from './p-ce2007d7.js';
-import { d as defineCustomElement$a } from './p-1813d589.js';
-import { d as defineCustomElement$9 } from './p-94df3a16.js';
-import { d as defineCustomElement$8 } from './p-c722ac0b.js';
-import { d as defineCustomElement$7 } from './p-fc7e870e.js';
-import { d as defineCustomElement$6 } from './p-ac30ed19.js';
-import { d as defineCustomElement$5 } from './p-863cd01a.js';
-import { d as defineCustomElement$4 } from './p-928df9d1.js';
-import { d as defineCustomElement$3 } from './p-bb69bba9.js';
-import { d as defineCustomElement$2 } from './p-0748e03c.js';
-import { d as defineCustomElement$1 } from './p-cfbca110.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$c } from './p-c05f6b8c.js';
+import { d as defineCustomElement$b } from './p-1391bef0.js';
+import { d as defineCustomElement$a } from './p-1bab77e6.js';
+import { d as defineCustomElement$9 } from './p-be9f027e.js';
+import { d as defineCustomElement$8 } from './p-3b29dda1.js';
+import { d as defineCustomElement$7 } from './p-15a7e9d5.js';
+import { d as defineCustomElement$6 } from './p-db055b01.js';
+import { d as defineCustomElement$5 } from './p-2bbd13b3.js';
+import { d as defineCustomElement$4 } from './p-b9475ade.js';
+import { d as defineCustomElement$3 } from './p-612e97fe.js';
+import { d as defineCustomElement$2 } from './p-f6ccc017.js';
+import { d as defineCustomElement$1 } from './p-4ff31f44.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;

package/dist/components/{p-2942a50f.js → p-e7cce7d7.js}

@@ -1,22 +1,22 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { d as differenceInMinutes, f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$d } from './p-f40dc5a5.js';
-import { d as defineCustomElement$c } from './p-ce2007d7.js';
-import { d as defineCustomElement$b } from './p-4093562b.js';
-import { d as defineCustomElement$a } from './p-c722ac0b.js';
-import { d as defineCustomElement$9 } from './p-c21c02e9.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$d } from './p-c05f6b8c.js';
+import { d as defineCustomElement$c } from './p-1391bef0.js';
+import { d as defineCustomElement$b } from './p-ab1c080d.js';
+import { d as defineCustomElement$a } from './p-3b29dda1.js';
+import { d as defineCustomElement$9 } from './p-349dfd58.js';
 import { d as defineCustomElement$8 } from './p-b9e78c21.js';
-import { d as defineCustomElement$7 } from './p-ac30ed19.js';
-import { d as defineCustomElement$6 } from './p-863cd01a.js';
-import { d as defineCustomElement$5 } from './p-928df9d1.js';
-import { d as defineCustomElement$4 } from './p-8dbab1d8.js';
-import { d as defineCustomElement$3 } from './p-0748e03c.js';
+import { d as defineCustomElement$7 } from './p-db055b01.js';
+import { d as defineCustomElement$6 } from './p-2bbd13b3.js';
+import { d as defineCustomElement$5 } from './p-b9475ade.js';
+import { d as defineCustomElement$4 } from './p-bed315f9.js';
+import { d as defineCustomElement$3 } from './p-f6ccc017.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
+import { d as defineCustomElement$1 } from './p-895216f5.js';
 
 const rtkChatMessagesUiCss = ":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{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;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}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;
@@ -172,7 +172,7 @@ const RtkChatMessagesUi = /*@__PURE__*/ proxyCustomElement(class RtkChatMessages
         var _a;
         let prevMessage = null;
         let reachedFirstUnread = false;
-        return (h(Host, { key: 'e727d609d8bc7a88027ec7afcd292b5b627fe6a7' }, h("div", { key: 'cb9736e926d5dd0c396933e748a5b32f8b8caf56', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '4ee9b26a26363fcbe8d4ba30b93c9ede40eb26ed', class: "spacer", part: "spacer" }), h("div", { key: 'b1b772b5066f5b5c64001fef4ecd0ea397ae3ff7', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
+        return (h(Host, { key: '3d335fbdb909bff71aaa36f14feb1591b3d8913a' }, h("div", { key: '7548decfcd5468712f0a919ca292cbf09af18b4a', class: "chat-container scrollbar", ref: (el) => (this.$chat = el), part: "container" }, h("div", { key: '6f2f7d224dd06cbe36ab23f13a6650ef3a8838dd', class: "spacer", part: "spacer" }), h("div", { key: 'b933128c9653567254bdb5266535b18430ed3eea', class: "chat", part: "chat" }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.map((item) => {
             if (item.type === 'chat') {
                 const { message } = item;
                 const isSelfMessage = message.userId === this.selfUserId;
@@ -191,10 +191,10 @@ const RtkChatMessagesUi = /*@__PURE__*/ proxyCustomElement(class RtkChatMessages
                     } })))), message.pinned && (h("div", { class: "pin-button", part: "pin-button" }, h("rtk-tooltip", { label: this.t('unpin') }, h("rtk-button", { kind: "icon", variant: "ghost", onClick: () => this.onMessageActionHandler('pin_message', message), disabled: !this.canPinMessages }, h("rtk-icon", { icon: this.iconPack.pin, size: "sm" }))))))));
             }
             return null;
-        }))), h("div", { key: 'f6904a989121d59799e092d14b090b59e2acb66b', class: "show-new-messages-ctr" }, h("rtk-button", { key: 'b5f154738cb266b7284456bebcbbd8b7ec6693e9', class: {
+        }))), h("div", { key: 'e43d63e4936b196582d19d440ff5715ae4eda00d', class: "show-new-messages-ctr" }, h("rtk-button", { key: '9b0d952784528c98956f5079f649a7a667aa34ac', class: {
                 'show-new-messages': true,
                 active: this.showLatestMessageButton,
-            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'd7b8035eb277251dffbb2ec7cf757d6083c9fa2b', icon: this.iconPack.chevron_down })))));
+            }, kind: "icon", part: "show-new-messages", onClick: this.scrollToBottom }, h("rtk-icon", { key: 'd24bff93ea28fd29fcb71e985008e15869d5b511', icon: this.iconPack.chevron_down })))));
     }
     static get watchers() { return {
         "messages": ["chatChanged"],
@@ -215,9 +215,6 @@ const RtkChatMessagesUi = /*@__PURE__*/ proxyCustomElement(class RtkChatMessages
         "messages": ["chatChanged"],
         "selectedGroup": ["selectedBucketChanged"]
     }]);
-__decorate([
-    SyncWithStore()
-], RtkChatMessagesUi.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkChatMessagesUi.prototype, "iconPack", void 0);

package/dist/components/{p-74f9ac6e.js → p-ec65d2f4.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage } from './p-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
 
 const rtkTranscriptCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;color:rgb(var(--rtk-colors-text-1000, 255 255 255));display:flex;justify-content:center;vertical-align:middle;animation:show 0.4s ease;transition:0.4s;z-index:5;width:100%}.ctr{box-sizing:border-box;display:inline-flex;height:100%;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto;padding:var(--rtk-space-3, 12px);overflow:auto;max-width:50%}.message{margin:var(--rtk-space-0, 0px);display:inline-block;justify-content:center;max-width:100%;text-wrap:wrap;line-height:1.5rem}.message .name{font-weight:bold}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateY(120px)}100%{opacity:1;transform:translateY(0px)}}@keyframes exit{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkTranscriptStyle0 = rtkTranscriptCss;

package/dist/components/{p-0b4e9e8e.js → p-ef17e3c1.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-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$3 } from './p-ce2007d7.js';
-import { d as defineCustomElement$2 } from './p-c722ac0b.js';
-import { d as defineCustomElement$1 } from './p-0748e03c.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$3 } from './p-1391bef0.js';
+import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-f6ccc017.js';
 
 const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
 let cachedEmojis;

package/dist/components/{p-b2a9a468.js → p-f23feb24.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-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$2 } from './p-ce2007d7.js';
-import { d as defineCustomElement$1 } from './p-c722ac0b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$2 } from './p-1391bef0.js';
+import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkPollFormCss = ":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)))}.create-poll{margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);display:flex;flex:1 1 0%;flex-direction:column;padding:var(--rtk-space-3, 12px);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))}.create-poll p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px);text-align:center}.create-poll textarea{display:flex;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);font-family:var(--rtk-font-family, sans-serif);border-width:var(--rtk-border-width-none, 0);border-style:none;font-weight:500;outline:2px solid transparent;outline-offset:2px;margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-3, 12px);resize:vertical;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.create-poll textarea:focus{outline-style:solid;outline-offset:2px;outline-color:rgb(var(--rtk-colors-background-600, 60 60 60))}.option{display:flex;flex-direction:row;align-items:center;margin-bottom:var(--rtk-space-3, 12px);width:100%}.option input{width:100%;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.remove-option{margin-left:var(--rtk-space-2, 8px);width:var(--rtk-space-10, 40px);border-radius:var(--rtk-border-radius-sm, 4px)}.add-option{margin-bottom:var(--rtk-space-3, 12px)}label{margin-bottom:var(--rtk-space-3, 12px)}.error-text{margin-top:var(--rtk-space-3, 12px);text-align:center;font-size:12px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkPollFormStyle0 = rtkPollFormCss;

package/dist/components/{p-385b713f.js → p-f27918e3.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-8bbaf6c2.js';
-import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-ce2007d7.js';
-import { d as defineCustomElement$2 } from './p-c722ac0b.js';
-import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
+import { d as defineCustomElement$3 } from './p-1391bef0.js';
+import { d as defineCustomElement$2 } from './p-3b29dda1.js';
+import { d as defineCustomElement$1 } from './p-895216f5.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;

package/dist/components/{p-0748e03c.js → p-f6ccc017.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$1 } from './p-c722ac0b.js';
+import { e as defaultIconPack } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
 const rtkSpinnerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{box-sizing:border-box;display:block;height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);--rtk-spinner-color:currentColor}.spinner{height:100%;width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;background-color:transparent;animation-duration:1.3s}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkSpinnerStyle0 = rtkSpinnerCss;
@@ -27,7 +27,7 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'bbdde15ee0caf22bb7ff382047bfab8f9903e49e' }, h("rtk-icon", { key: '20e695a671308c7157014554eade4eb42b41da2e', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: 'c042cbd31d8fa9e58c0cbbc5646575a3172fc824' }, h("rtk-icon", { key: '0171ba3d5f7506e2c67eb813c5ad5b263352088d', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get style() { return RtkSpinnerStyle0; }
 }, [1, "rtk-spinner", {
@@ -37,9 +37,6 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
 __decorate([
     SyncWithStore()
 ], RtkSpinner.prototype, "iconPack", void 0);
-__decorate([
-    SyncWithStore()
-], RtkSpinner.prototype, "size", void 0);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/components/{p-f367f8a7.js → p-fa889524.js}

@@ -3658,7 +3658,6 @@ const uiStore = createStore({
     iconPack: defaultIconPack,
     states: getInitialStates(),
     config: createDefaultConfig(),
-    size: undefined,
     peerId: 'global',
     storeType: 'global',
     storeId: 'store-global',
@@ -3685,14 +3684,13 @@ uiStore.use({
 });
 const uiState = uiStore.state;
 // Function to create a new store instance for peer-specific stores
-function createPeerStore({ meeting, config, providerId, iconPack, t, size }) {
+function createPeerStore({ meeting, config, providerId, iconPack, t }) {
     const store = createStore({
         meeting: meeting,
         t,
         iconPack,
         states: getInitialStates(meeting.self.peerId),
         config: config || createDefaultConfig(),
-        size,
         peerId: meeting.self.id,
         storeType: 'peer',
         // Use provider id's numeric portion as store id for easier debugging

package/dist/components/rtk-ai-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 } from './p-f367f8a7.js';
-import { S as SyncWithStore } from './p-8bbaf6c2.js';
-import { d as defineCustomElement$4 } from './p-bfc8d680.js';
-import { d as defineCustomElement$3 } from './p-c722ac0b.js';
-import { d as defineCustomElement$2 } from './p-0748e03c.js';
+import { e as defaultIconPack, h as useLanguage } from './p-fa889524.js';
+import { S as SyncWithStore } from './p-d9827659.js';
+import { d as defineCustomElement$4 } from './p-3c7aec75.js';
+import { d as defineCustomElement$3 } from './p-3b29dda1.js';
+import { d as defineCustomElement$2 } from './p-f6ccc017.js';
 
 const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
 const RtkAiToggleStyle0 = rtkAiToggleCss;
@@ -76,9 +76,6 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkAiToggle$1.prototype, "meeting", void 0);
-__decorate([
-    SyncWithStore()
-], RtkAiToggle$1.prototype, "size", void 0);
 __decorate([
     SyncWithStore()
 ], RtkAiToggle$1.prototype, "iconPack", void 0);

package/dist/components/rtk-ai-transcriptions.js

@@ -1,4 +1,4 @@
-import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-fa52dc04.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-926d990e.js';
 
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;