@cloudflare/realtimekit-ui 1.1.1 → 1.1.2

package/dist/components/{p-46630fbd.js → p-fe3e408a.js}

@@ -1,31 +1,31 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-81fcdba3.js';
 import { h as handleFilesDataTransfer } from './p-0db812c2.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$o } from './p-70d6d81c.js';
-import { d as defineCustomElement$n } from './p-e229128b.js';
-import { d as defineCustomElement$m } from './p-b1092195.js';
-import { d as defineCustomElement$l } from './p-5fb7db3a.js';
-import { d as defineCustomElement$k } from './p-71577bfa.js';
-import { d as defineCustomElement$j } from './p-f3a942ff.js';
-import { d as defineCustomElement$i } from './p-8f1d1b1c.js';
-import { d as defineCustomElement$h } from './p-10bddcda.js';
-import { d as defineCustomElement$g } from './p-ea1fa791.js';
-import { d as defineCustomElement$f } from './p-737ef231.js';
-import { d as defineCustomElement$e } from './p-cf60c796.js';
-import { d as defineCustomElement$d } from './p-a3cc7425.js';
-import { d as defineCustomElement$c } from './p-20cdaae2.js';
-import { d as defineCustomElement$b } from './p-61dcdd44.js';
-import { d as defineCustomElement$a } from './p-2d36b78b.js';
-import { d as defineCustomElement$9 } from './p-e60074c0.js';
-import { d as defineCustomElement$8 } from './p-ddc9cbf0.js';
-import { d as defineCustomElement$7 } from './p-0ea18e25.js';
-import { d as defineCustomElement$6 } from './p-c8cc4d31.js';
-import { d as defineCustomElement$5 } from './p-9cf524af.js';
-import { d as defineCustomElement$4 } from './p-093c343d.js';
-import { d as defineCustomElement$3 } from './p-ad0eeb89.js';
-import { d as defineCustomElement$2 } from './p-8123217e.js';
-import { d as defineCustomElement$1 } from './p-15156a2c.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$o } from './p-4f8aa40d.js';
+import { d as defineCustomElement$n } from './p-85587a5c.js';
+import { d as defineCustomElement$m } from './p-413791a9.js';
+import { d as defineCustomElement$l } from './p-ec6e4433.js';
+import { d as defineCustomElement$k } from './p-0496f8c3.js';
+import { d as defineCustomElement$j } from './p-0b04dea7.js';
+import { d as defineCustomElement$i } from './p-a7fc6bf0.js';
+import { d as defineCustomElement$h } from './p-a10673e1.js';
+import { d as defineCustomElement$g } from './p-61b5e60a.js';
+import { d as defineCustomElement$f } from './p-a6bd000d.js';
+import { d as defineCustomElement$e } from './p-7422bbd3.js';
+import { d as defineCustomElement$d } from './p-3e0452c4.js';
+import { d as defineCustomElement$c } from './p-5385bf2d.js';
+import { d as defineCustomElement$b } from './p-c3356393.js';
+import { d as defineCustomElement$a } from './p-0173e7d4.js';
+import { d as defineCustomElement$9 } from './p-3e96db63.js';
+import { d as defineCustomElement$8 } from './p-3f49a2db.js';
+import { d as defineCustomElement$7 } from './p-ecc73c07.js';
+import { d as defineCustomElement$6 } from './p-5d76fdc9.js';
+import { d as defineCustomElement$5 } from './p-19c5a52e.js';
+import { d as defineCustomElement$4 } from './p-a96efd29.js';
+import { d as defineCustomElement$3 } from './p-91cadb3f.js';
+import { d as defineCustomElement$2 } from './p-8211bd3b.js';
+import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 
 const rtkChatCss = ":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{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}h3{margin:var(--rtk-space-0, 0px);display:flex;height:var(--rtk-space-12, 48px);align-items:center;justify-content:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;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));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}rtk-chat-messages-ui,rtk-chat-messages-ui-paginated{flex:1 0 0}rtk-chat-composer-view{margin:var(--rtk-space-2, 8px)}.chat-container{display:flex;height:100%;width:100%;flex-direction:row;container-type:size;container-name:chatcontainer}.chat{box-sizing:border-box;display:flex;flex:1 1 0%;flex-direction:column}.banner{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-chats-btn{margin-top:var(--rtk-space-4, 16px)}.selector-container{z-index:50;width:100%;max-width:var(--rtk-space-80, 320px);border-right:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.selector-container.hide{display:none}.mobile-close-btn{display:none}.selector-container.mobile{height:100%;width:100%;max-width:100%;position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);display:flex}.selector-container.mobile .mobile-close-btn{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);margin-left:var(--rtk-space-6, 24px);margin-right:var(--rtk-space-6, 24px);display:block}.pinned-messages{position:relative;display:flex;flex-direction:column}.pinned-messages-header{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));font-size:14px;cursor:pointer}.pinned-messages-header div{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}.pinned-messages-header rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}.pinned-messages-content{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));position:absolute;left:var(--rtk-space-0, 0px);top:100%;z-index:50;max-height:30vh;width:100%;overflow:auto}.pinned-message{display:flex;cursor:pointer;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-4, 16px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-style:solid}.pinned-message-avatar{height:var(--rtk-space-6, 24px) !important;width:var(--rtk-space-6, 24px) !important}@keyframes swipe-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}";
 const RtkChatStyle0 = rtkChatCss;

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

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$4 } from './p-6bba6429.js';
-import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-093c343d.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { d as defineCustomElement$3 } from './p-3e0452c4.js';
+import { d as defineCustomElement$2 } from './p-a96efd29.js';
 
 const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
 const RtkAiToggleStyle0 = rtkAiToggleCss;
