npm - @cloudflare/realtimekit-ui - Versions diffs - 1.0.0-staging.7 → 1.0.0-staging.9 - Mend

@cloudflare/realtimekit-ui 1.0.0-staging.7 → 1.0.0-staging.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (532) hide show

package/dist/components/{p-3237d36e.js → p-eca2ab2e.js} RENAMED Viewed

@@ -1,60 +1,60 @@
 import { p as proxyCustomElement, H, d as createEvent, h, F as Fragment, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage, l as usePaginatedChat, F as FlagsmithFeatureFlags } from './p-9fe29f26.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage, l as usePaginatedChat, F as FlagsmithFeatureFlags } from './p-e6d09c50.js';
 import { h as handleFilesDataTransfer, g as generateChatGroupKey, T as TEMPORARY_CHANNEL_PREFIX, i as isDirectMessageChannel, d as alphabeticalSorter, f as getDMComparator, s as stripOutReplyBlock, j as parseMessageForTarget } from './p-0abe4b8a.js';
 import { c as chatUnreadTimestamps } from './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$Q } from './p-40528bcd.js';
-import { d as defineCustomElement$P } from './p-1e5c8aa3.js';
-import { d as defineCustomElement$O } from './p-27988e7d.js';
-import { d as defineCustomElement$N } from './p-6d518dc3.js';
-import { d as defineCustomElement$M } from './p-c4bae3c7.js';
-import { d as defineCustomElement$L } from './p-56f3354e.js';
-import { d as defineCustomElement$K } from './p-56ceecc0.js';
-import { d as defineCustomElement$J } from './p-41c73a61.js';
-import { d as defineCustomElement$I } from './p-df6f544a.js';
-import { d as defineCustomElement$H } from './p-74c4573e.js';
-import { d as defineCustomElement$G } from './p-cb4940e9.js';
-import { d as defineCustomElement$F } from './p-b05351e6.js';
-import { d as defineCustomElement$E } from './p-0536e520.js';
-import { d as defineCustomElement$D } from './p-5c7262b7.js';
-import { d as defineCustomElement$C } from './p-7ef7b528.js';
-import { d as defineCustomElement$B } from './p-ddc286c8.js';
-import { d as defineCustomElement$A } from './p-e114de57.js';
-import { d as defineCustomElement$z } from './p-0ecdf806.js';
-import { d as defineCustomElement$y } from './p-c921dfb0.js';
-import { d as defineCustomElement$x } from './p-129cc75c.js';
-import { d as defineCustomElement$w } from './p-df65f9e5.js';
-import { d as defineCustomElement$v } from './p-15c3dd0e.js';
-import { d as defineCustomElement$u } from './p-f27b3e2b.js';
-import { d as defineCustomElement$t } from './p-61d7cfae.js';
-import { d as defineCustomElement$s } from './p-f894e365.js';
-import { d as defineCustomElement$r } from './p-8d377d94.js';
-import { d as defineCustomElement$q } from './p-90dc317b.js';
-import { d as defineCustomElement$p } from './p-3b2f5ba8.js';
-import { d as defineCustomElement$o } from './p-d64c69c2.js';
-import { d as defineCustomElement$n } from './p-94d33473.js';
-import { d as defineCustomElement$m } from './p-456299a7.js';
-import { d as defineCustomElement$l } from './p-8720d374.js';
-import { d as defineCustomElement$k } from './p-95c03709.js';
-import { d as defineCustomElement$j } from './p-96dc9653.js';
-import { d as defineCustomElement$i } from './p-ec0d1a77.js';
-import { d as defineCustomElement$h } from './p-6cada312.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$Q } from './p-9c17c7ce.js';
+import { d as defineCustomElement$P } from './p-e542eda6.js';
+import { d as defineCustomElement$O } from './p-ab87c5be.js';
+import { d as defineCustomElement$N } from './p-eb10c563.js';
+import { d as defineCustomElement$M } from './p-965a4bd9.js';
+import { d as defineCustomElement$L } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$K } from './p-9da5b9d0.js';
+import { d as defineCustomElement$J } from './p-f6046472.js';
+import { d as defineCustomElement$I } from './p-28f65402.js';
+import { d as defineCustomElement$H } from './p-9cace38c.js';
+import { d as defineCustomElement$G } from './p-0c4a1808.js';
+import { d as defineCustomElement$F } from './p-c2723ebb.js';
+import { d as defineCustomElement$E } from './p-898da6ae.js';
+import { d as defineCustomElement$D } from './p-0c94b402.js';
+import { d as defineCustomElement$C } from './p-4880c342.js';
+import { d as defineCustomElement$B } from './p-175b365f.js';
+import { d as defineCustomElement$A } from './p-0ea515b2.js';
+import { d as defineCustomElement$z } from './p-e4376670.js';
+import { d as defineCustomElement$y } from './p-31ce3b90.js';
+import { d as defineCustomElement$x } from './p-24ffce5a.js';
+import { d as defineCustomElement$w } from './p-ae239151.js';
+import { d as defineCustomElement$v } from './p-62a6b783.js';
+import { d as defineCustomElement$u } from './p-bd9a0ef8.js';
+import { d as defineCustomElement$t } from './p-25770e4e.js';
+import { d as defineCustomElement$s } from './p-b12e5011.js';
+import { d as defineCustomElement$r } from './p-c27c353f.js';
+import { d as defineCustomElement$q } from './p-935b5e0f.js';
+import { d as defineCustomElement$p } from './p-35d6211b.js';
+import { d as defineCustomElement$o } from './p-b3537ccc.js';
+import { d as defineCustomElement$n } from './p-4608147b.js';
+import { d as defineCustomElement$m } from './p-2f2fb96d.js';
+import { d as defineCustomElement$l } from './p-922f201f.js';
+import { d as defineCustomElement$k } from './p-4096426e.js';
+import { d as defineCustomElement$j } from './p-b39c779d.js';
+import { d as defineCustomElement$i } from './p-3d845f44.js';
+import { d as defineCustomElement$h } from './p-5ffcbba3.js';
 import { d as defineCustomElement$g } from './p-3358d7dc.js';
