@cloudflare/realtimekit-ui 1.1.0-staging.1 → 1.1.0-staging.10

package/dist/collection/components/rtk-image-message/rtk-image-message.js

@@ -34,10 +34,10 @@ export class RtkImageMessage {
         this.status = 'loading';
     }
     render() {
-        return (h(Host, { key: '1267763841d7162f1ad4152a5c4cdd809aaa3808' }, !this.isContinued && (h(ChatHead, { key: '9b415f65f456f8624cd4f981d7f8ae191772a3ce', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '38ea5e45140f543ae6d16d2d00b0bf0c9a671910', class: {
+        return (h(Host, { key: '4d83696c62cb30b3c50201c054aed059f9d087fb' }, !this.isContinued && (h(ChatHead, { key: 'b1f8ca2684e487f9f51106562af2fb7bb7d0ae5e', name: this.message.displayName, time: this.message.time, now: this.now })), h("div", { key: '0ffd97ca74224fb7e464b5bbde3d79c8b11c6105', class: {
                 body: true,
                 bubble: this.showBubble,
-            }, part: "body" }, h("div", { key: '3c842144038f9612fc46c3f5d18f87342f8376c4', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: '39b2978696328d6ed6ac3bbbdc83a57fc7fa7d88', src: sanitizeLink(this.message.link), onLoad: () => {
+            }, part: "body" }, h("div", { key: 'de64e6fff4b952e08eea1895f6b02ce6de7ea528', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fae1d0126e403da11c8d4aeb036ad29484af2bf6', src: sanitizeLink(this.message.link), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -45,9 +45,9 @@ export class RtkImageMessage {
                 if (this.status === 'loaded') {
                     this.stateUpdate.emit({ image: this.message });
                 }
-            } }), this.status === 'loading' && (h("div", { key: 'd83ca52f9330ddef301be3d4a84b663f91864ea3', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '6333ce5847ecd62793d5777a886a3a1a33641fab', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'e4063e68ad477069d8acaa03d0dd1c692f82c76f', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '010562aee164fdb63e45da4c0eaa29ad1cbdf66c', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '14773362280e9dd167db61e58b3f729e0a86d88d', class: "actions" }, h("rtk-button", { key: '8e0cd659fd47074729fa3e63897e3e8eab3193a3', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'b5e4c17c94f065f06a513d8601564ca6512d38a9', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '4819886ed836fc94d35b48fd2f185bed2f142db6', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '7d2381426f1867524b59963d025ed6728d0bee34', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'abe064f6b5ecf9740611362c8c836a1fcf886223', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '863b9db15ee68f5bd5939b70f7b24f215b250a19', class: "actions" }, h("rtk-button", { key: '6b9d6e415a485fbbe8844a38a3b2d2401aa7ad22', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.stateUpdate.emit({ image: this.message });
-            } }, h("rtk-icon", { key: '9db76d4971f2b6b45d87b6015b7ef449fa46ba85', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '978934fd136ab2c364521ec55d25e578940e5c7c', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '55be50aff54309a76e5348f437805e2872bcf548', icon: this.iconPack.download }))))))));
+            } }, h("rtk-icon", { key: 'a40d297b50b7667b08b9a5d08223b7326c3314be', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: 'cb344d52dbcc0c6a55da8017b5664b8a160dd339', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.message.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'e4a5cee14a5fae2496930dbbdaa3199a6b2d9b6b', icon: this.iconPack.download }))))))));
     }
     static get is() { return "rtk-image-message"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-image-message-view/rtk-image-message-view.js

@@ -25,7 +25,7 @@ export class RtkImageMessageView {
         this.status = 'loading';
     }
     render() {
-        return (h("div", { key: '47b2dd8f8dfc0d2aa20e80b513f802e1ebc09153', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'fba4cfc015beb86040ec74b2a44e2163744a67c6', src: sanitizeLink(this.url), onLoad: () => {
+        return (h("div", { key: '066606e6ae62634b2466bb46b453e0c2d91b17ea', class: { image: true, loaded: this.status === 'loaded' } }, h("img", { key: 'f042e5d3c1a6341e9fc0845e6643016f1be5b5f7', src: sanitizeLink(this.url), onLoad: () => {
                 this.status = 'loaded';
             }, onError: () => {
                 this.status = 'errored';
@@ -33,9 +33,9 @@ export class RtkImageMessageView {
                 if (this.status === 'loaded') {
                     this.onPreview.emit(this.url);
                 }
-            } }), this.status === 'loading' && (h("div", { key: '4da0a3ab39d782e9affe7702a19232747bb4581c', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: 'dea7afe2c92dd5c7c71620bc7b9089f743ef1aa2', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: 'ab303ce11b7182d20c64b00638a1c8be59aea774', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: 'e14eb63cc4b2d18a5abd921e25ef305095f61c17', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: 'ccceaa5cc5821ce9b4ddab742001cee78135636a', class: "actions" }, h("rtk-button", { key: 'de49516247d9655cc74afcd58bc50771e2594dca', class: "action", variant: "secondary", kind: "icon", onClick: () => {
+            } }), this.status === 'loading' && (h("div", { key: 'd4a5030468fbf70afae62bd55ae4d0fa989e15c2', class: "image-spinner", title: this.t('chat.img.loading'), "aria-label": this.t('chat.img.loading') }, h("rtk-spinner", { key: '216aba361a46cc100e7d26cc2daf1ffb0948d695', iconPack: this.iconPack }))), this.status === 'errored' && (h("div", { key: '01f5da8f70872c9fa22dc9a9b70b046b0001d05b', class: "image-errored", title: this.t('chat.error.img_not_found'), "aria-label": this.t('chat.error.img_not_found') }, h("rtk-icon", { key: '0f7e6fed2730f6366d07fc6afddb2b247e9b7d3a', icon: this.iconPack.image_off }))), this.status === 'loaded' && (h("div", { key: '5ac0e61c65a88a8d6b9ee54c900b856854d1b84b', class: "actions" }, h("rtk-button", { key: 'fd83dfecd7b5d9c3976374c3c55731b1f026fc0a', class: "action", variant: "secondary", kind: "icon", onClick: () => {
                 this.onPreview.emit(this.url);
-            } }, h("rtk-icon", { key: 'bd1ea608e4846d994a418236dca7856570bd689d', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '266a860a4ab4d6cf76bd89bb35c987efbc89a593', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'ec26862ff95e116d519280c7e62ed7a7e1ede273', icon: this.iconPack.download }))))));
+            } }, h("rtk-icon", { key: '3ca7384fa28e6716345acacf9225ae9471ff8d63', icon: this.iconPack.full_screen_maximize })), h("rtk-button", { key: '198787808c389e4df48d3609a53c2d27cf2e7fb3', class: "action", variant: "secondary", kind: "icon", onClick: () => downloadFile(this.url, { fallbackName: 'image' }) }, h("rtk-icon", { key: 'f38fe3da48d1fc854001c719164c95f0673808c5', icon: this.iconPack.download }))))));
     }
     static get is() { return "rtk-image-message-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-image-viewer/rtk-image-viewer.js

@@ -39,7 +39,7 @@ export class RtkImageViewer {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (h(Host, { key: '6e6e27bf5529ef5af5b0b7f02c0fcda77dba492c', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '53b1df2b76fb58d37154f246c09c38f17c4ac6b3', class: "header" }, h("div", { key: 'e5707219faa115dfccd330643d022c90abdcfc5b', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '8387ffa67b78746a8d94f130ff23241313b5c1d8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'cd70a8a95e264a533d2d093e4d32df49dfc3f2c7', class: "actions" }, h("rtk-button", { key: '404da530999c81a7754c07ed48ffb73eb8f915e3', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '5d7806419e55072fcfb8735229cef5b9b0816669', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '6ac87cb0172f319706d8e8d4591a76d3fa60a2b9', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: 'd25982c4b4f3c422df8187782a762b12fffb76df', icon: this.iconPack.dismiss })))), h("div", { key: '968d31b08e5113419bbdc63c3887a8537d198284', class: "image-ctr" }, h("img", { key: 'a806265d98e09094dd267afc3dc6018f6cf692c4', src: this.image.link }))));
+        return (h(Host, { key: 'd3d145c8bd304fbe0e9420e7746ea15872772f3b', class: "scrollbar", onClick: (e) => e.stopPropagation() }, h("div", { key: '3f9ceed6d177439c39438dbb6ac60d08d630bf0e', class: "header" }, h("div", { key: '3944264dcf9903e55b544bda02dfa8d6643ba3ff', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', h("span", { key: '540b69c4f1abdd437a003fa4ba9c9ddf8aa71dd8', class: "displayName" }, formatName(shorten(this.image.displayName)))), h("div", { key: 'ed632e11bcdf8fa46a2c1bd0f6b02884ee635b5a', class: "actions" }, h("rtk-button", { key: '677ef4df0f7235a27c925b1e742a61222c90049f', onClick: () => downloadFile(this.image.link, { fallbackName: 'image' }) }, h("rtk-icon", { key: '2479f3a5e2f9eff5359d377625d06337b2023e8c', icon: this.iconPack.download, slot: "start" }), "Download"), h("rtk-button", { key: '6ff009deb6e385481254e9fa6a7ae30f1676cff0', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, h("rtk-icon", { key: '6ad51918f8e76980f61c02c10b9a2cccfe5a2a7f', icon: this.iconPack.dismiss })))), h("div", { key: '5fd522972d26d9b4815ffe37d2d418b784e751ae', class: "image-ctr" }, h("img", { key: 'a45df563ecdf79e020e3269f6fd055aee27cfab0', src: this.image.link }))));
     }
     static get is() { return "rtk-image-viewer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-information-tooltip/rtk-information-tooltip.js

@@ -17,7 +17,7 @@ export class RtkInformationTooltip {
         this.iconPack = defaultIconPack;
     }
     render() {
-        return (h(Host, { key: '182572b0e68a80a504b3aed40ae526ae371a9921' }, h("div", { key: 'c46d1aedd29c015e36c0496dd36ccd7d2afcd4ee', class: "tooltip-container" }, h("rtk-icon", { key: '25465b17d5b97a102273621e6e942fb34f542d53', icon: this.iconPack.info, size: "sm" }), h("div", { key: '9f3e5eea9a21b1ff48e8a3e7e91e3f81e748af79', class: "tooltip" }, h("slot", { key: 'a0f42e3681ffddf9287ddacd111ea3fa64f77c01', name: "tootlip-text" })))));
+        return (h(Host, { key: 'e6592aeb2d479a084f6100d1a32f6df61c2e979c' }, h("div", { key: '9406039d36b98781c2eb8dbbe37fab9a3390c90b', class: "tooltip-container" }, h("rtk-icon", { key: '97fd3324d790e8dc81d81bb272cacd95a2a95997', icon: this.iconPack.info, size: "sm" }), h("div", { key: 'e3b5b3a8e69cea34a1aa86b1a6eff2008028b673', class: "tooltip" }, h("slot", { key: '88608c68efc3287baf74d717a5e3ca418ef0dc9b', name: "tootlip-text" })))));
     }
     static get is() { return "rtk-information-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-join-stage/rtk-join-stage.js

@@ -43,7 +43,7 @@ export class RtkJoinStage {
             iconPack: this.iconPack,
             t: this.t,
         };
-        return (h(Host, { key: 'b69a0a77d20a65a3112a393f33e4bc71564b16e1', class: { stage: true } }, h("header", { key: 'c9860a7bd9139b4ddb188f03f4efadcecf2d4259' }, h("h2", { key: '3222f6b149c9584205f355daecb4ebc7a2c329e3' }, this.dataConfig.title)), h(Render, { key: 'ae93b03e1ffeef036560de82bd1cfd678be9895a', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), h("div", { key: 'b579bcd55ac13475d46a9b363e50a293b3f8ab87', class: "summary" }, this.dataConfig.description), h("div", { key: 'b7002bbcf12848243621dbd4e0e62d73ed5c7043', class: "container" }, h("rtk-button", { key: '240d7e4f50f89e6859be85917a325075d5d98628', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), h("rtk-button", { key: 'c510ea579e35bf1302b6364065a2bb4eac43bec0', onClick: () => {
+        return (h(Host, { key: 'fc0ab6fcff6f85476a7e5fb7008a49bbcc867e28', class: { stage: true } }, h("header", { key: '2aaabd2a9fc9c8832fc46a083fe3cd45a0ceda2e' }, h("h2", { key: '1d13dfa46fd17e3e93f575bf10fd47a8d4df8bd8' }, this.dataConfig.title)), h(Render, { key: 'b775f6f82ececa810239f1174b58e921e61cb867', element: "rtk-participant-setup", defaults: defaults, props: { participant: (_a = this.meeting) === null || _a === void 0 ? void 0 : _a.self, size: 'md' }, childProps: { participant: (_b = this.meeting) === null || _b === void 0 ? void 0 : _b.self, size: 'md' }, deepProps: true }), h("div", { key: '495c56a71ae7e7e18c395187847d32b5b4d38557', class: "summary" }, this.dataConfig.description), h("div", { key: '659312085e47fa2cd3813f4d1d2155fa277b48e6', class: "container" }, h("rtk-button", { key: '12f385cc6218672bb50b3ecd0746b259c75ae6fe', variant: "secondary", onClick: () => this.leaveStage.emit(), title: this.dataConfig.label.reject }, this.dataConfig.label.reject), h("rtk-button", { key: '663ed3768179983c248ce0948f2075c71d6eda35', onClick: () => {
                 if (this.isLoading)
                     return;
                 this.isLoading = true;

package/dist/collection/components/rtk-leave-button/rtk-leave-button.js

@@ -29,7 +29,7 @@ export class RtkLeaveButton {
     }
     render() {
         const text = this.t('leave');
-        return (h(Host, { key: '27ea1d3f7593e32d53b8160537e00147be6e2a2d', label: text }, h("rtk-controlbar-button", { key: 'f0952b09acd1f7cff04fd521252ecf75715e9a74', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
+        return (h(Host, { key: 'fc176585ba4617c2b64d05d9b2e1ee66084666aa', label: text }, h("rtk-controlbar-button", { key: 'feb4ee03ff7d16bf6ab858a3207a628121fd477b', size: this.size, iconPack: this.iconPack, class: "leave red-icon", onClick: this.leave, icon: this.iconPack.call_end, label: text, variant: this.variant, part: "controlbar-button" })));
     }
     static get is() { return "rtk-leave-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-leave-meeting/rtk-leave-meeting.js

@@ -75,9 +75,9 @@ export class RtkLeaveMeeting {
         }
     }
     render() {
-        return (h(Host, { key: 'aea5962feea02bcf96948f3fe61eb6d59657de0d' }, h("div", { key: '183292c3726e742323faba5d94c21ccefe3d56c5', class: "leave-modal" }, h("div", { key: '313b84d84c8a575883c5aa89613bf8a07b53a6aa', class: "header" }, h("h2", { key: 'd87fcdf179052a18b70b9681e56858e09acb04b5', class: "title" }, this.t('leave'))), h("p", { key: 'd03e97a6556e27b3719d4ca9ea89ee8a286d3f16', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
+        return (h(Host, { key: '55991a2b1b60bb963ee7dfb10fbea5d5bc63c186' }, h("div", { key: 'bc50b5a89ff7ee5348aadbba4fe8f709fa35bee9', class: "leave-modal" }, h("div", { key: '7a19d21b272222e7cf83bbb6dbd8bb4284ea9d29', class: "header" }, h("h2", { key: '935e06a35f3669457c63761697a9152972d69c54', class: "title" }, this.t('leave'))), h("p", { key: 'cd1ba755b4f73c0d3fb4c9078ee11afc31cee726', class: "message" }, this.isBreakoutRoomsActive && this.isChildMeeting
             ? this.t('breakout_rooms.leave_confirmation')
-            : this.t('leave_confirmation')), h("div", { key: '39742fe6bfbadfb30b116ee38685f1193c773e1c', class: "content" }, h("rtk-button", { key: '39d88ee45a920e56593cd23237bf241951d8b178', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '250fb2f7e0a44e64a29072bc59d966191ce55a88', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: 'bdbea0eb8468240008a11b1f4456d52633dc2637', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: 'abff846edc62ce861159bc19101ef6714a5ad99b', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
+            : this.t('leave_confirmation')), h("div", { key: 'd4031f068f492f76d5feb9dd39587263e9b545f0', class: "content" }, h("rtk-button", { key: 'a014dc329e5f861de85468e04715d8aeb87f4e8c', variant: "secondary", onClick: this.close, class: "secondary-btn" }, this.t('cancel')), this.isBreakoutRoomsActive && this.isChildMeeting && this.canJoinMainRoom && (h("rtk-button", { key: '501a689793bb5e1ff2a8d03f5b9d0ab3d6baafbf', variant: "secondary", onClick: this.handleJoinMainRoom, class: "secondary-btn" }, this.t('breakout_rooms.leave_confirmation.main_room_btn'))), h("rtk-button", { key: '35a6941049928fa81f1e0a73b64f4ce937c86451', variant: "danger", title: this.t('leave'), onClick: this.handleLeave }, this.t('leave')), this.canEndMeeting && (h("rtk-button", { key: '7c6367e3f9322235e126c01cc16014f5b2c81ecc', variant: "danger", class: "secondary-btn secondary-danger-btn", onClick: this.handleEndMeeting }, this.t('end.all')))))));
     }
     static get is() { return "rtk-leave-meeting"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-markdown-view/rtk-markdown-view.js

@@ -76,7 +76,7 @@ export class RtkMarkdownView {
         const slicedMessage = this.text.slice(0, this.maxLength);
         const withReply = extractReplyBlock(slicedMessage, true);
         const withoutReply = stripOutReplyBlock(slicedMessage);
-        return (h("p", { key: 'c33735507a0798dffc360f01793bc7b0caaac159' }, withReply.length !== 0 && h("blockquote", { key: 'c0a4271ee4c843b6e73c8300a8026a3ec8dd5fe3' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
+        return (h("p", { key: '787e6d3177f4faf1c8dcd7c73d83a6de9c57b42b' }, withReply.length !== 0 && h("blockquote", { key: '1c4b82fb870994e6707d35adcd5e6f2f0e65dd26' }, this.renderMessage(withReply)), withoutReply.length !== 0 && this.renderMessage(withoutReply)));
     }
     static get is() { return "rtk-markdown-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-meeting/rtk-meeting.js

@@ -9,6 +9,7 @@ import { provideRtkDesignSystem } from "../../index";
 import { generateConfig } from "../../utils/config";
 import ResizeObserver from "resize-observer-polyfill";
 import { createPeerStore, uiStore as legacyGlobalUIStore, } from "../../utils/sync-with-store/ui-store";
+import { defaultOverrides } from "../../lib/overrides";
 /**
  * A single component which renders an entire meeting UI.
  *
@@ -68,6 +69,8 @@ export class RtkMeeting {
         this.gridLayout = 'row';
         /** Icon pack */
         this.iconPack = defaultIconPack;
+        /** UI Kit Overrides */
+        this.overrides = defaultOverrides;
         this.handleChangingMeeting = (destinationMeetingId) => {
             const currentStates = (this.peerStore || legacyGlobalUIStore).state.states;
             this.updateStates({
@@ -96,6 +99,7 @@ export class RtkMeeting {
         this.iconPackChanged(this.iconPack);
         this.tChanged(this.t);
         this.configChanged(this.config);
+        this.overridesChanged(this.overrides);
         this.resizeObserver = new ResizeObserver(() => this.handleResize());
         this.resizeObserver.observe(this.host);
         if (this.applyDesignSystem &&
@@ -180,6 +184,7 @@ export class RtkMeeting {
                 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', {
@@ -251,6 +256,11 @@ export class RtkMeeting {
             provideRtkDesignSystem(document.documentElement, config.designTokens);
         }
     }
+    overridesChanged(overrides) {
+        if (this.peerStore) {
+            this.peerStore.state.overrides = deepMerge(Object.assign({}, defaultOverrides), overrides);
+        }
+    }
     handleResize() {
         this.size = getSize(this.host.clientWidth);
     }
@@ -552,6 +562,30 @@ export class RtkMeeting {
                 "getter": false,
                 "setter": false,
                 "defaultValue": "defaultIconPack"
+            },
+            "overrides": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Overrides",
+                    "resolved": "Overrides",
+                    "references": {
+                        "Overrides": {
+                            "location": "import",
+                            "path": "../../lib/overrides",
+                            "id": "src/lib/overrides.ts::Overrides"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "UI Kit Overrides"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "defaultOverrides"
             }
         };
     }
@@ -593,6 +627,9 @@ export class RtkMeeting {
             }, {
                 "propName": "config",
                 "methodName": "configChanged"
+            }, {
+                "propName": "overrides",
+                "methodName": "overridesChanged"
             }];
     }
 }

package/dist/collection/components/rtk-menu/rtk-menu.js

@@ -59,7 +59,7 @@ export class RtkMenu {
         });
     }
     render() {
-        return (h(Host, { key: 'b019210ff85bde38c61855f8ac38aa8b927aa857' }, h("span", { key: '14f689eed0672642c3a181ee5d197d7a9b5c00a8', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
+        return (h(Host, { key: '15461c803838be1651df6116a61598ce8ab988f9' }, h("span", { key: 'f36cdd2f1141f46a993daa880682382904a72509', id: "trigger", ref: (el) => (this.triggerEl = el), onClick: () => {
                 this.clickedThis = true;
                 if (this.menuListEl.style.display !== 'block') {
                     this.menuListEl.style.display = 'block';
@@ -68,7 +68,7 @@ export class RtkMenu {
                 else {
                     this.menuListEl.style.display = 'none';
                 }
-            } }, h("slot", { key: 'f1ab2111e0ad309df5b38e4f189d821b8ab50a4a', name: "trigger" })), h("span", { key: 'ec03b8c7ff60dd21dce3bc1f9b473ab59ec37ace', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: 'bc05fba324ccf4360340b070c8d4f3723a72cf6e' }))));
+            } }, h("slot", { key: 'af622c9dbb3394cb46a6bb909a45c5e3248b1a09', name: "trigger" })), h("span", { key: '445258e31b4b775fbc22b268234fe15a33f809c9', part: "menu-list", id: "menu-list", ref: (el) => (this.menuListEl = el) }, h("slot", { key: '87396622c6078253736cbe43a1cac55c6f90754f' }))));
     }
     static get is() { return "rtk-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/rtk-menu-item/rtk-menu-item.css

@@ -37,7 +37,12 @@ p {
 
 :host(:hover) {
   --tw-bg-opacity: 1;
-  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));
+  background-color: rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));
+}
+
+:host(.primary:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));
 }
 
 :host(.red) {

package/dist/collection/components/rtk-menu-item/rtk-menu-item.js

@@ -21,13 +21,15 @@ import { useLanguage } from "../../lib/lang";
  */
 export class RtkMenuItem {
     constructor() {
+        /** Variant */
+        this.menuVariant = 'secondary';
         /** Icon pack */
         this.iconPack = defaultIconPack;
         /** Language */
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: 'a5c802aa2cb8cb235dc1e68d54ec9703c57df0b9' }, h("slot", { key: 'b448160fdd220fd814d471ddc08d7f784af10c49', name: "start" }), h("slot", { key: '0b342d2547a7835ea23d1974c3fd1b2e3507e779' }), h("slot", { key: '6670a8ed947d2bd6fb1651e9c6c1cd52f5ca419c', name: "end" })));
+        return (h(Host, { key: '8679dae05e846bb8b83a1dbc9580aa2dcad18ccd', class: { [this.menuVariant]: true } }, h("slot", { key: 'da53376b8188bfc47f904d348212fedff932b03a', name: "start" }), h("slot", { key: '4394a3afa13bd298880c1be5255f5a004c5ed42e' }), h("slot", { key: '2be62c70172912e6516ce207b571ea4794aa4f6c', name: "end" })));
     }
     static get is() { return "rtk-menu-item"; }
     static get encapsulation() { return "shadow"; }
@@ -68,6 +70,26 @@ export class RtkMenuItem {
                 "attribute": "size",
                 "reflect": true
             },
+            "menuVariant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "menu-variant",
+                "reflect": false,
+                "defaultValue": "'secondary'"
+            },
             "iconPack": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/rtk-menu-list/rtk-menu-list.css

@@ -17,14 +17,25 @@ p {
   width: -moz-max-content;
   width: max-content;
   flex-direction: column;
-  padding-top: var(--rtk-space-2, 8px);
-  padding-bottom: var(--rtk-space-2, 8px);
-  --tw-bg-opacity: 1;
-  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));
+  padding: var(--rtk-space-0, 0px);
   color: rgb(var(--rtk-colors-text-1000, 255 255 255));
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));
   overflow: hidden;
   border-radius: var(--rtk-border-radius-sm, 4px);
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  -webkit-backdrop-filter: blur(60px);
+          backdrop-filter: blur(60px);
+}
+
+:host(.primary) {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));
+  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.3);
 }

package/dist/collection/components/rtk-menu-list/rtk-menu-list.js

@@ -21,11 +21,13 @@ export class RtkMenuList {
     constructor() {
         /** Icon pack */
         this.iconPack = defaultIconPack;
+        /** Variant */
+        this.menuVariant = 'secondary';
         /** Language */
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '1357690e48bef0c8c0e953886f1fd7754f0e4e4d' }, h("slot", { key: 'f3a221b7a4d28f53add6b658a0510294a998d6c1' })));
+        return (h(Host, { key: 'b743da0bae39c93cff7896968a64c84166b8a751', class: { [this.menuVariant]: true } }, h("slot", { key: '46ca973e68fccbf5c8c7544f61bb9745840d0054' })));
     }
     static get is() { return "rtk-menu-list"; }
     static get encapsulation() { return "shadow"; }
@@ -65,6 +67,26 @@ export class RtkMenuList {
                 "setter": false,
                 "defaultValue": "defaultIconPack"
             },
+            "menuVariant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'primary' | 'secondary'",
+                    "resolved": "\"primary\" | \"secondary\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "menu-variant",
+                "reflect": false,
+                "defaultValue": "'secondary'"
+            },
             "t": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/rtk-message-list-view/rtk-message-list-view.js

@@ -260,11 +260,11 @@ export class RtkMessageListView {
         this.updateTotalHeight();
     }
     render() {
-        return (h("div", { key: '413771e98d7ce6f8c2af3d6cadf6ad3484586929', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: '4e4eb3729e574f555e844266803338e5b8a5aff9', class: "scroller" }, h("div", { key: 'c4389d8636465efef4cb1e15b63c2f52eb457942', style: {
+        return (h("div", { key: '17ccb3852a89ddb77e5799413f8ee0ef0ac7c132', class: "scrollbar content-wrapper", ref: (el) => (this.$listRef = el), onScroll: this.handleScroll }, h("div", { key: '044af22a10ae312a46d90f29dc9a793d86540fb8', class: "scroller" }, h("div", { key: '15a2b213883f210a44081c05c317f9da7a58380c', style: {
                 height: `${this.totalHeight}px`,
-            } }), h("div", { key: 'dd6b9b2cb812f817bdf66f4abf5f2c81f0664fa0', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: 'e07b23728210f7708bf5c65ae2007b28779954e7', class: "content", style: {
+            } }), h("div", { key: '918071c6d3aed045814c1c2b3908572edae480ac', class: "smallest-dom-element", id: "list-end", ref: (el) => (this.$listEndRef = el) })), h("div", { key: '19b2f45794fa73f44d54b9b91ef1cab0df6c4aae', class: "content", style: {
                 transform: `translateY(${this.getRangeSize(0, this.range.start)}px)`,
-            } }, this.isFetching && (h("div", { key: '3957d510fcc88770169f5378e8180c168645d954', class: "loader" }, h("rtk-spinner", { key: '30a85f8744f51150940abf19b3dcfb9587f50c7f', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
+            } }, this.isFetching && (h("div", { key: '1a05d8ec0a4a11812afef413226c472d797e7ebe', class: "loader" }, h("rtk-spinner", { key: '29f275642f8f8be5d9cbe12ff0eeedba48e1b4c1', size: "md" }))), this.getVisibleItems().map((msg, index) => (h("div", { key: msg.id, ref: (el) => this.rendererInternal(el, msg, index) }))))));
     }
     static get is() { return "rtk-message-list-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/rtk-message-view/rtk-message-view.css

@@ -101,10 +101,20 @@ p {
 
 .metadata {
   margin-top: var(--rtk-space-2, 8px);
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--rtk-space-1, 4px);
   align-self: flex-end;
-  font-size: 10px;
+  font-size: 11px;
   color: rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76));
 }
+.metadata-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: var(--rtk-space-1, 4px);
+}
 
 .avatar {
   display: none;
@@ -112,8 +122,8 @@ p {
 
 rtk-menu {
   position: absolute;
-  right: var(--rtk-space-0, 0px);
-  top: var(--rtk-space-0, 0px);
+  right: var(--rtk-space-1, 4px);
+  top: var(--rtk-space-1, 4px);
   border-radius: var(--rtk-border-radius-lg, 12px);
 }
 
@@ -122,44 +132,42 @@ rtk-menu rtk-icon {
   width: var(--rtk-space-4, 16px);
   cursor: pointer;
 }
+
 .actions {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding-left: var(--rtk-space-2, 8px);
-  padding-bottom: var(--rtk-space-2, 8px);
-  padding-top: var(--rtk-space-1, 4px);
-  padding-right: var(--rtk-space-1, 4px);
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-brand-600, 13 81 253) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));
+  padding: var(--rtk-space-1, 4px);
   border-radius: var(--rtk-border-radius-md, 8px);
   border-width: var(--rtk-border-width-none, 0);
   border-style: none;
-  background: radial-gradient(
-    at top right,
-    rgb(var(--rtk-colors-brand-300, 73 124 253)) 60%,
-    rgba(255, 255, 255, 0) 80%
-  );
 }
+
 .actions rtk-icon {
   height: var(--rtk-space-4, 16px);
   width: var(--rtk-space-4, 16px);
   color: rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));
 }
-.incoming .actions {
-    background: radial-gradient(
-      at top right,
-      rgb(var(--rtk-colors-background-800, 30 30 30)) 60%,
-      rgba(255, 255, 255, 0) 80%
-    );
-  }
-.incoming .actions rtk-icon {
-  color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));
-}
+
 .incoming rtk-avatar {
   --tw-bg-opacity: 1;
   background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));
   color: rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));
 }
 
+.incoming .actions {
+  --tw-border-opacity: 1;
+  border-color: rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity));
+  --tw-bg-opacity: 1;
+  background-color: rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));
+}
+
 @media (min-width: 400px) {
   .avatar {
     display: flex;

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

@@ -18,6 +18,8 @@ export class RtkMessageView {
         this.actions = [];
         /** Appearance */
         this.variant = 'bubble';
+        /** Is message pinned */
+        this.pinned = false;
         /** Render */
         this.viewType = 'outgoing';
         /** Hides avatar */
@@ -32,10 +34,14 @@ export class RtkMessageView {
         this.iconPack = defaultIconPack;
     }
     renderActions() {
-        return (h("rtk-menu", { placement: "top-end", offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", null, this.actions.map((action) => (h("rtk-menu-item", { onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label))))));
+        return (h("rtk-menu", { placement: this.isSelf ? 'bottom-start' : 'bottom-end', offset: 1 }, h("button", { slot: "trigger", class: "actions" }, h("rtk-icon", { icon: this.iconPack.chevron_down })), h("rtk-menu-list", { menuVariant: this.isSelf ? 'primary' : 'secondary' }, this.actions.map((action) => {
+            if (action.id === 'edit_message' && this.messageType !== 'text')
+                return;
+            return (h("rtk-menu-item", { menuVariant: this.isSelf ? 'primary' : 'secondary', onClick: () => this.onAction.emit(action.id) }, action.icon && h("rtk-icon", { icon: action.icon, slot: "start" }), action.label));
+        }))));
     }
     render() {
-        return (h(Host, { key: '61882011f477f816296277a4f2d5622d224e47f0' }, h("div", { key: 'ae21bfc0c499879da6a2167f0cad5203475de696', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: '73b10ebb1dccdc4e2c9258f185eb14f07d11d542', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: 'e07971bf9d7738fb2dcc015d339a13d5dca7c6f7', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '1e24801f717589e598c4160bea7ab10a59acfcc2', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: '3178f750ad798b7d83508f82ead36ee5407fee4c', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: '056445ef0c557d7d756330df5778ad8bc2d41e60', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '6d5486666ce2238e4387c2621d562b24704a9317' }), !this.hideMetadata && !!this.time && (h("div", { key: '1d4b9bdbb3aaf288dce4b43a31354df3d413b2b4', class: "metadata", title: formatDateTime(this.time) }, elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
+        return (h(Host, { key: '4ea54e7662406a5a3897295972506c043d54598c' }, h("div", { key: 'e8734f99436b9bd16b8c7a801dfb018eb5e07f20', class: { 'message-wrapper': true, [this.viewType]: true } }, !this.hideAvatar && (h("aside", { key: 'ad92c5ee28a635070e5fe2517dd2c01185082f88', class: "avatar", part: "avatar" }, h("rtk-avatar", { key: '7da7496c3613a2280dc5fb1ba383790eb7efacf5', participant: { name: this.authorName, picture: this.avatarUrl }, size: "sm" }))), h("div", { key: '969bc1103c403ea477147d34cd0992114a713d70', class: "message", part: "message" }, !this.hideAuthorName && (h("div", { key: 'b99ea9217f1b641e67e509bba4c56d936e2af7b0', class: "header" }, this.authorName, " ", this.isSelf ? ' (You)' : '')), h("div", { key: '2dad045ba207872c932a38ab4c52e3b0e25af024', class: { body: true, bubble: this.variant === 'bubble' } }, h("slot", { key: '64e80b06045b8e624df64090b5104e828ccc130e' }), !this.hideMetadata && !!this.time && (h("div", { key: 'b362dd31d38f3729da45be1150c34a1cea2cd394', class: "metadata", title: formatDateTime(this.time) }, this.pinned && (h("span", { key: '70940e475a08ba64a53300516c64f23549a0b856', class: "metadata-content" }, h("rtk-icon", { key: 'be9561043f9c0814ae38d9eeadf2ff1c5ccae52c', icon: this.iconPack.pin, size: "sm" }), " \u2022")), this.isEdited && (h("span", { key: '0abe565d472751a6a341ca6beaf9fc6d50f2f3e0', class: "metadata-content" }, h("span", { key: 'e89ebd6a787ad2c1d7961209f9052e31e374eec3' }, "Edited"), " \u2022")), elapsedDuration(this.time, new Date(Date.now())))), this.actions.length !== 0 && this.renderActions())))));
     }
     static get is() { return "rtk-message-view"; }
     static get encapsulation() { return "shadow"; }
@@ -75,6 +81,50 @@ export class RtkMessageView {
                 "setter": false,
                 "defaultValue": "[]"
             },
+            "messageType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Message['type']",
+                    "resolved": "MessageType.custom | MessageType.file | MessageType.image | MessageType.text",
+                    "references": {
+                        "Message": {
+                            "location": "import",
+                            "path": "@cloudflare/realtimekit",
+                            "id": "node_modules::Message"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Type of message"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "message-type",
+                "reflect": false
+            },
+            "isEdited": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Has the message been edited"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "is-edited",
+                "reflect": false
+            },
             "variant": {
                 "type": "string",
                 "mutable": false,
@@ -95,6 +145,26 @@ export class RtkMessageView {
                 "reflect": false,
                 "defaultValue": "'bubble'"
             },
+            "pinned": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Is message pinned"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "pinned",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "viewType": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/rtk-more-toggle/rtk-more-toggle.js

@@ -53,10 +53,10 @@ export class RtkMoreToggle {
     }
     render() {
         const text = this.t('more');
-        return (h(Host, { key: '3b07eaaee77053c8bc68edf517adbc2928244680', title: text }, this.states.activeMoreMenu && (h("div", { key: '31f641a909685ce4f561b107e6dfd380a6d5ec86', class: "more-menu" }, h("slot", { key: 'c78477d0c4db136d6dfb4c3fe63ceb7dc678205e', name: "more-elements" }))), h("rtk-controlbar-button", { key: '41bbfa76720797850c8f540720eaeaed7e9f2a12', size: this.size, iconPack: this.iconPack, onClick: (e) => {
+        return (h(Host, { key: 'ae92dc374ab721ea86cfe8d0f658be4f4c624d51', title: text }, this.states.activeMoreMenu && (h("div", { key: '061d68748259df66e729ff830c9d72909b8185a6', class: "more-menu" }, h("slot", { key: '6a89ae4f51c32c560c83bb5fa10f694797f4d20c', name: "more-elements" }))), h("rtk-controlbar-button", { key: '775fcd968101f57f070159f6992ad55527fd424a', size: this.size, iconPack: this.iconPack, onClick: (e) => {
                 e.stopPropagation();
                 this.toggleMoreMenu();
-            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '207388a5e3c71f27d54f54b42d41339c19bb202d', name: "expanded" })));
+            }, icon: this.iconPack.horizontal_dots, label: text, part: "controlbar-button" }), h("slot", { key: '4b2006186051bf7c0e80dc4d9536d610d25ae7ba', name: "expanded" })));
     }
     static get is() { return "rtk-more-toggle"; }
     static get encapsulation() { return "shadow"; }