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

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

@@ -1,18 +1,18 @@
 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-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 { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.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 { 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$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-bb69bba9.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.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}";

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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { e as defaultIconPack } from './p-2b523e10.js';
+import { e as defaultIconPack } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.js';
-import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$1 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-ce2007d7.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.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;

package/dist/components/{p-f1a781b0.js → p-4151f04e.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-2b523e10.js';
+import { h as useLanguage, e as defaultIconPack, M as showLivestream } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$1 } from './p-cadee920.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.js';
 
 const rtkLivestreamIndicatorCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:flex}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";
 const RtkLivestreamIndicatorStyle0 = rtkLivestreamIndicatorCss;

package/dist/components/{p-c254f63b.js → p-41c98037.js}

@@ -1,9 +1,9 @@
 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-2b523e10.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import { R as Render } from './p-60fdbd75.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';
+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';
 
 const rtkJoinStageCss = ":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::-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))}:host::-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))}:host(.stage){box-sizing:border-box;display:block;width:512px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding:var(--rtk-space-6, 24px);-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);line-height:1.25}:host(.stage) rtk-participant-setup{display:flex;flex:1 1 0%;align-items:center;justify-content:space-around;margin-left:auto;margin-right:auto}:host(.stage) .container rtk-button{flex-grow:1;padding:var(--rtk-space-1, 4px);width:50%}:host(.stage) .container rtk-button:nth-child(1){margin-right:var(--rtk-space-1\\.5, 6px)}:host(.stage) .container rtk-button:nth-child(2){margin-left:var(--rtk-space-1\\.5, 6px)}:host(.stage) h2{font-size:24px;font-weight:500;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host(.stage) header{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host(.stage) .summary{padding:var(--rtk-space-4, 16px)}.deny-access{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.container{width:100%;max-width:1080px;display:flex;flex:1 1 0%;align-items:center;justify-content:space-around}header{display:flex;align-items:center;justify-content:space-between}";
 const RtkJoinStageStyle0 = rtkJoinStageCss;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.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%}";

package/dist/components/{p-938ee31c.js → p-4a0b3b5c.js}

@@ -1,7 +1,7 @@
 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-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$1 } from './p-4c2acc5c.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-ce2007d7.js';
 
 const rtkMuteAllConfirmationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.leave-modal{position:relative;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.leave-modal .header h2{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}.leave-modal .content{font-size:14px}.leave-message 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-2, 8px)}.leave-meeting rtk-button{flex:1 1 0%}.end-meeting{margin-top:var(--rtk-space-2, 8px)}.message{margin-bottom:var(--rtk-space-4, 16px)}label{display:flex;align-items:center}input[type='checkbox']{margin-right:var(--rtk-space-2, 8px);accent-color:rgb(var(--rtk-colors-brand-500, 33 96 253))}";
 const RtkMuteAllConfirmationStyle0 = rtkMuteAllConfirmationCss;

package/dist/components/{p-f8594d8e.js → p-52511dc3.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-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { g as getBitrateVerdict, a as getPacketLossVerdict, b as getJitterVerdict, c as getNetworkBasedMediaHealth } from './p-0e02697c.js';
 
 const rtkDebuggerAudioCss = ":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}rtk-settings-audio{display:flex;flex-direction:column}";

package/dist/components/{p-96e2ff79.js → p-52ab94d1.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-2b523e10.js';
+import { h as useLanguage, e as defaultIconPack, P as PlayerState, O as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$5 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$4 } from './p-f31839f4.js';
-import { d as defineCustomElement$3 } from './p-889bc7b9.js';
-import { d as defineCustomElement$2 } from './p-cadee920.js';
-import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$5 } from './p-ce2007d7.js';
+import { d as defineCustomElement$4 } from './p-bfc8d680.js';
+import { d as defineCustomElement$3 } from './p-f5f209ef.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {

package/dist/components/{p-bee7d918.js → p-589a900d.js}

@@ -1,12 +1,12 @@
 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-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$6 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$5 } from './p-f8594d8e.js';
-import { d as defineCustomElement$4 } from './p-7ac93e47.js';
-import { d as defineCustomElement$3 } from './p-d1084f45.js';
-import { d as defineCustomElement$2 } from './p-ea160150.js';
-import { d as defineCustomElement$1 } from './p-cadee920.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$6 } from './p-ce2007d7.js';
+import { d as defineCustomElement$5 } from './p-52511dc3.js';
+import { d as defineCustomElement$4 } from './p-65f8f581.js';
+import { d as defineCustomElement$3 } from './p-a8f83ab1.js';
+import { d as defineCustomElement$2 } from './p-b38b3c28.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.js';
 
 const rtkDebuggerCss = ":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;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--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-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--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)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--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);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";
 const RtkDebuggerStyle0 = rtkDebuggerCss;

