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

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import { R as Render } from './p-60fdbd75.js';
 import { u as useGrid } from './p-b13ddb7d.js';
 import { i as index } from './p-f47d4fe8.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 
 const rtkSimpleGridCss = ":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:block;height:100%;width:100%}";
 const RtkSimpleGridStyle0 = rtkSimpleGridCss;

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

@@ -1,4 +1,4 @@
-import { R as RtkSpeakerSelector$1, d as defineCustomElement$1 } from './p-d06d1eac.js';
+import { R as RtkSpeakerSelector$1, d as defineCustomElement$1 } from './p-695f0784.js';
 
 const RtkSpeakerSelector = RtkSpeakerSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-spinner.js

@@ -1,4 +1,4 @@
-import { R as RtkSpinner$1, d as defineCustomElement$1 } from './p-0a35a909.js';
+import { R as RtkSpinner$1, d as defineCustomElement$1 } from './p-5b66b8f3.js';
 
 const RtkSpinner = RtkSpinner$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { R as Render } from './p-60fdbd75.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 
 const rtkSpotlightGridCss = ":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%}main{flex:1 1 0%}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}:host([size='sm']),:host([size='md']){flex-direction:column}:host([size='md']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='md']) .grid-width-sm{height:25%}:host([size='md']) .grid-width-md{height:50%}:host([size='md']) .grid-width-lg{height:66.666667%}:host([size='sm']) aside{max-height:var(--rtk-space-96, 384px);width:100%;max-width:100%}:host([size='sm']) .grid-width-sm,:host([size='sm']) .grid-width-md,:host([size='sm']) .grid-width-lg{height:50%}:host([size='xl']) .grid-width-sm,:host([size='xl']) .grid-width-md,:host([size='xl']) .grid-width-lg{width:400px}:host([layout='column']){flex-direction:column}:host([layout='column']) main{flex:4}:host([layout='column']) aside{flex:2;max-width:100%;width:100%}";
 const RtkSpotlightGridStyle0 = rtkSpotlightGridCss;
@@ -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-dbfc9151.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

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$5 } from './p-6c2cfa0d.js';
+import { S as SyncWithStore } from './p-6f7c46d2.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-0a35a909.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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
+import { e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
 
 const rtkStageCss = ":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;position:relative;overflow:hidden}";
 const RtkStageStyle0 = rtkStageCss;
@@ -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-e81fc1e8.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-a4a5ff5a.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-d3de8b85.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-9889bee5.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-10ef077c.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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, h as useLanguage, F as clone } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, i as useLanguage, G as clone } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-10ef077c.js';
+import { S as SyncWithStore } from './p-6f7c46d2.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-ui-provider.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, c as createDefaultConfig, u as uiStore, b as createPeerStore } from './p-7fc0dc2f.js';
-import { d as deepMerge, p as provideRtkDesignSystem } from './p-51de7af3.js';
+import { e as defaultIconPack, i as useLanguage, c as createDefaultConfig, f as defaultOverrides, u as uiStore, b as createPeerStore } from './p-e847fee9.js';
+import { d as deepMerge, p as provideRtkDesignSystem } from './p-da87cc71.js';
 import './p-a83ccdbd.js';
 
 const rtkUiProviderCss = ":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;--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-900, 255 255 255 / 0.88));overflow:hidden;position:fixed;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);height:100%;width:100%}:host([mode='fill']){position:relative}";
@@ -26,6 +26,8 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         this.mode = 'fixed';
         /** Whether to show setup screen or not */
         this.showSetupScreen = false;
+        /** UI Kit Overrides */
+        this.overrides = defaultOverrides;
         this.roomJoinedListener = () => {
             this.updateStates({ meeting: 'joined' });
         };
@@ -78,6 +80,7 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         this.iconPackChanged(this.iconPack);
         this.tChanged(this.t);
         this.configChanged(this.config);
