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

package/dist/components/rtk-transcripts.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, c as useLanguage } from './p-9fe29f26.js';
+import { d as defaultConfig, 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 { c as clone } from './p-c15d924f.js';
-import { d as defineCustomElement$2 } from './p-c4f19df7.js';
+import { d as defineCustomElement$2 } from './p-55598b38.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 { d as defaultConfig, n as uiState, u as uiStore } from './p-9fe29f26.js';
-import { g as generateConfig, p as provideRtkDesignSystem, d as deepMerge } from './p-b2771f98.js';
+import { d as defaultConfig, n as uiState, u as uiStore } from './p-e6d09c50.js';
+import { g as generateConfig, p as provideRtkDesignSystem, d as deepMerge } from './p-4a436e2d.js';
 import './p-a83ccdbd.js';
 import { g as getSize } from './p-96be234f.js';
 
@@ -148,7 +148,7 @@ const RtkUiProvider$1 = /*@__PURE__*/ proxyCustomElement(class RtkUiProvider ext
         });
     }
     render() {
-        return h(Host, { key: 'ce61aaa074ff4c285bb9b39ea420c456a03ea2b6' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
+        return h(Host, { key: '4c5b692de4bf1486e1c17ab6f9d61684705cfa95' }, this.noRenderUntilMeeting && !this.meeting ? null : h("slot", null));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { R as RtkViewerCount$1, d as defineCustomElement$1 } from './p-be1b951d.js';
+import { R as RtkViewerCount$1, d as defineCustomElement$1 } from './p-ef376a73.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-2973e211.js';
+import { R as RtkVirtualizedParticipantList$1, d as defineCustomElement$1 } from './p-31a1dc4d.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 { 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$2 } from './p-6cada312.js';
+import { S as SyncWithStore } from './p-d5791958.js';
+import { d as defineCustomElement$2 } from './p-5ffcbba3.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: '77f62eac2bfd382e325dbb6e1e2386c5eb3d13a6' }, h("slot", { key: 'efa083572c73db00e2db935fd44eefc85da2f22d' }, h("div", { key: 'f03cb8e9293d618bf17532ce139311998d6332f8', class: "centered", part: "content" }, h("rtk-logo", { key: '4f80c7bd29784e0edcb069c5f8c90ea6662831d4', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'd8a7bd5e11b2bec6e9a108c6c1c64d2b45df4a66' }, this.t('waitlist.body_text'))))));
+        return (h(Host, { key: 'f2c47d3259b2df855467a20acb9c3cf9efba0656' }, h("slot", { key: 'f00f36e15ecf6279903d8512f3dee23057de734a' }, h("div", { key: '980543555369e3547a6ba36a4235e885ca65ee4b', class: "centered", part: "content" }, h("rtk-logo", { key: '9a82a757b90ceb5ec2d143cc2e4ba3a85e4b5ead', meeting: this.meeting, config: this.config, part: "logo", t: this.t }), h("p", { key: 'e9c2f4e21f075ee74e147249bd52e8947bdfa37d' }, 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": "2025-04-22T10:33:17",
+  "timestamp": "2025-04-22T10:47:09",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",
@@ -144065,6 +144065,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "paused",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "paused",
+          "reflectToAttr": false,
+          "docs": "Stops timeout when true",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "size",
           "type": "\"lg\" | \"md\" | \"sm\" | \"xl\"",

package/dist/docs/docs-vscode.json

@@ -2733,6 +2733,10 @@
         "value": "A component which shows a notification.\n\nYou need to remove the element after you receive the\n`rtkNotificationDismiss` event."
       },
       "attributes": [
+        {
+          "name": "paused",
+          "description": "Stops timeout when true"
+        },
         {
           "name": "size",
           "description": "Size",

package/dist/esm/{TextMessage-de672e39.js → TextMessage-efd224db.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-e970cf90.js';
+import { M as MAX_TEXT_LENGTH, j as extractReplyBlock, s as stripOutReplyBlock, f as parseRichText } from './chat-c25836b0.js';
 
 const renderLink = (content) => {
     return (h("a", { class: "link", href: content, target: "_blank", rel: "noopener noreferrer" }, content));

package/dist/esm/{chat-e970cf90.js → chat-c25836b0.js}

@@ -1,4 +1,4 @@
-import { f as chatUnreadTimestamps } from './ui-store-0f6095db.js';
+import { f as chatUnreadTimestamps } from './ui-store-b453cdf2.js';
 
 const parseMessageForTarget = (message) => {
     let parsedMessage = null;

package/dist/esm/{config-d4ed799b.js → config-1ca1ba30.js}

@@ -1,4 +1,4 @@
-import { d as defaultConfig, i as isLiveStreamHost } from './ui-store-0f6095db.js';
+import { d as defaultConfig, i as isLiveStreamHost } from './ui-store-b453cdf2.js';
 import { e as eq, b as baseAssignValue, i as isArrayLike, g as getPrototype, c as copyObject, k as keysIn, a as isArray, d as isBuffer, f as isTypedArray, h as copyArray, j as cloneBuffer, l as cloneTypedArray, m as isArguments, n as isFunction, o as initCloneObject, S as Stack, p as defineProperty, q as isIndex } from './keysIn-310f65c1.js';
 import { i as isObjectLike, b as baseGetTag, a as isObject } from './isObjectLike-773b9473.js';
 
@@ -990,6 +990,7 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(3, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
+                '--header-section-gap': 'var(--dyte-space-2, 8px)',
             },
             'rtk-header.sm': {
                 display: 'grid',
@@ -997,12 +998,14 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 gridTemplateColumns: 'repeat(2, 1fr)',
                 gridTemplateRows: '1fr',
                 alignItems: 'center',
+                '--header-section-gap': 'var(--dyte-space-1, 4px)',
             },
             'div#header-left': {
                 display: 'flex',
                 alignItems: 'center',
                 height: '48px',
                 wordBreak: 'break-all',
+                gap: 'var(--header-section-gap)',
             },
             'rtk-logo': {
                 height: '26px',
@@ -1012,11 +1015,14 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
                 alignItems: 'center',
                 justifyContent: 'center',
                 wordBreak: 'break-all',
+                gap: 'var(--header-section-gap)',
+                paddingInline: 'var(--dyte-space-3, 12px)',
             },
             'div#header-right': {
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'flex-end',
+                gap: 'var(--header-section-gap)',
             },
             'rtk-stage': {
                 display: 'flex',

package/dist/esm/{index-d0112c6b.js → index-6aaa85ca.js}

@@ -1,5 +1,5 @@
 import { a as getElement } from './index-c1fb98bb.js';
-import { m as appendElement, n as removeElement, u as uiStore } from './ui-store-0f6095db.js';
+import { m as appendElement, n as removeElement, u as uiStore } from './ui-store-b453cdf2.js';
 
 function SyncWithStore() {
     return function (proto, propName) {

package/dist/esm/index.js

@@ -1,9 +1,9 @@
-import { d as defaultConfig } from './ui-store-0f6095db.js';
-export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './ui-store-0f6095db.js';
-import { g as generateConfig } from './config-d4ed799b.js';
-export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './config-d4ed799b.js';
-export { R as RtkNotificationsAudio } from './notification-b7669c56.js';
-export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-e970cf90.js';
+import { d as defaultConfig } from './ui-store-b453cdf2.js';
+export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './ui-store-b453cdf2.js';
+import { g as generateConfig } from './config-1ca1ba30.js';
+export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './config-1ca1ba30.js';
+export { R as RtkNotificationsAudio } from './notification-800f2bcd.js';
+export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './chat-c25836b0.js';
 import './index-c1fb98bb.js';
 import './keysIn-310f65c1.js';
 import './isObjectLike-773b9473.js';