@@ -31,19 +31,23 @@ const RtkAiToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkAiToggle extends
         /** Language */
         this.t = useLanguage();
         this.aiActive = false;
+        this.toggleAI = () => {
+            const states = this.states;
+            this.aiActive = !((states === null || states === void 0 ? void 0 : states.activeSidebar) && (states === null || states === void 0 ? void 0 : states.sidebar) === 'ai');
+            this.stateUpdate.emit({
+                activeSidebar: this.aiActive,
+                sidebar: this.aiActive ? 'ai' : undefined,
+                activeMoreMenu: false,
+            });
+        };
     }
-    statesChanged(s) {
-        const states = s;
-        this.aiActive = states.activeAI;
+    connectedCallback() {
+        this.statesChanged(this.states);
     }
-    toggleAI() {
-        var _a;
-        this.aiActive = !((_a = this.states) === null || _a === void 0 ? void 0 : _a.activeAI);
-        this.stateUpdate.emit({
-            activeAI: this.aiActive,
-            activeMoreMenu: false,
-            activeSidebar: false,
-        });
+    statesChanged(states) {
+        if (states != null) {
+            this.aiActive = states.activeSidebar === true && states.sidebar === 'ai';
+        }
     }
     render() {
         var _a, _b;
@@ -53,7 +57,7 @@ const RtkAiToggle$1 = /*@__PURE__*/ proxyCustomElement(class RtkAiToggle extends
         if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled) {
             return h(Host, { "data-hidden": true });
         }
-        return (h(Host, { title: text }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.aiActive }, onClick: () => this.toggleAI(), icon: this.iconPack.meeting_ai, label: text, variant: this.variant, brandIcon: true })));
+        return (h(Host, { title: text }, h("rtk-controlbar-button", { part: "controlbar-button", size: this.size, iconPack: this.iconPack, class: { active: this.aiActive }, onClick: this.toggleAI, icon: this.iconPack.meeting_ai, label: text, variant: this.variant, brandIcon: true })));
     }
     static get watchers() { return {
         "states": ["statesChanged"]

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

@@ -1,4 +1,4 @@
-import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-29d25df0.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-552ae4ac.js';
 
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ai.js

@@ -1,134 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$4 } from './p-29d25df0.js';
-import { d as defineCustomElement$3 } from './p-e229128b.js';
-import { d as defineCustomElement$2 } from './p-a3cc7425.js';
-
-const rtkAiCss = ":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;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--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));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:50;max-width:100%;border:none}";
-const RtkAiStyle0 = rtkAiCss;
-
-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;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const RtkAi$1 = /*@__PURE__*/ proxyCustomElement(class RtkAi extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.stateUpdate = createEvent(this, "rtkStateUpdate", 7);
-        /** Config */
-        this.config = createDefaultConfig();
-        /** Icon pack */
-        this.iconPack = defaultIconPack;
-        /** Language */
-        this.t = useLanguage();
-        /** View type */
-        this.view = 'sidebar';
-        this.close = () => {
-            this.stateUpdate.emit({ activeAI: false });
-        };
-    }
-    connectedCallback() {
-        this.viewChanged(this.view);
-    }
-    disconnectedCallback() {
-        this.keydownListener && document.removeEventListener('keydown', this.keydownListener);
-    }
-    viewChanged(view) {
-        if (view === 'full-screen') {
-            this.keydownListener = (e) => {
-                if (e.key === 'Escape') {
-                    this.close();
-                }
-            };
-            document.addEventListener('keydown', this.keydownListener);
-        }
-    }
-    render() {
-        var _a, _b, _c;
-        if (!this.meeting)
-            return null;
-        if (!((_b = (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self) === null || _b === void 0 ? void 0 : _b.permissions).transcriptionEnabled ||
-            !((_c = this.states) === null || _c === void 0 ? void 0 : _c.activeAI)) {
-            return null;
-        }
-        const defaults = {
-            meeting: this.meeting,
-            config: this.config,
-            states: this.states,
-            size: this.size,
-            t: this.t,
-            iconPack: this.iconPack,
-        };
-        return (h(Host, null, h("h3", { class: "title" }, this.t('ai.transcriptions')), h("rtk-button", { variant: "ghost", kind: "icon", class: "close", onClick: this.close, "aria-label": this.t('close') }, h("rtk-icon", { icon: this.iconPack.dismiss })), h("rtk-ai-transcriptions", Object.assign({}, defaults))));
-    }
-    static get watchers() { return {
-        "view": ["viewChanged"]
-    }; }
-    static get style() { return RtkAiStyle0; }
-}, [1, "rtk-ai", {
-        "meeting": [16],
-        "states": [16],
-        "config": [16],
-        "iconPack": [16],
-        "t": [16],
-        "size": [513],
-        "view": [513]
-    }, undefined, {
-        "view": ["viewChanged"]
-    }]);
-__decorate([
-    SyncWithStore()
-], RtkAi$1.prototype, "meeting", void 0);
-__decorate([
-    SyncWithStore()
-], RtkAi$1.prototype, "states", void 0);
-__decorate([
-    SyncWithStore()
-], RtkAi$1.prototype, "config", void 0);
-__decorate([
-    SyncWithStore()
-], RtkAi$1.prototype, "iconPack", void 0);
-__decorate([
-    SyncWithStore()
-], RtkAi$1.prototype, "t", void 0);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["rtk-ai", "rtk-ai-transcriptions", "rtk-button", "rtk-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "rtk-ai":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, RtkAi$1);
-            }
-            break;
-        case "rtk-ai-transcriptions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "rtk-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "rtk-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { R as RtkAi$1, d as defineCustomElement$1 } from './p-6639b2b1.js';
 
 const RtkAi = RtkAi$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-audio-grid.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { R as Render } from './p-f3c261ec.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { R as Render } from './p-88bd1053.js';
 
 const rtkAudioGridCss = ":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;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";
 const RtkAudioGridStyle0 = rtkAudioGridCss;

package/dist/components/rtk-audio-tile.js

@@ -1,12 +1,12 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
 import { h as hark } from './p-3f882e7c.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$5 } from './p-70d6d81c.js';
-import { d as defineCustomElement$4 } from './p-a3cc7425.js';
-import { d as defineCustomElement$3 } from './p-b91882cc.js';
-import { d as defineCustomElement$2 } from './p-093c343d.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$4 } from './p-3e0452c4.js';
+import { d as defineCustomElement$3 } from './p-abddf729.js';
+import { d as defineCustomElement$2 } from './p-a96efd29.js';
 
 const rtkAudioTileCss = ":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:flex;flex-direction:column}.avatar-ctr{box-sizing:border-box;width:100%;flex:1 1 0%;padding:var(--rtk-space-1\\.5, 6px);border:2px solid transparent;border-radius:calc(var(--rtk-border-radius-xl, 40px) + var(--rtk-space-1\\.5, 6px))}.avatar-ctr.speaking{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bar-0{box-shadow:none}.bar-1{box-shadow:0 0 4px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-2{box-shadow:0 0 8px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-3{box-shadow:0 0 16px 1px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-4{box-shadow:0 0 20px 3px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-5{box-shadow:0 0 24px 6px rgb(var(--rtk-colors-brand-500, 33 96 253))}rtk-avatar{aspect-ratio:1 / 1;height:100%;width:100%;position:relative;border-radius:var(--rtk-border-radius-xl, 40px)}rtk-name-tag{display:block;height:var(--rtk-space-10, 40px);width:100%;text-align:center;line-height:2.5rem}:host([size='sm']) .avatar-ctr{border-radius:calc(var(--rtk-border-radius-lg, 12px) + var(--rtk-space-1\\.5, 6px))}:host([size='sm']) rtk-name-tag{height:var(--rtk-space-7, 28px);line-height:1.75rem}:host([size='sm']) rtk-avatar{border-radius:var(--rtk-border-radius-lg, 12px)}.mic-icon{position:absolute;bottom:calc(var(--rtk-space-1, 4px) * -1);right:calc(var(--rtk-space-1, 4px) * -1);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));--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)}.mic-icon rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) .mic-icon rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='md']) .mic-icon rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}";
 const RtkAudioTileStyle0 = rtkAudioTileCss;