-import { d as defineCustomElement$f } from './p-0083965b.js';
-import { d as defineCustomElement$e } from './p-8db0a4da.js';
-import { d as defineCustomElement$d } from './p-79e3eeee.js';
-import { d as defineCustomElement$c } from './p-e897d0cb.js';
-import { d as defineCustomElement$b } from './p-40ad6638.js';
-import { d as defineCustomElement$a } from './p-2cfccf90.js';
-import { d as defineCustomElement$9 } from './p-b40adc00.js';
-import { d as defineCustomElement$8 } from './p-3819cd85.js';
-import { d as defineCustomElement$7 } from './p-ea4ce54a.js';
-import { d as defineCustomElement$6 } from './p-929d11f5.js';
-import { d as defineCustomElement$5 } from './p-531aad34.js';
-import { d as defineCustomElement$4 } from './p-789d49ad.js';
-import { d as defineCustomElement$3 } from './p-2e04d08a.js';
-import { d as defineCustomElement$2 } from './p-168b17a0.js';
-import { d as defineCustomElement$1 } from './p-dcd9f0d2.js';
+import { d as defineCustomElement$f } from './p-4cedc9e8.js';
+import { d as defineCustomElement$e } from './p-10182034.js';
+import { d as defineCustomElement$d } from './p-c7dcb441.js';
+import { d as defineCustomElement$c } from './p-c939f92d.js';
+import { d as defineCustomElement$b } from './p-135d5d2f.js';
+import { d as defineCustomElement$a } from './p-ece96324.js';
+import { d as defineCustomElement$9 } from './p-1a546cf4.js';
+import { d as defineCustomElement$8 } from './p-71e0f6f2.js';
+import { d as defineCustomElement$7 } from './p-9cfe5c7c.js';
+import { d as defineCustomElement$6 } from './p-68b6f23b.js';
+import { d as defineCustomElement$5 } from './p-81f4e985.js';
+import { d as defineCustomElement$4 } from './p-f0dfdfea.js';
+import { d as defineCustomElement$3 } from './p-406292be.js';
+import { d as defineCustomElement$2 } from './p-bcb91396.js';
+import { d as defineCustomElement$1 } from './p-e3b59650.js';
 const rtkChatCss = ":host {\n  line-height: initial;\n  font-family: var(--rtk-font-family, sans-serif);\n\n  font-feature-settings: normal;\n  font-variation-settings: normal;\n}\n\np {\n  margin: var(--rtk-space-0, 0px);\n  padding: var(--rtk-space-0, 0px);\n}\n\n.scrollbar {\n  /* For Firefox */\n  scrollbar-width: thin;\n  scrollbar-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent);\n}\n\n/* For WebKit */\n.scrollbar::-webkit-scrollbar {\n  height: var(--rtk-space-1\\.5, 6px);\n  width: var(--rtk-space-1\\.5, 6px);\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-background, transparent);\n}\n\n.scrollbar::-webkit-scrollbar-thumb {\n  border-radius: 9999px;\n  background-color: var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)));\n}\n\n\n:host {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: column;\n  font-size: 14px;\n  position: relative;\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255));\n}\n\nh3 {\n  margin: var(--rtk-space-0, 0px);\n  display: flex;\n  height: var(--rtk-space-12, 48px);\n  align-items: center;\n  justify-content: center;\n  font-size: 16px;\n  font-weight: 400;\n  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));\n  text-align: center;\n}\n\n#dropzone {\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  display: none;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  color: rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));\n}\n\n#dropzone.active {\n  display: flex;\n  animation: 0.2s slide-up ease-in;\n}\n\nrtk-chat-messages-ui,\nrtk-chat-messages-ui-paginated {\n  flex: 1 0 0;\n}\n\nrtk-chat-composer-view {\n  margin: var(--rtk-space-2, 8px);\n}\n\n.chat-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  flex-direction: row;\n  container-type: size;\n  container-name: chatcontainer;\n}\n\n@container chatcontainer (height < 360px) {\n  rtk-channel-selector-view {\n    height: var(--rtk-space-8, 32px);\n    min-height: 24px;\n  }\n}\n\n.chat {\n  display: flex;\n  flex: 1 1 0%;\n  flex-direction: column;\n}\n\n.banner {\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n.banner .welcome-new-channel {\n  width: var(--rtk-space-48, 192px);\n}\n\n.banner .create-channel-illustration {\n  height: var(--rtk-space-40, 160px);\n  width: var(--rtk-space-40, 160px);\n}\n\n.channel-selector-header {\n  box-sizing: border-box;\n  height: var(--rtk-space-16, 64px);\n  padding: var(--rtk-space-4, 16px);\n  display: flex;\n  justify-content: space-between;\n  border-bottom: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-700, 44 44 44));\n}\n\n.channel-selector-header .channel-create-btn {\n  width: var(--rtk-space-8, 32px);\n  justify-content: center;\n}\n\n.channel-selector-header .channel-create-btn:hover {\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-text-opacity));\n}\n\n.view-chats-btn {\n  margin-top: var(--rtk-space-4, 16px);\n}\n\n.selector-container {\n  z-index: 50;\n  width: 100%;\n  max-width: var(--rtk-space-80, 320px);\n  border-right: var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));\n}\n\n.selector-container.hide {\n  display: none;\n}\n\n.mobile-close-btn {\n  display: none;\n}\n\n.selector-container.mobile {\n  height: 100%;\n  width: 100%;\n  max-width: 100%;\n  position: absolute;\n  top: var(--rtk-space-0, 0px);\n  right: var(--rtk-space-0, 0px);\n  bottom: var(--rtk-space-0, 0px);\n  left: var(--rtk-space-0, 0px);\n  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / 0.6);\n  display: flex;\n}\n\n.selector-container.mobile rtk-channel-selector-view {\n  max-width: var(--rtk-space-96, 384px);\n    animation: 0.3s swipe-in;\n}\n\n.selector-container.mobile .mobile-close-btn {\n  margin-top: var(--rtk-space-4, 16px);\n  margin-bottom: var(--rtk-space-4, 16px);\n  margin-left: var(--rtk-space-6, 24px);\n  margin-right: var(--rtk-space-6, 24px);\n  display: block;\n}\n\n.pinned-messages-header {\n  display: flex;\n  align-items: center;\n  gap: var(--rtk-space-2, 8px);\n  padding: var(--rtk-space-2, 8px);\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  font-size: 12px;\n  cursor: pointer;\n}\n\n.pinned-messages-header rtk-icon {\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px);\n}\n\n.pinned-messages-header:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n.pinned-messages-header.active {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));\n}\n\n@keyframes swipe-in {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n";
 const RtkChatStyle0 = rtkChatCss;

