@cloudflare/realtimekit-ui 1.0.5-staging.1 → 1.0.5-staging.2

package/dist/cjs/rtk-avatar_54.cjs.entry.js

@@ -3396,7 +3396,7 @@ __decorate$q([
 ], RtkDebuggerVideo.prototype, "t", void 0);
 RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
 
-const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/collection/components/rtk-dialog/rtk-dialog.css

@@ -42,6 +42,14 @@ p {
 }
 
 ::slotted(*) {
-  max-height: 100%;
+  /*
+   * In Safari, 
+   * Adding max-h-full might break settings, audio_playback and troubleshooting modals.
+   * If you ever have to add max-h-full back,
+   * Make sure to test with Safari.
+   */
   max-width: 100%;
+  height: auto;
+  min-height: -moz-fit-content;
+  min-height: fit-content;
 }

package/dist/components/{p-aaaa2ffd.js → p-1d624be9.js}

@@ -11,7 +11,7 @@ import { d as defineCustomElement$M } from './p-0ed5724c.js';
 import { d as defineCustomElement$L } from './p-1391bef0.js';
 import { d as defineCustomElement$K } from './p-31bcc734.js';
 import { d as defineCustomElement$J } from './p-04d15eb6.js';
-import { d as defineCustomElement$I } from './p-72ca9fd3.js';
+import { d as defineCustomElement$I } from './p-8f513cbb.js';
 import { d as defineCustomElement$H } from './p-5ebc407b.js';
 import { d as defineCustomElement$G } from './p-5bcc3fbf.js';
 import { d as defineCustomElement$F } from './p-1bab77e6.js';
@@ -25,8 +25,8 @@ import { d as defineCustomElement$y } from './p-8183bf13.js';
 import { d as defineCustomElement$x } from './p-dd02fd30.js';
 import { d as defineCustomElement$w } from './p-01da0593.js';
 import { d as defineCustomElement$v } from './p-69c80d56.js';
-import { d as defineCustomElement$u } from './p-750d5890.js';
-import { d as defineCustomElement$t } from './p-431bde35.js';
+import { d as defineCustomElement$u } from './p-7960f355.js';
+import { d as defineCustomElement$t } from './p-cb12ef1a.js';
 import { d as defineCustomElement$s } from './p-f27918e3.js';
 import { d as defineCustomElement$r } from './p-ef17e3c1.js';
 import { d as defineCustomElement$q } from './p-07b63e04.js';

package/dist/components/{p-750d5890.js → p-7960f355.js}

@@ -4,7 +4,7 @@ import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$2 } from './p-1391bef0.js';
 import { d as defineCustomElement$1 } from './p-3b29dda1.js';
 
-const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/components/{p-72ca9fd3.js → p-8f513cbb.js}

@@ -5,7 +5,7 @@ import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$7 } from './p-c05f6b8c.js';
 import { d as defineCustomElement$6 } from './p-1391bef0.js';
 import { d as defineCustomElement$5 } from './p-04d15eb6.js';
-import { d as defineCustomElement$4 } from './p-750d5890.js';
+import { d as defineCustomElement$4 } from './p-7960f355.js';
 import { d as defineCustomElement$3 } from './p-3b29dda1.js';
 import { d as defineCustomElement$2 } from './p-f6ccc017.js';
 import { d as defineCustomElement$1 } from './p-895216f5.js';

package/dist/components/{p-431bde35.js → p-cb12ef1a.js}

@@ -16,7 +16,7 @@ import { d as defineCustomElement$d } from './p-8183bf13.js';
 import { d as defineCustomElement$c } from './p-dd02fd30.js';
 import { d as defineCustomElement$b } from './p-01da0593.js';
 import { d as defineCustomElement$a } from './p-69c80d56.js';
-import { d as defineCustomElement$9 } from './p-750d5890.js';
+import { d as defineCustomElement$9 } from './p-7960f355.js';
 import { d as defineCustomElement$8 } from './p-3b29dda1.js';
 import { d as defineCustomElement$7 } from './p-a96f61c3.js';
 import { d as defineCustomElement$6 } from './p-2e39722f.js';

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

