@cloudflare/realtimekit-ui 1.1.2 → 1.1.3-staging.1

package/dist/collection/components/rtk-participant-tile/rtk-participant-tile.js

@@ -11,7 +11,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { Host, h } from "@stencil/core";
 import { defaultIconPack } from "../../lib/icons";
 import { useLanguage } from "../../lib/lang";
-import { FlagsmithFeatureFlags } from "../../utils/flags";
 import { createDefaultConfig } from "../../exports";
 import { Render } from "../../lib/render";
 import { SyncWithStore } from "../../utils/sync-with-store";
@@ -53,15 +52,6 @@ export class RtkParticipantTile {
             this.isPinned = isPinned;
         };
         this.isSelf = () => { var _a; return this.isPreview || this.participant.id === ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self.id); };
-        this.onPause = (event) => {
-            var _a, _b;
-            if (this.isSelf() &&
-                ((_a = this.meeting) === null || _a === void 0 ? void 0 : _a.__internals__.features.hasFeature(FlagsmithFeatureFlags.PLAY_PARTICIPANT_TILE_VIDEO_ON_PAUSE))) {
-                this.meeting.__internals__.logger.warn(`Video player paused for ${this.participant.id} isSelf: ${this.isSelf()}`);
-                // @ts-ignore
-                (_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.play();
-            }
-        };
         this.onPlaying = () => {
             if (this.playTimeout)
                 clearTimeout(this.playTimeout);
@@ -140,7 +130,7 @@ export class RtkParticipantTile {
         return (h(Host, null, h("video", { ref: (el) => this.onVideoRef(el), class: {
                 mirror: this.isMirrored(),
                 [(_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.videoFit) !== null && _c !== void 0 ? _c : 'cover']: true,
-            }, onPlaying: this.onPlaying, onPause: this.onPause, autoPlay: true, playsInline: true, muted: true, part: "video" }), this.isPinned && (h("rtk-icon", { class: "pinned-icon", icon: this.iconPack.pin, "aria-label": this.t('pinned'), part: "pinned-icon" })), this.mediaConnectionError && (h("div", { class: "network-container", part: "network-indicator" }, h("rtk-icon", { class: "network-icon", icon: this.iconPack.disconnected, "aria-label": this.t('pinned'), part: "pinned-icon" }))), h("slot", null, !this.isPreview && (h(Render, { element: "rtk-participant-tile", defaults: defaults, childProps: {
+            }, onPlaying: this.onPlaying, autoPlay: true, playsInline: true, muted: true, part: "video" }), this.isPinned && (h("rtk-icon", { class: "pinned-icon", icon: this.iconPack.pin, "aria-label": this.t('pinned'), part: "pinned-icon" })), this.mediaConnectionError && (h("div", { class: "network-container", part: "network-indicator" }, h("rtk-icon", { class: "network-icon", icon: this.iconPack.disconnected, "aria-label": this.t('pinned'), part: "pinned-icon" }))), h("slot", null, !this.isPreview && (h(Render, { element: "rtk-participant-tile", defaults: defaults, childProps: {
                 participant: this.participant,
             }, deepProps: true, onlyChildren: true })))));
     }

package/dist/collection/components/rtk-speaker-selector/rtk-speaker-selector.js

@@ -12,7 +12,7 @@ import { Host, h, writeTask } from "@stencil/core";
 import { defaultIconPack } from "../../lib/icons";
 import { useLanguage } from "../../lib/lang";
 import { SyncWithStore } from "../../utils/sync-with-store";
-import { disableSettingSinkId } from "../../utils/flags";
+import { isFirefox } from "../../utils/browser";
 /**
  * A component which lets to manage your audio devices and audio preferences.
  *
@@ -94,7 +94,7 @@ export class RtkSpeakerSelector {
     }
     setDevice(deviceId) {
         var _a, _b;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         const device = this.speakerDevices.find((d) => d.deviceId === deviceId);
         this.currentDevices = {
@@ -109,7 +109,7 @@ export class RtkSpeakerSelector {
         if (!this.meeting)
             return null;
         let unnamedSpeakerCount = 0;
-        return (h(Host, null, h("audio", { preload: "auto", src: "https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !disableSettingSinkId(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
+        return (h(Host, null, h("audio", { preload: "auto", src: "https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !isFirefox(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
             var _a;
             return (h("option", { value: deviceId, selected: ((_a = this.currentDevices.speaker) === null || _a === void 0 ? void 0 : _a.deviceId) === deviceId }, label || `Speaker ${++unnamedSpeakerCount}`));
         }))))), this.variant === 'full' && (h("rtk-button", { variant: "secondary", onClick: () => this.testAudio() }, h("rtk-icon", { icon: this.iconPack.speaker, slot: "start" }), this.t('test'))))));

package/dist/collection/lib/audio.js

@@ -1,4 +1,4 @@
-import { disableSettingSinkId } from "../utils/flags";
+import { isFirefox } from "../utils/browser";
 /**
  * Handles audio from participants in a meeting
  */
@@ -42,7 +42,7 @@ export default class RTKAudio {
     }
     async setDevice(id) {
         var _a, _b, _c;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
             this.logger.error('[rtk-audio] setSinkId() error\n', err);

package/dist/collection/lib/notification.js

@@ -1,4 +1,4 @@
-import { disableSettingSinkId } from "../utils/flags";
+import { isFirefox } from "../utils/browser";
 const SOUNDS = {
     joined: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
     left: 'https://rtk-uploads.realtime.cloudflare.com/notification_join.mp3',
@@ -27,7 +27,7 @@ export default class RTKNotificationsAudio {
     }
     async setDevice(id) {
         var _a, _b, _c;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio) === null || _a === void 0 ? void 0 : _a.setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((_) => { }));
     }

package/dist/collection/utils/breakout-rooms.js

@@ -1,4 +1,3 @@
-import { isBreakoutRoomsEnabled } from "./flags";
 let roomCount = 0;
 export function getNextRoomNumber() {
     return ++roomCount;
@@ -55,7 +54,8 @@ export function getAllConnectedParticipants(meeting) {
     });
 }
 export const canToggleBreakout = (meeting) => {
-    if (!isBreakoutRoomsEnabled(meeting))
+    var _a;
+    if (!((_a = meeting === null || meeting === void 0 ? void 0 : meeting.connectedMeetings) === null || _a === void 0 ? void 0 : _a.supportsConnectedMeetings))
         return false;
     const permissions = meeting.self.permissions.connectedMeetings;
     // for host - always show toggle

package/dist/collection/utils/browser.js

@@ -0,0 +1 @@
+export const isFirefox = (meeting) => { var _a; return (_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.browserSpecs.isFirefox(); };

package/dist/components/index.js

@@ -1,10 +1,10 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ae373651.js';
-import { c as createDefaultConfig } from './p-81fcdba3.js';
-export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-81fcdba3.js';
-export { p as provideRtkDesignSystem } from './p-5960ef55.js';
-import { g as generateConfig } from './p-069084fb.js';
-export { e as extendConfig, g as generateConfig } from './p-069084fb.js';
-export { R as RtkNotificationsAudio } from './p-5a63ea3c.js';
+import { c as createDefaultConfig } from './p-d27c0af4.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, h as defaultLanguage, f as defaultOverrides, g as getInitialStates, a as uiState, u as uiStore, i as useLanguage } from './p-d27c0af4.js';
+export { p as provideRtkDesignSystem } from './p-12089f39.js';
+import { g as generateConfig } from './p-78791250.js';
+export { e as extendConfig, g as generateConfig } from './p-78791250.js';
+export { R as RtkNotificationsAudio } from './p-598b792e.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0db812c2.js';
 
 /**

package/dist/components/p-05186172.js

@@ -0,0 +1,3 @@
+const isFirefox = (meeting) => { var _a; return (_a = meeting === null || meeting === void 0 ? void 0 : meeting.__internals__) === null || _a === void 0 ? void 0 : _a.browserSpecs.isFirefox(); };
+
+export { isFirefox as i };

package/dist/components/{p-0173e7d4.js → p-05626b95.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
 import { c as computePosition, o as offset, f as flip, s as shift } from './p-769bb885.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 
 const rtkMenuCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:inline-block;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#menu-list{position:absolute;z-index:20;display:none}";
 const RtkMenuStyle0 = rtkMenuCss;

package/dist/components/{p-7422bbd3.js → p-096382b0.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
 import { d as defineCustomElement$3 } from './p-85587a5c.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';

package/dist/components/{p-740edc72.js → p-0b416040.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { d as defineCustomElement$5 } from './p-38636b95.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-6df007b8.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 
 const rtkParticipantsStageQueueCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";

package/dist/components/{p-97a5f415.js → p-0c5994cd.js}

@@ -1,6 +1,7 @@
 import { p as proxyCustomElement, H, w as writeTask, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage, D as disableSettingSinkId } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { i as isFirefox } from './p-05186172.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
@@ -89,7 +90,7 @@ const RtkSpeakerSelector = /*@__PURE__*/ proxyCustomElement(class RtkSpeakerSele
     }
     setDevice(deviceId) {
         var _a, _b;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         const device = this.speakerDevices.find((d) => d.deviceId === deviceId);
         this.currentDevices = {
@@ -104,7 +105,7 @@ const RtkSpeakerSelector = /*@__PURE__*/ proxyCustomElement(class RtkSpeakerSele
         if (!this.meeting)
             return null;
         let unnamedSpeakerCount = 0;
-        return (h(Host, null, h("audio", { preload: "auto", src: "https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !disableSettingSinkId(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
+        return (h(Host, null, h("audio", { preload: "auto", src: "https://rtk-assets.realtime.cloudflare.com/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !isFirefox(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {
             var _a;
             return (h("option", { value: deviceId, selected: ((_a = this.currentDevices.speaker) === null || _a === void 0 ? void 0 : _a.deviceId) === deviceId }, label || `Speaker ${++unnamedSpeakerCount}`));
         }))))), this.variant === 'full' && (h("rtk-button", { variant: "secondary", onClick: () => this.testAudio() }, h("rtk-icon", { icon: this.iconPack.speaker, slot: "start" }), this.t('test'))))));

package/dist/components/{p-5960ef55.js → p-12089f39.js}

@@ -1,4 +1,4 @@
-import { j as defineProperty, k as isArrayLike, l as isIndex, m as eq, n as getPrototype, o as baseAssignValue, p as copyObject, q as keysIn, r as isArray, s as isBuffer, t as isTypedArray, v as copyArray, w as cloneBuffer, x as cloneTypedArray, y as isArguments, z as isFunction, A as initCloneObject, S as Stack } from './p-81fcdba3.js';
+import { j as defineProperty, k as isArrayLike, l as isIndex, m as eq, n as getPrototype, o as baseAssignValue, p as copyObject, q as keysIn, r as isArray, s as isBuffer, t as isTypedArray, v as copyArray, w as cloneBuffer, x as cloneTypedArray, y as isArguments, z as isFunction, A as initCloneObject, S as Stack } from './p-d27c0af4.js';
 import { i as isObject, a as isObjectLike, b as baseGetTag } from './p-632cbbe7.js';
 
 const spacingScale = [

package/dist/components/{p-ec6e4433.js → p-131cd2bf.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { d as defineCustomElement$7 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$7 } from './p-38636b95.js';
 import { d as defineCustomElement$6 } from './p-85587a5c.js';
-import { d as defineCustomElement$5 } from './p-0b04dea7.js';
+import { d as defineCustomElement$5 } from './p-20b9627a.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$2 } from './p-19c5a52e.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$3 } from './p-5b86178f.js';
+import { d as defineCustomElement$2 } from './p-2ef51ae9.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 const rtkChatHeaderCss = ":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;width:100%;flex-direction:column;gap:var(--rtk-space-2, 8px);font-size:14px;z-index:10;margin-bottom:var(--rtk-space-2, 8px);box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);overflow:hidden;border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));cursor:pointer}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}";
 const RtkChatHeaderStyle0 = rtkChatHeaderCss;

package/dist/components/{p-3f49a2db.js → p-18e6ca69.js}

@@ -1,6 +1,6 @@
 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 { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 
 const rtkMenuListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;width:-moz-max-content;width:max-content;flex-direction:column;padding:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));overflow:hidden;border-radius:var(--rtk-border-radius-sm, 4px);--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);backdrop-filter:blur(60px)}:host(.primary){--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}";
 const RtkMenuListStyle0 = rtkMenuListCss;

package/dist/components/{p-5d1acef6.js → p-1a449355.js}

@@ -1,6 +1,6 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-0496f8c3.js → p-1a5b3535.js}

@@ -1,18 +1,18 @@
 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$d } from './p-4f8aa40d.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { d as defineCustomElement$d } from './p-38636b95.js';
 import { d as defineCustomElement$c } from './p-85587a5c.js';
-import { d as defineCustomElement$b } from './p-a6bd000d.js';
+import { d as defineCustomElement$b } from './p-db37ba4b.js';
 import { d as defineCustomElement$a } from './p-3e0452c4.js';
-import { d as defineCustomElement$9 } from './p-5385bf2d.js';
+import { d as defineCustomElement$9 } from './p-55dc74a4.js';
 import { d as defineCustomElement$8 } from './p-c3356393.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-ecc73c07.js';
-import { d as defineCustomElement$3 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$2 } from './p-a96efd29.js';
+import { d as defineCustomElement$7 } from './p-05626b95.js';
+import { d as defineCustomElement$6 } from './p-cba45132.js';
+import { d as defineCustomElement$5 } from './p-18e6ca69.js';
+import { d as defineCustomElement$4 } from './p-35099b4c.js';
+import { d as defineCustomElement$3 } from './p-5b86178f.js';
+import { d as defineCustomElement$2 } from './p-6df007b8.js';
 import { d as defineCustomElement$1 } from './p-8211bd3b.js';
 
 const rtkChatMessagesUiPaginatedCss = ":host{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));flex:1 0 0px}";

package/dist/components/{p-bcad0060.js → p-1cd48555.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$5 } from './p-85587a5c.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-ed333661.js';
-import { d as defineCustomElement$2 } from './p-c10bb4d6.js';
+import { d as defineCustomElement$3 } from './p-2549fae5.js';
+import { d as defineCustomElement$2 } from './p-31b9bd25.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 
 const rtkPollsCss = ":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{margin-top:var(--rtk-space-2, 8px);display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}*{box-sizing:border-box}.ctr{box-sizing:border-box;padding:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-0, 0px);display:flex;flex:1 1 0%;flex-direction:column}.polls-view{overflow-y:auto;flex:1 1 0%;flex-basis:0}.empty-polls{display:flex;height:100%;width:100%;align-items:center;justify-content:center}";

package/dist/components/{p-3075d3e5.js → p-1f2dcec2.js}

@@ -1,11 +1,11 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$6 } from './p-85587a5c.js';
-import { d as defineCustomElement$5 } from './p-1c68645f.js';
-import { d as defineCustomElement$4 } from './p-bdf236f3.js';
-import { d as defineCustomElement$3 } from './p-fae32022.js';
-import { d as defineCustomElement$2 } from './p-48073405.js';
+import { d as defineCustomElement$5 } from './p-84ca42f5.js';
+import { d as defineCustomElement$4 } from './p-a536a203.js';
+import { d as defineCustomElement$3 } from './p-712b2345.js';
+import { d as defineCustomElement$2 } from './p-efd48c28.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 
 const rtkDebuggerCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;justify-content:space-between;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}header h3{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px)}.back-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;max-width:var(--rtk-space-56, 224px) !important;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:14px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.hidden{display:none}main{position:relative;box-sizing:border-box;display:flex;height:100%;width:100%;flex-direction:column}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));width:100% !important;max-width:100% !important;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside button.hidden{display:none}:host([size='sm']) aside.hide{display:none}aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) aside button:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;height:100%;width:100%;padding:var(--rtk-space-0, 0px)}aside button:host([size='sm']) main{display:none}:host([size='sm']) aside button:host([size='sm']) main{display:none}:host([size='sm']) main.active{display:block}:host([size='sm']) header{margin:var(--rtk-space-0, 0px);justify-content:center}:host([size='sm']) header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}::-webkit-scrollbar-thumb:hover{border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.progress-bar{height:var(--rtk-space-1, 4px);width:100%;overflow:hidden;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.progress-indicator{height:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}";

package/dist/components/{p-abddf729.js → p-1f2e80a8.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
 import { s as shorten, f as formatName } from './p-efabd2ce.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 
 const rtkNameTagCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);font-size:14px;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-900, 255 255 255 / 0.88))}span.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}::slotted(rtk-audio-visualizer[slot='start']){margin-right:var(--rtk-space-1\\.5, 6px)}::slotted(rtk-audio-visualizer[slot='end']){margin-left:var(--rtk-space-1\\.5, 6px)}:host([size='sm']){font-size:12px;--tw-bg-opacity:0.6}:host([variant='text']){background-color:transparent;padding:var(--rtk-space-0, 0px)}";
 const RtkNameTagStyle0 = rtkNameTagCss;