package/dist/components/rtk-audio-visualizer.js

@@ -1,4 +1,4 @@
-import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-1cb17643.js';
+import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-69015d12.js';
 
 const RtkAudioVisualizer = RtkAudioVisualizer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-avatar.js

@@ -1,4 +1,4 @@
-import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-70d6d81c.js';
+import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-4f8aa40d.js';
 
 const RtkAvatar = RtkAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-2bd49deb.js';
+import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-ad5220f4.js';
 
 const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-participants.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-fd798be6.js';
+import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-85d6fe15.js';
 
 const RtkBreakoutRoomParticipants = RtkBreakoutRoomParticipants$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-b3a96140.js';
+import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-9b4516a5.js';
 
 const RtkBreakoutRoomsManager = RtkBreakoutRoomsManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-toggle.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage, K as canToggleBreakout } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$4 } from './p-6bba6429.js';
-import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-093c343d.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage, K as canToggleBreakout } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { d as defineCustomElement$3 } from './p-3e0452c4.js';
+import { d as defineCustomElement$2 } from './p-a96efd29.js';
 
 const rtkBreakoutRoomsToggleCss = ":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 RtkBreakoutRoomsToggleStyle0 = rtkBreakoutRoomsToggleCss;

package/dist/components/rtk-broadcast-message-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-530312b5.js';
+import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-5d1acef6.js';
 
 const RtkBroadcastMessageModal = RtkBroadcastMessageModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-button.js

@@ -1,4 +1,4 @@
-import { R as RtkButton$1, d as defineCustomElement$1 } from './p-e229128b.js';
+import { R as RtkButton$1, d as defineCustomElement$1 } from './p-85587a5c.js';
 
 const RtkButton = RtkButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-camera-selector.js

@@ -1,4 +1,4 @@
-import { R as RtkCameraSelector$1, d as defineCustomElement$1 } from './p-eaae65ba.js';
+import { R as RtkCameraSelector$1, d as defineCustomElement$1 } from './p-92c9dcac.js';
 
 const RtkCameraSelector = RtkCameraSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-camera-toggle.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$5 } from './p-6bba6429.js';
-import { d as defineCustomElement$4 } from './p-a3cc7425.js';
-import { d as defineCustomElement$3 } from './p-093c343d.js';
-import { d as defineCustomElement$2 } from './p-15156a2c.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$5 } from './p-99a80022.js';
+import { d as defineCustomElement$4 } from './p-3e0452c4.js';
+import { d as defineCustomElement$3 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkCameraToggleCss = ":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 RtkCameraToggleStyle0 = rtkCameraToggleCss;

package/dist/components/rtk-caption-toggle.js

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$4 } from './p-6bba6429.js';
-import { d as defineCustomElement$3 } from './p-a3cc7425.js';
-import { d as defineCustomElement$2 } from './p-093c343d.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$4 } from './p-99a80022.js';
+import { d as defineCustomElement$3 } from './p-3e0452c4.js';
+import { d as defineCustomElement$2 } from './p-a96efd29.js';
 
 const rtkCaptionToggleCss = ":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 RtkCaptionToggleStyle0 = rtkCaptionToggleCss;