+        this.overridesChanged(this.overrides);
     }
     disconnectedCallback() {
         window.removeEventListener('rtkError', this.authErrorListener);
@@ -150,6 +153,7 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
                 iconPack: this.iconPack,
                 t: this.t,
                 providerId: this.providerId,
+                overrides: deepMerge(Object.assign({}, defaultOverrides), this.overrides),
             });
             // Notify components that peer specific store is now available
             document.dispatchEvent(new CustomEvent('rtkPeerStoreReady', {
@@ -206,6 +210,11 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
+    overridesChanged(overrides) {
+        if (this.peerStore) {
+            this.peerStore.state.overrides = deepMerge(Object.assign({}, defaultOverrides), overrides);
+        }
+    }
     render() {
         // Don't render children until meeting is properly initialized
         if (!this.meeting) {
@@ -218,7 +227,8 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         "meeting": ["meetingChanged"],
         "iconPack": ["iconPackChanged"],
         "t": ["tChanged"],
-        "config": ["configChanged"]
+        "config": ["configChanged"],
+        "overrides": ["overridesChanged"]
     }; }
     static get style() { return RtkUiProviderStyle0; }
 }, [4, "rtk-ui-provider", {
@@ -227,12 +237,14 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         "t": [16],
         "config": [16],
         "mode": [513],
-        "showSetupScreen": [4, "show-setup-screen"]
+        "showSetupScreen": [4, "show-setup-screen"],
+        "overrides": [16]
     }, undefined, {
         "meeting": ["meetingChanged"],
         "iconPack": ["iconPackChanged"],
         "t": ["tChanged"],
-        "config": ["configChanged"]
+        "config": ["configChanged"],
+        "overrides": ["overridesChanged"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/rtk-viewer-count.js

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

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-7fc0dc2f.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-e847fee9.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-47c25f64.js';
-import { d as defineCustomElement$2 } from './p-244cbe7b.js';
+import { S as SyncWithStore } from './p-6f7c46d2.js';
+import { d as defineCustomElement$2 } from './p-89eb65a9.js';
 
 const rtkWaitingScreenCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.centered{display:flex;flex-direction:column;align-items:center}rtk-logo{margin-bottom:var(--rtk-space-8, 32px);height:var(--rtk-space-12, 48px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}";
 const RtkWaitingScreenStyle0 = rtkWaitingScreenCss;
@@ -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-12T16:00:44",
+  "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"
         ],
@@ -38421,6 +38425,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "overrides",
+          "type": "Overrides",
+          "complexType": {
+            "original": "Overrides",
+            "resolved": "Overrides",
+            "references": {
+              "Overrides": {
+                "location": "import",
+                "path": "../../lib/overrides",
+                "id": "src/lib/overrides.ts::Overrides"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "UI Overrides",
+          "docsTags": [],
+          "default": "defaultOverrides",
+          "values": [
+            {
+              "type": "Overrides"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "privatePresetFilter",
           "type": "String[]",
@@ -40209,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",
@@ -40239,9 +40278,6 @@
           "rtk-button",
           "rtk-icon"
         ],
-        "rtk-spinner": [
-          "rtk-icon"
-        ],
         "rtk-text-message-view": [
           "rtk-markdown-view"
         ],
@@ -40268,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": [
@@ -50532,12 +50564,7 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [
-        {
-          "name": "pin-icon",
-          "docs": ""
-        }
-      ],
+      "parts": [],
       "dependents": [
         "rtk-chat"
       ],
@@ -50546,7 +50573,6 @@
         "rtk-text-message-view",
         "rtk-file-message-view",
         "rtk-image-message-view",
-        "rtk-icon",
         "rtk-paginated-list"
       ],
       "dependencyGraph": {
@@ -50555,7 +50581,6 @@
           "rtk-text-message-view",
           "rtk-file-message-view",
           "rtk-image-message-view",
-          "rtk-icon",
           "rtk-paginated-list"
         ],
         "rtk-message-view": [
@@ -98086,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",
@@ -98193,9 +98217,6 @@
         "rtk-chat-messages-ui": [
           "rtk-icon"
         ],
-        "rtk-chat-messages-ui-paginated": [
-          "rtk-icon"
-        ],
         "rtk-chat-selector-ui": [
           "rtk-icon"
         ],
@@ -118817,6 +118838,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "overrides",
+          "type": "Overrides",
+          "complexType": {
+            "original": "Overrides",
+            "resolved": "Overrides",
+            "references": {
+              "Overrides": {
+                "location": "import",
+                "path": "../../lib/overrides",
+                "id": "src/lib/overrides.ts::Overrides"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "UI Kit Overrides",
+          "docsTags": [],
+          "default": "defaultOverrides",
+          "values": [
+            {
+              "type": "Overrides"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showSetupScreen",
           "type": "boolean",
@@ -120582,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",
@@ -120604,9 +120660,6 @@
           "rtk-button",
           "rtk-icon"
         ],
-        "rtk-spinner": [
-          "rtk-icon"
-        ],
         "rtk-text-message-view": [
           "rtk-markdown-view"
         ],
@@ -120633,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": [
@@ -128318,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",
@@ -229080,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",
@@ -229116,9 +229188,6 @@
         "rtk-channel-header": [
           "rtk-tooltip"
         ],
-        "rtk-chat": [
-          "rtk-tooltip"
-        ],
         "rtk-chat-composer-ui": [
           "rtk-tooltip"
         ],
@@ -232806,6 +232875,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "overrides",
+          "type": "Overrides",
+          "complexType": {
+            "original": "Overrides",
+            "resolved": "Overrides",
+            "references": {
+              "Overrides": {
+                "location": "import",
+                "path": "../../exports",
+                "id": "src/exports.ts::Overrides"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "UI Kit Overrides",
+          "docsTags": [],
+          "default": "defaultOverrides",
+          "values": [
+            {
+              "type": "Overrides"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "showSetupScreen",
           "type": "boolean",
@@ -238419,6 +238517,11 @@
       "docstring": "",
       "path": "src/exports.ts"
     },
+    "src/lib/overrides.ts::Overrides": {
+      "declaration": "export interface Overrides {\n  /**\n   * Disables the emoji picker button in chat composer.\n   * When true, users cannot insert emojis into chat messages.\n   */\n  disableEmojiPicker?: boolean;\n}",
+      "docstring": "Initialisation overrides for UI component behavior.\nThese values are passed through rtk-ui-provider or rtk-meeting\nand take effect across all child components.",
+      "path": "src/lib/overrides.ts"
+    },
     "src/components/rtk-chat/rtk-chat.tsx::ChatFilter": {
       "declaration": "(message: Message) => boolean",
       "docstring": "",
@@ -238534,6 +238637,11 @@
       "docstring": "",
       "path": "src/types/props.ts"
     },
+    "src/exports.ts::Overrides": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/exports.ts"
+    },
     "src/index.ts::Peer": {
       "declaration": "any",
       "docstring": "",

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",

package/dist/esm/{TextMessage-ca92045e.js → TextMessage-0d8be8c5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c1fb98bb.js';
-import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-ff185374.js';
+import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-b2bea75f.js';
 
 const renderLink = (content) => {
     return (h("a", { class: "link", href: content, target: "_blank", rel: "noopener noreferrer" }, content));

package/dist/esm/{chat-ff185374.js → chat-b2bea75f.js}

@@ -1,4 +1,4 @@
-import { G as chatUnreadTimestamps } from './ui-store-9e486e1b.js';
+import { H as chatUnreadTimestamps } from './ui-store-12132d9c.js';
 
 const parseMessageForTarget = (message) => {
     let parsedMessage = null;