package/dist/components/{p-0b04dea7.js → p-20b9627a.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage, f as defaultOverrides } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$5 } from './p-38636b95.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-5b86178f.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 const rtkChatSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}.public-chat-group-label{display:flex;cursor:pointer;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}.public-chat-icon{display:flex;align-items:center;justify-content:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.public-chat-icon rtk-icon{color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}";
 const RtkChatSelectorStyle0 = rtkChatSelectorCss;

package/dist/components/{p-9df0c5ee.js → p-24333ab4.js}

@@ -1,6 +1,6 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { T as TextMessageView } from './p-1a950769.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';

package/dist/components/{p-ed333661.js → p-2549fae5.js}

@@ -1,6 +1,6 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { s as shorten, f as formatName, g as getInitials } from './p-efabd2ce.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.js';
 

package/dist/components/{p-de917806.js → p-27b0f8a0.js}

@@ -1,10 +1,10 @@
 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 { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import { f as formatName, s as shorten } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-8888c763.js';
+import { d as defineCustomElement$2 } from './p-4e7c7596.js';
 import { d as defineCustomElement$1 } from './p-98c3a8f8.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)}}";

package/dist/components/{p-7905e9fd.js → p-28b0a3e0.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack, P as PlayerState, N as getLivestreamViewerAllowedQualityLevels, M as showLivestream } from './p-81fcdba3.js';
+import { i as useLanguage, e as defaultIconPack, P as PlayerState, M as getLivestreamViewerAllowedQualityLevels, L as showLivestream } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$5 } from './p-85587a5c.js';
-import { d as defineCustomElement$4 } from './p-99a80022.js';
-import { d as defineCustomElement$3 } from './p-4a3e397a.js';
+import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { d as defineCustomElement$3 } from './p-872cd1ad.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 // https://caniuse.com/mdn-javascript_builtins_number_isfinite
 const isFiniteNumber = Number.isFinite || function (value) {

package/dist/components/{p-b5ee1586.js → p-295ea037.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
 import { C as ChatHead } from './p-38d22d57.js';
 import { a as sanitizeLink } from './p-efabd2ce.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import { g as getExtension, a as getFileSize, d as downloadFile } from './p-47314bc7.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-19c5a52e.js → p-2ef51ae9.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import { e as elapsedDuration } from './p-382270d8.js';
-import { d as defineCustomElement$5 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$5 } from './p-38636b95.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-5d76fdc9.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-5b86178f.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 const rtkPinnedMessageSelectorCss = ":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;width:100%;flex-direction:column;font-size:14px;position:relative;box-sizing:border-box;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.chat-header{position:relative;margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);display:flex;flex-direction:row;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-600, 255 255 255 / 0.52));border-radius:var(--rtk-border-radius-sm, 4px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}.chat-header-label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px)}.dropdown{position:absolute;top:100%;z-index:10;padding:var(--rtk-space-0, 0px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0;pointer-events:none;border-bottom-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);left:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);max-width:calc(100vw - var(--rtk-space-4, 16px));box-sizing:border-box}.dropdown.open{opacity:1;pointer-events:auto;border-width:1px;border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity))}.dropdown rtk-paginated-list{box-sizing:border-box;display:flex;height:30vh;flex-direction:column}";
 const RtkPinnedMessageSelectorStyle0 = rtkPinnedMessageSelectorCss;

package/dist/components/{p-a10673e1.js → p-30ff359a.js}

@@ -1,9 +1,9 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$3 } from './p-85587a5c.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 const EMOJI_ASSET_URL = 'https://rtk-assets.realtime.cloudflare.com/assets/emojis-data.json';
 let cachedEmojis;

package/dist/components/{p-3ff4d642.js → p-3128ba3c.js}

@@ -1,7 +1,7 @@
 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 { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-c10bb4d6.js → p-31b9bd25.js}

@@ -1,6 +1,6 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-ecc73c07.js → p-35099b4c.js}

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
 import { f as formatDateTime, e as elapsedDuration } from './p-382270d8.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { e as defaultIconPack } from './p-81fcdba3.js';
