@cloudflare/realtimekit-ui 1.0.3 → 1.0.4-staging.2

package/dist/collection/utils/sync-with-store/ui-store.js

@@ -2,20 +2,26 @@ import { createStore } from "@stencil/store";
 import { useLanguage } from "../../lib/lang";
 import { defaultIconPack } from "../../lib/icons";
 import { getUserPreferences } from "../user-prefs";
-import { defaultConfig } from "../../exports";
-export const getInitialStates = () => ({
+import { createDefaultConfig } from "../../exports";
+export const getInitialStates = (peerId) => ({
     meeting: 'idle',
     prefs: getUserPreferences(),
+    peerId: peerId || 'LEGACY_GLOBAL_PEER',
 });
 const uiStore = createStore({
-    meeting: undefined,
+    meeting: null,
     t: useLanguage(),
     iconPack: defaultIconPack,
     states: getInitialStates(),
-    config: defaultConfig,
+    config: createDefaultConfig(),
     size: undefined,
+    peerId: 'global',
+    storeType: 'global',
+    storeId: 'store-global',
 });
 const elementsMap = new Map();
+// Attach elementsMap to global store for consistency
+uiStore.elementsMap = elementsMap;
 uiStore.use({
     set: (propName, newValue, oldValue) => {
         const elements = elementsMap.get(propName);
@@ -33,24 +39,80 @@ uiStore.use({
         }
     },
 });
-function appendElement(propName, element) {
-    const elements = elementsMap.get(propName);
+const uiState = uiStore.state;
+export { uiStore, uiState };
+// Function to create a new store instance for peer-specific stores
+export function createPeerStore({ meeting, config, providerId, iconPack, t, size }) {
+    const store = createStore({
+        meeting: meeting,
+        t,
+        iconPack,
+        states: getInitialStates(meeting.self.peerId),
+        config: config || createDefaultConfig(),
+        size,
+        peerId: meeting.self.id,
+        storeType: 'peer',
+        // Use provider id's numeric portion as store id for easier debugging
+        storeId: 'store-' + providerId.replace('provider-', ''),
+    });
+    const peerElementsMap = new Map();
+    // Attach elementsMap to store so appendElement/removeElement can access it
+    store.elementsMap = peerElementsMap;
+    store.use({
+        set: (propName, newValue, oldValue) => {
+            const elements = peerElementsMap.get(propName);
+            if (elements) {
+                peerElementsMap.set(propName, elements.filter((element) => {
+                    const currentValue = element[propName];
+                    if (currentValue === oldValue) {
+                        element[propName] = newValue;
+                        return true;
+                    }
+                    else {
+                        return false;
+                    }
+                }));
+            }
+        },
+    });
+    return store;
+}
+function appendElement(propName, element, targetStore = uiStore) {
+    const elementsMapToUse = targetStore.elementsMap;
+    if (!elementsMapToUse) {
+        console.error(`appendElement: No elementsMap found on store`, targetStore);
+        return;
+    }
+    const elements = elementsMapToUse.get(propName);
     if (!elements) {
-        elementsMap.set(propName, [element]);
+        try {
+            elementsMapToUse.set(propName, [element]);
+        }
+        catch (error) {
+            console.error(`appendElement: Error setting new array:`, error);
+        }
     }
     else {
-        elements.push(element);
+        try {
+            elements.push(element);
+        }
+        catch (error) {
+            console.error(`appendElement: Error adding element:`, error);
+        }
     }
 }
-function removeElement(propName, element) {
-    const elements = elementsMap.get(propName);
-    if (elements && elements.length > 0) {
+function removeElement(propName, element, targetStore = uiStore) {
+    const elementsMapToUse = targetStore.elementsMap;
+    if (!elementsMapToUse) {
+        console.error(`removeElement: No elementsMap found on store`, targetStore);
+        return;
+    }
+    const elements = elementsMapToUse.get(propName);
+    if (elements) {
         const index = elements.indexOf(element);
-        if (index !== -1) {
+        if (index > -1) {
             elements.splice(index, 1);
-            elementsMap.set(propName, elements);
         }
     }
 }
-const uiState = uiStore.state;
-export { uiStore, uiState, appendElement, removeElement };
+export { appendElement, removeElement };

package/dist/components/index.js

@@ -1,9 +1,9 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-c3592601.js';
-import { d as defaultConfig } from './p-fc4484ae.js';
-export { B as BreakoutRoomsManager, d as defaultConfig, a as defaultIconPack, b as defaultLanguage, g as getInitialStates, u as uiStore, c as useLanguage } from './p-fc4484ae.js';
-import { g as generateConfig } from './p-31f1e8e5.js';
-export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-31f1e8e5.js';
-export { R as RtkNotificationsAudio } from './p-a575deb5.js';
+import { c as createDefaultConfig } from './p-2b523e10.js';
+export { B as BreakoutRoomsManager, c as createDefaultConfig, b as createPeerStore, d as defaultConfig, e as defaultIconPack, f as defaultLanguage, g as getInitialStates, a as uiState, u as uiStore, h as useLanguage } from './p-2b523e10.js';
+import { g as generateConfig } from './p-c5fd7cc6.js';
+export { e as extendConfig, g as generateConfig, p as provideRtkDesignSystem } from './p-c5fd7cc6.js';
+export { R as RtkNotificationsAudio } from './p-93355c43.js';
 export { g as generateChatGroupKey, a as getChatGroups, c as getParticipantUserId, b as getUnreadChatCounts } from './p-0abe4b8a.js';
 
 /**
@@ -143,7 +143,7 @@ class UIElemEditor {
 /* eslint-enable no-console */
 class RtkUiBuilder {
     constructor(config) {
-        this.config = config || defaultConfig;
+        this.config = config || createDefaultConfig();
     }
     /**
      * Find an element anywhere in the hierarachy and returns an editor object

package/dist/components/{p-cc6ff913.js → p-04dc0331.js}

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$8 } from './p-cbc8e449.js';
-import { d as defineCustomElement$7 } from './p-2507c6c8.js';
-import { d as defineCustomElement$6 } from './p-a73161da.js';
-import { d as defineCustomElement$5 } from './p-20c74379.js';
-import { d as defineCustomElement$4 } from './p-2df5f773.js';
-import { d as defineCustomElement$3 } from './p-9b675f4f.js';
-import { d as defineCustomElement$2 } from './p-23d64784.js';
-import { d as defineCustomElement$1 } from './p-9e5b47ea.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$8 } from './p-81a13bf2.js';
+import { d as defineCustomElement$7 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$6 } from './p-cadee920.js';
+import { d as defineCustomElement$5 } from './p-1035acb6.js';
+import { d as defineCustomElement$4 } from './p-792de3bc.js';
+import { d as defineCustomElement$3 } from './p-7f4b9092.js';
+import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { d as defineCustomElement$1 } from './p-dc3143c0.js';
 
 const rtkParticipantsViewerListCss = ":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:flex;height:100%;width:100%;flex-direction:column;font-size:14px}.list{margin-bottom:var(--rtk-space-4, 16px);display:flex;height:100%;flex-direction:column}h3,.heading-count{margin:var(--rtk-space-0, 0px);align-items:center;justify-content:center;padding:var(--rtk-space-0, 0px);font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));text-align:center}.heading-count{font-size:14px}.participants{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}.empty-viewers-list{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}";
 const RtkParticipantsViewerListStyle0 = rtkParticipantsViewerListCss;
@@ -33,7 +33,7 @@ const RtkParticipantsViewers = /*@__PURE__*/ proxyCustomElement(class RtkPartici
             this.getViewers(this.search);
         };
         /** Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Hide Viewer Count Header */
         this.hideHeader = false;
         /** Icon pack */
@@ -59,7 +59,7 @@ const RtkParticipantsViewers = /*@__PURE__*/ proxyCustomElement(class RtkPartici
         this.searchChanged(this.search);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         this.participantJoinedListener = (participant) => {
             if (participant.stageStatus === 'ON_STAGE')
@@ -104,6 +104,8 @@ const RtkParticipantsViewers = /*@__PURE__*/ proxyCustomElement(class RtkPartici
         }
     }
     render() {
+        if (!this.meeting)
+            return null;
         if (this.view !== 'sidebar' || !this.shouldShowViewers())
             return;
         return (h("div", { class: "list" }, !this.hideHeader && (h("div", { class: "heading-count", part: "heading-count" }, this.t('viewers'), " (", this.stageViewers.length, ")")), h("rtk-virtualized-participant-list", { items: this.stageViewers, renderItem: this.createParticipantNode, class: "participants", part: "participants", style: { height: '100%' }, emptyListElement: h("div", { class: "empty-viewers-list" }, this.search.length > 0
@@ -132,6 +134,9 @@ const RtkParticipantsViewers = /*@__PURE__*/ proxyCustomElement(class RtkPartici
 __decorate([
     SyncWithStore()
 ], RtkParticipantsViewers.prototype, "meeting", void 0);
+__decorate([
+    SyncWithStore()
+], RtkParticipantsViewers.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkParticipantsViewers.prototype, "size", void 0);

package/dist/components/{p-a09473cb.js → p-095e6b83.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
 import { h as hasOnlyEmojis } from './p-338c7261.js';
-import { d as defineCustomElement$1 } from './p-3358d7dc.js';
+import { d as defineCustomElement$1 } from './p-b9e78c21.js';
 
 const rtkTextMessageViewCss = ":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)}.text{word-break:break-word;display:block;overflow-wrap:break-word;line-height:1.375}.text.emoji{font-size:24px}";
 const RtkTextMessageViewStyle0 = rtkTextMessageViewCss;
@@ -13,7 +13,7 @@ const RtkTextMessageView = /*@__PURE__*/ proxyCustomElement(class RtkTextMessage
         this.isMarkdown = false;
     }
     render() {
-        return (h("p", { key: 'd14082ad02e2d2aaf5e325a95c1bc36595e9e33d', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
+        return (h("p", { key: 'b4cbabb44d32f96a23cd72f108d6a36b05491c97', class: { text: true, emoji: hasOnlyEmojis(this.text) } }, this.isMarkdown ? h("rtk-markdown-view", { text: this.text }) : this.text));
     }
     static get style() { return RtkTextMessageViewStyle0; }
 }, [0, "rtk-text-message-view", {

package/dist/components/{p-01788fc5.js → p-09ec425b.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, e as disableSettingSinkId } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack, h as useLanguage, j as disableSettingSinkId } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkSpeakerSelectorCss = ".rtk-select{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.rtk-select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.rtk-select{display:block;border-radius:var(--rtk-border-radius-sm, 4px);border-width:var(--rtk-border-width-none, 0);border-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--rtk-space-3, 12px);font-size:16px;--icon-size:var(--rtk-select-chevron-size, var(--rtk-space-6, 24px));--icon-right-position:var(--rtk-select-chevron-right-position, var(--rtk-space-2, 8px));background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\");background-position:right var(--icon-right-position) center;background-repeat:no-repeat;background-size:var(--icon-size) var(--icon-size);padding-right:calc(var(--icon-right-position) * 5);width:100%;max-width:100%;text-overflow:ellipsis}.inline .rtk-select{margin-top:var(--rtk-space-1, 4px);width:100%;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-8, 32px);font-size:14px}.row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--rtk-space-3, 12px)}.group{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px)}.group>*{margin-bottom:var(--rtk-space-2, 8px)}.group>*:last-child{margin-bottom:var(--rtk-space-0, 0px)}.group select{flex:1 1 0%}.inline.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0\\.5, 2px)}.inline.group>*{margin-bottom:var(--rtk-space-0, 0px)}label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:var(--rtk-space-1, 4px);font-size:14px}.inline .container{display:flex;align-items:center;justify-content:flex-start;gap:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px)}";
 const RtkSpeakerSelectorStyle0 = rtkSpeakerSelectorCss;
@@ -59,7 +59,7 @@ const RtkSpeakerSelector = /*@__PURE__*/ proxyCustomElement(class RtkSpeakerSele
         (_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.addListener('mediaPermissionUpdate', this.mediaPermissionUpdate);
     }
     meetingChanged(meeting) {
-        if (meeting == null)
+        if (!meeting)
             return;
         writeTask(async () => {
             var _a, _b;
@@ -101,7 +101,7 @@ const RtkSpeakerSelector = /*@__PURE__*/ proxyCustomElement(class RtkSpeakerSele
         }
     }
     render() {
-        if (this.meeting == null)
+        if (!this.meeting)
             return null;
         let unnamedSpeakerCount = 0;
         return (h(Host, null, h("audio", { preload: "auto", src: "https://assets.dyte.io/ui-kit/speaker-test.mp3", ref: (el) => (this.testAudioEl = el) }), h("div", { class: 'group ' + this.variant, part: "speaker-selection" }, this.speakerDevices.length > 0 && !disableSettingSinkId(this.meeting) && (h("div", { class: "container" }, h("label", null, this.variant !== 'inline' && this.t('settings.speaker_output'), h("rtk-icon", { icon: this.iconPack.speaker, size: "sm" })), h("div", { class: "row" }, h("select", { class: "rtk-select", onChange: (e) => this.setDevice(e.target.value) }, this.speakerDevices.map(({ deviceId, label }) => {

package/dist/components/{p-79534847.js → p-0a0515d9.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import './p-a83ccdbd.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkTextComposerViewCss = ".chat-input {\n  position: relative;\n  z-index: 10;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  border-top-left-radius: var(--rtk-border-radius-md, 8px);\n  border-top-right-radius: var(--rtk-border-radius-md, 8px)\n}\n\n  .chat-input textarea {\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));\n  box-sizing: border-box;\n  padding: var(--rtk-space-3, 12px);\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::-moz-placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea::placeholder {\n  color: rgb(var(--rtk-colors-text-1000, 255 255 255))\n}\n\n  .chat-input textarea {\n  font-family: var(--rtk-font-family, sans-serif);\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  resize: none;\n  overflow-y: auto;\n  border-width: var(--rtk-border-width-none, 0);\n  border-style: none;\n  min-height: 60px;\n  font-size: 14px\n}\n\n@container chatcontainer (height < 360px) {\n  textarea {\n    height: 30px !important;\n    min-height: 30px !important\n  }\n}\n\n.text-error {\n  left: var(--rtk-space-0, 0px);\n  z-index: 10;\n  margin-top: var(--rtk-space-1, 4px);\n  margin-left: var(--rtk-space-1, 4px);\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  align-items: center;\n  justify-content: flex-start;\n  border-radius: var(--rtk-border-radius-sm, 4px);\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));\n  padding-left: var(--rtk-space-2, 8px);\n  padding-right: var(--rtk-space-2, 8px);\n  font-size: 12px;\n  font-weight: 600;\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity));\n  border: 1px solid\n}\n\n#warning-indicator {\n  margin-right: var(--rtk-space-1, 4px);\n  height: var(--rtk-space-3, 12px);\n  width: var(--rtk-space-3, 12px)\n}\n\n.text-error.breached {\n  --tw-border-opacity: 1;\n  border-color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity));\n  --tw-text-opacity: 1;\n  color: rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))\n}";
 const RtkTextComposerViewStyle0 = rtkTextComposerViewCss;
@@ -76,7 +76,7 @@ const RtkTextComposerView = /*@__PURE__*/ proxyCustomElement(class RtkTextCompos
         }
     }
     render() {
-        return (h("div", { key: '373afd284088ce6b38267ff5ce7dc1990ffb5020', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '0cedd8f2344b4a1a08a0a106e00f61d1a3c4040d', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '9599a89d22388faa10bb1459867a278cd35f9b8f', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: '7bdb90a61a4040a4ad215ecb69abb589276fcb4e', class: 'text-error breached' }, h("rtk-icon", { key: '7eaa93a35a6c6ba8128d170199b9f85fd945a25c', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '1e73b93e138af069315431896e85a4cf11ab53a0', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
+        return (h("div", { key: 'e5f7fa2bd4a2386ff5185001981477ccacf24556', class: "chat-input", part: "chat-input-container" }, this.maxLengthBreached > 0 && (h("div", { key: '4c06c853ddc7bebafe45fdb2e2c5c9e1c20021fe', class: 'text-error ' + (this.maxLengthBreached === this.maxLength ? 'breached' : '') }, h("rtk-icon", { key: '524037dc257f0aea206fbc3503d1fe1cb03449be', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.maxLengthBreached, " / ", this.maxLength, " ", this.t('chat.max_limit_warning'))), this.rateLimitBreached && (h("div", { key: 'cf975664f367f2621593239ab1cf2e73f5acdb45', class: 'text-error breached' }, h("rtk-icon", { key: '70a6555f1fa9752f91951181b46e0ed0e7eb8679', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" }), ' ', this.t('chat.rate_limit_error'))), h("textarea", { key: '7fc7280dd143cd701d5037e04c2b36c3ea8ec023', ref: (el) => (this.$textArea = el), placeholder: this.placeholder, disabled: this.disabled, onInput: this.onInputHandler, onKeyDown: this.keyDownHandler, part: "chat-input", value: this.value })));
     }
     static get style() { return RtkTextComposerViewStyle0; }
 }, [1, "rtk-text-composer-view", {

package/dist/components/{p-cfbb9bd9.js → p-0b9cf1da.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, w as writeTask, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$2 } from './p-2507c6c8.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkPluginMainCss = ":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:flex;height:100%;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--rtk-border-radius-lg, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}header{display:flex;height:var(--rtk-space-8, 32px);align-items:center;justify-content:space-between;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}header>div{display:flex;align-items:center}rtk-button{display:flex;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-direction:column;align-items:center;border-radius:9999px}rtk-button rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}iframe{display:block;flex:1 1 0%;margin:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);outline:2px solid transparent;outline-offset:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-video-bg, 24 24 24) / var(--tw-bg-opacity))}.iframe-container{position:relative;height:100%;width:100%}.block-inputs{position:absolute;z-index:10;height:100%;width:100%;border-left-width:var(--rtk-border-width-none, 0);border-top-width:var(--rtk-border-width-lg, 4px);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-border-opacity))}iframe{height:100%;width:100%}";
 const RtkPluginMainStyle0 = rtkPluginMainCss;

package/dist/components/{p-de567bdf.js → p-0c855484.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$3 } from './p-2507c6c8.js';
-import { d as defineCustomElement$2 } from './p-a73161da.js';
-import { d as defineCustomElement$1 } from './p-23d64784.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
 
 const EMOJI_ASSET_URL = 'https://cdn.dyte.in/assets/emojis-data.json';
 let cachedEmojis;
@@ -78,7 +78,7 @@ const RtkEmojiPicker = /*@__PURE__*/ proxyCustomElement(class RtkEmojiPicker ext
         return (h("div", { id: "emoji-grid", class: "scrollbar max-w-40" }, this.filteredEmojis.map((e) => (h("rtk-button", { key: `emoji-button-${e.name}`, class: "emoji", variant: "ghost", kind: "icon", title: e.name, onClick: () => this.handleEmojiClick(e.emoji) }, e.emoji)))));
     }
     render() {
-        return (h(Host, { key: '989c0508bb88941926f29091895707e7b4a3e139' }, h("div", { key: '83a90c6b73ca11fb6e864a59362d15bf83391d20', class: 'close-parent' }, h("rtk-button", { key: '446a4c1a343eb11032b9ea2bf5b4cd5bef6f7f1b', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: 'cacfe97be0590e840d332fc9197bb473fef22d9f', icon: this.iconPack.dismiss }))), h("div", { key: '461a263d19a60547aff16689d3c6f4f31aea8a3a', class: 'emoji-parent' }, h("input", { key: 'c9a111769b48d5ff12ac48d8c172a8d3f371df2c', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
+        return (h(Host, { key: '6581d26d75a7b869d0ba00243ec74ee06b927e7d' }, h("div", { key: '3705d8c557ac3e05769171998e9176e7e40a232c', class: 'close-parent' }, h("rtk-button", { key: 'b437e579cb828a709de255ddfa6b751e4bdfbe51', variant: "ghost", kind: "icon", class: "close", onClick: () => { var _a; return (_a = this.pickerClose) === null || _a === void 0 ? void 0 : _a.emit(); }, "aria-label": this.t('close') }, h("rtk-icon", { key: '7fac79a21c6be57156d17ceeff9ceb2834bbf709', icon: this.iconPack.dismiss }))), h("div", { key: '46cb2af6654ef36b7258baf47e3cd9e5bd60bf89', class: 'emoji-parent' }, h("input", { key: 'cfde33638d531f9bac1b1bf25d966a369f4dfb38', value: this.filterVal, onInput: (event) => this.handleInputChange(event.target), placeholder: this.t('search'), ref: (el) => (this.inputElement = el) }), this.mapEmojiList())));
     }
     static get style() { return RtkEmojiPickerStyle0; }
 }, [1, "rtk-emoji-picker", {

package/dist/components/{p-6631e984.js → p-0f10661d.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
 import { s as shorten, f as formatName } from './p-338c7261.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 
 const rtkNameTagCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;padding-top:var(--rtk-space-1, 4px);padding-bottom:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1\\.5, 6px);padding-right:var(--rtk-space-1\\.5, 6px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}span.name{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}::slotted(rtk-audio-visualizer[slot='start']){margin-right:var(--rtk-space-1\\.5, 6px)}::slotted(rtk-audio-visualizer[slot='end']){margin-left:var(--rtk-space-1\\.5, 6px)}:host([size='sm']){font-size:12px;--tw-bg-opacity:0.6}:host([variant='text']){background-color:transparent;padding:var(--rtk-space-0, 0px)}";
 const RtkNameTagStyle0 = rtkNameTagCss;
@@ -47,7 +47,7 @@ const RtkNameTag = /*@__PURE__*/ proxyCustomElement(class RtkNameTag extends H {
         var _a, _b, _c;
         const name = formatName(((_a = this.participant) === null || _a === void 0 ? void 0 : _a.name) || '');
         const isSelf = ((_b = this.participant) === null || _b === void 0 ? void 0 : _b.id) === ((_c = this.meeting) === null || _c === void 0 ? void 0 : _c.self.id);
-        return (h(Host, { key: '52aa7e44f5a12d953eb5637346fff58cd40ed0bb', title: name }, h("slot", { key: '24d7325456abe1ec7051c44eaf6067446e459f2d', name: "start" }), h("span", { key: 'c2e7c6d2ca6ab1f5e097ccccad09b52fcc9c846a', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: '586b6e09b16c88cc219f45843ac8dfd746c0482a', name: "end" })));
+        return (h(Host, { key: 'aa14d4fdc9c5f2779653e3b4cff1cbaace353918', title: name }, h("slot", { key: '42d6da9d977a53c1955e4849cb4f2a91e5bd390c', name: "start" }), h("span", { key: '415345071c1e605ebb7f6399a56ab5469c4b10a3', class: "name" }, this.formatNameTag(name, isSelf)), h("slot", { key: 'aa2a92758c73819b9c940865390c73d3feb3925a', name: "end" })));
     }
     static get watchers() { return {
         "size": ["sizeChanged"]

package/dist/components/{p-20c74379.js → p-1035acb6.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 
 const rtkMenuItemCss = ":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:flex;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);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;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px}::slotted([slot='start']){margin-right:var(--rtk-space-2, 8px)}::slotted([slot='end']){margin-left:var(--rtk-space-2, 8px)}:host(:hover){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host(.red){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkMenuItemStyle0 = rtkMenuItemCss;
@@ -26,7 +26,7 @@ const RtkMenuItem = /*@__PURE__*/ proxyCustomElement(class RtkMenuItem extends H
         this.t = useLanguage();
     }
     render() {
-        return (h(Host, { key: '16f2f9a4030f6d6b48345af4cfdb3f55c1eee39e' }, h("slot", { key: '82c4020f63a6cbf773ecee8493f3fcc6a61c3c61', name: "start" }), h("slot", { key: '55f0449e84f1833a7ef6ddb2c9d995408f0ddef3' }), h("slot", { key: 'e826a0992e53227fd3fd517bbb2684f34fed3e8c', name: "end" })));
+        return (h(Host, { key: 'd847b9442e5e814e035bdca3b4ce69da7ed0d4bb' }, h("slot", { key: '9cf4adef243b99317aa627becb9412bf0c16e7d5', name: "start" }), h("slot", { key: 'efc47210f2527b061050a8f125eff3c3f2fed56f' }), h("slot", { key: '58b7b22d93c33d2bc85fc275209ef3f3ae3fdfc7', name: "end" })));
     }
     static get style() { return RtkMenuItemStyle0; }
 }, [1, "rtk-menu-item", {

package/dist/components/{p-afc2ce7b.js → p-12e64755.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack, c as useLanguage, s as showLivestream } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack, h as useLanguage, M as showLivestream } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkViewerCountCss = ":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;font-size:14px}: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)}:host([variant='embedded']){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));opacity:0.5;margin-top:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-1, 4px);height:var(--rtk-space-5, 20px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);font-size:12px}:host([variant='embedded']) rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkViewerCountStyle0 = rtkViewerCountCss;

package/dist/components/{p-7916d083.js → p-17ac0da7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, c as useLanguage } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
+import { c as createDefaultConfig, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
 import './p-a83ccdbd.js';
 
 const rtkLogoCss = ":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:flex;flex-direction:column;align-items:center;justify-content:center;color:rgb(var(--rtk-colors-text-1000, 255 255 255));height:100%;width:auto}svg,img{height:100%;width:auto}.brand-color{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
@@ -22,7 +22,7 @@ const RtkLogo = /*@__PURE__*/ proxyCustomElement(class RtkLogo extends H {
         this.__registerHost();
         this.__attachShadow();
         /** Config object */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Language */
         this.t = useLanguage();
     }
@@ -71,6 +71,9 @@ const RtkLogo = /*@__PURE__*/ proxyCustomElement(class RtkLogo extends H {
         "config": ["configChanged"],
         "meeting": ["meetingChanged"]
     }]);
+__decorate([
+    SyncWithStore()
+], RtkLogo.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkLogo.prototype, "meeting", void 0);

package/dist/components/{p-a08b5a59.js → p-1dca17d1.js}

@@ -1,4 +1,4 @@
-import { i as isObjectLike, b as baseGetTag, a as isObject, r as root } from './p-2c3cda13.js';
+import { a as isObjectLike, b as baseGetTag, i as isObject, r as root } from './p-632cbbe7.js';
 
 /** `Object#toString` result references. */
 var symbolTag = '[object Symbol]';

package/dist/components/{p-a0000935.js → p-1f5e21d0.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { d as defaultConfig, a as defaultIconPack, c as useLanguage } from './p-fc4484ae.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$4 } from './p-2507c6c8.js';
-import { d as defineCustomElement$3 } from './p-a73161da.js';
-import { d as defineCustomElement$2 } from './p-ed0df5b1.js';
-import { d as defineCustomElement$1 } from './p-b2b2e917.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$4 } from './p-4c2acc5c.js';
+import { d as defineCustomElement$3 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-57973e22.js';
+import { d as defineCustomElement$1 } from './p-acbb932e.js';
 
 const rtkTabBarCss = ".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{box-sizing:border-box;display:flex;height:100%;width:var(--rtk-space-16, 64px);flex-direction:column;gap:var(--rtk-space-2, 8px);overflow-y:auto;font-family:var(--rtk-font-family, sans-serif)}rtk-button{z-index:10}.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)}.tab .name{margin-top:var(--rtk-space-0\\.5, 2px)}:host([size='sm']){flex-direction:column;margin-top:var(--rtk-space-4, 16px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-x:auto}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);text-overflow:clip;min-width:100px;height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:row;align-items:center;gap:var(--rtk-space-2, 8px)}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}:host([layout='column']){flex-direction:column}:host([layout='column']) .aside{flex:2;max-width:100%;width:100%}@media (orientation: portrait){:host([size='sm']){margin-top:var(--rtk-space-2, 8px);height:var(--rtk-space-16, 64px);width:100%;flex-direction:row;transition:all 0.3s linear}:host([size='md']){height:var(--rtk-space-24, 96px);width:100%;flex-direction:row;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}}@media (orientation: landscape){:host([size='sm']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host([size='md']){margin-right:var(--rtk-space-4, 16px);height:100%;width:var(--rtk-space-14, 56px);flex-direction:row;gap:var(--rtk-space-2, 8px);overflow-y:auto;overflow-x:hidden;transition:all 0.3s linear}:host .tab{margin:var(--rtk-space-0, 0px)}:host([size='sm']) .tab{margin:var(--rtk-space-0, 0px);width:100%;text-overflow:clip;min-width:0px;min-height:40px}:host([size='sm']) .tab .col{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-2, 8px);font-size:10px}:host([size='sm']) .tab .col img,:host([size='sm']) .tab .col rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host([size='sm']) .tab .col .name{gap:var(--rtk-space-1, 4px)}}";
 const RtkTabBarStyle0 = rtkTabBarCss;
@@ -27,7 +27,7 @@ const RtkTabBar = /*@__PURE__*/ proxyCustomElement(class RtkTabBar extends H {
         this.__attachShadow();
         this.tabChange = createEvent(this, "tabChange", 7);
         /** UI Config */
-        this.config = defaultConfig;
+        this.config = createDefaultConfig();
         /** Grid Layout */
         this.layout = 'row';
         /** Icon Pack */
@@ -38,7 +38,7 @@ const RtkTabBar = /*@__PURE__*/ proxyCustomElement(class RtkTabBar extends H {
         this.tabs = [];
     }
     render() {
-        return (h(Host, { key: 'd80fd5c45bdae491e9bfe398f7ba9d7ede356e02' }, h("rtk-spotlight-indicator", { key: '17d7a10e6d34c0b89fe5b7b5270eb24116e1c237', meeting: this.meeting, iconPack: this.iconPack, t: this.t, size: this.size }), this.tabs.map((tab) => {
+        return (h(Host, { key: 'c9a5a5127f109eb38a55de4cc2aa4e2c1f864b24' }, h("rtk-spotlight-indicator", { key: '0623383f51c751453bbdf0cdb9e8c9b0e88d8052', meeting: this.meeting, iconPack: this.iconPack, t: this.t, size: this.size }), this.tabs.map((tab) => {
             var _a, _b, _c, _d, _e;
             let isActive = false;
             if (((_a = this.activeTab) === null || _a === void 0 ? void 0 : _a.type) === 'plugin' &&
@@ -87,6 +87,9 @@ __decorate([
 __decorate([
     SyncWithStore()
 ], RtkTabBar.prototype, "states", void 0);
+__decorate([
+    SyncWithStore()
+], RtkTabBar.prototype, "config", void 0);
 __decorate([
     SyncWithStore()
 ], RtkTabBar.prototype, "iconPack", void 0);

package/dist/components/{p-23d64784.js → p-24c3ffc2.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { a as defaultIconPack } from './p-fc4484ae.js';
-import { S as SyncWithStore } from './p-989a34c9.js';
-import { d as defineCustomElement$1 } from './p-a73161da.js';
+import { e as defaultIconPack } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-3968315b.js';
+import { d as defineCustomElement$1 } from './p-cadee920.js';
 
 const rtkSpinnerCss = ":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{box-sizing:border-box;display:block;height:var(--rtk-space-10, 40px);width:var(--rtk-space-10, 40px);--rtk-spinner-color:currentColor}.spinner{height:100%;width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite;border-radius:9999px;background-color:transparent;animation-duration:1.3s}:host([size='md']){height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}:host([size='sm']){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}";
 const RtkSpinnerStyle0 = rtkSpinnerCss;
@@ -27,7 +27,7 @@ const RtkSpinner = /*@__PURE__*/ proxyCustomElement(class RtkSpinner extends H {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: '00275245b6516861bd7cf7788fb81855d6e1ddf7' }, h("rtk-icon", { key: '9c77cfa660794fe97c24dbf6e165b4d9b58635de', class: "spinner", icon: this.iconPack.spinner })));
+        return (h(Host, { key: 'bbdde15ee0caf22bb7ff382047bfab8f9903e49e' }, h("rtk-icon", { key: '20e695a671308c7157014554eade4eb42b41da2e', class: "spinner", icon: this.iconPack.spinner })));
     }
     static get style() { return RtkSpinnerStyle0; }
 }, [1, "rtk-spinner", {