@cloudflare/realtimekit-ui 1.1.3-staging.1 → 1.2.0-staging.3

package/dist/components/rtk-meeting.js

@@ -1,33 +1,34 @@
 import { p as proxyCustomElement, H, e as createEvent, h } from './p-ae373651.js';
-import { p as provideRtkDesignSystem, d as deepMerge } from './p-12089f39.js';
-import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-d27c0af4.js';
+import { p as provideRtkDesignSystem, d as deepMerge } from './p-3323ca84.js';
+import { u as uiStore, i as useLanguage, c as createDefaultConfig, e as defaultIconPack, f as defaultOverrides, b as createPeerStore } from './p-2ed1dee2.js';
 import { R as Render } from './p-88bd1053.js';
-import { g as generateConfig } from './p-78791250.js';
+import { g as generateConfig } from './p-6a2c4232.js';
 import './p-a83ccdbd.js';
 import { i as index } from './p-f47d4fe8.js';
-import { d as defineCustomElement$q } from './p-38636b95.js';
+import { g as getJoinErrorInfo } from './p-f7c2daba.js';
+import { d as defineCustomElement$q } from './p-9d909cb8.js';
 import { d as defineCustomElement$p } from './p-85587a5c.js';
-import { d as defineCustomElement$o } from './p-cbbc9e5e.js';
-import { d as defineCustomElement$n } from './p-600970a4.js';
-import { d as defineCustomElement$m } from './p-131cd2bf.js';
-import { d as defineCustomElement$l } from './p-1a5b3535.js';
-import { d as defineCustomElement$k } from './p-20b9627a.js';
-import { d as defineCustomElement$j } from './p-642edd4b.js';
-import { d as defineCustomElement$i } from './p-30ff359a.js';
-import { d as defineCustomElement$h } from './p-42a1f9c0.js';
-import { d as defineCustomElement$g } from './p-db37ba4b.js';
-import { d as defineCustomElement$f } from './p-096382b0.js';
+import { d as defineCustomElement$o } from './p-e50f3252.js';
+import { d as defineCustomElement$n } from './p-1e7879b2.js';
+import { d as defineCustomElement$m } from './p-a7f55e0a.js';
+import { d as defineCustomElement$l } from './p-a61293f2.js';
+import { d as defineCustomElement$k } from './p-81d3fa3b.js';
+import { d as defineCustomElement$j } from './p-c600e223.js';
+import { d as defineCustomElement$i } from './p-06494ae4.js';
+import { d as defineCustomElement$h } from './p-68d7e2ac.js';
+import { d as defineCustomElement$g } from './p-04d11945.js';
+import { d as defineCustomElement$f } from './p-6d5bf1f8.js';
 import { d as defineCustomElement$e } from './p-3e0452c4.js';
-import { d as defineCustomElement$d } from './p-55dc74a4.js';
+import { d as defineCustomElement$d } from './p-2d03f701.js';
 import { d as defineCustomElement$c } from './p-c3356393.js';
-import { d as defineCustomElement$b } from './p-05626b95.js';
-import { d as defineCustomElement$a } from './p-cba45132.js';
-import { d as defineCustomElement$9 } from './p-18e6ca69.js';
-import { d as defineCustomElement$8 } from './p-35099b4c.js';
-import { d as defineCustomElement$7 } from './p-5b86178f.js';
-import { d as defineCustomElement$6 } from './p-2ef51ae9.js';
-import { d as defineCustomElement$5 } from './p-6df007b8.js';
-import { d as defineCustomElement$4 } from './p-3ad05c85.js';
+import { d as defineCustomElement$b } from './p-807bfb79.js';
+import { d as defineCustomElement$a } from './p-03f8aadf.js';
+import { d as defineCustomElement$9 } from './p-908944a2.js';
+import { d as defineCustomElement$8 } from './p-99951515.js';
+import { d as defineCustomElement$7 } from './p-7e6d4259.js';
+import { d as defineCustomElement$6 } from './p-19d787bf.js';
+import { d as defineCustomElement$5 } from './p-55492aeb.js';
+import { d as defineCustomElement$4 } from './p-24bdab25.js';
 import { d as defineCustomElement$3 } from './p-8211bd3b.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