+import { S as SyncWithStore } from './p-ff361719.js';
+import { e as defaultIconPack } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$6 } from './p-4f8aa40d.js';
+import { d as defineCustomElement$6 } from './p-38636b95.js';
 import { d as defineCustomElement$5 } from './p-3e0452c4.js';
-import { d as defineCustomElement$4 } from './p-0173e7d4.js';
-import { d as defineCustomElement$3 } from './p-3e96db63.js';
-import { d as defineCustomElement$2 } from './p-3f49a2db.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$4 } from './p-05626b95.js';
+import { d as defineCustomElement$3 } from './p-cba45132.js';
+import { d as defineCustomElement$2 } from './p-18e6ca69.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.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)))}:host{max-width:var(--rtk-space-96, 384px)}.message-wrapper{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:var(--rtk-space-2, 8px)}.message-wrapper.incoming{flex-direction:row}.message{display:flex;flex-direction:column;align-items:flex-end}.incoming .message{display:flex;flex-direction:column;align-items:flex-start}.header{margin-top:var(--rtk-space-1, 4px);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:12px;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}.bubble{max-width:90%;padding:var(--rtk-space-2, 8px);border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-md, 8px)}.incoming .bubble{--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-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.incoming .metadata{margin-top:var(--rtk-space-2, 8px);display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px);align-self:flex-end;font-size:11px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.metadata-content{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-1, 4px)}.avatar{display:none}rtk-menu{position:absolute;right:var(--rtk-space-1, 4px);top:var(--rtk-space-1, 4px);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;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));padding:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none}.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 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))}.incoming .actions{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}@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-4fead174.js → p-3709c6a0.js}

@@ -1,7 +1,7 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-85587a5c.js';
 import { d as defineCustomElement$1 } from './p-3e0452c4.js';
 

package/dist/components/{p-4f8aa40d.js → p-38636b95.js}

@@ -1,9 +1,9 @@
 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 { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
 import { f as formatName, g as getInitials } from './p-efabd2ce.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { S as SyncWithStore } from './p-ff361719.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
-import { d as defineCustomElement$1 } from './p-a96efd29.js';
+import { d as defineCustomElement$1 } from './p-6df007b8.js';
 
 const rtkAvatarCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;