@cloudflare/realtimekit-ui 1.0.0-staging.9 → 1.0.2-staging.1

package/dist/components/{p-25770e4e.js → p-a5d2ac22.js}

@@ -1,30 +1,30 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
 import { R as Render } from './p-60fdbd75.js';
-import { d as defineCustomElement$n } from './p-9c17c7ce.js';
-import { d as defineCustomElement$m } from './p-e542eda6.js';
-import { d as defineCustomElement$l } from './p-ab87c5be.js';
-import { d as defineCustomElement$k } from './p-eb10c563.js';
-import { d as defineCustomElement$j } from './p-965a4bd9.js';
-import { d as defineCustomElement$i } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$h } from './p-9da5b9d0.js';
-import { d as defineCustomElement$g } from './p-175b365f.js';
-import { d as defineCustomElement$f } from './p-0ea515b2.js';
-import { d as defineCustomElement$e } from './p-e4376670.js';
-import { d as defineCustomElement$d } from './p-31ce3b90.js';
-import { d as defineCustomElement$c } from './p-24ffce5a.js';
-import { d as defineCustomElement$b } from './p-ae239151.js';
-import { d as defineCustomElement$a } from './p-62a6b783.js';
-import { d as defineCustomElement$9 } from './p-bd9a0ef8.js';
-import { d as defineCustomElement$8 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$7 } from './p-b39c779d.js';
-import { d as defineCustomElement$6 } from './p-3d845f44.js';
-import { d as defineCustomElement$5 } from './p-135d5d2f.js';
-import { d as defineCustomElement$4 } from './p-71e0f6f2.js';
-import { d as defineCustomElement$3 } from './p-68b6f23b.js';
-import { d as defineCustomElement$2 } from './p-81f4e985.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$n } from './p-cbc8e449.js';
+import { d as defineCustomElement$m } from './p-94e8d526.js';
+import { d as defineCustomElement$l } from './p-2cc196a8.js';
+import { d as defineCustomElement$k } from './p-828a11f4.js';
+import { d as defineCustomElement$j } from './p-273196ec.js';
+import { d as defineCustomElement$i } from './p-2507c6c8.js';
+import { d as defineCustomElement$h } from './p-0daa472f.js';
+import { d as defineCustomElement$g } from './p-cac807c5.js';
+import { d as defineCustomElement$f } from './p-153e1ac6.js';
+import { d as defineCustomElement$e } from './p-5597fe9f.js';
+import { d as defineCustomElement$d } from './p-f4158e29.js';
+import { d as defineCustomElement$c } from './p-7afb8f24.js';
+import { d as defineCustomElement$b } from './p-b1030316.js';
+import { d as defineCustomElement$a } from './p-a59e060b.js';
+import { d as defineCustomElement$9 } from './p-ebb19a87.js';
+import { d as defineCustomElement$8 } from './p-a73161da.js';
+import { d as defineCustomElement$7 } from './p-85665c03.js';
+import { d as defineCustomElement$6 } from './p-1cc409c6.js';
+import { d as defineCustomElement$5 } from './p-f634f020.js';
+import { d as defineCustomElement$4 } from './p-fab54b49.js';
+import { d as defineCustomElement$3 } from './p-ba8208ac.js';
+import { d as defineCustomElement$2 } from './p-23d64784.js';
+import { d as defineCustomElement$1 } from './p-de2175ca.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-2f2fb96d.js → p-a73161da.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
 
 const rtkIconCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:var(--rtk-space-10, 40px);outline:2px solid transparent;outline-offset:2px}:host .icon-wrapper{display:flex;height:100%;width:100%;flex-direction:column;align-items:center}:host svg{height:100%;width:100%;outline:2px solid transparent;outline-offset:2px}:host([size='xl']){box-sizing:border-box;display:block;height:var(--rtk-space-16, 64px) !important;width:var(--rtk-space-16, 64px) !important;--rtk-spinner-color:currentColor}:host([size='md']){box-sizing:border-box;display:block;height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important;--rtk-spinner-color:currentColor}:host([size='sm']){box-sizing:border-box;display:block;height:var(--rtk-space-4, 16px) !important;width:var(--rtk-space-4, 16px) !important;--rtk-spinner-color:currentColor}:host([variant='secondary']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-text-opacity))}:host([variant='danger']) .icon-wrapper{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkIconStyle0 = rtkIconCss;

package/dist/components/{p-4608147b.js → p-abdd2a8a.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$3 } from './p-2507c6c8.js';
+import { d as defineCustomElement$2 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-de2175ca.js';
 
 const rtkFilePickerButtonCss = ":host{}";
 const RtkFilePickerButtonStyle0 = rtkFilePickerButtonCss;

package/dist/components/{p-4cedc9e8.js → p-af7aea98.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-31964573.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.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;

package/dist/components/{p-ef376a73.js → p-afc2ce7b.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, s as showLivestream } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
+import { a as defaultIconPack, c as useLanguage, s as showLivestream } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$1 } from './p-a73161da.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-ae239151.js → p-b1030316.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
 import { d as getBatteryLevelVerdict, e as getBatteryChargingVerdict, f as getOverallBatteryVerdict } from './p-0e02697c.js';
 
 const rtkDebuggerSystemCss = ":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-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}.battery-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}.battery-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))}.battery-row:last-child{border-bottom:none}.battery-cell{display:flex;flex-direction:column}.battery-cell.label strong{font-size:14px}.battery-cell.label .description{font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));margin-top:4px}.battery-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-video{display:flex;flex-direction:column}";

package/dist/components/{p-55598b38.js → p-b1161cb8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.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;
@@ -42,7 +42,7 @@ const RtkTranscript = /*@__PURE__*/ proxyCustomElement(class RtkTranscript exten
         }, 10000);
     }
     render() {
-        return (h(Host, { key: '40777059dc796ccc9772d79ce7507762bc8f9323' }, h("div", { key: 'b2c9181f66d7dcc024d7f1dedee09429139285a1', class: "ctr" }, h("p", { key: '261023413c7bad6207249d93dbd61222aafa0df8', class: "message" }, h("span", { key: '822c6ecc8dd33bc9395f21a5bec49183f207fd7b', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
+        return (h(Host, { key: 'd3efdcb1d165c36ffcb706dea742420f8c6c003d' }, h("div", { key: '3b00a1827697ff4d13b62edfa46889b71226f004', class: "ctr" }, h("p", { key: '908819abb385a61cf06de6f43f57274e5f494b93', class: "message" }, h("span", { key: '7f951cddb567daed904a6ecbabb766794e659438', class: "name" }, this.transcript.name), ": ", this.transcript.transcript))));
     }
     static get watchers() { return {
         "transcript": ["transcriptChanged"]

package/dist/components/{p-9cace38c.js → p-b5dc3971.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$5 } from './p-9c17c7ce.js';
-import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$5 } from './p-cbc8e449.js';
+import { d as defineCustomElement$4 } from './p-a73161da.js';
 import { d as defineCustomElement$3 } from './p-3358d7dc.js';
-import { d as defineCustomElement$2 } from './p-81f4e985.js';
-import { d as defineCustomElement$1 } from './p-bcb91396.js';
+import { d as defineCustomElement$2 } from './p-23d64784.js';
+import { d as defineCustomElement$1 } from './p-a09473cb.js';
 import { d as debounce } from './p-a08b5a59.js';
 
 const rtkChannelSelectorViewCss = ".scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n  height: var(--rtk-space-12, 48px);\n  min-height: 48px;\n}\n\n.dropdown-trigger {\n  height: 100%;\n  width: 100%;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  padding: var(--rtk-space-4, 16px);\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-700, 44 44 44) / var(--tw-bg-opacity));\n  font-size: 14px;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n  cursor: pointer;\n  position: absolute;\n  z-index: 20;\n}\n\n.dropdown-trigger span {\n  display: flex;\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.dropdown-trigger rtk-icon {\n  margin-left: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  flex-shrink: 0;\n}\n\n@container chatcontainer (height < 360px) {\n  .dropdown-trigger {\n    padding: var(--rtk-space-2, 8px);\n  }\n  .dropdown {\n    top: var(--rtk-space-8, 32px) !important;\n  }\n  .search-container {\n    padding-left: var(--rtk-space-0, 0px) !important;\n    padding-right: var(--rtk-space-0, 0px) !important;\n    padding-top: var(--rtk-space-0, 0px) !important;\n    padding-bottom: var(--rtk-space-0, 0px) !important;\n  }\n  input {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-none, 0) !important;\n  }\n  .channel {\n    height: var(--rtk-space-8, 32px) !important;\n    border-radius: var(--rtk-border-radius-sm, 4px) !important;\n  }\n  .avatar-icon {\n    height: var(--rtk-space-3, 12px) !important;\n    width: var(--rtk-space-3, 12px) !important;\n    padding: var(--rtk-space-1, 4px) !important;\n  }\n\n  rtk-avatar {\n    height: var(--rtk-space-5, 20px) !important;\n    width: var(--rtk-space-5, 20px) !important;\n  }\n}\n\n.dropdown {\n  position: absolute;\n  width: 100%;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));\n  top: var(--rtk-space-12, 48px);\n  z-index: 10;\n  animation: 0.3s slide-down ease;\n}\n\n.dropdown .channels-container {\n  max-height: var(--rtk-space-80, 320px);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n}\n\n.list .channel .channel-data {\n  align-items: flex-start;\n}\n\n.unread-count {\n  display: flex;\n  justify-content: center;\n  height: var(--rtk-space-5, 20px);\n  min-width: var(--rtk-space-3, 12px);\n  border-radius: 9999px;\n  padding-left: var(--rtk-space-1, 4px);\n  padding-right: var(--rtk-space-1, 4px);\n  font-size: 12px;\n  line-height: 1.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\ninput {\n  height: var(--rtk-space-9, 36px);\n  width: 100%;\n  padding-left: var(--rtk-space-3, 12px);\n  padding-right: var(--rtk-space-3, 12px);\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\n.search-container {\n  display: flex;\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-basis: auto;\n  align-items: center;\n  padding-top: var(--rtk-space-3, 12px);\n  padding-bottom: var(--rtk-space-3, 12px);\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.search-container rtk-icon {\n  margin-left: calc(var(--rtk-space-8, 32px) * -1);\n  height: var(--rtk-space-5, 20px);\n  width: var(--rtk-space-5, 20px);\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channels-container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--rtk-space-1, 4px);\n  padding: var(--rtk-space-2, 8px);\n  flex: 1 1 auto;\n  overflow-y: auto;\n}\n\n.channel {\n  flex-shrink: 0;\n  box-sizing: border-box;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  background-color: transparent;\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  cursor: pointer;\n  border-radius: var(--rtk-border-radius-md, 8px);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--rtk-space-2, 8px);\n  height: var(--rtk-space-16, 64px);\n  width: 100%;\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\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.channel:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n}\n\n.channel .channel-data {\n  flex: 1 1 0%;\n  align-items: center;\n  justify-content: space-between;\n  display: flex;\n  gap: var(--rtk-space-2, 8px);\n}\n\n.channel .name {\n  font-size: 16px;\n}\n\n.channel .name, \n  .channel .last-message {\n  max-width: var(--rtk-space-40, 160px);\n  text-align: left;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 1;\n}\n\n.channel .no-message {\n  font-style: italic;\n}\n\n.channel rtk-avatar {\n  height: var(--rtk-space-12, 48px);\n  width: var(--rtk-space-12, 48px);\n  overflow: clip;\n  border-radius: 9999px;\n  font-size: 14px;\n}\n\n.channel .avatar-icon {\n  height: var(--rtk-space-6, 24px);\n  width: var(--rtk-space-6, 24px);\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n  overflow: clip;\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}\n\n.channel time, \n  .channel .last-message {\n  font-size: 12px;\n  color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));\n}\n\n.channel.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.channel.active .unread-count {\n  background-color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity));\n}\n\n.channel.active time {\n  color: rgb(var(--rtk-colors-text-on-brand-800, var(--rtk-colors-text-800, 255 255 255 / 0.76)));\n}\n\n.channel.active .last-message {\n  color: rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)));\n}\n\n.channel.active rtk-avatar {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));\n}\n\n.col {\n  gap: var(--rtk-space-1, 4px);\n  display: flex;\n  flex-direction: column;\n}\n\n.channel-meta {\n  flex-shrink: 0;\n  align-items: flex-end;\n}\n\n@keyframes slide-down {\n  from {\n    transform: translateY(-50px);\n  }\n  to {\n    transform: translateY(0%);\n  }\n}\n";

package/dist/components/{p-68b6f23b.js → p-ba8208ac.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
+import { c as useLanguage, a as defaultIconPack } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$2 } from './p-2507c6c8.js';
+import { d as defineCustomElement$1 } from './p-a73161da.js';
 
 const rtkPermissionsMessageCss = ":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;max-height:100%;width:600px;overflow-y:auto;padding:var(--rtk-space-6, 24px);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));overflow-wrap:break-word;color:rgb(var(--rtk-colors-text-1000, 255 255 255));word-wrap:break-word}.actions{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.text-icon{display:inline-block;vertical-align:middle}h2{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}h2 .text-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-4, 16px)}.need-help-link{margin-top:var(--rtk-space-2, 8px);display:inline-block;text-underline-offset:2px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity))}.need-help-link:hover{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-text-opacity))}a rtk-icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) .actions{flex-direction:column;align-items:flex-start;justify-content:center}:host([size='sm']) .action{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.actions{margin-top:var(--rtk-space-6, 24px)}.actions rtk-button{flex:1 1 0%}.svg-container{display:flex;width:100%;justify-content:center !important}.svg-ins{width:80%;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}";
 const RtkPermissionsMessageStyle0 = rtkPermissionsMessageCss;

package/dist/components/{p-0c94b402.js → p-be584d57.js}

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$d } from './p-9c17c7ce.js';
-import { d as defineCustomElement$c } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$b } from './p-b3537ccc.js';
-import { d as defineCustomElement$a } from './p-2f2fb96d.js';
-import { d as defineCustomElement$9 } from './p-4096426e.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$d } from './p-cbc8e449.js';
+import { d as defineCustomElement$c } from './p-2507c6c8.js';
+import { d as defineCustomElement$b } from './p-ff6d9602.js';
+import { d as defineCustomElement$a } from './p-a73161da.js';
+import { d as defineCustomElement$9 } from './p-3d5214b4.js';
 import { d as defineCustomElement$8 } from './p-3358d7dc.js';
-import { d as defineCustomElement$7 } from './p-4cedc9e8.js';
-import { d as defineCustomElement$6 } from './p-10182034.js';
-import { d as defineCustomElement$5 } from './p-c7dcb441.js';
-import { d as defineCustomElement$4 } from './p-c939f92d.js';
-import { d as defineCustomElement$3 } from './p-9cfe5c7c.js';
-import { d as defineCustomElement$2 } from './p-81f4e985.js';
-import { d as defineCustomElement$1 } from './p-bcb91396.js';
+import { d as defineCustomElement$7 } from './p-af7aea98.js';
+import { d as defineCustomElement$6 } from './p-20c74379.js';
+import { d as defineCustomElement$5 } from './p-2df5f773.js';
+import { d as defineCustomElement$4 } from './p-fb31f34b.js';
+import { d as defineCustomElement$3 } from './p-40a18d12.js';
+import { d as defineCustomElement$2 } from './p-23d64784.js';
+import { d as defineCustomElement$1 } from './p-a09473cb.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";
 const RtkChatMessagesUiPaginatedStyle0 = rtkChatMessagesUiPaginatedCss;

package/dist/components/{p-f33bb583.js → p-c173a513.js}

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$8 } from './p-9c17c7ce.js';
-import { d as defineCustomElement$7 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$5 } from './p-10182034.js';
-import { d as defineCustomElement$4 } from './p-c7dcb441.js';
-import { d as defineCustomElement$3 } from './p-b373da43.js';
-import { d as defineCustomElement$2 } from './p-81f4e985.js';
-import { d as defineCustomElement$1 } from './p-31a1dc4d.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$8 } from './p-cbc8e449.js';
+import { d as defineCustomElement$7 } from './p-2507c6c8.js';
+import { d as defineCustomElement$6 } from './p-a73161da.js';
+import { d as defineCustomElement$5 } from './p-20c74379.js';
+import { d as defineCustomElement$4 } from './p-2df5f773.js';
+import { d as defineCustomElement$3 } from './p-83a87193.js';
+import { d as defineCustomElement$2 } from './p-23d64784.js';
+import { d as defineCustomElement$1 } from './p-9e5b47ea.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))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;

package/dist/components/{p-0c4a1808.js → p-c226934a.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 { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.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-d5791958.js';
-import { d as defineCustomElement$b } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$a } from './p-b12e5011.js';
-import { d as defineCustomElement$9 } from './p-c27c353f.js';
-import { d as defineCustomElement$8 } from './p-935b5e0f.js';
-import { d as defineCustomElement$7 } from './p-4608147b.js';
-import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$b } from './p-2507c6c8.js';
+import { d as defineCustomElement$a } from './p-519e8701.js';
+import { d as defineCustomElement$9 } from './p-de567bdf.js';
+import { d as defineCustomElement$8 } from './p-778197ec.js';
+import { d as defineCustomElement$7 } from './p-abdd2a8a.js';
+import { d as defineCustomElement$6 } from './p-a73161da.js';
 import { d as defineCustomElement$5 } from './p-3358d7dc.js';
-import { d as defineCustomElement$4 } from './p-81f4e985.js';
-import { d as defineCustomElement$3 } from './p-f0dfdfea.js';
-import { d as defineCustomElement$2 } from './p-bcb91396.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$4 } from './p-23d64784.js';
+import { d as defineCustomElement$3 } from './p-79534847.js';
+import { d as defineCustomElement$2 } from './p-a09473cb.js';
+import { d as defineCustomElement$1 } from './p-de2175ca.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-1a546cf4.js → p-c6a4041a.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-50ecaaf1.js';
+import { R as RTKNotificationsAudio } from './p-a575deb5.js';
 import { f as formatName } from './p-338c7261.js';
-import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-e6d09c50.js';
+import { d as defaultConfig, c as useLanguage, a as defaultIconPack, s as showLivestream } from './p-fc4484ae.js';
 import { j as parseMessageForTarget } from './p-0abe4b8a.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$1 } from './p-ece96324.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$3 } from './p-2507c6c8.js';
+import { d as defineCustomElement$2 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-278e6cc0.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({

package/dist/components/{p-922f201f.js → p-c86a0f9e.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import { d as downloadFile } from './p-9fc565cf.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$1 } from './p-81f4e985.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$3 } from './p-2507c6c8.js';
+import { d as defineCustomElement$2 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-23d64784.js';
 
 const rtkImageMessageCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;

package/dist/components/{p-175b365f.js → p-cac807c5.js}

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

package/dist/components/{p-9c17c7ce.js → p-cbc8e449.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
 import { f as formatName, g as getInitials } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$1 } from './p-81f4e985.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$2 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-23d64784.js';
 
 const rtkAvatarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--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-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--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-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;

package/dist/components/{p-e2b78972.js → p-cfbb9bd9.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$2 } from './p-2507c6c8.js';
+import { d as defineCustomElement$1 } from './p-a73161da.js';
 
 const rtkPluginMainCss = ":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;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";
 const RtkPluginMainStyle0 = rtkPluginMainCss;

package/dist/components/{p-e3b59650.js → p-de2175ca.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-31964573.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { S as SyncWithStore } from './p-989a34c9.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-c27c353f.js → p-de567bdf.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$1 } from './p-81f4e985.js';
+import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$3 } from './p-2507c6c8.js';
+import { d as defineCustomElement$2 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-23d64784.js';
 
 const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
 let cachedEmojis;

package/dist/components/{p-eca2ab2e.js → p-e2006e05.js}

@@ -1,60 +1,60 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage, l as usePaginatedChat, F as FlagsmithFeatureFlags } from './p-e6d09c50.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage, l as usePaginatedChat, F as FlagsmithFeatureFlags } from './p-fc4484ae.js';
 import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$Q } from './p-9c17c7ce.js';
-import { d as defineCustomElement$P } from './p-e542eda6.js';
-import { d as defineCustomElement$O } from './p-ab87c5be.js';
-import { d as defineCustomElement$N } from './p-eb10c563.js';
-import { d as defineCustomElement$M } from './p-965a4bd9.js';
-import { d as defineCustomElement$L } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$K } from './p-9da5b9d0.js';
-import { d as defineCustomElement$J } from './p-f6046472.js';
-import { d as defineCustomElement$I } from './p-28f65402.js';
-import { d as defineCustomElement$H } from './p-9cace38c.js';
-import { d as defineCustomElement$G } from './p-0c4a1808.js';
-import { d as defineCustomElement$F } from './p-c2723ebb.js';
-import { d as defineCustomElement$E } from './p-898da6ae.js';
-import { d as defineCustomElement$D } from './p-0c94b402.js';
-import { d as defineCustomElement$C } from './p-4880c342.js';
-import { d as defineCustomElement$B } from './p-175b365f.js';
-import { d as defineCustomElement$A } from './p-0ea515b2.js';
-import { d as defineCustomElement$z } from './p-e4376670.js';
-import { d as defineCustomElement$y } from './p-31ce3b90.js';
-import { d as defineCustomElement$x } from './p-24ffce5a.js';
-import { d as defineCustomElement$w } from './p-ae239151.js';
-import { d as defineCustomElement$v } from './p-62a6b783.js';
-import { d as defineCustomElement$u } from './p-bd9a0ef8.js';
-import { d as defineCustomElement$t } from './p-25770e4e.js';
-import { d as defineCustomElement$s } from './p-b12e5011.js';
-import { d as defineCustomElement$r } from './p-c27c353f.js';
-import { d as defineCustomElement$q } from './p-935b5e0f.js';
-import { d as defineCustomElement$p } from './p-35d6211b.js';
-import { d as defineCustomElement$o } from './p-b3537ccc.js';
-import { d as defineCustomElement$n } from './p-4608147b.js';
-import { d as defineCustomElement$m } from './p-2f2fb96d.js';
-import { d as defineCustomElement$l } from './p-922f201f.js';
-import { d as defineCustomElement$k } from './p-4096426e.js';
-import { d as defineCustomElement$j } from './p-b39c779d.js';
-import { d as defineCustomElement$i } from './p-3d845f44.js';
-import { d as defineCustomElement$h } from './p-5ffcbba3.js';
+import { S as SyncWithStore } from './p-989a34c9.js';
+import { d as defineCustomElement$Q } from './p-cbc8e449.js';
+import { d as defineCustomElement$P } from './p-94e8d526.js';
+import { d as defineCustomElement$O } from './p-2cc196a8.js';
+import { d as defineCustomElement$N } from './p-828a11f4.js';
+import { d as defineCustomElement$M } from './p-273196ec.js';
+import { d as defineCustomElement$L } from './p-2507c6c8.js';
+import { d as defineCustomElement$K } from './p-0daa472f.js';
+import { d as defineCustomElement$J } from './p-e9c999f4.js';
+import { d as defineCustomElement$I } from './p-5e5c9b53.js';
+import { d as defineCustomElement$H } from './p-b5dc3971.js';
+import { d as defineCustomElement$G } from './p-c226934a.js';
+import { d as defineCustomElement$F } from './p-25738f7b.js';
+import { d as defineCustomElement$E } from './p-1d7f3c99.js';
+import { d as defineCustomElement$D } from './p-be584d57.js';
+import { d as defineCustomElement$C } from './p-1174d3f4.js';
+import { d as defineCustomElement$B } from './p-cac807c5.js';
+import { d as defineCustomElement$A } from './p-153e1ac6.js';
+import { d as defineCustomElement$z } from './p-5597fe9f.js';
+import { d as defineCustomElement$y } from './p-f4158e29.js';
+import { d as defineCustomElement$x } from './p-7afb8f24.js';
+import { d as defineCustomElement$w } from './p-b1030316.js';
+import { d as defineCustomElement$v } from './p-a59e060b.js';
+import { d as defineCustomElement$u } from './p-ebb19a87.js';
+import { d as defineCustomElement$t } from './p-a5d2ac22.js';
+import { d as defineCustomElement$s } from './p-519e8701.js';
+import { d as defineCustomElement$r } from './p-de567bdf.js';
+import { d as defineCustomElement$q } from './p-778197ec.js';
+import { d as defineCustomElement$p } from './p-9b7dc3b2.js';
+import { d as defineCustomElement$o } from './p-ff6d9602.js';
+import { d as defineCustomElement$n } from './p-abdd2a8a.js';
+import { d as defineCustomElement$m } from './p-a73161da.js';
+import { d as defineCustomElement$l } from './p-c86a0f9e.js';
+import { d as defineCustomElement$k } from './p-3d5214b4.js';
+import { d as defineCustomElement$j } from './p-85665c03.js';
+import { d as defineCustomElement$i } from './p-1cc409c6.js';
+import { d as defineCustomElement$h } from './p-7916d083.js';
 import { d as defineCustomElement$g } from './p-3358d7dc.js';
-import { d as defineCustomElement$f } from './p-4cedc9e8.js';
-import { d as defineCustomElement$e } from './p-10182034.js';
-import { d as defineCustomElement$d } from './p-c7dcb441.js';
-import { d as defineCustomElement$c } from './p-c939f92d.js';
-import { d as defineCustomElement$b } from './p-135d5d2f.js';
-import { d as defineCustomElement$a } from './p-ece96324.js';
-import { d as defineCustomElement$9 } from './p-1a546cf4.js';
-import { d as defineCustomElement$8 } from './p-71e0f6f2.js';
-import { d as defineCustomElement$7 } from './p-9cfe5c7c.js';
-import { d as defineCustomElement$6 } from './p-68b6f23b.js';
-import { d as defineCustomElement$5 } from './p-81f4e985.js';
-import { d as defineCustomElement$4 } from './p-f0dfdfea.js';
-import { d as defineCustomElement$3 } from './p-406292be.js';
-import { d as defineCustomElement$2 } from './p-bcb91396.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$f } from './p-af7aea98.js';
+import { d as defineCustomElement$e } from './p-20c74379.js';
+import { d as defineCustomElement$d } from './p-2df5f773.js';
+import { d as defineCustomElement$c } from './p-fb31f34b.js';
+import { d as defineCustomElement$b } from './p-f634f020.js';
+import { d as defineCustomElement$a } from './p-278e6cc0.js';
+import { d as defineCustomElement$9 } from './p-c6a4041a.js';
+import { d as defineCustomElement$8 } from './p-fab54b49.js';
+import { d as defineCustomElement$7 } from './p-40a18d12.js';
+import { d as defineCustomElement$6 } from './p-ba8208ac.js';
+import { d as defineCustomElement$5 } from './p-23d64784.js';
+import { d as defineCustomElement$4 } from './p-79534847.js';
+import { d as defineCustomElement$3 } from './p-f0df8c15.js';
+import { d as defineCustomElement$2 } from './p-a09473cb.js';
+import { d as defineCustomElement$1 } from './p-de2175ca.js';
 
 const rtkChatCss = ":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.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\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  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\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-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\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  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
 const RtkChatStyle0 = rtkChatCss;