package/dist/components/p-ece96324.js ADDED Viewed

@@ -0,0 +1,107 @@
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { T as TextMessageView } from './p-a2f4f9e3.js';
+import { d as defineCustomElement$2 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
+const rtkNotificationCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-3, 12px);max-width:var(--rtk-space-72, 288px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{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}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
+const RtkNotificationStyle0 = rtkNotificationCss;
+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 RtkNotification = /*@__PURE__*/ proxyCustomElement(class RtkNotification extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dismiss = createEvent(this, "rtkNotificationDismiss", 7);
+        /** Icon pack */
+        this.iconPack = defaultIconPack;
+        /** Language */
+        this.t = useLanguage();
+        this.imageState = 'loading';
+    }
+    connectedCallback() {
+        this.notificationChanged(this.notification);
+    }
+    pausedChanged(paused) {
+        if (paused) {
+            clearTimeout(this.timeout);
+        }
+        else {
+            this.notificationChanged(this.notification);
+        }
+    }
+    notificationChanged(notification) {
+        if (notification != null && typeof notification.duration === 'number' && !this.paused) {
+            this.timeout = window.setTimeout(() => {
+                this.dismiss.emit(notification.id);
+            }, notification.duration);
+        }
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: 'b6a7ede34064bcc25040589cd09b00a5e5a5cf8a' }, h("div", { key: '42608dc49ec59c0c54be513e59b81627f0ecb11c', class: "ctr" }, this.notification.icon != null && (h("rtk-icon", { key: '263c38129622549c8df1900d8905f52ee29cff8a', class: "icon", icon: this.notification.icon, variant: (_a = this.notification.iconVariant) !== null && _a !== void 0 ? _a : 'primary' })), this.notification.image != null &&
+            this.notification.icon == null &&
+            this.imageState !== 'errored' && (h("img", { key: '0e8d7812bd8b58ce0efe3edff6ae7346cbcd0fd4', src: this.notification.image, class: { loaded: this.imageState === 'loaded' }, onLoad: () => (this.imageState = 'loaded'), onError: () => (this.imageState = 'errored') })), h("p", { key: 'f28ec5ff1a3902817d5501ea2324371defc8995a', class: "message" }, h(TextMessageView, { key: '7f7b179a67d125585ed70112fcb2a1925c3bae52', message: this.notification.message })), h("div", { key: '2ba60b2b60ddbc43d207adc86e0a975f3c432f70', class: "right" }, this.notification.button != null && (h("rtk-button", { key: '2f4871b0ee2871cbccb016e4451e28c424fe14ce', size: "sm", variant: this.notification.button.variant, onClick: () => this.notification.button.onClick() }, this.notification.button.text)), h("button", { key: '1786dac10dbc2ca9aabad707354ce16fe1af9bc8', onClick: () => this.dismiss.emit(this.notification.id), class: "dismiss" }, h("rtk-icon", { key: 'b11c47705af86c38bd6488ecb6998aad62099396', "aria-label": this.t('dismiss'), icon: this.iconPack.dismiss }))))));
+    }
+    static get watchers() { return {
+        "paused": ["pausedChanged"],
+        "notification": ["notificationChanged"]
+    }; }
+    static get style() { return RtkNotificationStyle0; }
+}, [1, "rtk-notification", {
+        "notification": [16],
+        "paused": [4],
+        "size": [513],
+        "iconPack": [16],
+        "t": [16],
+        "imageState": [32]
+    }, undefined, {
+        "paused": ["pausedChanged"],
+        "notification": ["notificationChanged"]
+    }]);
+__decorate([
+    SyncWithStore()
+], RtkNotification.prototype, "size", void 0);
+__decorate([
+    SyncWithStore()
+], RtkNotification.prototype, "iconPack", void 0);
+__decorate([
+    SyncWithStore()
+], RtkNotification.prototype, "t", void 0);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["rtk-notification", "rtk-button", "rtk-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "rtk-notification":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RtkNotification);
+            }
+            break;
+        case "rtk-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "rtk-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+export { RtkNotification as R, defineCustomElement as d };