@@ -68,7 +69,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         /** Since RtkMeeting by design works as a provider for component, to be in sync with other providers, added provider id */
         this.providerId = 'provider-' + Math.floor(Math.random() * 100);
         this.roomJoinedListener = () => {
-            this.updateStates({ meeting: 'joined', joinError: undefined });
+            this.updateStates({ meeting: 'joined', joinError: undefined, joinErrorCode: undefined });
         };
         this.waitlistedListener = () => {
             this.updateStates({ meeting: 'waiting' });
@@ -218,7 +219,7 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         meeting.self.removeListener('mediaPermissionUpdate', this.mediaPermissionUpdateListener);
         meeting.meta.removeListener('socketConnectionUpdate', this.socketConnectionUpdateListener);
     }
-    meetingChanged(meeting) {
+    meetingChanged(meeting, oldMeeting) {
         var _a, _b;
         if (!meeting)
             return;
@@ -242,7 +243,15 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
         else {
             this.peerStore = null;
         }
-        this.updateStates({ viewType: meeting.meta.viewType });
+        const targetStore = this.peerStore || uiStore;
+        /** Honor user's explicit choice for captions, but respect preset default if no explicit choice */
+        const desiredActiveCaptionsState = !oldMeeting
+            ? !!meeting.self.permissions.transcriptionEnabled
+            : !!targetStore.state.states.activeCaptions;
+        this.updateStates({
+            viewType: meeting.meta.viewType,
+            activeCaptions: desiredActiveCaptionsState,
+        });
         if (this.loadConfigFromPreset && meeting.self.config != null) {
             const theme = meeting.self.config;
             const { config, data } = generateConfig(theme, meeting);
@@ -251,14 +260,14 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 this.showSetupScreen = data.showSetupScreen;
             }
             if (meeting.connectedMeetings.supportsConnectedMeetings &&
-                ((_a = (this.peerStore || uiStore).state.states.activeBreakoutRoomsManager) === null || _a === void 0 ? void 0 : _a.destinationMeetingId)) {
+                ((_a = targetStore.state.states.activeBreakoutRoomsManager) === null || _a === void 0 ? void 0 : _a.destinationMeetingId)) {
                 this.showSetupScreen = false;
             }
         }
         if (this.applyDesignSystem &&
             ((_b = this.config) === null || _b === void 0 ? void 0 : _b.designTokens) != null &&
             typeof document !== 'undefined' &&
-            (this.peerStore || uiStore).state.states.activeDebugger !== true) {
+            targetStore.state.states.activeDebugger !== true) {
             provideRtkDesignSystem(document.documentElement, this.config.designTokens);
         }
         meeting.self.addListener('roomJoined', this.roomJoinedListener);
@@ -280,11 +289,11 @@ const RtkMeeting$1 = /*@__PURE__*/ proxyCustomElement(class RtkMeeting extends H
                 meeting
                     .joinRoom()
                     .then(() => {
-                    this.updateStates({ joinError: undefined });
+                    this.updateStates({ joinError: undefined, joinErrorCode: undefined });
                 })
                     .catch((err) => {
-                    const message = (err === null || err === void 0 ? void 0 : err.message) ? err.message : this.t('network.lost_extended');
-                    this.updateStates({ joinError: message });
+                    const { message, code } = getJoinErrorInfo(this.t, err);
+                    this.updateStates({ joinError: message, joinErrorCode: code });
                 });
             }
         }

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

@@ -1,4 +1,4 @@
-import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-cba45132.js';
+import { R as RtkMenuItem$1, d as defineCustomElement$1 } from './p-03f8aadf.js';
 
 const RtkMenuItem = RtkMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-18e6ca69.js';
+import { R as RtkMenuList$1, d as defineCustomElement$1 } from './p-908944a2.js';
 
 const RtkMenuList = RtkMenuList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-menu.js

@@ -1,4 +1,4 @@
-import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-05626b95.js';
+import { R as RtkMenu$1, d as defineCustomElement$1 } from './p-807bfb79.js';
 
 const RtkMenu = RtkMenu$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, w as writeTask, h } from './p-ae373651.js';
-import { e as defaultIconPack } from './p-d27c0af4.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 import { d as debounce } from './p-1dca17d1.js';
 
 const rtkMessageListViewCss = ":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)}.scrollbar{scrollbar-width:thin;scrollbar-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))\n    var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar{height:var(--rtk-space-1\\.5, 6px);width:var(--rtk-space-1\\.5, 6px);border-radius:9999px;background-color:var(--rtk-scrollbar-background, transparent)}.scrollbar::-webkit-scrollbar-thumb{border-radius:9999px;background-color:var(--rtk-scrollbar-color, rgb(var(--rtk-colors-background-600, 60 60 60)))}.loading{cursor:wait}.content-wrapper{height:100%;overflow-y:auto;position:relative;contain:strict}.scroller{width:1px;opacity:0}.content{position:absolute;top:0;width:100%}.smallest-dom-element{width:100%;height:2px;background:red}.loader{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;justify-content:center}";

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