package/dist/components/{p-acbb932e.js → p-5c2b1ba2.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
 import { c as computePosition, o as offset, f as flip, s as shift, a as arrow } from './p-94cc1b33.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 
 const rtkTooltipCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{--background-color:var(--rtk-tooltip-background-color, rgb(var(--rtk-colors-background-600, 60 60 60)));--color:var(--rtk-tooltip-color, rgb(var(--rtk-colors-text-1000, 255 255 255)));display:inline-flex}#trigger{display:block;width:100%;flex:1 1 0%}.tooltip{max-width:var(--rtk-space-64, 256px);position:fixed;z-index:20;display:none;width:-moz-max-content;width:max-content;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);border-radius:var(--rtk-border-radius-sm, 4px);--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);font-size:12px}.tooltip,#arrow{position:absolute;background-color:var(--background-color);color:var(--color)}#arrow{position:absolute;height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);transform:rotate(45deg)}:host([variant='primary']){--background-color:rgb(var(--rtk-colors-brand-500, 33 96 253));--color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}:host([kind='block']){display:block}";
 const RtkTooltipStyle0 = rtkTooltipCss;

package/dist/components/{p-384919de.js → p-5c7742d3.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-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.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';
+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';
 
 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-12e64755.js → p-60981c2e.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, M as showLivestream } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$1 } from './p-cadee920.js';
+import { e as defaultIconPack, h as useLanguage, M as showLivestream } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.js';
 
 const rtkViewerCountCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:14px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([variant='embedded']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0.5;margin-top:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:12px}:host([variant='embedded']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkViewerCountStyle0 = rtkViewerCountCss;

package/dist/components/{p-7ac93e47.js → p-65f8f581.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-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.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}";

package/dist/components/{p-04dc0331.js → p-69488ced.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$8 } from './p-81a13bf2.js';
-import { d as defineCustomElement$7 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$6 } from './p-cadee920.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-7f4b9092.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$8 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$7 } from './p-ce2007d7.js';
+import { d as defineCustomElement$6 } from './p-c722ac0b.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-6efe5771.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
 import { d as defineCustomElement$1 } from './p-dc3143c0.js';
 
 const rtkParticipantsViewerListCss = ":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%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);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-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";

package/dist/components/{p-17ac0da7.js → p-6eba9a98.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { c as createDefaultConfig, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import './p-a83ccdbd.js';
 
 const rtkLogoCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";

package/dist/components/{p-7f4b9092.js → p-6efe5771.js}

@@ -1,16 +1,16 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as FlagsmithFeatureFlags } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, L as FlagsmithFeatureFlags } from './p-f367f8a7.js';
 import { l as lenChildren, R as Render } from './p-60fdbd75.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
 import './p-a83ccdbd.js';
 import { c as computePosition, b as autoPlacement, o as offset, s as shift, h as hide } from './p-94cc1b33.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$6 } from './p-81a13bf2.js';
-import { d as defineCustomElement$5 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$4 } from './p-cadee920.js';
-import { d as defineCustomElement$3 } from './p-1035acb6.js';
-import { d as defineCustomElement$2 } from './p-792de3bc.js';
-import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$6 } from './p-f40dc5a5.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-863cd01a.js';
+import { d as defineCustomElement$2 } from './p-928df9d1.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 const rtkParticipantCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:flex;height:var(--rtk-space-14, 56px);align-items:center;justify-content:space-between;cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}:host rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);font-size:14px}.left{display:flex;align-items:center}.left>*{margin-right:var(--rtk-space-2, 8px)}.left>*:last-child{margin-right:var(--rtk-space-0, 0px)}.right{display:flex;align-items:center;justify-content:flex-end}.right>*{margin-left:var(--rtk-space-2, 8px)}.right>*:first-child{margin-left:var(--rtk-space-0, 0px)}.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}rtk-icon.red{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon.more{cursor:pointer}.menu{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;top:var(--rtk-space-8, 32px) !important;right:var(--rtk-space-4, 16px) !important;z-index:20}";
 const RtkParticipantStyle0 = rtkParticipantCss;

package/dist/components/{p-4f585ec2.js → p-6f9489ac.js}

@@ -1,19 +1,19 @@
 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-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import { M as MAX_TEXT_LENGTH } from './p-0abe4b8a.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$b } from './p-4c2acc5c.js';
