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

package/dist/components/{p-c5fd7cc6.js → p-e595c078.js}

@@ -1,252 +1,5 @@
-import { c as createDefaultConfig, i as isLiveStreamHost } from './p-2b523e10.js';
-import { d as deepMerge } from './p-b8fe19b6.js';
-
-const spacingScale = [
-	0,
-	0.5,
-	1,
-	1.5,
-	2,
-	3,
-	4,
-	5,
-	6,
-	7,
-	8,
-	9,
-	10,
-	12,
-	14,
-	16,
-	20,
-	24,
-	28,
-	32,
-	36,
-	40,
-	44,
-	48,
-	52,
-	56,
-	60,
-	64,
-	72,
-	80,
-	96
-];
-
-const THEMES = {
-    darkest: {
-        background: {
-            1000: '#080808',
-            900: '#1A1A1A',
-            800: '#1E1E1E',
-            700: '#2C2C2C',
-            600: '#393939',
-        },
-        text: '#FFFFFF',
-    },
-    dark: {
-        background: {
-            1000: '#252525',
-            900: '#2F2F2F',
-            800: '#323232',
-            700: '#3E3E3E',
-            600: '#4A4A4A',
-        },
-        text: '#F5F5F5',
-        'video-bg': '#1C1C1C',
-    },
-    light: {
-        background: {
-            1000: '#FFFFFF',
-            900: '#F5F5F5',
-            800: '#EBEBEB',
-            700: '#E0E0E0',
-            600: '#D6D6D6',
-        },
-        text: '#111111',
-        'text-on-brand': '#ffffff',
-        'video-bg': '#DADADA',
-    },
-};
-
-const BORDER_WIDTHS = {
-    none: {
-        none: 0,
-        sm: 0,
-        md: 0,
-        lg: 0,
-    },
-    thin: {
-        none: 0,
-        sm: 1,
-        md: 2,
-        lg: 4,
-    },
-    fat: {
-        none: 0,
-        sm: 2,
-        md: 4,
-        lg: 8,
-    },
-};
-const BORDER_RADII = {
-    sharp: {
-        none: 0,
-        sm: 0,
-        md: 0,
-        lg: 0,
-    },
-    rounded: {
-        none: 0,
-        sm: 4,
-        md: 8,
-        lg: 12,
-    },
-    'extra-rounded': {
-        none: 0,
-        sm: 8,
-        md: 16,
-        lg: 24,
-    },
-    circular: {
-        none: 9999,
-        sm: 9999,
-        md: 9999,
-        lg: 9999,
-    },
-};
-
-function hexToRGB(h) {
-    h = h.trim();
-    let r = '0', g = '0', b = '0';
-    if (h.length == 4) {
-        r = '0x' + h[1] + h[1];
-        g = '0x' + h[2] + h[2];
-        b = '0x' + h[3] + h[3];
-    }
-    else if (h.length > 6) {
-        r = '0x' + h[1] + h[2];
-        g = '0x' + h[3] + h[4];
-        b = '0x' + h[5] + h[6];
-    }
-    return [+r, +g, +b];
-}
-const isValidHexColor = (color) => {
-    return typeof color === 'string' && color.length === 7 && color.startsWith('#');
-};
-
-const DEFAULT_CSS_TOKEN_PREFIX = '--rtk-';
-function getToken(token, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX) {
-    return tokenPrefix + token;
-}
-const provideGoogleFont = (fontFamily) => {
-    const weights = [400, 500, 700];
-    const links = [];
-    if (document.querySelector('link[data-rtk-font]') == null) {
-        /**
-         * Adds the following preconnect link tags for faster google font loading
-         * <link rel="preconnect" href="https://fonts.googleapis.com">
-         * <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-         */
-        const p1 = document.createElement('link');
-        p1.rel = 'preconnect';
-        p1.setAttribute('data-rtk-font', 'true');
-        p1.href = 'https://fonts.googleapis.com';
-        const p2 = p1.cloneNode(true);
-        p2.href = 'https://fonts.gstatic.com';
-        p2.crossOrigin = '';
-        links.push(p1, p2);
-    }
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.setAttribute('data-rtk-font', fontFamily);
-    link.href = encodeURI(`https://fonts.googleapis.com/css2?family=${fontFamily}:wght@${weights.join(';')}&display=swap`);
-    links.push(link);
-    document.head.append(...links);
-};
-const provideSpacing = (el, spacingBase, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX) => {
-    spacingScale.forEach((space) => {
-        el.style.setProperty(getToken(`space-${space}`, tokenPrefix), `${space * spacingBase}px`);
-    });
-};
-const provideBorderWidth = (el, borderWidth, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX) => {
-    if (borderWidth in BORDER_WIDTHS) {
-        const widths = BORDER_WIDTHS[borderWidth];
-        Object.keys(widths).forEach((type) => {
-            el.style.setProperty(getToken(`border-width-${type}`, tokenPrefix), `${widths[type]}px`);
-        });
-    }
-};
-const provideBorderRadius = (el, borderRadius, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX) => {
-    if (borderRadius in BORDER_RADII) {
-        const radii = BORDER_RADII[borderRadius];
-        Object.keys(radii).forEach((type) => {
-            el.style.setProperty(getToken(`border-radius-${type}`, tokenPrefix), `${radii[type]}px`);
-        });
-    }
-};
-const provideColors = (el, colors, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX) => {
-    Object.keys(colors).forEach((color) => {
-        const colorValue = colors[color];
-        if (typeof colorValue === 'string') {
-            if (color === 'text' || color === 'text-on-brand') {
-                const rgb = hexToRGB(colorValue).join(' ');
-                el.style.setProperty(getToken(`colors-${color}-1000`, tokenPrefix), `${rgb}`);
-                el.style.setProperty(getToken(`colors-${color}-900`, tokenPrefix), `${rgb} / 0.88`);
-                el.style.setProperty(getToken(`colors-${color}-800`, tokenPrefix), `${rgb} / 0.76`);
-                el.style.setProperty(getToken(`colors-${color}-700`, tokenPrefix), `${rgb} / 0.64`);
-                el.style.setProperty(getToken(`colors-${color}-600`, tokenPrefix), `${rgb} / 0.52`);
-            }
-            else {
-                const rgb = hexToRGB(colorValue).join(' ');
-                el.style.setProperty(getToken(`colors-${color}`, tokenPrefix), rgb);
-            }
-        }
-        else if (typeof colorValue === 'object') {
-            Object.keys(colorValue).forEach((shade) => {
-                const shadeValue = colorValue[shade];
-                const rgb = hexToRGB(shadeValue).join(' ');
-                el.style.setProperty(getToken(`colors-${color}-${shade}`, tokenPrefix), rgb);
-            });
-        }
-    });
-};
-/**
- * Provides the design system new tokens to consume values from for styling the RealtimeKit UI components.
- * @param el The element/node you want to _provide_ RTK Design system.
- * @param tokens The design tokens you want to updated.
- */
-const provideRtkDesignSystem = (el, { spacingBase, borderRadius, borderWidth, colors, fontFamily, googleFont, theme, tokenPrefix = DEFAULT_CSS_TOKEN_PREFIX, }) => {
-    if (typeof el !== 'object') {
-        throw new Error('[rtk-ui-kit] (provideRtkDesignSystem): Passed element is not a valid HTML Element');
-    }
-    if (typeof googleFont === 'string') {
-        provideGoogleFont(googleFont);
-        el.style.setProperty(getToken('font-family', tokenPrefix), googleFont);
-    }
-    if (typeof fontFamily === 'string') {
-        el.style.setProperty(getToken('font-family', tokenPrefix), fontFamily);
-    }
-    if (typeof spacingBase === 'number') {
-        provideSpacing(el, spacingBase, tokenPrefix);
-    }
-    if (typeof borderWidth === 'string') {
-        provideBorderWidth(el, borderWidth, tokenPrefix);
-    }
-    if (typeof borderRadius === 'string') {
-        provideBorderRadius(el, borderRadius, tokenPrefix);
-    }
-    if (typeof theme === 'string') {
-        const colors = THEMES[theme];
-        if (colors != null)
-            provideColors(el, colors, tokenPrefix);
-    }
-    if (typeof colors === 'object') {
-        provideColors(el, colors, tokenPrefix);
-    }
-};
+import { c as createDefaultConfig, A as isLiveStreamHost } from './p-f367f8a7.js';
+import { d as deepMerge, i as isValidHexColor } from './p-ba0e5882.js';
 
 /**
  * Extend the default UI Config with your own
@@ -604,4 +357,4 @@ const generateConfig = (oldConfig, meeting, toExtend = {}, options = { grid_pagi
     return { config, data };
 };
 
-export { extendConfig as e, generateConfig as g, provideRtkDesignSystem as p };
+export { extendConfig as e, generateConfig as g };

package/dist/components/{p-f3f1b0c0.js → p-e956f8f7.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 
 const rtkSwitchCss = ":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:inline-flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-10, 40px);align-items:center;padding:var(--rtk-space-1, 4px);border-radius:9999px;background-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));cursor:pointer}.switch{box-sizing:border-box;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);background-color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:9999px;transition-property:var(--rtk-transition-property, all);transition-duration:200ms}:host(.checked){--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host(.checked) .switch{transform:translateX(100%)}:host([readonly]),:host([disabled]){cursor:not-allowed;opacity:0.6}";
 const RtkSwitchStyle0 = rtkSwitchCss;

package/dist/components/{p-5255d2f8.js → p-eb71b424.js}

@@ -1,11 +1,11 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, H as participantIdentifier, G as getAllConnectedParticipants } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage, H as participantIdentifier, G as getAllConnectedParticipants } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { f as formatName, s as shorten } from './p-338c7261.js';
-import { d as defineCustomElement$4 } from './p-81a13bf2.js';
-import { d as defineCustomElement$3 } from './p-cadee920.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
-import { d as defineCustomElement$1 } from './p-acbb932e.js';
+import { d as defineCustomElement$4 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$3 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkBreakoutRoomParticipantsCss = ":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{display:flex;height:100%;flex-direction:column;font-size:14px}:host input[type='checkbox']{margin:var(--rtk-space-0, 0px);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rtk-border-radius-sm, 4px);position:relative;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);border-width:var(--rtk-border-width-sm, 1px);border-style:solid;border-color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}:host input[type='checkbox']:checked{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host input[type='checkbox']:checked::before{position:absolute;top:1px;left:1px;height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);background-color:rgb(var(--rtk-colors-text-1000, 255 255 255));content:'';clip-path:polygon(5% 60%, 35% 93%, 100% 19%, 86% 4%, 36% 62%, 19% 44%)}*{box-sizing:border-box}.participants{margin-top:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px)}.ctr{box-sizing:border-box;padding-top:var(--rtk-space-0, 0px);padding-bottom:var(--rtk-space-0, 0px);overflow-y:auto;flex-grow:1;flex-basis:0}.empty-message{margin-top:var(--rtk-space-10, 40px);margin-bottom:var(--rtk-space-10, 40px);text-align:center;font-size:14px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rtk-space-2, 8px);height:100%;text-align:center;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.empty-room rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}.empty-room p{font-size:16px;font-weight:500;margin:var(--rtk-space-0, 0px)}.empty-room span{font-size:12px;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search-wrapper{margin-bottom:var(--rtk-space-1, 4px);display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px)}.search .search-icon{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.search input{box-sizing:border-box;width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:inherit;color:rgb(var(--rtk-colors-text-1000, 255 255 255));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.header{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-1\\.5, 6px);height:var(--rtk-space-9, 36px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-0\\.5, 2px);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88));display:flex;align-items:center;justify-content:space-between}.title-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}.participant-count{display:flex;align-items:center;font-size:14px}.participant-count rtk-icon{margin-right:var(--rtk-space-0\\.5, 2px);width:var(--rtk-space-3, 12px)}.participant-item{display:flex;align-items:center;justify-content:space-between;margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);border-radius:var(--rtk-border-radius-sm, 4px);padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);cursor:pointer}.participant-item input.hide-checkbox{display:none}.participant-item input:checked{display:inline-block}.dragging input{display:none}.participant-item:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.participant-item:hover input{display:inline-block}.peer-ui-container{position:relative;display:flex;align-items:center;gap:var(--rtk-space-2, 8px);height:var(--rtk-space-10, 40px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.peer-ui-container rtk-avatar{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px);font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.peer-ui-container .name{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}";
 const RtkBreakoutRoomParticipantsStyle0 = rtkBreakoutRoomParticipantsCss;

package/dist/components/{p-fb038bd0.js → p-efa4bd9d.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { T as TextMessageView } from './p-a2f4f9e3.js';
-import { d as defineCustomElement$2 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$1 } from './p-cadee920.js';
+import { d as defineCustomElement$2 } from './p-ce2007d7.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.js';
 
 const rtkNotificationCss = ":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{pointer-events:none;display:block;height:var(--rtk-space-10, 40px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));animation:show 0.4s ease;transition:0.4s;z-index:100}.ctr{box-sizing:border-box;display:inline-flex;height:100%;min-width:var(--rtk-space-40, 160px);align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--rtk-colors-background-1000, 8 8 8));--tw-shadow:var(--tw-shadow-colored);pointer-events:auto}img{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);border-radius:9999px}img.loaded{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px)}.message{margin-right:var(--rtk-space-2, 8px);max-width:var(--rtk-space-72, 288px) !important;font-size:14px !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important}.message p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.message blockquote{display:none}rtk-icon.icon{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}button.dismiss{display:flex;height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);align-items:center;justify-content:center;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-0, 0px);border-radius:var(--rtk-border-radius-sm, 4px);background-color:transparent;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));outline-width:1px;outline-color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:hover{cursor:pointer;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}button.dismiss:focus-visible{outline-style:solid}button.dismiss{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}.dismiss rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}rtk-button{border-radius:var(--rtk-border-radius-sm, 4px)}.right{margin-left:auto;display:flex;align-items:center;gap:var(--rtk-space-2, 8px)}:host(.exit){animation:exit 0.4s ease}@keyframes show{0%{opacity:0;transform:translateX(-120px)}100%{opacity:1;transform:translateX(0px)}}@keyframes exit{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-120px)}}:host([size='sm']){font-size:14px}";
 const RtkNotificationStyle0 = rtkNotificationCss;

package/dist/components/{p-2b523e10.js → p-f367f8a7.js}

@@ -3667,12 +3667,12 @@ const elementsMap = new Map();
 // Attach elementsMap to global store for consistency
 uiStore.elementsMap = elementsMap;
 uiStore.use({
-    set: (propName, newValue, oldValue) => {
+    set: (propName, newValue) => {
         const elements = elementsMap.get(propName);
         if (elements) {
             elementsMap.set(propName, elements.filter((element) => {
                 const currentValue = element[propName];
-                if (currentValue === oldValue) {
+                if (currentValue !== newValue) {
                     element[propName] = newValue;
                     return true;
                 }
@@ -3702,12 +3702,12 @@ function createPeerStore({ meeting, config, providerId, iconPack, t, size }) {
     // Attach elementsMap to store so appendElement/removeElement can access it
     store.elementsMap = peerElementsMap;
     store.use({
-        set: (propName, newValue, oldValue) => {
+        set: (propName, newValue) => {
             const elements = peerElementsMap.get(propName);
             if (elements) {
                 peerElementsMap.set(propName, elements.filter((element) => {
                     const currentValue = element[propName];
-                    if (currentValue === oldValue) {
+                    if (currentValue !== newValue) {
                         element[propName] = newValue;
                         return true;
                     }
@@ -3759,4 +3759,4 @@ function removeElement(propName, element, targetStore = uiStore) {
     }
 }
 
-export { isFunction as A, BreakoutRoomsManager as B, initCloneObject as C, appendElement as D, removeElement as E, clone as F, getAllConnectedParticipants as G, participantIdentifier as H, resetRoomCount as I, canToggleBreakout as J, usePaginatedChat as K, FlagsmithFeatureFlags as L, showLivestream as M, isLiveStreamViewer as N, getLivestreamViewerAllowedQualityLevels as O, PlayerState as P, Stack as S, uiState as a, createPeerStore as b, createDefaultConfig as c, defaultConfig as d, defaultIconPack as e, defaultLanguage as f, getInitialStates as g, useLanguage as h, isLiveStreamHost as i, disableSettingSinkId as j, defineProperty$1 as k, isArrayLike as l, isIndex as m, eq as n, getPrototype$1 as o, baseAssignValue as p, copyObject as q, keysIn as r, isArray$1 as s, isBuffer$1 as t, uiStore as u, isTypedArray$1 as v, copyArray as w, cloneBuffer as x, cloneTypedArray as y, isArguments$1 as z };
+export { isLiveStreamHost as A, BreakoutRoomsManager as B, disableSettingSinkId as C, appendElement as D, removeElement as E, clone as F, getAllConnectedParticipants as G, participantIdentifier as H, resetRoomCount as I, canToggleBreakout as J, usePaginatedChat as K, FlagsmithFeatureFlags as L, showLivestream as M, isLiveStreamViewer as N, getLivestreamViewerAllowedQualityLevels as O, PlayerState as P, Stack as S, uiState as a, createPeerStore as b, createDefaultConfig as c, defaultConfig as d, defaultIconPack as e, defaultLanguage as f, getInitialStates as g, useLanguage as h, defineProperty$1 as i, isArrayLike as j, isIndex as k, eq as l, getPrototype$1 as m, baseAssignValue as n, copyObject as o, keysIn as p, isArray$1 as q, isBuffer$1 as r, isTypedArray$1 as s, copyArray as t, uiStore as u, cloneBuffer as v, cloneTypedArray as w, isArguments$1 as x, isFunction as y, initCloneObject as z };

package/dist/components/{p-81a13bf2.js → p-f40dc5a5.js}

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import { f as formatName, g as getInitials } from './p-338c7261.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$2 } from './p-cadee920.js';
-import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 const rtkAvatarCss = ":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:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px);align-items:center;justify-content:center;font-size:28px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));overflow:clip;border-radius:9999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}rtk-icon{height:50%;width:50%}.image-ctr{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--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-600, 255 255 255 / 0.52))}img{height:var(--rtk-space-0, 0px);width:var(--rtk-space-0, 0px);-o-object-fit:cover;object-fit:cover}img.loaded{height:100%;width:100%}.initials{display:flex;height:100%;width:100%;align-items:center;justify-content:center;text-transform:uppercase}.image{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.image img{display:none;height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.image img.loaded{display:block}:host([variant='hexagon']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%)}:host([variant='square']){border-radius:var(--rtk-border-radius-none, 0);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}:host([size='sm']){height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);font-size:12px}:host([size='md']){height:var(--rtk-space-28, 112px);width:var(--rtk-space-28, 112px)}:host([size='lg']){height:var(--rtk-space-32, 128px);width:var(--rtk-space-32, 128px)}";
 const RtkAvatarStyle0 = rtkAvatarCss;

package/dist/components/{p-889bc7b9.js → p-f5f209ef.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import { i as isFullScreenEnabled, r as requestFullScreen, e as exitFullSreen, a as isFullScreenSupported } from './p-02f19345.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$3 } from './p-f31839f4.js';
-import { d as defineCustomElement$2 } from './p-cadee920.js';
-import { d as defineCustomElement$1 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$3 } from './p-bfc8d680.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 const rtkFullscreenToggleCss = ":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 RtkFullscreenToggleStyle0 = rtkFullscreenToggleCss;

package/dist/components/{p-47a6f5a0.js → p-fa52dc04.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { h as useLanguage, F as clone } from './p-2b523e10.js';
+import { h as useLanguage, F as clone } from './p-f367f8a7.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { s as smoothScrollToBottom } from './p-0752f2ba.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 
 const rtkAiTranscriptionsCss = ":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)}.head{display:flex;align-items:center}.head .name{margin-right:var(--rtk-space-4, 16px);font-size:12px;font-weight:700}.head .time{font-size:12px;color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.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)))}*{box-sizing:border-box;border-width:0;border-style:solid}:host{width:100%;display:flex;flex-direction:column}.processing{display:flex;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center}.content{box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-3, 12px);flex:1 0 0px;overflow-y:scroll}.started-message{margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-5, 20px);text-align:center;font-size:12px;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.search-bar{height:var(--rtk-space-14, 56px);width:100%;border-bottom-width:var(--rtk-border-width-sm, 1px);--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-border-opacity));padding:var(--rtk-space-3, 12px)}input{height:100%;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);font-size:14px;border-radius:var(--rtk-border-radius-sm, 4px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.caption-view{height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);border-bottom-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));display:flex;align-items:center;justify-content:space-between;font-size:14px}.message .body{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);font-size:14px;word-break:break-word}.message{margin-bottom:var(--rtk-space-3, 12px)}.message:last-child{margin-bottom:var(--rtk-space-0, 0px)}";
 const RtkAiTranscriptionsStyle0 = rtkAiTranscriptionsCss;

package/dist/components/{p-6c351e40.js → p-fa82d418.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$5 } from './p-81a13bf2.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-24c3ffc2.js';
-import { d as defineCustomElement$1 } from './p-acbb932e.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$5 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$4 } from './p-ce2007d7.js';
+import { d as defineCustomElement$3 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkParticipantsStageQueueCss = ":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{margin-top:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:column;font-size:14px}.stage-requested-participants{margin-bottom:var(--rtk-space-8, 32px)}.stage-requested-participants .bulk-actions{display:flex;gap:var(--rtk-space-2, 8px)}.stage-requested-participants .bulk-actions .accept-all-button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.stage-requested-participants .bulk-actions rtk-button{flex:1 1 0%}h3,.heading-count{margin:var(--rtk-space-0, 0px);display:flex;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);padding:var(--rtk-space-0, 0px)}.waiting-participant{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);display:flex;align-items:center}.waiting-participant .participant-details{margin-right:auto;display:flex;align-items:center}.waiting-participant .participant-details rtk-avatar{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);flex-shrink:0;font-size:14px}.waiting-participant .participant-details .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}@media (min-width: 1080px){.waiting-participant .participant-details .name{max-width:var(--rtk-space-40, 160px)}}.waiting-participant .waitlist-controls{display:flex}.waiting-participant .waitlist-controls rtk-button{margin-left:var(--rtk-space-2, 8px);cursor:pointer;border-radius:var(--rtk-border-radius-sm, 4px)}.waiting-participant .waitlist-controls rtk-icon.accept{--tw-text-opacity:1;color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-text-opacity))}.waiting-participant .waitlist-controls rtk-icon.deny{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}";
 const RtkParticipantsStageQueueStyle0 = rtkParticipantsStageQueueCss;

package/dist/components/{p-b53c309c.js → p-faac8c00.js}

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h } from './p-c3592601.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.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-acbb932e.js';
+import { d as defineCustomElement$3 } from './p-ce2007d7.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
+import { d as defineCustomElement$1 } from './p-5c2b1ba2.js';
 
 const rtkEmojiPickerButtonCss = ":host{}";
 const RtkEmojiPickerButtonStyle0 = rtkEmojiPickerButtonCss;

package/dist/components/{p-40870ba7.js → p-fc7e870e.js}

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
 import { C as ChatHead } from './p-febe3ebc.js';
 import { a as sanitizeLink } from './p-338c7261.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import { d as downloadFile } from './p-9fc565cf.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';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$3 } from './p-ce2007d7.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
+import { d as defineCustomElement$1 } from './p-0748e03c.js';
 
 const rtkImageMessageCss = ":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)}.image-spinner{cursor:wait}.image-errored{cursor:not-allowed}";
 const RtkImageMessageStyle0 = rtkImageMessageCss;

package/dist/components/{p-ab84cfbb.js → p-fd370f5f.js}

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, 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';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$2 } from './p-ce2007d7.js';
+import { d as defineCustomElement$1 } from './p-c722ac0b.js';
 
 const rtkDialogCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{word-wrap:break-word;overflow-wrap:break-word}#dialog{position:relative;max-height:100%;max-width:100%;padding:var(--rtk-space-0, 0px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-1000, 255 255 255))}#dialog::backdrop{background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / 0.5);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}#dismiss-btn{position:absolute;top:var(--rtk-space-3, 12px);right:var(--rtk-space-3, 12px);z-index:50}::slotted(*){max-height:100%;max-width:100%}";
 const RtkDialogStyle0 = rtkDialogCss;

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

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$4 } from './p-f31839f4.js';
-import { d as defineCustomElement$3 } from './p-cadee920.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$4 } from './p-bfc8d680.js';
+import { d as defineCustomElement$3 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
 
 const rtkAiToggleCss = ":host{display:block}:host([data-hidden]){display:none}";
 const RtkAiToggleStyle0 = rtkAiToggleCss;

package/dist/components/rtk-ai-transcriptions.js

@@ -1,4 +1,4 @@
-import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-47a6f5a0.js';
+import { R as RtkAiTranscriptions$1, d as defineCustomElement$1 } from './p-fa52dc04.js';
 
 const RtkAiTranscriptions = RtkAiTranscriptions$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-ai.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$4 } from './p-47a6f5a0.js';
-import { d as defineCustomElement$3 } from './p-4c2acc5c.js';
-import { d as defineCustomElement$2 } from './p-cadee920.js';
+import { c as createDefaultConfig, e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$4 } from './p-fa52dc04.js';
+import { d as defineCustomElement$3 } from './p-ce2007d7.js';
+import { d as defineCustomElement$2 } from './p-c722ac0b.js';
 
 const rtkAiCss = ":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;box-sizing:border-box;display:flex;width:100%;max-width:var(--rtk-space-80, 320px);flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));overflow:hidden}.close{position:absolute;top:var(--rtk-space-3, 12px);left:var(--rtk-space-3, 12px)}.title{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-2, 8px);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:var(--rtk-space-0, 0px);text-align:center;font-size:14px;font-weight:400}rtk-ai-transcriptions{flex:1}:host([view='sidebar']){margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}:host([view='full-screen']){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:50;max-width:100%;border:none}";
 const RtkAiStyle0 = rtkAiCss;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
-import { S as SyncWithStore } from './p-3968315b.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
 import { R as Render } from './p-60fdbd75.js';
 
 const rtkAudioGridCss = ":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;height:100%;width:100%;box-sizing:border-box}.content{position:relative;display:flex;height:100%;width:100%;flex-direction:column;overflow-y:auto}.waitlist-area{display:flex;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}.listening-title{text-align:center;margin-top:var(--rtk-space-5, 20px);margin-bottom:var(--rtk-space-4, 16px)}.waitlist-grid{flex:1 1 0%}.grid{box-sizing:border-box;flex:1 1 0%;gap:var(--rtk-space-6, 24px);display:flex;align-content:center;justify-content:center;flex-wrap:wrap}:host([size='md']) .grid{gap:var(--rtk-space-4, 16px)}:host([size='sm']) .grid{gap:var(--rtk-space-3, 12px)}rtk-audio-tile{aspect-ratio:1 / 1;flex:none;width:calc(20%);max-width:var(--rtk-space-48, 192px);transition:all 0.3s}rtk-audio-tile[size='md']{width:100%;max-width:var(--rtk-space-36, 144px)}rtk-audio-tile[size='sm']{width:100%;max-width:var(--rtk-space-24, 96px)}";

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

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage } from './p-2b523e10.js';
+import { e as defaultIconPack, h as useLanguage } from './p-f367f8a7.js';
 import './p-a83ccdbd.js';
 import { h as hark } from './p-3f882e7c.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$5 } from './p-81a13bf2.js';
-import { d as defineCustomElement$4 } from './p-cadee920.js';
-import { d as defineCustomElement$3 } from './p-0f10661d.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$5 } from './p-f40dc5a5.js';
+import { d as defineCustomElement$4 } from './p-c722ac0b.js';
+import { d as defineCustomElement$3 } from './p-93907842.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
 
 const rtkAudioTileCss = ":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:flex;flex-direction:column}.avatar-ctr{box-sizing:border-box;width:100%;flex:1 1 0%;padding:var(--rtk-space-1\\.5, 6px);border:2px solid transparent;border-radius:calc(var(--rtk-border-radius-xl, 40px) + var(--rtk-space-1\\.5, 6px))}.avatar-ctr.speaking{--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-border-opacity));transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.bar-0{box-shadow:none}.bar-1{box-shadow:0 0 4px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-2{box-shadow:0 0 8px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-3{box-shadow:0 0 16px 1px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-4{box-shadow:0 0 20px 3px rgb(var(--rtk-colors-brand-500, 33 96 253))}.bar-5{box-shadow:0 0 24px 6px rgb(var(--rtk-colors-brand-500, 33 96 253))}rtk-avatar{aspect-ratio:1 / 1;height:100%;width:100%;position:relative;border-radius:var(--rtk-border-radius-xl, 40px)}rtk-name-tag{display:block;height:var(--rtk-space-10, 40px);width:100%;text-align:center;line-height:2.5rem}:host([size='sm']) .avatar-ctr{border-radius:calc(var(--rtk-border-radius-lg, 12px) + var(--rtk-space-1\\.5, 6px))}:host([size='sm']) rtk-name-tag{height:var(--rtk-space-7, 28px);line-height:1.75rem}:host([size='sm']) rtk-avatar{border-radius:var(--rtk-border-radius-lg, 12px)}.mic-icon{position:absolute;bottom:calc(var(--rtk-space-1, 4px) * -1);right:calc(var(--rtk-space-1, 4px) * -1);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-1000, 255 255 255));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.mic-icon rtk-icon{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) .mic-icon rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}:host([size='md']) .mic-icon rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}";
 const RtkAudioTileStyle0 = rtkAudioTileCss;

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

@@ -1,4 +1,4 @@
-import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-52628938.js';
+import { R as RtkAudioVisualizer$1, d as defineCustomElement$1 } from './p-22ea80c5.js';
 
 const RtkAudioVisualizer = RtkAudioVisualizer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-avatar.js

@@ -1,4 +1,4 @@
-import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-81a13bf2.js';
+import { R as RtkAvatar$1, d as defineCustomElement$1 } from './p-f40dc5a5.js';
 
 const RtkAvatar = RtkAvatar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-65980189.js';
+import { R as RtkBreakoutRoomManager$1, d as defineCustomElement$1 } from './p-cccd3ae4.js';
 
 const RtkBreakoutRoomManager = RtkBreakoutRoomManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-room-participants.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-5255d2f8.js';
+import { R as RtkBreakoutRoomParticipants$1, d as defineCustomElement$1 } from './p-eb71b424.js';
 
 const RtkBreakoutRoomParticipants = RtkBreakoutRoomParticipants$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-manager.js

@@ -1,4 +1,4 @@
-import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-bf72bb45.js';
+import { R as RtkBreakoutRoomsManager$1, d as defineCustomElement$1 } from './p-167d8f4f.js';
 
 const RtkBreakoutRoomsManager = RtkBreakoutRoomsManager$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rtk-breakout-rooms-toggle.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, d as createEvent, h, e as Host } from './p-c3592601.js';
-import { e as defaultIconPack, h as useLanguage, J as canToggleBreakout } from './p-2b523e10.js';
-import { S as SyncWithStore } from './p-3968315b.js';
-import { d as defineCustomElement$4 } from './p-f31839f4.js';
-import { d as defineCustomElement$3 } from './p-cadee920.js';
-import { d as defineCustomElement$2 } from './p-24c3ffc2.js';
+import { e as defaultIconPack, h as useLanguage, J as canToggleBreakout } from './p-f367f8a7.js';
+import { S as SyncWithStore } from './p-8bbaf6c2.js';
+import { d as defineCustomElement$4 } from './p-bfc8d680.js';
+import { d as defineCustomElement$3 } from './p-c722ac0b.js';
+import { d as defineCustomElement$2 } from './p-0748e03c.js';
 
 const rtkBreakoutRoomsToggleCss = ":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 RtkBreakoutRoomsToggleStyle0 = rtkBreakoutRoomsToggleCss;