@@ -1,4 +1,4 @@
-import { R as RtkMessageView$1, d as defineCustomElement$1 } from './p-35099b4c.js';
+import { R as RtkMessageView$1, d as defineCustomElement$1 } from './p-99951515.js';
 
 const RtkMessageView = RtkMessageView$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$5 } from './p-d013c8e2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$5 } from './p-2add3860.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-6df007b8.js';
+import { d as defineCustomElement$3 } from './p-55492aeb.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkMicToggleCss = ":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}:host([data-hidden]){display:none}:host(.audioDisabled) :slotted(rtk-icon){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";

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

@@ -1,4 +1,4 @@
-import { R as RtkMicrophoneSelector$1, d as defineCustomElement$1 } from './p-4f3d144f.js';
+import { R as RtkMicrophoneSelector$1, d as defineCustomElement$1 } from './p-49033ee4.js';
 
 const RtkMicrophoneSelector = RtkMicrophoneSelector$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,13 +1,13 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { d as defaultGridSize } from './p-b13ddb7d.js';
 import { R as Render } from './p-88bd1053.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$7 } from './p-85587a5c.js';
 import { d as defineCustomElement$6 } from './p-3e0452c4.js';
-import { d as defineCustomElement$5 } from './p-71930035.js';
-import { d as defineCustomElement$4 } from './p-4e7c7596.js';
-import { d as defineCustomElement$3 } from './p-27b0f8a0.js';
+import { d as defineCustomElement$5 } from './p-9ebfb1ef.js';
+import { d as defineCustomElement$4 } from './p-9949f244.js';
+import { d as defineCustomElement$3 } from './p-3fc79f62.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkMixedGridCss = ":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;height:100%;width:100%;display:flex}main{display:flex;flex:1 1 0%;padding-left:var(--rtk-space-4, 16px)}:host([layout='column']) main{padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}main rtk-tab-bar{margin-right:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column}main #tabs{height:100%;flex:1 1 0%}rtk-button{z-index:10}.grid-width-sm{width:25%}.grid-width-md{width:50%}.grid-width-lg{width:66.666667%}.col{display:flex;flex-direction:column;align-items:center}.tab{display:flex;height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);align-items:center;justify-content:center;margin-bottom:var(--rtk-space-2, 8px);font-size:12px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}.tab.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}.tab img{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);border-radius:var(--rtk-border-radius-sm, 4px)}:host([size='sm']){flex-direction:column}:host([size='sm']) .grid-width-lg,:host([size='sm']) .grid-width-md{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:33.333333%;width:100%;max-width:100%}:host([size='sm']) main{display:flex;flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{height:var(--rtk-space-12, 48px);width:100%;flex-direction:row}:host([size='sm']) #tabs{flex:1 1 0%}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}:host([layout='column']){flex-direction:column}:host([layout='column']) main{display:flex;flex:1 1 0%}:host([layout='column']) .grid-width-lg,:host([layout='column']) .grid-width-md{height:50%;max-width:100%;width:100%}:host([layout='column']) .grid-width-sm{height:33.333333%;max-width:100%;width:100%}@media (orientation: portrait){:host{flex-direction:column}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host .grid-width-md{height:33.333333%;width:100%;max-width:100%}:host .grid-width-sm{height:25%;width:100%;max-width:100%}:host main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='md']) main{flex:1 1 0%;flex-direction:column;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host rtk-tab-bar{height:var(--rtk-space-16, 64px);width:100%;flex-direction:row}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}@media (orientation: landscape){:host{flex-direction:row}:host([size='sm']){flex-direction:row}:host .grid-width-lg{height:50%;width:100%;max-width:100%}:host([size='sm']) .grid-width-sm{height:100%;max-height:100%;width:16.666667%}:host([size='sm']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}:host([size='md']) main{flex:1 1 0%;flex-direction:row;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) rtk-tab-bar{margin-right:var(--rtk-space-2, 8px);height:100%;width:var(--rtk-space-12, 48px);flex-direction:column}:host #tabs{flex:1 1 0%}:host .tab{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-2, 8px)}}";

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkMoreToggleCss = ":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:flex;flex-direction:column;overflow:visible}.more-menu{position:absolute;right:calc(var(--rtk-space-24, 96px) * -1);bottom:var(--rtk-space-16, 64px);z-index:50;margin-bottom:var(--rtk-space-3, 12px);box-sizing:border-box;max-height:60vh;width:var(--rtk-space-64, 256px);overflow:auto;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));outline:2px solid transparent;outline-offset:2px;display:flex;flex-direction:column;align-items:stretch}:host([size='sm']) .more-menu{bottom:var(--rtk-space-10, 40px)}.more-menu::-webkit-scrollbar{height:var(--rtk-space-0, 0px);width:var(--rtk-space-1\\.5, 6px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.more-menu::-webkit-scrollbar-thumb{border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}";
 const RtkMoreToggleStyle0 = rtkMoreToggleCss;