package/dist/components/rtk-chat-composer-ui.js

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, c as createEvent, w as writeTask, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, w as writeTask, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import { r as reverse, h as handleFilesDataTransfer, d as replyBlockPattern, e as extractReplyBlock, s as stripOutReplyBlock, M as MAX_TEXT_LENGTH } from './p-0db812c2.js';
 import { a as gracefulStorage } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$7 } from './p-70d6d81c.js';
-import { d as defineCustomElement$6 } from './p-e229128b.js';
-import { d as defineCustomElement$5 } from './p-10bddcda.js';
-import { d as defineCustomElement$4 } from './p-a3cc7425.js';
-import { d as defineCustomElement$3 } from './p-093c343d.js';
-import { d as defineCustomElement$2 } from './p-15156a2c.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$7 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$6 } from './p-85587a5c.js';
+import { d as defineCustomElement$5 } from './p-a10673e1.js';
+import { d as defineCustomElement$4 } from './p-3e0452c4.js';
+import { d as defineCustomElement$3 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkChatComposerUiCss = ":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{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:16px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));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);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";
 const RtkChatComposerUiStyle0 = rtkChatComposerUiCss;

package/dist/components/rtk-chat-composer-view.js

@@ -1,4 +1,4 @@
-import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-b1092195.js';
+import { R as RtkChatComposerView$1, d as defineCustomElement$1 } from './p-413791a9.js';
 
 const RtkChatComposerView = RtkChatComposerView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-header.js

@@ -1,4 +1,4 @@
-import { R as RtkChatHeader$1, d as defineCustomElement$1 } from './p-5fb7db3a.js';
+import { R as RtkChatHeader$1, d as defineCustomElement$1 } from './p-ec6e4433.js';
 
 const RtkChatHeader = RtkChatHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-message.js

@@ -1,4 +1,4 @@
-import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-9c8a6694.js';
+import { R as RtkChatMessage$1, d as defineCustomElement$1 } from './p-e2064e41.js';
 
 const RtkChatMessage = RtkChatMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui-paginated.js

@@ -1,4 +1,4 @@
-import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-71577bfa.js';
+import { R as RtkChatMessagesUiPaginated$1, d as defineCustomElement$1 } from './p-0496f8c3.js';
 
 const RtkChatMessagesUiPaginated = RtkChatMessagesUiPaginated$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat-messages-ui.js

@@ -1,22 +1,22 @@
-import { p as proxyCustomElement, H, c as createEvent, w as writeTask, h, d as Host, B as Build } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, w as writeTask, h, c as Host, B as Build } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.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-77b53323.js';
-import { d as defineCustomElement$e } from './p-70d6d81c.js';
-import { d as defineCustomElement$d } from './p-e229128b.js';
-import { d as defineCustomElement$c } from './p-737ef231.js';
-import { d as defineCustomElement$b } from './p-a3cc7425.js';
-import { d as defineCustomElement$a } from './p-20cdaae2.js';
-import { d as defineCustomElement$9 } from './p-61dcdd44.js';
-import { d as defineCustomElement$8 } from './p-2d36b78b.js';
-import { d as defineCustomElement$7 } from './p-e60074c0.js';
-import { d as defineCustomElement$6 } from './p-ddc9cbf0.js';
-import { d as defineCustomElement$5 } from './p-0ea18e25.js';
-import { d as defineCustomElement$4 } from './p-093c343d.js';
-import { d as defineCustomElement$3 } from './p-8123217e.js';
-import { d as defineCustomElement$2 } from './p-15156a2c.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$e } from './p-4f8aa40d.js';
+import { d as defineCustomElement$d } from './p-85587a5c.js';
+import { d as defineCustomElement$c } from './p-a6bd000d.js';
+import { d as defineCustomElement$b } from './p-3e0452c4.js';
+import { d as defineCustomElement$a } from './p-5385bf2d.js';
+import { d as defineCustomElement$9 } from './p-c3356393.js';
+import { d as defineCustomElement$8 } from './p-0173e7d4.js';
+import { d as defineCustomElement$7 } from './p-3e96db63.js';
+import { d as defineCustomElement$6 } from './p-3f49a2db.js';
+import { d as defineCustomElement$5 } from './p-ecc73c07.js';
+import { d as defineCustomElement$4 } from './p-a96efd29.js';
+import { d as defineCustomElement$3 } from './p-8211bd3b.js';
+import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkChatMessagesUiCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));word-break:break-word}.chat-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);flex:1 0 0px;overflow-y:scroll}.chat-container .spacer{flex:1 1 auto}.chat-container .chat{flex:0 0 auto}.file-picker{display:none}.chat .head{margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.chat .head .name{margin-right:var(--rtk-space-2, 8px);font-size:12px;font-weight:700}.chat .head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat .body{overflow-wrap:break-word;line-height:1.5}.chat .body .emoji{font-size:24px}p{margin:var(--rtk-space-0, 0px);line-height:1.5}rtk-message-view{margin-top:var(--rtk-space-2, 8px);display:block;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));box-sizing:border-box}rtk-message-view::part(message){flex-grow:1}*[is-continued] rtk-message-view{margin-top:var(--rtk-space-1, 4px)}.pinned .message-wrapper{position:relative}.pinned .pin-button{position:absolute;right:var(--rtk-space-4, 16px);top:calc(var(--rtk-space-4, 16px) * -1);display:flex;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.pinned .pin-button:hover rtk-button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-bg-opacity))}.pinned rtk-message-view{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px)}a{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));text-decoration-line:none}a:hover{text-decoration-line:underline}.new-chat-marker{display:flex;width:100%;align-items:center;gap:var(--rtk-space-2, 8px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity))}.new-chat-marker::before{content:'';height:1px;flex:1 1 0%;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.show-new-messages-ctr{pointer-events:none;display:flex;justify-content:flex-end;padding:var(--rtk-space-3, 12px);z-index:0;margin-top:calc(var(--rtk-space-14, 56px) * -1)}.show-new-messages{pointer-events:auto;--tw-translate-y:var(--rtk-space-16, 64px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, 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/rtk-chat-search-results.js

@@ -1,19 +1,19 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$d } from './p-70d6d81c.js';
-import { d as defineCustomElement$c } from './p-e229128b.js';
-import { d as defineCustomElement$b } from './p-9c8a6694.js';
-import { d as defineCustomElement$a } from './p-9d774486.js';
-import { d as defineCustomElement$9 } from './p-a3cc7425.js';
-import { d as defineCustomElement$8 } from './p-2db9c75c.js';
-import { d as defineCustomElement$7 } from './p-2d36b78b.js';
-import { d as defineCustomElement$6 } from './p-e60074c0.js';
-import { d as defineCustomElement$5 } from './p-ddc9cbf0.js';
-import { d as defineCustomElement$4 } from './p-c8cc4d31.js';
-import { d as defineCustomElement$3 } from './p-093c343d.js';
-import { d as defineCustomElement$2 } from './p-fffd5136.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$d } from './p-4f8aa40d.js';
+import { d as defineCustomElement$c } from './p-85587a5c.js';
+import { d as defineCustomElement$b } from './p-e2064e41.js';
+import { d as defineCustomElement$a } from './p-b5ee1586.js';
+import { d as defineCustomElement$9 } from './p-3e0452c4.js';
+import { d as defineCustomElement$8 } from './p-63b97c6d.js';
+import { d as defineCustomElement$7 } from './p-0173e7d4.js';
+import { d as defineCustomElement$6 } from './p-3e96db63.js';
+import { d as defineCustomElement$5 } from './p-3f49a2db.js';
+import { d as defineCustomElement$4 } from './p-5d76fdc9.js';
+import { d as defineCustomElement$3 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-2c00e397.js';
 
 const rtkChatSearchResultsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;flex-direction:column;position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}";
 const RtkChatSearchResultsStyle0 = rtkChatSearchResultsCss;

package/dist/components/rtk-chat-selector-ui.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-fdad14c9.js';
-import { e as defaultIconPack, i as useLanguage } from './p-f5e2e5d0.js';
+import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
+import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
 import { g as generateChatGroupKey } from './p-0db812c2.js';
-import { S as SyncWithStore } from './p-77b53323.js';
-import { d as defineCustomElement$2 } from './p-a3cc7425.js';
+import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 const rtkChatSelectorUiCss = ":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{display:flex;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .search{position:sticky;box-sizing:border-box;display:flex;align-items:center;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));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";
 const RtkChatSelectorUiStyle0 = rtkChatSelectorUiCss;