-import { d as defineCustomElement$a } from './p-2d58e36e.js';
-import { d as defineCustomElement$9 } from './p-0c855484.js';
-import { d as defineCustomElement$8 } from './p-b53c309c.js';
-import { d as defineCustomElement$7 } from './p-6b4eccd6.js';
-import { d as defineCustomElement$6 } from './p-cadee920.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$b } from './p-ce2007d7.js';
+import { d as defineCustomElement$a } from './p-385b713f.js';
+import { d as defineCustomElement$9 } from './p-0b4e9e8e.js';
+import { d as defineCustomElement$8 } from './p-faac8c00.js';
+import { d as defineCustomElement$7 } from './p-186d395c.js';
+import { d as defineCustomElement$6 } from './p-c722ac0b.js';
 import { d as defineCustomElement$5 } from './p-b9e78c21.js';
-import { d as defineCustomElement$4 } from './p-24c3ffc2.js';
-import { d as defineCustomElement$3 } from './p-0a0515d9.js';
+import { d as defineCustomElement$4 } from './p-0748e03c.js';
+import { d as defineCustomElement$3 } from './p-191793b5.js';
 import { d as defineCustomElement$2 } from './p-095e6b83.js';
-import { d as defineCustomElement$1 } from './p-acbb932e.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkChatComposerViewCss = ":host {\n  display: flex;\n  flex-direction: column;\n  font-family: var(--rtk-font-family, sans-serif);\n  font-size: 14px;\n  position: relative;\n}\n\n.quoted-message-container {\n  margin-bottom: var(--rtk-space-2, 8px);\n  display: flex;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.quoted-message-container .quoted-message {\n  flex: 1 1 0%;\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  max-height: var(--rtk-space-24, 96px);\n  overflow-y: auto;\n  word-break: break-all;\n}\n\n.quoted-message-container .quoted-message blockquote {\n  display: none;\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  margin-left: auto;\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  padding: var(--rtk-space-2, 8px);\n  border-radius: var(--rtk-border-radius-md, 8px);\n  color: rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));\n}\n\n.quoted-message-container rtk-icon.dismiss:hover {\n  cursor: pointer;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.quoted-message-container rtk-icon.dismiss {\n  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.composer-container {\n  position: relative;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  border-radius: var(--rtk-border-radius-md, 8px);\n  overflow: hidden;\n  border: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.composer-container > .composers {\n    min-height: 60px;\n  }\n\n@container chatcontainer (height < 360px) {\n    .composer-container > .composers {\n      min-height: 30px;\n    }\n}\n\n.chat-buttons {\n  padding: var(--rtk-space-3, 12px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.chat-buttons .right {\n  z-index: 10;\n}\n\n.chat-buttons .right .edit-buttons {\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.chat-buttons > div {\n  display: flex;\n  align-items: center;\n}\n\nrtk-emoji-picker {\n  z-index: 20;\n  position: absolute;\n  top: calc(var(--rtk-space-72, 288px) * -1);\n  border-top: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n  animation: 0.3s slide-up ease;\n}\n\n@keyframes slide-up {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";
 const RtkChatComposerViewStyle0 = rtkChatComposerViewCss;

package/dist/components/{p-54de25c6.js → p-74f9ac6e.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-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.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-7764b66b.js → p-779cbb7f.js}

@@ -1,30 +1,30 @@
 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-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-81a13bf2.js';