@@ -1,4 +1,4 @@
-import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-72ca9fd3.js';
+import { R as RtkChannelHeader$1, d as defineCustomElement$1 } from './p-8f513cbb.js';
 
 const RtkChannelHeader = RtkChannelHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-chat.js

@@ -1,4 +1,4 @@
-import { R as RtkChat$1, d as defineCustomElement$1 } from './p-aaaa2ffd.js';
+import { R as RtkChat$1, d as defineCustomElement$1 } from './p-1d624be9.js';
 
 const RtkChat = RtkChat$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-431bde35.js';
+import { R as RtkDialogManager$1, d as defineCustomElement$1 } from './p-cb12ef1a.js';
 
 const RtkDialogManager = RtkDialogManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-dialog.js

@@ -1,4 +1,4 @@
-import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-750d5890.js';
+import { R as RtkDialog$1, d as defineCustomElement$1 } from './p-7960f355.js';
 
 const RtkDialog = RtkDialog$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-meeting.js

@@ -13,9 +13,9 @@ import { d as defineCustomElement$O } from './p-0ed5724c.js';
 import { d as defineCustomElement$N } from './p-1391bef0.js';
 import { d as defineCustomElement$M } from './p-31bcc734.js';
 import { d as defineCustomElement$L } from './p-04d15eb6.js';
-import { d as defineCustomElement$K } from './p-72ca9fd3.js';
+import { d as defineCustomElement$K } from './p-8f513cbb.js';
 import { d as defineCustomElement$J } from './p-5ebc407b.js';
-import { d as defineCustomElement$I } from './p-aaaa2ffd.js';
+import { d as defineCustomElement$I } from './p-1d624be9.js';
 import { d as defineCustomElement$H } from './p-5bcc3fbf.js';
 import { d as defineCustomElement$G } from './p-1bab77e6.js';
 import { d as defineCustomElement$F } from './p-e7cce7d7.js';
@@ -28,8 +28,8 @@ import { d as defineCustomElement$z } from './p-8183bf13.js';
 import { d as defineCustomElement$y } from './p-dd02fd30.js';
 import { d as defineCustomElement$x } from './p-01da0593.js';
 import { d as defineCustomElement$w } from './p-69c80d56.js';
-import { d as defineCustomElement$v } from './p-750d5890.js';
-import { d as defineCustomElement$u } from './p-431bde35.js';
+import { d as defineCustomElement$v } from './p-7960f355.js';
+import { d as defineCustomElement$u } from './p-cb12ef1a.js';
 import { d as defineCustomElement$t } from './p-f27918e3.js';
 import { d as defineCustomElement$s } from './p-ef17e3c1.js';
 import { d as defineCustomElement$r } from './p-07b63e04.js';

package/dist/components/rtk-participants-audio.js

@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-
 import { C as disableSettingSinkId, e as defaultIconPack, h as useLanguage, N as isLiveStreamViewer } from './p-fa889524.js';
 import { S as SyncWithStore } from './p-d9827659.js';
 import { d as defineCustomElement$4 } from './p-1391bef0.js';
-import { d as defineCustomElement$3 } from './p-750d5890.js';
+import { d as defineCustomElement$3 } from './p-7960f355.js';
 import { d as defineCustomElement$2 } from './p-3b29dda1.js';
 
 /**

package/dist/docs/docs-components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-08-07T10:40:35",
+  "timestamp": "2025-08-08T07:52:32",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.27.2",

package/dist/esm/loader.js

@@ -13975,7 +13975,7 @@ __decorate$q$1([
 ], RtkDebuggerVideo.prototype, "t", void 0);
 RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
 
-const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate$p$1 = function (decorators, target, key, desc) {

package/dist/esm/rtk-avatar_54.entry.js

@@ -3392,7 +3392,7 @@ __decorate$q([
 ], RtkDebuggerVideo.prototype, "t", void 0);
 RtkDebuggerVideo.style = RtkDebuggerVideoStyle0;
 
-const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
+const rtkDialogCss = ":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{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-width:100%;height:auto;min-height:-moz-fit-content;min-height:fit-content}";
 const RtkDialogStyle0 = rtkDialogCss;
 
 var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {