@cloudflare/realtimekit-ui 1.1.0-staging.3 → 1.1.0-staging.4

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

@@ -69,13 +69,13 @@ const RtkSpotlightGrid$1 = /*@__PURE__*/ proxyCustomElement(class RtkSpotlightGr
             t: this.t,
         };
         const nonPinnedParticipants = this.participants.filter((p) => this.pinnedParticipants.some((pt) => pt.id != p.id));
-        return (h(Host, { key: 'e59d2ac514c625655e956290435cf75115d28680' }, h("main", { key: '3a6ce7465092914937ccc0a4011313889ff8b215', part: "main" }, h(Render, { key: 'ed21c2595f58f4b430b1d42b7329c6e3a7952552', element: "rtk-simple-grid", defaults: defaults, props: {
+        return (h(Host, { key: 'cbdc37e14e4f6b6a9e10aabfc27200b3ec428f1e' }, h("main", { key: '98c15a1f061f57c691726bf04783355c813ad187', part: "main" }, h(Render, { key: 'b338f839172daee1f8c6ba7432ecec1710e59328', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'main-grid',
                 participants: this.pinnedParticipants,
                 aspectRatio: this.aspectRatio,
                 gap: this.gap,
                 size: this.getAdaptiveSize(this.pinnedParticipants.length),
-            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '52d3ab791766e9107b034de5328c72d63729db1c', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: '58ca609909a390092527ae999195e7d0c46a4feb', element: "rtk-simple-grid", defaults: defaults, props: {
+            } })), nonPinnedParticipants.length > 0 && (h("aside", { key: '6659a1aca188a0ea9ca15a11f7fd4ebe8b797221', part: "aside", class: this.gridSize.spotlight ? `grid-width-${this.gridSize.spotlight}` : 'grid-width-md' }, h(Render, { key: 'ae4f50970e4932c659a7e30afa4e028c9d743453', element: "rtk-simple-grid", defaults: defaults, props: {
                 part: 'aside-grid',
                 participants: nonPinnedParticipants,
                 aspectRatio: this.aspectRatio,

package/dist/components/rtk-spotlight-indicator.js

@@ -1,4 +1,4 @@
-import { R as RtkSpotlightIndicator$1, d as defineCustomElement$1 } from './p-3b6af603.js';
+import { R as RtkSpotlightIndicator$1, d as defineCustomElement$1 } from './p-a0a0867a.js';
 
 const RtkSpotlightIndicator = RtkSpotlightIndicator$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -2,10 +2,10 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$5 } from './p-9c88019e.js';
+import { d as defineCustomElement$5 } from './p-cd790a43.js';
 import { d as defineCustomElement$4 } from './p-3b29dda1.js';
-import { d as defineCustomElement$3 } from './p-8b4e32b7.js';
-import { d as defineCustomElement$2 } from './p-fa8f6b4a.js';
+import { d as defineCustomElement$3 } from './p-5b66b8f3.js';
+import { d as defineCustomElement$2 } from './p-85990be7.js';
 
 const canJoinStage = (meeting) => {
     var _a, _b;

package/dist/components/rtk-stage.js

@@ -27,7 +27,7 @@ const RtkStage$1 = /*@__PURE__*/ proxyCustomElement(class RtkStage extends H {
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'a8869602eda342c0c2de8682ab0b68cf68b4883e' }, h("slot", { key: 'f2c477f44bed9ac574795d934db9f72920b73180' })));
+        return (h(Host, { key: '7f2759763ff041db5960fcf5fc5ed0d09d7cafcb' }, h("slot", { key: '80de219e3ae4e031ba2bce48c86f5139a98c307e' })));
     }
     static get style() { return RtkStageStyle0; }
 }, [1, "rtk-stage", {

package/dist/components/rtk-switch.js

@@ -1,4 +1,4 @@
-import { R as RtkSwitch$1, d as defineCustomElement$1 } from './p-ff8753e8.js';
+import { R as RtkSwitch$1, d as defineCustomElement$1 } from './p-8f381eef.js';
 
 const RtkSwitch = RtkSwitch$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-tab-bar.js

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

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

@@ -1,4 +1,4 @@
-import { R as RtkTextComposerView$1, d as defineCustomElement$1 } from './p-d9b1945a.js';
+import { R as RtkTextComposerView$1, d as defineCustomElement$1 } from './p-89cfd513.js';
 
 const RtkTextComposerView = RtkTextComposerView$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-text-message-view.js

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

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

@@ -1,4 +1,4 @@
-import { R as RtkTextMessage$1, d as defineCustomElement$1 } from './p-962c2e24.js';
+import { R as RtkTextMessage$1, d as defineCustomElement$1 } from './p-011adf66.js';
 
 const RtkTextMessage = RtkTextMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-tooltip.js

@@ -1,4 +1,4 @@
-import { R as RtkMenu, d as defineCustomElement$1 } from './p-fa8f6b4a.js';
+import { R as RtkMenu, d as defineCustomElement$1 } from './p-85990be7.js';
 
 const RtkTooltip = RtkMenu;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-transcript.js

@@ -1,4 +1,4 @@
-import { R as RtkTranscript$1, d as defineCustomElement$1 } from './p-0c512fd1.js';
+import { R as RtkTranscript$1, d as defineCustomElement$1 } from './p-020800ee.js';
 
 const RtkTranscript = RtkTranscript$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-transcripts.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3
 import { c as createDefaultConfig, i as useLanguage, G as clone } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
 import { S as SyncWithStore } from './p-6f7c46d2.js';
-import { d as defineCustomElement$2 } from './p-0c512fd1.js';
+import { d as defineCustomElement$2 } from './p-020800ee.js';
 
 const rtkTranscriptsCss = ":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:absolute;top:var(--rtk-space-4, 16px);right:var(--rtk-space-4, 16px);bottom:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);top:auto;display:flex;flex-direction:column;pointer-events:none;justify-content:center;width:100%;z-index:5}rtk-transcript{margin-top:var(--rtk-space-2, 8px)}";
 const RtkTranscriptsStyle0 = rtkTranscriptsCss;

package/dist/components/rtk-virtualized-participant-list.js

@@ -1,4 +1,4 @@
-import { R as RtkVirtualizedParticipantList$1, d as defineCustomElement$1 } from './p-0d582365.js';
+import { R as RtkVirtualizedParticipantList$1, d as defineCustomElement$1 } from './p-0ca31fce.js';
 
 const RtkVirtualizedParticipantList = RtkVirtualizedParticipantList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-waiting-screen.js

@@ -30,7 +30,7 @@ const RtkWaitingScreen$1 = /*@__PURE__*/ proxyCustomElement(class RtkWaitingScre
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1b65c6ea9a3747fca54e10ae22de1f66f0b5095e' }, h("slot", { key: '1291fd61658c377b46a19a48972bd9fd718a6452' }, h("div", { key: '72d460d5cfaa8aa5ef03a97466a5ea1810c661a6', class: "centered", part: "content" }, h("rtk-logo", { key: 'd9f65cf1ca150090051a7f832eccff954231a53f', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: '2bf23f63b9bb3aea03c880ea70c2911f919fc299' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: 'c21b86271de7d3910476d8ea8019848981d0e9d3' }, h("slot", { key: '93494d4d023907869ab1e54a2ca6aa7cfb37f58f' }, h("div", { key: '19aa832688911f8bea9300ed5d96718df6b17aad', class: "centered", part: "content" }, h("rtk-logo", { key: '9508d857a730037a054d29022d6920ad9ff9fab0', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'a88ea02d3b422169ce0c40f13c6c480bf3a176ab' }, this.t('waitlist.body_text'))))));
     }
     static get style() { return RtkWaitingScreenStyle0; }
 }, [1, "rtk-waiting-screen", {

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-01-14T09:17:29",
+  "timestamp": "2026-01-15T10:29:31",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -13217,6 +13217,7 @@
         "rtk-channel-details",
         "rtk-channel-selector-ui",
         "rtk-channel-selector-view",
+        "rtk-chat",
         "rtk-chat-composer-ui",
         "rtk-chat-message",
         "rtk-message-view",
@@ -13255,6 +13256,9 @@
         "rtk-channel-selector-view": [
           "rtk-avatar"
         ],
+        "rtk-chat": [
+          "rtk-avatar"
+        ],
         "rtk-chat-composer-ui": [
           "rtk-avatar"
         ],
@@ -40238,20 +40242,26 @@
         "rtk-meeting"
       ],
       "dependencies": [
-        "rtk-tooltip",
         "rtk-icon",
+        "rtk-avatar",
         "rtk-chat-composer-view",
         "rtk-channel-selector-view",
         "rtk-chat-messages-ui-paginated"
       ],
       "dependencyGraph": {
         "rtk-chat": [
-          "rtk-tooltip",
           "rtk-icon",
+          "rtk-avatar",
           "rtk-chat-composer-view",
           "rtk-channel-selector-view",
           "rtk-chat-messages-ui-paginated"
         ],
+        "rtk-avatar": [
+          "rtk-spinner"
+        ],
+        "rtk-spinner": [
+          "rtk-icon"
+        ],
         "rtk-chat-composer-view": [
           "rtk-emoji-picker",
           "rtk-text-message-view",
@@ -40268,9 +40278,6 @@
           "rtk-button",
           "rtk-icon"
         ],
-        "rtk-spinner": [
-          "rtk-icon"
-        ],
         "rtk-text-message-view": [
           "rtk-markdown-view"
         ],
@@ -40297,15 +40304,11 @@
           "rtk-avatar",
           "rtk-text-message-view"
         ],
-        "rtk-avatar": [
-          "rtk-spinner"
-        ],
         "rtk-chat-messages-ui-paginated": [
           "rtk-message-view",
           "rtk-text-message-view",
           "rtk-file-message-view",
           "rtk-image-message-view",
-          "rtk-icon",
           "rtk-paginated-list"
         ],
         "rtk-message-view": [
@@ -50561,12 +50564,7 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [
-        {
-          "name": "pin-icon",
-          "docs": ""
-        }
-      ],
+      "parts": [],
       "dependents": [
         "rtk-chat"
       ],
@@ -50575,7 +50573,6 @@
         "rtk-text-message-view",
         "rtk-file-message-view",
         "rtk-image-message-view",
-        "rtk-icon",
         "rtk-paginated-list"
       ],
       "dependencyGraph": {
@@ -50584,7 +50581,6 @@
           "rtk-text-message-view",
           "rtk-file-message-view",
           "rtk-image-message-view",
-          "rtk-icon",
           "rtk-paginated-list"
         ],
         "rtk-message-view": [
@@ -98115,7 +98111,6 @@
         "rtk-chat-composer-view",
         "rtk-chat-message",
         "rtk-chat-messages-ui",
-        "rtk-chat-messages-ui-paginated",
         "rtk-chat-selector-ui",
         "rtk-clock",
         "rtk-controlbar-button",
@@ -98222,9 +98217,6 @@
         "rtk-chat-messages-ui": [
           "rtk-icon"
         ],
-        "rtk-chat-messages-ui-paginated": [
-          "rtk-icon"
-        ],
         "rtk-chat-selector-ui": [
           "rtk-icon"
         ],
@@ -120640,12 +120632,18 @@
           "rtk-chat"
         ],
         "rtk-chat": [
-          "rtk-tooltip",
           "rtk-icon",
+          "rtk-avatar",
           "rtk-chat-composer-view",
           "rtk-channel-selector-view",
           "rtk-chat-messages-ui-paginated"
         ],
+        "rtk-avatar": [
+          "rtk-spinner"
+        ],
+        "rtk-spinner": [
+          "rtk-icon"
+        ],
         "rtk-chat-composer-view": [
           "rtk-emoji-picker",
           "rtk-text-message-view",
@@ -120662,9 +120660,6 @@
           "rtk-button",
           "rtk-icon"
         ],
-        "rtk-spinner": [
-          "rtk-icon"
-        ],
         "rtk-text-message-view": [
           "rtk-markdown-view"
         ],
@@ -120691,15 +120686,11 @@
           "rtk-avatar",
           "rtk-text-message-view"
         ],
-        "rtk-avatar": [
-          "rtk-spinner"
-        ],
         "rtk-chat-messages-ui-paginated": [
           "rtk-message-view",
           "rtk-text-message-view",
           "rtk-file-message-view",
           "rtk-image-message-view",
-          "rtk-icon",
           "rtk-paginated-list"
         ],
         "rtk-message-view": [
@@ -128376,6 +128367,30 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "pinned",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "pinned",
+          "reflectToAttr": false,
+          "docs": "Is message pinned",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "time",
           "type": "Date",
@@ -229138,7 +229153,6 @@
         "rtk-breakout-rooms-manager",
         "rtk-camera-toggle",
         "rtk-channel-header",
-        "rtk-chat",
         "rtk-chat-composer-ui",
         "rtk-chat-composer-view",
         "rtk-chat-messages-ui",
@@ -229174,9 +229188,6 @@
         "rtk-channel-header": [
           "rtk-tooltip"
         ],
-        "rtk-chat": [
-          "rtk-tooltip"
-        ],
         "rtk-chat-composer-ui": [
           "rtk-tooltip"
         ],

package/dist/docs/docs-vscode.json

@@ -2493,6 +2493,10 @@
           "name": "is-self",
           "description": "Is the message sent by the current user"
         },
+        {
+          "name": "pinned",
+          "description": "Is message pinned"
+        },
         {
           "name": "variant",
           "description": "Appearance",