-import { d as defineCustomElement$m } from './p-65980189.js';
-import { d as defineCustomElement$l } from './p-5255d2f8.js';
-import { d as defineCustomElement$k } from './p-bf72bb45.js';
-import { d as defineCustomElement$j } from './p-fc56c6ea.js';
-import { d as defineCustomElement$i } from './p-4c2acc5c.js';
-import { d as defineCustomElement$h } from './p-fbe523dc.js';
-import { d as defineCustomElement$g } from './p-47f6fdfa.js';
-import { d as defineCustomElement$f } from './p-36b8529e.js';
-import { d as defineCustomElement$e } from './p-bee7d918.js';
-import { d as defineCustomElement$d } from './p-f8594d8e.js';
-import { d as defineCustomElement$c } from './p-7ac93e47.js';
-import { d as defineCustomElement$b } from './p-d1084f45.js';
-import { d as defineCustomElement$a } from './p-ea160150.js';
-import { d as defineCustomElement$9 } from './p-ab84cfbb.js';
-import { d as defineCustomElement$8 } from './p-cadee920.js';
-import { d as defineCustomElement$7 } from './p-c254f63b.js';
-import { d as defineCustomElement$6 } from './p-885dad3e.js';
-import { d as defineCustomElement$5 } from './p-938ee31c.js';
-import { d as defineCustomElement$4 } from './p-f44a0212.js';
-import { d as defineCustomElement$3 } from './p-8afd3f68.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
-import { d as defineCustomElement$1 } from './p-acbb932e.js';
+import { d as defineCustomElement$n } from './p-f40dc5a5.js';
+import { d as defineCustomElement$m } from './p-cccd3ae4.js';
+import { d as defineCustomElement$l } from './p-eb71b424.js';
+import { d as defineCustomElement$k } from './p-167d8f4f.js';
+import { d as defineCustomElement$j } from './p-186daafc.js';
+import { d as defineCustomElement$i } from './p-ce2007d7.js';
+import { d as defineCustomElement$h } from './p-8a617c86.js';
+import { d as defineCustomElement$g } from './p-adafaabb.js';
+import { d as defineCustomElement$f } from './p-9115e02b.js';
+import { d as defineCustomElement$e } from './p-589a900d.js';
+import { d as defineCustomElement$d } from './p-52511dc3.js';
+import { d as defineCustomElement$c } from './p-65f8f581.js';
+import { d as defineCustomElement$b } from './p-a8f83ab1.js';
+import { d as defineCustomElement$a } from './p-b38b3c28.js';
+import { d as defineCustomElement$9 } from './p-fd370f5f.js';
+import { d as defineCustomElement$8 } from './p-c722ac0b.js';
+import { d as defineCustomElement$7 } from './p-41c98037.js';
+import { d as defineCustomElement$6 } from './p-e381240e.js';
+import { d as defineCustomElement$5 } from './p-4a0b3b5c.js';
+import { d as defineCustomElement$4 } from './p-bb54487e.js';
+import { d as defineCustomElement$3 } from './p-bb8050bc.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkDialogManagerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}";
 const RtkDialogManagerStyle0 = rtkDialogManagerCss;

package/dist/components/{p-87ae32cb.js → p-853eb11a.js}

@@ -1,14 +1,14 @@
 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-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$7 } from './p-81a13bf2.js';
-import { d as defineCustomElement$6 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$5 } from './p-96362151.js';
-import { d as defineCustomElement$4 } from './p-ab84cfbb.js';
-import { d as defineCustomElement$3 } from './p-cadee920.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
-import { d as defineCustomElement$1 } from './p-acbb932e.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$7 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$6 } from './p-ce2007d7.js';
+import { d as defineCustomElement$5 } from './p-1fe1a8f3.js';
+import { d as defineCustomElement$4 } from './p-fd370f5f.js';
+import { d as defineCustomElement$3 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkChannelHeaderCss = "header{box-sizing:border-box;height:var(--rtk-space-16, 64px);width:100%;padding:var(--rtk-space-4, 16px);display:flex;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}header.searching{justify-content:flex-end}header.searching .channel-details{display:none}header .channel-details{display:flex;flex-grow:1;flex-direction:column;justify-content:center;height:var(--rtk-space-9, 36px);width:var(--rtk-space-1, 4px)}header .channel-details .name{font-weight:500}header .channel-details .members{margin-top:var(--rtk-space-0\\.5, 2px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}header .channel-tools{display:flex;flex-shrink:0;justify-content:flex-end;gap:var(--rtk-space-1, 4px);min-width:var(--rtk-space-24, 96px)}header .channel-tools rtk-tooltip{height:var(--rtk-space-8, 32px);width:var(--rtk-space-10, 40px);display:flex}header .search-input{height:var(--rtk-space-8, 32px);width:var(--rtk-space-48, 192px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header .name{font-size:16px}header .br-primary-btn{background-color:transparent}header .br-primary-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}@media (orientation: landscape) and (min-width: 400px){header.searching .channel-details{display:flex}}.back-btn{margin-right:var(--rtk-space-3, 12px)}";
 const RtkChannelHeaderStyle0 = rtkChannelHeaderCss;

package/dist/components/{p-1035acb6.js → p-863cd01a.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 
 const rtkMenuItemCss = ":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;align-items:center;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);cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMenuItemStyle0 = rtkMenuItemCss;

package/dist/components/{p-fbe523dc.js → p-8a617c86.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, f as forceUpdate, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, e as defaultIconPack } from './p-2b523e10.js';
+import { h as useLanguage, e as defaultIconPack } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$4 } from './p-81a13bf2.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';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$4 } from './p-f40dc5a5.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';
 
 const rtkChannelCreatorCss = ":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{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));display:flex;flex-direction:column;width:var(--rtk-space-96, 384px);padding-left:var(--rtk-space-9, 36px);padding-right:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-10, 40px);padding-bottom:var(--rtk-space-10, 40px)}header{margin-bottom:var(--rtk-space-8, 32px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);font-size:24px;font-weight:600}.channel-name-input{--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-1000, 255 255 255));border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-3, 12px);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px}.channel-name-input:focus{outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}footer{margin-top:var(--rtk-space-5, 20px);display:flex;justify-content:flex-end}.member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px)}.member rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.input-container{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5);border-radius:var(--rtk-border-radius-sm, 4px)}.input-container .members{margin:var(--rtk-space-0, 0px);max-height:var(--rtk-space-28, 112px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);list-style-type:none;display:flex;flex-wrap:wrap;gap:var(--rtk-space-1, 4px);cursor:text;font-size:16px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));overflow-y:auto;min-height:var(--rtk-space-7, 28px)}.input-container .pill{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.input-container .pill rtk-avatar{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.input-container .pill span{max-width:var(--rtk-space-32, 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-container .pill rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.input-container input{width:var(--rtk-space-24, 96px);border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-1, 4px);--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-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;font-size:16px;line-height:1.25rem}.input-container input.wide-input{width:100%}.search-results{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);width:100%;padding:var(--rtk-space-0, 0px);position:absolute;list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.search-results .member{cursor:pointer}.search-results .member rtk-avatar{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.search-results .member:hover,.search-results .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";
 const RtkChannelCreatorStyle0 = rtkChannelCreatorCss;