package/dist/components/rtk-mute-all-button.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$5 } from './p-d013c8e2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$5 } from './p-2add3860.js';
 import { d as defineCustomElement$4 } from './p-3e0452c4.js';
-import { d as defineCustomElement$3 } from './p-6df007b8.js';
+import { d as defineCustomElement$3 } from './p-55492aeb.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkMuteAllButtonCss = ":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}";

package/dist/components/rtk-mute-all-confirmation.js

@@ -1,4 +1,4 @@
-import { R as RtkMuteAllConfirmation$1, d as defineCustomElement$1 } from './p-aff4de17.js';
+import { R as RtkMuteAllConfirmation$1, d as defineCustomElement$1 } from './p-5725fa7d.js';
 
 const RtkMuteAllConfirmation = RtkMuteAllConfirmation$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-name-tag.js

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

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 const rtkNetworkIndicatorCss = ":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:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}rtk-icon{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;height:100%;width:100%;--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}rtk-icon.poor{--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}rtk-icon.poorest{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.bg-signal{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:0;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}";

package/dist/components/rtk-notification.js

@@ -1,4 +1,4 @@
-import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-24333ab4.js';
+import { R as RtkNotification$1, d as defineCustomElement$1 } from './p-7dbc2fb1.js';
 
 const RtkNotification = RtkNotification$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-notifications.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, w as writeTask, h, c as Host } from './p-ae373651.js';
 import { R as RTKNotificationsAudio } from './p-598b792e.js';
 import { f as formatName } from './p-efabd2ce.js';
-import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, L as showLivestream } from './p-d27c0af4.js';
+import { c as createDefaultConfig, i as useLanguage, e as defaultIconPack, L as showLivestream } from './p-2ed1dee2.js';
 import { f as parseMessageForTarget } from './p-0db812c2.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-24333ab4.js';
+import { d as defineCustomElement$2 } from './p-7dbc2fb1.js';
 
 const DEFAULT_NOTIFICATION_DURATION = 2000;
 const DEFAULT_NOTIFICATION_CONFIG = Object.freeze({

package/dist/components/rtk-overlay-modal.js

@@ -1,4 +1,4 @@
-import { R as RtkOverlayModal$1, d as defineCustomElement$1 } from './p-cfc9fb5d.js';
+import { R as RtkOverlayModal$1, d as defineCustomElement$1 } from './p-cb5edad8.js';
 
 const RtkOverlayModal = RtkOverlayModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-paginated-list.js

@@ -1,4 +1,4 @@
-import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-5b86178f.js';
+import { R as RtkPaginatedList$1, d as defineCustomElement$1 } from './p-7e6d4259.js';
 
 const RtkPaginatedList = RtkPaginatedList$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage, K as isLiveStreamViewer } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { e as defaultIconPack, i as useLanguage, K as isLiveStreamViewer } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 const rtkParticipantCountCss = ":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:inline-flex;height:var(--rtk-space-10, 40px);-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";

package/dist/components/rtk-participant-setup.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 
 const rtkParticipantSetupCss = ":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:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;height:var(--rtk-space-56, 224px);overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity));transition-property:var(--rtk-transition-property, all);transition-duration:150ms}@media (prefers-reduced-motion){:host{--rtk-transition-property:none}}:host([size='sm'][variant='solid']) ::slotted(rtk-name-tag){left:var(--rtk-space-2, 8px);bottom:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px)}video{display:none;position:absolute;height:100%;width:100%;border-radius:var(--rtk-border-radius-lg, 12px)}video.contain{-o-object-fit:contain;object-fit:contain}video.cover{-o-object-fit:cover;object-fit:cover}video.visible{display:block}video::-webkit-media-controls{display:none !important}:host([variant='gradient']) ::slotted(rtk-audio-visualizer){position:absolute;top:var(--rtk-space-2, 8px);right:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px)}:host([variant='gradient']) ::slotted(rtk-name-tag){bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);display:flex;width:100%;align-items:center;justify-content:center;text-align:center;background-color:transparent;background-image:linear-gradient(to top, var(--tw-gradient-stops));--tw-gradient-from:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-gradient-to:rgba(var(--rtk-colors-background-1000, 8 8 8) / 0);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to:transparent}video.mirror{transform:scaleX(-1)}@media (orientation: portrait){:host{height:var(--rtk-space-44, 176px)}}";
 const RtkParticipantSetupStyle0 = rtkParticipantSetupCss;

package/dist/components/rtk-participant-tile.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipantTile$1, d as defineCustomElement$1 } from './p-6ddb14d6.js';
+import { R as RtkParticipantTile$1, d as defineCustomElement$1 } from './p-0b33743b.js';
 
 const RtkParticipantTile = RtkParticipantTile$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participant.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipant$1, d as defineCustomElement$1 } from './p-8d852c79.js';
