@cloudflare/realtimekit-ui 1.0.0-staging.14 → 1.0.0-staging.15

package/dist/cjs/rtk-ui-provider.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-3ddce955.js');
-const config = require('./config-dba24e25.js');
+const uiStore = require('./ui-store-81ede08e.js');
+const config = require('./config-10bea2dc.js');
 const size = require('./size-2a406e36.js');
 require('./keysIn-8bdbe83d.js');
 require('./isObjectLike-73d13a39.js');

package/dist/cjs/rtk-waiting-screen.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-3ddce955.js');
-const index = require('./index-daae8cee.js');
+const uiStore = require('./ui-store-81ede08e.js');
+const index = require('./index-e33a89b6.js');
 
 const rtkWaitingScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center}rtk-logo{margin-bottom:var(--rtk-space-8, 32px);height:var(--rtk-space-12, 48px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkWaitingScreenStyle0 = rtkWaitingScreenCss;

package/dist/cjs/{sidebar-a3c87828.js → sidebar-7189b8fd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const uiStore = require('./ui-store-3ddce955.js');
+const uiStore = require('./ui-store-81ede08e.js');
 
 const canViewChat = (meeting) => {
     if (meeting && !meeting.chat)

package/dist/cjs/{ui-store-3ddce955.js → ui-store-81ede08e.js}

@@ -476,7 +476,7 @@ const defaultConfig = {
             gridTemplateColumns: 'repeat(3, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-2, 8px)',
+            '--header-section-gap': 'var(--rtk-space-2, 8px)',
         },
         'rtk-header.sm': {
             display: 'grid',
@@ -484,7 +484,7 @@ const defaultConfig = {
             gridTemplateColumns: 'repeat(2, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-1, 4px)',
+            '--header-section-gap': 'var(--rtk-space-1, 4px)',
         },
         'div#header-left': {
             display: 'flex',
@@ -502,7 +502,7 @@ const defaultConfig = {
             justifyContent: 'center',
             wordBreak: 'break-all',
             gap: 'var(--header-section-gap)',
-            paddingInline: 'var(--dyte-space-3, 12px)',
+            paddingInline: 'var(--rtk-space-3, 12px)',
         },
         'div#header-right': {
             display: 'flex',

package/dist/collection/lib/default-ui-config.js

@@ -18,7 +18,7 @@ export const defaultConfig = {
             gridTemplateColumns: 'repeat(3, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-2, 8px)',
+            '--header-section-gap': 'var(--rtk-space-2, 8px)',
         },
         'rtk-header.sm': {
             display: 'grid',
@@ -26,7 +26,7 @@ export const defaultConfig = {
             gridTemplateColumns: 'repeat(2, 1fr)',
             gridTemplateRows: '1fr',
             alignItems: 'center',
-            '--header-section-gap': 'var(--dyte-space-1, 4px)',
+            '--header-section-gap': 'var(--rtk-space-1, 4px)',
         },
         'div#header-left': {
             display: 'flex',
@@ -44,7 +44,7 @@ export const defaultConfig = {
             justifyContent: 'center',
             wordBreak: 'break-all',
             gap: 'var(--header-section-gap)',
-            paddingInline: 'var(--dyte-space-3, 12px)',
+            paddingInline: 'var(--rtk-space-3, 12px)',
         },
         'div#header-right': {
             display: 'flex',

package/dist/collection/utils/config.js

@@ -173,7 +173,7 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 gridTemplateColumns: 'repeat(3, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-2, 8px)',
+                '--header-section-gap': 'var(--rtk-space-2, 8px)',
             },
             'rtk-header.sm': {
                 display: 'grid',
@@ -181,7 +181,7 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
-                '--header-section-gap': 'var(--dyte-space-1, 4px)',
+                '--header-section-gap': 'var(--rtk-space-1, 4px)',
             },
             'div#header-left': {
                 display: 'flex',
@@ -199,7 +199,7 @@ export const generateConfig = (oldConfig, meeting, toExtend = {}, options = { gr
                 justifyContent: 'center',
                 wordBreak: 'break-all',
                 gap: 'var(--header-section-gap)',
-                paddingInline: 'var(--dyte-space-3, 12px)',
+                paddingInline: 'var(--rtk-space-3, 12px)',
             },
             'div#header-right': {
                 display: 'flex',

package/dist/components/index.js

@@ -1,9 +1,9 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { d as defaultConfig } from './p-e6d09c50.js';
-export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-e6d09c50.js';
-import { g as generateConfig } from './p-4a436e2d.js';
-export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-4a436e2d.js';
-export { R as RtkNotificationsAudio } from './p-908e4f1b.js';
+import { d as defaultConfig } from './p-9bcf0d04.js';
+export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-9bcf0d04.js';
+import { g as generateConfig } from './p-ee449660.js';
+export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-ee449660.js';
+export { R as RtkNotificationsAudio } from './p-4ee52c16.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**

package/dist/components/{p-0ea515b2.js → p-00905b54.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 { a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.js';
 import './p-a83ccdbd.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 { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$2 } from './p-92a1602c.js';
+import { d as defineCustomElement$1 } from './p-3d754c34.js';
 
 const rtkCounterCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));width:-moz-fit-content;width:fit-content;border-radius:var(--rtk-border-radius-sm, 4px);padding:var(--rtk-space-1, 4px)}p{margin:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}input{margin:var(--rtk-space-0, 0px);width:var(--rtk-space-6, 24px);padding:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));text-align:center;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));border-radius:var(--rtk-border-radius-sm, 4px);font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:var(--rtk-space-0, 0px);appearance:none;-webkit-appearance:none}input[type='number']{-moz-appearance:textfield}";
 const RtkCounterStyle0 = rtkCounterCss;

package/dist/components/{p-898da6ae.js → p-05d46a0e.js}

@@ -1,22 +1,22 @@
 import { p as proxyCustomElement, H, d as createEvent, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
 import { d as differenceInMinutes, f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-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 { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$d } from './p-2f10ccec.js';
+import { d as defineCustomElement$c } from './p-92a1602c.js';
+import { d as defineCustomElement$b } from './p-ab98bb45.js';
+import { d as defineCustomElement$a } from './p-3d754c34.js';
+import { d as defineCustomElement$9 } from './p-291cbe98.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-81f4e985.js';
+import { d as defineCustomElement$7 } from './p-2283539e.js';
+import { d as defineCustomElement$6 } from './p-a5737efc.js';
+import { d as defineCustomElement$5 } from './p-96d5823f.js';
+import { d as defineCustomElement$4 } from './p-18164a2e.js';
+import { d as defineCustomElement$3 } from './p-bd20259b.js';
 import { d as defineCustomElement$2 } from './p-bcb91396.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$1 } from './p-4f0299cf.js';
 
 const rtkChatMessagesUiCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{margin-top:var(--rtk-space-2, 8px);overflow-wrap:break-word;line-height:1.375}.chat .body .emoji{font-size:24px}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-message-view{margin-top:var(--rtk-space-4, 16px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}";
 const RtkChatMessagesUiStyle0 = rtkChatMessagesUiCss;

package/dist/components/{p-c2723ebb.js → p-08020b3c.js}

@@ -1,17 +1,17 @@
 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-9bcf0d04.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$a } from './p-9c17c7ce.js';
-import { d as defineCustomElement$9 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$8 } from './p-35d6211b.js';
-import { d as defineCustomElement$7 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$6 } from './p-922f201f.js';
-import { d as defineCustomElement$5 } from './p-4cedc9e8.js';
-import { d as defineCustomElement$4 } from './p-10182034.js';
-import { d as defineCustomElement$3 } from './p-c7dcb441.js';
-import { d as defineCustomElement$2 } from './p-81f4e985.js';
-import { d as defineCustomElement$1 } from './p-406292be.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$a } from './p-2f10ccec.js';
+import { d as defineCustomElement$9 } from './p-92a1602c.js';
+import { d as defineCustomElement$8 } from './p-11a9a3ec.js';
+import { d as defineCustomElement$7 } from './p-3d754c34.js';
+import { d as defineCustomElement$6 } from './p-5cd5f7db.js';
+import { d as defineCustomElement$5 } from './p-2283539e.js';
+import { d as defineCustomElement$4 } from './p-a5737efc.js';
+import { d as defineCustomElement$3 } from './p-96d5823f.js';
+import { d as defineCustomElement$2 } from './p-bd20259b.js';
+import { d as defineCustomElement$1 } from './p-1edce9ef.js';
 
 const rtkChatMessageCss = ".message-wrapper{display:flex;gap:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-4, 16px);margin-right:var(--rtk-space-4, 16px);margin-top:var(--rtk-space-4, 16px)}[is-continued] .message-wrapper{margin-top:var(--rtk-space-0, 0px)}.message-wrapper.align-right{flex-direction:row-reverse}.file-picker{display:none}.message{position:relative;display:flex}.show-on-hover rtk-menu{visibility:hidden}.show-on-hover:hover rtk-menu{visibility:visible}.align-right .message{justify-content:flex-end;margin-left:auto}.align-right .message .head{margin-right:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);flex-direction:row-reverse;gap:var(--rtk-space-4, 16px)}.align-right .message rtk-text-message .bubble,.align-right .message rtk-image-message .bubble,.align-right .message rtk-file-message .bubble{padding-right:var(--rtk-space-5, 20px);--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)))}.align-right .message .actions rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right rtk-menu{left:auto;right:var(--rtk-space-0, 0px)}.head{margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.head .name{font-size:14px;font-weight:600}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}rtk-menu{position:absolute;left:var(--rtk-space-0, 0px);top:var(--rtk-space-6, 24px);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}[is-continued] rtk-menu{top:var(--rtk-space-2, 8px)}.actions{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0\\.5, 2px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}.actions rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.body{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);overflow-wrap:break-word;font-size:14px;line-height:1.375}.body .emoji{font-size:24px}.body.bubble{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-1, 4px);max-width:var(--rtk-space-96, 384px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);overflow-wrap:break-word;font-size:14px;line-height:1.375;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.body.bubble p{margin:var(--rtk-space-0, 0px);word-break:break-word}p{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px)}rtk-text-message,rtk-image-message,rtk-file-message{display:block;font-family:var(--rtk-font-family, sans-serif);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}*[is-continued]{margin-top:var(--rtk-space-0, 0px)}.image{position:relative;height:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);cursor:pointer}.image img{display:none;height:100%;width:100%;border-radius:var(--rtk-border-radius-sm, 4px);-o-object-fit:cover;object-fit:cover}.image .image-spinner{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;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))}.image .image-spinner rtk-spinner{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.image .image-errored{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--rtk-border-radius-sm, 4px);background-color:rgba(var(--rtk-colors-danger, 255 45 45) / 0.1);--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}.image .actions{display:none;height:var(--rtk-space-8, 32px);align-items:center;position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-sm, 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));overflow:hidden;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.image .actions .action{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:var(--rtk-border-radius-none, 0);border-width:var(--rtk-border-width-none, 0);border-style:none;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)}.image .actions .action:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.image.loaded img{display:block}.image.loaded .image-spinner{display:none}.image:hover .actions,.image:focus .actions{display:flex}.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\\.5, 6px);padding-bottom:var(--rtk-space-1\\.5, 6px);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{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)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:calc(var(--rtk-space-6, 24px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.show-new-messages.active{--tw-translate-y:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}blockquote{margin:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-3, 12px);background-color:transparent}.block-quote,blockquote{--tw-border-spacing-x:1px;--tw-border-spacing-y:1px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-md, 2px);border-right-width:var(--rtk-border-width-none, 0);border-style:solid;border-left-color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));padding:var(--rtk-space-0\\.5, 2px);padding-left:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px) !important;border-radius:var(--rtk-border-radius-sm, 4px);border-top-left-radius:var(--rtk-border-radius-none, 0);border-bottom-left-radius:var(--rtk-border-radius-none, 0)}.link{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.align-right .block-quote{border-color:rgb(var(--rtk-colors-text-on-brand-600, var(--rtk-colors-text-600, 255 255 255 / 0.52)));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.align-right .link{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.align-right .image .actions rtk-icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.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}.message{width:75%}.left-align .body{margin-top:var(--rtk-space-4, 16px)}.left-align [is-continued] .body{margin-top:var(--rtk-space-0, 0px)}.left-align .body{--tw-translate-x:calc(var(--rtk-space-8, 32px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 const RtkChatMessageStyle0 = rtkChatMessageCss;

package/dist/components/{p-935b5e0f.js → p-0b087be2.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, 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-b661e73e.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.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-92a1602c.js';
+import { d as defineCustomElement$2 } from './p-3d754c34.js';
+import { d as defineCustomElement$1 } from './p-4f0299cf.js';
 
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;

package/dist/components/{p-71e0f6f2.js → p-0e6f6af9.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-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 } from './p-9bcf0d04.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$1 } from './p-3d754c34.js';
 
 const rtkOverlayModalCss = ":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;align-items:center;justify-content:center;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);z-index:50}rtk-icon{height:var(--rtk-space-20, 80px)}h2{margin:var(--rtk-space-2, 8px);font-weight:500}p{margin:var(--rtk-space-0, 0px);font-size:16px}";
 const RtkOverlayModalStyle0 = rtkOverlayModalCss;

package/dist/components/{p-88526f0a.js → p-0f77783d.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-9bcf0d04.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-5c3d1c4f.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-4307888c.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-cd50770d.js';
-import { d as defineCustomElement$t } from './p-8f99c783.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-b661e73e.js';
+import { d as defineCustomElement$Q } from './p-2f10ccec.js';
+import { d as defineCustomElement$P } from './p-3fb24e88.js';
+import { d as defineCustomElement$O } from './p-43de959f.js';
+import { d as defineCustomElement$N } from './p-40b74b04.js';
+import { d as defineCustomElement$M } from './p-dfd1dfed.js';
+import { d as defineCustomElement$L } from './p-92a1602c.js';
+import { d as defineCustomElement$K } from './p-736ab8a0.js';
+import { d as defineCustomElement$J } from './p-400d8f0d.js';
+import { d as defineCustomElement$I } from './p-ee490919.js';
+import { d as defineCustomElement$H } from './p-838a4971.js';
+import { d as defineCustomElement$G } from './p-80b25cac.js';
+import { d as defineCustomElement$F } from './p-08020b3c.js';
+import { d as defineCustomElement$E } from './p-05d46a0e.js';
+import { d as defineCustomElement$D } from './p-74baedf6.js';
+import { d as defineCustomElement$C } from './p-eb6e37e9.js';
+import { d as defineCustomElement$B } from './p-34ee27d0.js';
+import { d as defineCustomElement$A } from './p-00905b54.js';
+import { d as defineCustomElement$z } from './p-8ec943fb.js';
+import { d as defineCustomElement$y } from './p-f1dd271e.js';
+import { d as defineCustomElement$x } from './p-a262dd1a.js';
+import { d as defineCustomElement$w } from './p-afce90ce.js';
+import { d as defineCustomElement$v } from './p-53d81684.js';
+import { d as defineCustomElement$u } from './p-cf6253c5.js';
+import { d as defineCustomElement$t } from './p-a53e3d25.js';
+import { d as defineCustomElement$s } from './p-7a0a4ea1.js';
+import { d as defineCustomElement$r } from './p-282cc869.js';
+import { d as defineCustomElement$q } from './p-0b087be2.js';
+import { d as defineCustomElement$p } from './p-11a9a3ec.js';
+import { d as defineCustomElement$o } from './p-ab98bb45.js';
+import { d as defineCustomElement$n } from './p-8149712f.js';
+import { d as defineCustomElement$m } from './p-3d754c34.js';
+import { d as defineCustomElement$l } from './p-5cd5f7db.js';
+import { d as defineCustomElement$k } from './p-291cbe98.js';
+import { d as defineCustomElement$j } from './p-d80915fb.js';
+import { d as defineCustomElement$i } from './p-92e527ab.js';
+import { d as defineCustomElement$h } from './p-e889cc60.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-bad40128.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$f } from './p-2283539e.js';
+import { d as defineCustomElement$e } from './p-a5737efc.js';
+import { d as defineCustomElement$d } from './p-96d5823f.js';
+import { d as defineCustomElement$c } from './p-18164a2e.js';
+import { d as defineCustomElement$b } from './p-e560b4b6.js';
+import { d as defineCustomElement$a } from './p-eae68017.js';
+import { d as defineCustomElement$9 } from './p-1ba98d57.js';
+import { d as defineCustomElement$8 } from './p-0e6f6af9.js';
+import { d as defineCustomElement$7 } from './p-8b197573.js';
+import { d as defineCustomElement$6 } from './p-7d3797ee.js';
+import { d as defineCustomElement$5 } from './p-bd20259b.js';
+import { d as defineCustomElement$4 } from './p-f0924403.js';
+import { d as defineCustomElement$3 } from './p-1edce9ef.js';
 import { d as defineCustomElement$2 } from './p-bcb91396.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { d as defineCustomElement$1 } from './p-4f0299cf.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;

package/dist/components/{p-35d6211b.js → p-11a9a3ec.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-9fc565cf.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 { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$2 } from './p-92a1602c.js';
+import { d as defineCustomElement$1 } from './p-3d754c34.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/components/{p-260b86da.js → p-132d39f6.js}

@@ -1,11 +1,11 @@
 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 { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$4 } from './p-4cc0e9a5.js';
-import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$2 } from './p-a24309fd.js';
-import { d as defineCustomElement$1 } from './p-e3b59650.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$4 } from './p-92a1602c.js';
+import { d as defineCustomElement$3 } from './p-3d754c34.js';
+import { d as defineCustomElement$2 } from './p-b1f57d50.js';
+import { d as defineCustomElement$1 } from './p-4f0299cf.js';
 
 const rtkTabBarCss = ".scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";
 const RtkTabBarStyle0 = rtkTabBarCss;

package/dist/components/{p-c939f92d.js → p-18164a2e.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-d5791958.js';
-import { a as defaultIconPack } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
+import { a as defaultIconPack } from './p-9bcf0d04.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$6 } from './p-9c17c7ce.js';
-import { d as defineCustomElement$5 } from './p-2f2fb96d.js';
-import { d as defineCustomElement$4 } from './p-4cedc9e8.js';
-import { d as defineCustomElement$3 } from './p-10182034.js';
-import { d as defineCustomElement$2 } from './p-c7dcb441.js';
-import { d as defineCustomElement$1 } from './p-81f4e985.js';
+import { d as defineCustomElement$6 } from './p-2f10ccec.js';
+import { d as defineCustomElement$5 } from './p-3d754c34.js';
+import { d as defineCustomElement$4 } from './p-2283539e.js';
+import { d as defineCustomElement$3 } from './p-a5737efc.js';
+import { d as defineCustomElement$2 } from './p-96d5823f.js';
+import { d as defineCustomElement$1 } from './p-bd20259b.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{--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;

package/dist/components/{p-5279fae9.js → p-190af711.js}

@@ -1,10 +1,10 @@
 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-9bcf0d04.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './p-02f19345.js';
-import { S as SyncWithStore } from './p-d5791958.js';
-import { d as defineCustomElement$3 } from './p-bdbaa65b.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-b661e73e.js';
+import { d as defineCustomElement$3 } from './p-24ac331b.js';
+import { d as defineCustomElement$2 } from './p-3d754c34.js';
+import { d as defineCustomElement$1 } from './p-bd20259b.js';
 
 const rtkFullscreenToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block}:host([data-hidden]){display:none}";
 const RtkFullscreenToggleStyle0 = rtkFullscreenToggleCss;

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

@@ -1,14 +1,14 @@
 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-9bcf0d04.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 { S as SyncWithStore } from './p-b661e73e.js';
+import { d as defineCustomElement$8 } from './p-2f10ccec.js';
+import { d as defineCustomElement$7 } from './p-92a1602c.js';
+import { d as defineCustomElement$6 } from './p-3d754c34.js';
+import { d as defineCustomElement$5 } from './p-a5737efc.js';
+import { d as defineCustomElement$4 } from './p-96d5823f.js';
+import { d as defineCustomElement$3 } from './p-c746a8bd.js';
+import { d as defineCustomElement$2 } from './p-bd20259b.js';
 import { d as defineCustomElement$1 } from './p-31a1dc4d.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-bad40128.js → p-1ba98d57.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-908e4f1b.js';
+import { R as RTKNotificationsAudio } from './p-4ee52c16.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-9bcf0d04.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-b661e73e.js';
+import { d as defineCustomElement$3 } from './p-92a1602c.js';
+import { d as defineCustomElement$2 } from './p-3d754c34.js';
+import { d as defineCustomElement$1 } from './p-eae68017.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({

package/dist/components/{p-406292be.js → p-1edce9ef.js}

@@ -1,8 +1,8 @@
 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-9bcf0d04.js';
 import { h as hasOnlyEmojis } from './p-338c7261.js';
 import { C as ChatHead } from './p-febe3ebc.js';
-import { S as SyncWithStore } from './p-d5791958.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
 import { T as TextMessageView } from './p-a2f4f9e3.js';
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/components/{p-4e3d7f9d.js → p-2134aa95.js}

@@ -1,6 +1,6 @@
 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 { a as defaultIconPack, c as useLanguage } from './p-9bcf0d04.js';
+import { S as SyncWithStore } from './p-b661e73e.js';
 
 const rtkSwitchCss = ":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:inline-flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-10, 40px);align-items:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;background-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer}.switch{box-sizing:border-box;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);background-color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:9999px;transition-property:var(--rtk-transition-property, all);transition-duration:200ms}:host(.checked){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.checked) .switch{transform:translateX(100%)}:host([readonly]),:host([disabled]){cursor:not-allowed;opacity:0.6}";
 const RtkSwitchStyle0 = rtkSwitchCss;

package/dist/components/{p-4cedc9e8.js → p-2283539e.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-9bcf0d04.js';
+import { S as SyncWithStore } from './p-b661e73e.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;