package/dist/components/{p-3968315b.js → p-8bbaf6c2.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-2b523e10.js';
+import { u as uiStore, D as appendElement, E as removeElement } from './p-f367f8a7.js';
 
 function SyncWithStore() {
     return function (proto, propName) {
@@ -25,7 +25,15 @@ function SyncWithStore() {
                 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;
+                    host.componentOnReady().then(() => {
+                        /**
+                         * NOTE(ravindra-dyte):
+                         * https://stenciljs.com/docs/api#componentonready
+                         * This psudo ready callback is to ensure that the component is ready to accept props
+                         * Without this, changing the prop would not trigger @Watch of prop in the initial mount phase
+                         *  */
+                        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

package/dist/components/{p-8320939f.js → p-8dbab1d8.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { e as defaultIconPack } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { e as defaultIconPack } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$6 } from './p-81a13bf2.js';
-import { d as defineCustomElement$5 } from './p-cadee920.js';
-import { d as defineCustomElement$4 } from './p-2f9525bf.js';
-import { d as defineCustomElement$3 } from './p-1035acb6.js';
-import { d as defineCustomElement$2 } from './p-792de3bc.js';
-import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$6 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$5 } from './p-c722ac0b.js';
+import { d as defineCustomElement$4 } from './p-ac30ed19.js';
+import { d as defineCustomElement$3 } from './p-863cd01a.js';
+import { d as defineCustomElement$2 } from './p-928df9d1.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 const rtkMessageViewCss = ":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)))}.message-wrapper{display:flex;flex-direction:row-reverse;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column}.header{margin-bottom:var(--rtk-space-1, 4px);align-self:flex-end;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;font-weight:600}.incoming .header{align-self:flex-start}.body{display:flex;flex-direction:column;min-width:var(--rtk-space-24, 96px);font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));font-size:14px;line-height:1.375;position:relative}.body .metadata{margin-top:var(--rtk-space-2, 8px);align-self:flex-end;font-size:10px}.bubble{max-width:var(--rtk-space-96, 384px);padding:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-lg, 12px)}rtk-menu rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);cursor:pointer}.actions{display:flex;align-items:center;justify-content:center;padding-left:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-top:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background:radial-gradient(\n    at top right,\n    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,\n    rgba(255, 255, 255, 0) 80%\n  )}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .actions{background:radial-gradient(\n      at top right,\n      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,\n      rgba(255, 255, 255, 0) 80%\n    )}.incoming .actions rtk-icon{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.incoming rtk-avatar{--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))}@media (min-width: 400px){.avatar{display:flex;width:var(--rtk-space-6, 24px)}.avatar rtk-avatar{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);font-size:10px;overflow:clip;border-radius:9999px}}@media (hover: hover){rtk-menu{visibility:hidden}.body:hover rtk-menu{visibility:visible}}";
 const RtkMessageViewStyle0 = rtkMessageViewCss;