+import { R as RtkParticipant$1, d as defineCustomElement$1 } from './p-7ed6904e.js';
 
 const RtkParticipant = RtkParticipant$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
 import { i as isFirefox } from './p-05186172.js';
-import { e as defaultIconPack, i as useLanguage, K as isLiveStreamViewer } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { e as defaultIconPack, i as useLanguage, K as isLiveStreamViewer } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$4 } from './p-85587a5c.js';
-import { d as defineCustomElement$3 } from './p-61aead19.js';
+import { d as defineCustomElement$3 } from './p-e62c3402.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 /**

package/dist/components/rtk-participants-stage-list.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipants, d as defineCustomElement$1 } from './p-4b51c88d.js';
+import { R as RtkParticipants, d as defineCustomElement$1 } from './p-499c8a99.js';
 
 const RtkParticipantsStageList = RtkParticipants;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participants-stage-queue.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipantsStaged, d as defineCustomElement$1 } from './p-0b416040.js';
+import { R as RtkParticipantsStaged, d as defineCustomElement$1 } from './p-b0f6d0c6.js';
 
 const RtkParticipantsStageQueue = RtkParticipantsStaged;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
-import { a as canViewParticipants } from './p-5882edea.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { a as canViewParticipants } from './p-5264f882.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkParticipantsToggleCss = ":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}:host([data-hidden]){display:none}.waiting-participants-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .waiting-participants-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkParticipantsToggleStyle0 = rtkParticipantsToggleCss;

package/dist/components/rtk-participants-viewer-list.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipantsViewers, d as defineCustomElement$1 } from './p-d6379f63.js';
+import { R as RtkParticipantsViewers, d as defineCustomElement$1 } from './p-b52acf04.js';
 
 const RtkParticipantsViewerList = RtkParticipantsViewers;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participants-waiting-list.js

@@ -1,4 +1,4 @@
-import { R as RtkParticipantsWaitlisted, d as defineCustomElement$1 } from './p-e126772a.js';
+import { R as RtkParticipantsWaitlisted, d as defineCustomElement$1 } from './p-e4408acc.js';
 
 const RtkParticipantsWaitingList = RtkParticipantsWaitlisted;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-participants.js

@@ -1,19 +1,19 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$f } from './p-38636b95.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$f } from './p-9d909cb8.js';
 import { d as defineCustomElement$e } from './p-85587a5c.js';
 import { d as defineCustomElement$d } from './p-3e0452c4.js';
-import { d as defineCustomElement$c } from './p-cba45132.js';
-import { d as defineCustomElement$b } from './p-18e6ca69.js';
-import { d as defineCustomElement$a } from './p-8d852c79.js';
-import { d as defineCustomElement$9 } from './p-4b51c88d.js';
-import { d as defineCustomElement$8 } from './p-0b416040.js';
-import { d as defineCustomElement$7 } from './p-d6379f63.js';
-import { d as defineCustomElement$6 } from './p-e126772a.js';
-import { d as defineCustomElement$5 } from './p-3a3524e8.js';
-import { d as defineCustomElement$4 } from './p-6df007b8.js';
+import { d as defineCustomElement$c } from './p-03f8aadf.js';
+import { d as defineCustomElement$b } from './p-908944a2.js';
+import { d as defineCustomElement$a } from './p-7ed6904e.js';
+import { d as defineCustomElement$9 } from './p-499c8a99.js';
+import { d as defineCustomElement$8 } from './p-b0f6d0c6.js';
+import { d as defineCustomElement$7 } from './p-b52acf04.js';
+import { d as defineCustomElement$6 } from './p-e4408acc.js';
+import { d as defineCustomElement$5 } from './p-a0bc29df.js';
+import { d as defineCustomElement$4 } from './p-55492aeb.js';
 import { d as defineCustomElement$3 } from './p-98c3a8f8.js';
 import { d as defineCustomElement$2 } from './p-d48b4170.js';
 import { d as debounce } from './p-1dca17d1.js';

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

