@cloudflare/realtimekit-ui 1.1.2 → 1.2.0-staging.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-81fcdba3.js';
+import { e as defaultIconPack } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.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-a96efd29.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-ecc73c07.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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$5 } from './p-99a80022.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-a96efd29.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-500cb1d2.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-81fcdba3.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-f8a8c06f.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-e52350ba.js';
-import { d as defineCustomElement$4 } from './p-8888c763.js';
-import { d as defineCustomElement$3 } from './p-de917806.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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$5 } from './p-99a80022.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-a96efd29.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-758bfd06.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-abddf729.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-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-f8a8c06f.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-9df0c5ee.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-5a63ea3c.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, M as showLivestream } from './p-81fcdba3.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-f8a8c06f.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-9df0c5ee.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-d7bcb676.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-5d76fdc9.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, L as isLiveStreamViewer } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.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-81fcdba3.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-f8a8c06f.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-d1d42431.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-75688f6c.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,8 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, c as Host } from './p-ae373651.js';
-import { D as disableSettingSinkId, e as defaultIconPack, i as useLanguage, L as isLiveStreamViewer } from './p-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
+import { i as isFirefox } from './p-05186172.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-5a84fa04.js';
+import { d as defineCustomElement$3 } from './p-e62c3402.js';
 import { d as defineCustomElement$2 } from './p-3e0452c4.js';
 
 /**
@@ -48,7 +49,7 @@ class RTKAudio {
     }
     async setDevice(id) {
         var _a, _b, _c;
-        if (disableSettingSinkId(this.meeting))
+        if (isFirefox(this.meeting))
             return;
         await ((_c = (_b = (_a = this.audio).setSinkId) === null || _b === void 0 ? void 0 : _b.call(_a, id)) === null || _c === void 0 ? void 0 : _c.catch((err) => {
             this.logger.error('[rtk-audio] setSinkId() error\n', err);

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

@@ -1,4 +1,4 @@
-import { R as RtkParticipants, d as defineCustomElement$1 } from './p-8ce40ad2.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-740edc72.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-81fcdba3.js';
-import { a as canViewParticipants } from './p-8ed850d5.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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-5502e742.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-227e6b1f.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-81fcdba3.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-f8a8c06f.js';
-import { d as defineCustomElement$f } from './p-4f8aa40d.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-3e96db63.js';
-import { d as defineCustomElement$b } from './p-3f49a2db.js';
-import { d as defineCustomElement$a } from './p-75688f6c.js';
-import { d as defineCustomElement$9 } from './p-8ce40ad2.js';
-import { d as defineCustomElement$8 } from './p-740edc72.js';
-import { d as defineCustomElement$7 } from './p-5502e742.js';
-import { d as defineCustomElement$6 } from './p-227e6b1f.js';
-import { d as defineCustomElement$5 } from './p-0627c3f0.js';
-import { d as defineCustomElement$4 } from './p-a96efd29.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-04c97172.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-19c5a52e.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-81fcdba3.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-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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-e52350ba.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-81fcdba3.js';
-import { b as canViewPlugins } from './p-8ed850d5.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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-919b8411.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-c10bb4d6.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-ed333661.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-81fcdba3.js';
-import { d as canViewPolls } from './p-8ed850d5.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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-bcad0060.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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.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;

package/dist/components/rtk-screen-share-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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$5 } from './p-99a80022.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-a96efd29.js';
+import { d as defineCustomElement$3 } from './p-55492aeb.js';
 import { d as defineCustomElement$2 } from './p-98c3a8f8.js';
 
 const rtkScreenShareToggleCss = ":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}";

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, e as createEvent, w as writeTask, h, c as Host } from './p-ae373651.js';
-import { e as defaultIconPack, i as useLanguage } from './p-81fcdba3.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullScreen, a as isFullScreenSupported } from './p-3974d97a.js';
-import { S as SyncWithStore } from './p-f8a8c06f.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-98c3a8f8.js';

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

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

package/dist/components/rtk-settings-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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$4 } from './p-99a80022.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-a96efd29.js';
+import { d as defineCustomElement$2 } from './p-55492aeb.js';
 
 const rtkSettingsToggleCss = ":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 RtkSettingsToggleStyle0 = rtkSettingsToggleCss;

package/dist/components/rtk-settings-video.js

@@ -1,4 +1,4 @@
-import { R as RtkSettingsVideo$1, d as defineCustomElement$1 } from './p-24c55d32.js';
+import { R as RtkSettingsVideo$1, d as defineCustomElement$1 } from './p-b49573a8.js';
 
 const RtkSettingsVideo = RtkSettingsVideo$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-settings.js

@@ -1,16 +1,16 @@
 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-81fcdba3.js';
-import { S as SyncWithStore } from './p-f8a8c06f.js';
-import { d as defineCustomElement$b } from './p-69015d12.js';
+import { e as defaultIconPack, i as useLanguage } from './p-2ed1dee2.js';
+import { S as SyncWithStore } from './p-8c78a647.js';
+import { d as defineCustomElement$b } from './p-9bb26875.js';
 import { d as defineCustomElement$a } from './p-85587a5c.js';
-import { d as defineCustomElement$9 } from './p-92c9dcac.js';
+import { d as defineCustomElement$9 } from './p-5bd18d67.js';
 import { d as defineCustomElement$8 } from './p-3e0452c4.js';
-import { d as defineCustomElement$7 } from './p-500cb1d2.js';
-import { d as defineCustomElement$6 } from './p-d1d42431.js';
-import { d as defineCustomElement$5 } from './p-f99a8c9f.js';
-import { d as defineCustomElement$4 } from './p-24c55d32.js';
-import { d as defineCustomElement$3 } from './p-97a5f415.js';
-import { d as defineCustomElement$2 } from './p-ac756fdb.js';
+import { d as defineCustomElement$7 } from './p-49033ee4.js';
+import { d as defineCustomElement$6 } from './p-0b33743b.js';
+import { d as defineCustomElement$5 } from './p-03b25901.js';
+import { d as defineCustomElement$4 } from './p-b49573a8.js';
+import { d as defineCustomElement$3 } from './p-54bd0c0c.js';
+import { d as defineCustomElement$2 } from './p-e4d72a7d.js';
 
 const rtkSettingsCss = ":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)))}:host{position:relative;display:flex;overflow:hidden;border-radius:var(--rtk-border-radius-md, 8px);width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}.title{font-size:20px;line-height:1}.back-btn,.dismiss-btn{border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.back-btn:hover,.dismiss-btn:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside{box-sizing:border-box;display:flex;min-width:var(--rtk-space-56, 224px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));padding-left:var(--rtk-space-2, 8px)}aside button{margin-top:var(--rtk-space-4, 16px);box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);background-color:transparent;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));cursor:default;font-size:16px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px}aside button .right{display:flex;align-items:center}aside button .right rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}aside button .right rtk-icon:last-child{margin-left:var(--rtk-space-4, 16px)}aside button[type='button']{cursor:pointer;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}aside button[type='button']:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}aside button[type='button']{border-right:var(--rtk-border-width-md, 2px) solid transparent}aside button.active{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}aside button.active:hover{background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / 0.2)}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))}rtk-icon.good{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}main{display:flex;flex:1 1 0%;align-items:center;justify-content:center;padding-left:var(--rtk-space-6, 24px);padding-right:var(--rtk-space-6, 24px);box-sizing:border-box;width:100%;max-width:calc(100% - var(--rtk-space-56, 224px))}.dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) aside{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([size='sm']) .dismiss-btn{top:var(--rtk-space-5, 20px);right:var(--rtk-space-4, 16px)}:host([size='sm']) aside{width:100%;padding-left:var(--rtk-space-0, 0px)}:host([size='sm']) aside button{border-radius:var(--rtk-border-radius-none, 0)}:host([size='sm']) aside button.active{border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent}:host([size='sm']) aside button.active:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([size='sm']) aside.hide{display:none}:host([size='sm']) main{display:none;max-width:100%;overflow-y:auto;padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}:host([size='sm']) main header{justify-content:center}:host([size='sm']) main header rtk-button{position:absolute;left:var(--rtk-space-4, 16px)}:host([size='sm']) main.active{display:block}";
 const RtkSettingsStyle0 = rtkSettingsCss;