package/dist/components/{p-be1b951d.js → p-ef376a73.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, s as showLivestream } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { a as defaultIconPack, c as useLanguage, s as showLivestream } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
-const rtkViewerCountCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:14px}:host([size='sm']){margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px);font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([variant='embedded']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0.5;margin-top:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:12px}:host([variant='embedded']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
+const rtkViewerCountCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:14px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([variant='embedded']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0.5;margin-top:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:12px}:host([variant='embedded']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkViewerCountStyle0 = rtkViewerCountCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -55,7 +55,7 @@ const RtkViewerCount = /*@__PURE__*/ proxyCustomElement(class RtkViewerCount ext
     }
     render() {
         if (!showLivestream(this.meeting))
-            return null;
+            return h(Host, { "data-hidden": true });
         return (h(Host, { tabIndex: 0, role: "log", "aria-label": `${this.viewerCount} ${this.t('viewers')}` }, h("rtk-icon", { icon: this.iconPack.viewers, tabIndex: -1, "aria-hidden": true, part: "icon" }), this.viewerCount, " ", this.t('viewers')));
     }
     static get watchers() { return {

package/dist/components/{p-789d49ad.js → p-f0dfdfea.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
 const rtkTextComposerViewCss = ".chat-input {\n  position: relative;\n  z-index: 10;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: var(--rtk-border-radius-md, 8px);\n  border-top-right-radius: var(--rtk-border-radius-md, 8px)\n}\n\n  .chat-input textarea {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  box-sizing: border-box;\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::-moz-placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea {\n  font-family: var(--rtk-font-family, sans-serif);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  overflow-y: auto;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  min-height: 60px;\n  font-size: 14px\n}\n\n@container chatcontainer (height < 360px) {\n  textarea {\n    height: 30px !important;\n    min-height: 30px !important\n  }\n}\n\n.text-error {\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  margin-top: var(--rtk-space-1, 4px);\n  margin-left: var(--rtk-space-1, 4px);\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  font-weight: 600;\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity));\n  border: 1px solid\n}\n\n#warning-indicator {\n  margin-right: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px)\n}\n\n.text-error.breached {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))\n}";
 const RtkTextComposerViewStyle0 = rtkTextComposerViewCss;
@@ -76,7 +76,7 @@ const RtkTextComposerView = /*@__PURE__*/ proxyCustomElement(class RtkTextCompos
         }
     }
     render() {
-        return (h("div", { key: 'a5c60716f87b3fe0c18849c889c33dc68e2cda5f', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'fdb5dfa266fe4535a5623eec26f16dced824fc03', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '57839914af1e0ba02cf962d66e0a6421f7d841e8', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'c0c869cae45b9b125034b7bb4f14bb8e843133a7', class: 'text-error breached' }, h("rtk-icon", { key: 'f6cd0c6cf8b2a4e9811c7c189543f03fdc5c5c22', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '78c0a228465c669fd3969f04e18c8e5f1e5cd342', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (h("div", { key: 'ce055f9e92b79c5ae63448220ea3f1e5adfb39c1', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: 'd131418c66d521fb7b3012465f5774113ae902eb', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '01c5f7756fb5a76cf3319122c9d808f2b0f6bbf8', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'f96301c878d5b3b607fcd5de6d2131e647a3477a', class: 'text-error breached' }, h("rtk-icon", { key: '9b2ecdbac46b0e6ab09e91280c9ca473c719a5a9', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: 'fc08e05d8d917e72ec1218d0a2d2bc1db618c4cc', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
     static get style() { return RtkTextComposerViewStyle0; }
 }, [1, "rtk-text-composer-view", {

package/dist/components/{p-d27979d5.js → p-f33bb583.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$8 } from './p-40528bcd.js';
-import { d as defineCustomElement$7 } from './p-56f3354e.js';
-import { d as defineCustomElement$6 } from './p-456299a7.js';
-import { d as defineCustomElement$5 } from './p-8db0a4da.js';
-import { d as defineCustomElement$4 } from './p-79e3eeee.js';
-import { d as defineCustomElement$3 } from './p-a9598bcb.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
-import { d as defineCustomElement$1 } from './p-2973e211.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$8 } from './p-9c17c7ce.js';
+import { d as defineCustomElement$7 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$6 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$5 } from './p-10182034.js';
+import { d as defineCustomElement$4 } from './p-c7dcb441.js';
+import { d as defineCustomElement$3 } from './p-b373da43.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.js';
+import { d as defineCustomElement$1 } from './p-31a1dc4d.js';
 const rtkParticipantsViewerListCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;

package/dist/components/{p-41c73a61.js → p-f6046472.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as useLanguage, a as defaultIconPack } from './p-9fe29f26.js';
+import { c as useLanguage, a as defaultIconPack } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$3 } from './p-40528bcd.js';
-import { d as defineCustomElement$2 } from './p-456299a7.js';
-import { d as defineCustomElement$1 } from './p-531aad34.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$3 } from './p-9c17c7ce.js';
+import { d as defineCustomElement$2 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$1 } from './p-81f4e985.js';
 const rtkChannelDetailsCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}:host{border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));display:flex;flex-direction:column;width:var(--rtk-space-72, 288px);padding-top:var(--rtk-space-5, 20px);padding-bottom:var(--rtk-space-5, 20px);padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px)}header{font-size:20px}rtk-spinner{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);margin-left:auto;margin-right:auto}ul{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-6, 24px);margin-bottom:var(--rtk-space-4, 16px);height:var(--rtk-space-48, 192px);padding:var(--rtk-space-0, 0px);overflow-y:auto;list-style-type:none;display:flex;flex-direction:column;gap:var(--rtk-space-2, 8px)}ul li{margin-right:var(--rtk-space-2, 8px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}ul li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}ul li rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkChannelDetailsStyle0 = rtkChannelDetailsCss;

package/dist/components/{p-f9546c57.js → p-fe278fba.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { h as hark } from './p-3f882e7c.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$1 } from './p-456299a7.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$1 } from './p-2f2fb96d.js';
 /**
  * Draws audio visualizer of variant `bars`

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$4 } from './p-9e617955.js';
-import { d as defineCustomElement$3 } from './p-456299a7.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$4 } from './p-6acaa07e.js';
+import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.js';
 const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
 const RtkAiToggleStyle0 = rtkAiToggleCss;

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

@@ -1,4 +1,4 @@
-import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-7b48ba5a.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-46690510.js';
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ai.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$4 } from './p-7b48ba5a.js';
-import { d as defineCustomElement$3 } from './p-56f3354e.js';
-import { d as defineCustomElement$2 } from './p-456299a7.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$4 } from './p-46690510.js';
+import { d as defineCustomElement$3 } from './p-4cc0e9a5.js';
+import { d as defineCustomElement$2 } from './p-2f2fb96d.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;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
+import { S as SyncWithStore } from './p-d5791958.js';
 import { R as Render } from './p-60fdbd75.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)}";

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
 import { h as hark } from './p-3f882e7c.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$5 } from './p-40528bcd.js';
-import { d as defineCustomElement$4 } from './p-456299a7.js';
-import { d as defineCustomElement$3 } from './p-793ed5cb.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$5 } from './p-9c17c7ce.js';
+import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$3 } from './p-10759cad.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.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 CHANGED Viewed

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

package/dist/components/rtk-avatar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-40528bcd.js';
+import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-9c17c7ce.js';
 const RtkAvatar = RtkAvatar$1;
 const defineCustomElement = defineCustomElement$1;

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$4 } from './p-9e617955.js';
-import { d as defineCustomElement$3 } from './p-456299a7.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
+import { a as defaultIconPack, c as useLanguage, k as canToggleBreakout } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$4 } from './p-6acaa07e.js';
+import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-c4bae3c7.js';
+import { R as RtkBroadcastMessageModal$1, d as defineCustomElement$1 } from './p-965a4bd9.js';
 const RtkBroadcastMessageModal = RtkBroadcastMessageModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-button.js CHANGED Viewed

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

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

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

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$5 } from './p-9e617955.js';
-import { d as defineCustomElement$4 } from './p-456299a7.js';
-import { d as defineCustomElement$3 } from './p-531aad34.js';
-import { d as defineCustomElement$2 } from './p-dcd9f0d2.js';
+import { a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$5 } from './p-6acaa07e.js';
+import { d as defineCustomElement$4 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$3 } from './p-81f4e985.js';
+import { d as defineCustomElement$2 } from './p-e3b59650.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 CHANGED Viewed

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-9fe29f26.js';
+import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-e6d09c50.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-15594b6b.js';
-import { d as defineCustomElement$4 } from './p-9e617955.js';
-import { d as defineCustomElement$3 } from './p-456299a7.js';
-import { d as defineCustomElement$2 } from './p-531aad34.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$4 } from './p-6acaa07e.js';
+import { d as defineCustomElement$3 } from './p-2f2fb96d.js';
+import { d as defineCustomElement$2 } from './p-81f4e985.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-channel-creator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-56ceecc0.js';
+import { R as RtkChannelCreator$1, d as defineCustomElement$1 } from './p-9da5b9d0.js';
 const RtkChannelCreator = RtkChannelCreator$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-channel-details.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-41c73a61.js';
+import { R as RtkChannelDetails$1, d as defineCustomElement$1 } from './p-f6046472.js';
 const RtkChannelDetails = RtkChannelDetails$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-channel-header.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-df6f544a.js';
+import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-28f65402.js';
 const RtkChannelHeader = RtkChannelHeader$1;
 const defineCustomElement = defineCustomElement$1;