@@ -1,4 +1,4 @@
-import { R as RtkPermissionsMessage$1, d as defineCustomElement$1 } from './p-b5f3d087.js';
+import { R as RtkPermissionsMessage$1, d as defineCustomElement$1 } from './p-84233ec2.js';
 
 const RtkPermissionsMessage = RtkPermissionsMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-pinned-message-selector.js

@@ -1,4 +1,4 @@
-import { R as RtkPinnedMessageSelector$1, d as defineCustomElement$1 } from './p-2ef51ae9.js';
+import { R as RtkPinnedMessageSelector$1, d as defineCustomElement$1 } from './p-19d787bf.js';
 
 const RtkPinnedMessageSelector = RtkPinnedMessageSelector$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
+import { c as createDefaultConfig, e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkPipToggleCss = ":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}:host([data-hidden]){display:none}";
 const RtkPipToggleStyle0 = rtkPipToggleCss;

package/dist/components/rtk-plugin-main.js

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

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
-import { b as canViewPlugins } from './p-5882edea.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { b as canViewPlugins } from './p-5264f882.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkPluginsToggleCss = ":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}:host([data-hidden]){display:none}";
 const RtkPluginsToggleStyle0 = rtkPluginsToggleCss;

package/dist/components/rtk-plugins.js

@@ -1,4 +1,4 @@
-import { R as RtkPlugins$1, d as defineCustomElement$1 } from './p-4ca822e6.js';
+import { R as RtkPlugins$1, d as defineCustomElement$1 } from './p-d45f839e.js';
 
 const RtkPlugins = RtkPlugins$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-poll-form.js

@@ -1,4 +1,4 @@
-import { R as RtkPoll, d as defineCustomElement$1 } from './p-31b9bd25.js';
+import { R as RtkPoll, d as defineCustomElement$1 } from './p-f2073152.js';
 
 const RtkPollForm = RtkPoll;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-poll.js

@@ -1,4 +1,4 @@
-import { R as RtkPolls, d as defineCustomElement$1 } from './p-2549fae5.js';
+import { R as RtkPolls, d as defineCustomElement$1 } from './p-1d945d79.js';
 
 const RtkPoll = RtkPolls;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-d27c0af4.js';
-import { d as canViewPolls } from './p-5882edea.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { d as canViewPolls } from './p-5264f882.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkPollsToggleCss = ":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}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;transform:translateY(-50%)}";
 const RtkPollsToggleStyle0 = rtkPollsToggleCss;

package/dist/components/rtk-polls.js

@@ -1,4 +1,4 @@
-import { R as RtkPolls$1, d as defineCustomElement$1 } from './p-1cd48555.js';
+import { R as RtkPolls$1, d as defineCustomElement$1 } from './p-c756e618.js';
 
 const RtkPolls = RtkPolls$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
+import { i as useLanguage, e as defaultIconPack } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 const rtkRecordingIndicatorCss = ":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}:host([data-hidden]){display:none}:host[size='sm']{margin-left:var(--rtk-space-1, 4px);margin-right:var(--rtk-space-1, 4px)}.indicator{display:flex;flex-direction:row;align-items:center;font-size:14px;--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}rtk-icon{margin-right:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);animation:blink 4s linear infinite}:host([size='sm']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='sm']) .indicator span{display:none}@keyframes blink{0%,10%{opacity:0}11%,100%{opacity:1}}";

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { i as useLanguage, e as defaultIconPack } from './p-d27c0af4.js';
-import { S as SyncWithStore } from './p-ff361719.js';
-import { d as defineCustomElement$4 } from './p-d013c8e2.js';
+import { i as useLanguage, e as defaultIconPack } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$4 } from './p-2add3860.js';
 import { d as defineCustomElement$3 } from './p-3e0452c4.js';
-import { d as defineCustomElement$2 } from './p-6df007b8.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkRecordingToggleCss = ":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}";
 const RtkRecordingToggleStyle0 = rtkRecordingToggleCss;