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

package/dist/cjs/rtk-breakout-rooms-toggle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.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;
@@ -74,9 +74,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkBreakoutRoomsToggle.prototype, "states", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkBreakoutRoomsToggle.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkBreakoutRoomsToggle.prototype, "iconPack", void 0);

package/dist/cjs/rtk-camera-selector_2.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 const index$2 = require('./index-821d14b7.js');
 
 const rtkCameraSelectorCss = ".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{margin-bottom:var(--rtk-space-2, 8px);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%}.group{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px)}.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)}";
@@ -107,9 +107,6 @@ const RtkCameraSelector = class {
 __decorate$1([
     index.SyncWithStore()
 ], RtkCameraSelector.prototype, "meeting", void 0);
-__decorate$1([
-    index.SyncWithStore()
-], RtkCameraSelector.prototype, "size", void 0);
 __decorate$1([
     index.SyncWithStore()
 ], RtkCameraSelector.prototype, "iconPack", void 0);
@@ -271,9 +268,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkParticipantTile.prototype, "config", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkParticipantTile.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkParticipantTile.prototype, "iconPack", void 0);

package/dist/cjs/rtk-camera-toggle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkCameraToggleCss = ":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 RtkCameraToggleStyle0 = rtkCameraToggleCss;
@@ -174,9 +174,6 @@ const RtkCameraToggle = class {
 __decorate([
     index.SyncWithStore()
 ], RtkCameraToggle.prototype, "meeting", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkCameraToggle.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkCameraToggle.prototype, "iconPack", void 0);

package/dist/cjs/rtk-caption-toggle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkCaptionToggleCss = ":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 RtkCaptionToggleStyle0 = rtkCaptionToggleCss;
@@ -78,9 +78,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkCaptionToggle.prototype, "iconPack", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkCaptionToggle.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkCaptionToggle.prototype, "t", void 0);

package/dist/cjs/rtk-channel-selector-ui.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
-const TextMessage = require('./TextMessage-87a57af2.js');
-require('./chat-5f3ed9c3.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
+const TextMessage = require('./TextMessage-eb123abf.js');
+require('./chat-f4c7af58.js');
 
 const rtkChannelSelectorUiCss = ".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}.container{display:flex;height:100%;width:var(--rtk-space-96, 384px);flex-direction:column;position:absolute;--tw-translate-x:calc(var(--rtk-space-96, 384px) * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-top-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-sm, 1px);border-left-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-right-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}@keyframes fade{0%{opacity:0}100%{opacity:1}}.overlay-container{width:100vw;--tw-translate-x:var(--rtk-space-96, 384px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;animation:fade 0.8s}.overlay-container .sidebar-btn{position:static;padding:var(--rtk-space-4, 16px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}.sidebar-btn{position:absolute;right:calc(var(--rtk-space-9, 36px) * -1);top:var(--rtk-space-4, 16px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-7, 28px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px)}@media (orientation: landscape) and (min-width: 400px){.container{position:static;--tw-translate-x:var(--rtk-space-0, 0px);transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sidebar-btn,.overlay-container{display:none}}.search-wrapper{display:flex;align-items:center;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-2, 8px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-bottom-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-border-opacity))}.search{position:sticky;box-sizing:border-box;display:flex;align-items:center;border-radius:var(--rtk-border-radius-sm, 4px);margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);height:var(--rtk-space-8, 32px);width:100%}.search .search-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);padding:var(--rtk-space-2, 8px);--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));border-top-right-radius:var(--rtk-border-radius-sm, 4px);border-bottom-right-radius:var(--rtk-border-radius-sm, 4px)}.search input{box-sizing:border-box;width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-2, 8px);--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));border-width:var(--rtk-border-width-none, 0);border-style:none;outline:2px solid transparent;outline-offset:2px;font-size:14px;line-height:1.25rem}.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))}.search input{border-top-left-radius:var(--rtk-border-radius-sm, 4px);border-bottom-left-radius:var(--rtk-border-radius-sm, 4px)}.channel-container{box-sizing:border-box;display:flex;flex-direction:column;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);overflow-y:scroll}.channel-container .channel{display:flex;align-items:center;justify-content:space-between;gap:var(--rtk-space-2, 8px);padding:var(--rtk-space-0, 0px);border-left-width:var(--rtk-border-width-none, 0);border-right-width:var(--rtk-border-width-none, 0);border-bottom-width:var(--rtk-border-width-sm, 1px);border-top-width:var(--rtk-border-width-none, 0);border-style:solid;--tw-border-opacity:1;border-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-border-opacity))}.channel-container .channel:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .channel:hover .latest-msg-time,.channel-container .channel:hover .latest-msg,.channel-container .channel:hover .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .channel-display{display:flex;gap:var(--rtk-space-2, 8px);align-self:center;padding-left:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-0, 0px)}.channel-container .channel-display rtk-avatar{height:var(--rtk-space-9, 36px);width:var(--rtk-space-9, 36px);flex-shrink:0;font-size:12px}.channel-container .channel-display rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);flex-shrink:0;padding:var(--rtk-space-2, 8px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.channel-container .channel-card{width:100%;padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-2, 8px);padding-left:var(--rtk-space-1, 4px)}.channel-container .channel-card .channel-name{max-width:var(--rtk-space-60, 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.channel-container .channel-card .latest-msg{margin:var(--rtk-space-0, 0px);max-width:var(--rtk-space-56, 224px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.channel-container .channel-card .latest-msg.new{font-weight:200;font-style:italic;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.channel-container .channel-card .latest-msg-time{font-size:12px;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.channel-container .channel-meta{width:var(--rtk-space-12, 48px);display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:var(--rtk-space-1\\.5, 6px);font-size:12px;font-weight:600}.channel-container .new-msgs-count{height:var(--rtk-space-4, 16px);min-width:var(--rtk-space-4, 16px);padding-top:1px;padding-bottom:1px;padding-left:2px;padding-right:2px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-success, 98 165 4) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));border-radius:var(--rtk-border-radius-sm, 4px);text-align:center;font-size:12px}.channel-container .selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-900, var(--rtk-colors-text-900, 255 255 255 / 0.88)))}.channel-container .selected .latest-msg-time,.channel-container .selected .latest-msg,.channel-container .selected .latest-msg.new{color:rgb(var(--rtk-colors-text-on-brand-700, var(--rtk-colors-text-700, 255 255 255 / 0.64)))}.channel-container .highlight .channel-title span{font-weight:700}.latest-msg p{margin:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-1, 4px);display:inline-block}.latest-msg blockquote{display:none}.recent-message-row{margin-bottom:var(--rtk-space-2, 8px);display:flex;width:100%;flex-direction:row;justify-content:space-between}";
 const RtkChannelSelectorUiStyle0 = rtkChannelSelectorUiCss;

package/dist/cjs/rtk-chat-composer-ui.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const chat = require('./chat-5f3ed9c3.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const chat = require('./chat-f4c7af58.js');
+const index = require('./index-197b6abb.js');
 
 const rtkChatComposerUiCss = ":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;flex-direction:column;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity))}.chat-input{position:relative;margin:var(--rtk-space-2, 8px);z-index:10;box-sizing:border-box;display:flex;flex-direction:column;border-radius:var(--rtk-border-radius-md, 8px);border:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60))}textarea{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));box-sizing:border-box;padding:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::-moz-placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea::placeholder{color:rgb(var(--rtk-colors-text-1000, 255 255 255))}textarea{border-top-left-radius:var(--rtk-border-radius-md, 8px);border-top-right-radius:var(--rtk-border-radius-md, 8px);font-family:var(--rtk-font-family, sans-serif);outline:2px solid transparent;outline-offset:2px;resize:none;overflow-y:auto;border-width:var(--rtk-border-width-none, 0);border-style:none;min-height:60px;font-size:14px}.chat-buttons{border-bottom-right-radius:var(--rtk-border-radius-md, 8px);border-bottom-left-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));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);padding-top:var(--rtk-space-2, 8px);padding-bottom:var(--rtk-space-2, 8px)}.chat-buttons .left rtk-button{margin-right:var(--rtk-space-1, 4px)}.chat-buttons .left rtk-button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-buttons .right{z-index:10}.chat-buttons .right .edit-buttons{display:flex;gap:var(--rtk-space-2, 8px)}.chat-buttons>div{display:flex;align-items:center}rtk-emoji-picker{z-index:0;position:absolute;bottom:var(--rtk-space-32, 128px);border-top:var(--rtk-border-width-sm, 1px) solid rgb(var(--rtk-colors-background-600, 60 60 60));animation:0.3s slide-up ease}@keyframes slide-up{from{transform:translateY(100%)}to{transform:translateY(0%)}}.member-list{margin:var(--rtk-space-0, 0px);margin-top:var(--rtk-space-1, 4px);max-height:var(--rtk-space-28, 112px);min-width:var(--rtk-space-40, 160px);max-width:var(--rtk-space-64, 256px);padding:var(--rtk-space-0, 0px);position:absolute;bottom:var(--rtk-space-28, 112px);list-style-type:none;overflow-y:auto;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-sm, 4px);--tw-border-spacing-x:var(--rtk-space-2, 8px);--tw-border-spacing-y:var(--rtk-space-2, 8px);border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y);border-style:solid;border-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.5)}.member-list .member{display:flex;align-items:center;gap:var(--rtk-space-1, 4px);padding:var(--rtk-space-2, 8px);padding-right:var(--rtk-space-4, 16px);cursor:pointer}.member-list .member rtk-avatar{flex-shrink:0;height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px);font-size:14px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.member-list .member span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-list .member:hover,.member-list .member.selected{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-700, 2 70 253) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.suggested-replies{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-3, 12px);display:flex;flex-wrap:nowrap;gap:var(--rtk-space-2, 8px);list-style-type:none;overflow-x:auto}.suggested-replies rtk-tooltip{flex-shrink:0}.suggested-replies li{padding:var(--rtk-space-2, 8px);border-radius:var(--rtk-border-radius-md, 8px);background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / 0.75);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));cursor:pointer}.suggested-replies li:hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-300, 73 124 253) / var(--tw-bg-opacity))}.preview-overlay{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);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));border-radius:var(--rtk-border-radius-md, 8px)}.file-preview{position:absolute;top:var(--rtk-space-4, 16px);left:var(--rtk-space-4, 16px);max-width:-moz-fit-content;max-width:fit-content;max-height:var(--rtk-space-20, 80px)}.file-preview:hover rtk-tooltip{display:block}.file-preview rtk-tooltip{position:absolute;top:calc(var(--rtk-space-1, 4px) * -1);left:calc(var(--rtk-space-1, 4px) * -1);display:none;margin-left:calc(var(--rtk-space-1, 4px) * -1);margin-top:calc(var(--rtk-space-1, 4px) * -1)}.file-preview rtk-button{display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));border:1px solid rgb(var(--rtk-colors-text-1000, 255 255 255))}.file-preview rtk-icon{height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.preview-image{height:var(--rtk-space-16, 64px);width:var(--rtk-space-16, 64px);-o-object-fit:cover;object-fit:cover;max-height:100%;max-width:100%;overflow:clip;border-radius:var(--rtk-border-radius-md, 8px)}.preview-file{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);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--rtk-border-radius-md, 8px);max-width:200px}@keyframes scroll-text{0%{transform:translateX(0%)}70%{transform:translateX(-100%)}80%{transform:translateX(0%)}100%{transform:translateX(0%)}}";
 const RtkChatComposerUiStyle0 = rtkChatComposerUiCss;
@@ -282,28 +282,25 @@ const RtkChatComposerUi = class {
         if ((_a = this.prefill.editMessage) === null || _a === void 0 ? void 0 : _a.message) {
             defaultValue = chat.stripOutReplyBlock(this.prefill.editMessage.message);
         }
-        return (index$1.h(index$1.Host, { key: '8f0ee810fac56aa1c62254d3d8a997941475bb3a' }, this.canSendTextMessage && this.emojiPickerActive && (index$1.h("rtk-emoji-picker", { key: '368bdbbe0e995aafd13e70d12f62b59979a5691b', part: "emoji-picker", onPickerClose: () => {
+        return (index$1.h(index$1.Host, { key: '0550423a075a5e445ebae18e70213e17dd79c6ff' }, this.canSendTextMessage && this.emojiPickerActive && (index$1.h("rtk-emoji-picker", { key: '89eaa1c1e0ae3da8fed3c203fd87a19cd5f19b8e', part: "emoji-picker", onPickerClose: () => {
                 this.emojiPickerActive = false;
             }, onRtkEmojiClicked: (e) => {
                 this.$textArea.value += e.detail;
                 this.$textArea.focus();
-            }, t: this.t })), this.renderSuggestedReplies(), index$1.h("slot", { key: '166872db8c0b07d2ec2e407de0fddfce7f3d4969', name: "chat-addon" }), index$1.h("slot", { key: 'b383df2de3320e69fe2cb35a22296d1ee53b08df', name: "quote-block" }), index$1.h("div", { key: '89d5fdf625bf212acda92276e9ec10b60b55a179', class: "chat-input", part: "chat-input" }, this.renderMenu(), this.canSendTextMessage && (index$1.h("textarea", { key: '55192f10820a161189d42b6150819be6a346d1e9', class: "scrollbar", part: "textarea", ref: this.initializeTextField, autoFocus: true, placeholder: this.fileToUpload ? '' : this.t('chat.message_placeholder'), value: defaultValue, onPaste: this.onPaste, maxLength: chat.MAX_TEXT_LENGTH, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onInput: (e) => {
+            }, t: this.t })), this.renderSuggestedReplies(), index$1.h("slot", { key: '6da586002dff47002d856c0204dee2bbe8571236', name: "chat-addon" }), index$1.h("slot", { key: 'fa285ac5f4fb88ddcc3aa9b6a294d12b09cd94e9', name: "quote-block" }), index$1.h("div", { key: 'c71568bf5344f9fcd3be019d02ca4bf1a8a9d9b8', class: "chat-input", part: "chat-input" }, this.renderMenu(), this.canSendTextMessage && (index$1.h("textarea", { key: 'ec57005f4795fefdaaba266d9e891853a5bded1f', class: "scrollbar", part: "textarea", ref: this.initializeTextField, autoFocus: true, placeholder: this.fileToUpload ? '' : this.t('chat.message_placeholder'), value: defaultValue, onPaste: this.onPaste, maxLength: chat.MAX_TEXT_LENGTH, onKeyDown: this.handleKeyDown, onKeyUp: this.handleKeyUp, onInput: (e) => {
                 uiStore.gracefulStorage.setItem(this.storageKey, e.target.value);
-            }, disabled: !!this.filePreview })), index$1.h("div", { key: '6c3a94c43257041fdeed496c7bd8b57ce4be6510', class: "chat-buttons", part: "chat-buttons" }, index$1.h("div", { key: '76e6f7923484ee6a58359b6554e5e51009bc317f', class: "left", part: "chat-buttons-left" }, !this.prefill.editMessage &&
+            }, disabled: !!this.filePreview })), index$1.h("div", { key: '322d141483c79366ef59dee65a5072a6f437a64a', class: "chat-buttons", part: "chat-buttons" }, index$1.h("div", { key: 'cb287e6ced3bb48f445af933a99a1f8100ac41c6', class: "left", part: "chat-buttons-left" }, !this.prefill.editMessage &&
             this.canSendFiles && [
-            index$1.h("rtk-tooltip", { key: 'dbc04471a85d1fe2987c7d18dd0781e61f85fa35', label: this.t('chat.send_file') }, index$1.h("rtk-button", { key: 'cb54c65b81559d4a00a316aacf2f4bb368f30799', variant: "ghost", kind: "icon", onClick: () => this.uploadFile('file'), title: this.t('chat.send_file') }, index$1.h("rtk-icon", { key: 'd3c542b0b1260ac305de3cfd5fbf5396f18d1f0e', icon: this.iconPack.attach }))),
-            index$1.h("rtk-tooltip", { key: '6aac421a0d9149fd6c188bcce25bf4152cb8c0dd', label: this.t('chat.send_img') }, index$1.h("rtk-button", { key: '5460407db51e83ab379bb8ade5af7d87bd04b64d', variant: "ghost", kind: "icon", onClick: () => this.uploadFile('image'), title: this.t('chat.send_img') }, index$1.h("rtk-icon", { key: '3f8732882dc03b5ddf23c59bdbe96329e551b070', icon: this.iconPack.image }))),
-        ], !this.prefill.editMessage && this.canSendTextMessage && !this.disableEmojiPicker && (index$1.h("rtk-tooltip", { key: '8d032069a031d6a3b3e4847953a8e027eb5b3400', label: this.t('chat.send_emoji') }, index$1.h("rtk-button", { key: 'b96b0791ac68f142408f269354bde5385c08a4da', variant: "ghost", kind: "icon", class: { active: this.emojiPickerActive }, title: this.t('chat.send_emoji'), onClick: () => {
+            index$1.h("rtk-tooltip", { key: '78c91b6a2097013f3da368086e868d2d465ec9cb', label: this.t('chat.send_file') }, index$1.h("rtk-button", { key: '278e56e0d1d012c658a74a07aece9f07fb13b486', variant: "ghost", kind: "icon", onClick: () => this.uploadFile('file'), title: this.t('chat.send_file') }, index$1.h("rtk-icon", { key: 'f0551578a82d14a0313044c257a2cd04b8a4320e', icon: this.iconPack.attach }))),
+            index$1.h("rtk-tooltip", { key: 'f1f658aece9261ff928f631b78545bfc2cc6b99e', label: this.t('chat.send_img') }, index$1.h("rtk-button", { key: '31e9bb3127886607cb630db538b6acdc405df324', variant: "ghost", kind: "icon", onClick: () => this.uploadFile('image'), title: this.t('chat.send_img') }, index$1.h("rtk-icon", { key: '66f46b7128dcbb041a2e35a5a9d61eb087aae126', icon: this.iconPack.image }))),
+        ], !this.prefill.editMessage && this.canSendTextMessage && !this.disableEmojiPicker && (index$1.h("rtk-tooltip", { key: '28524998014e48efa944db921c6ebaa644f7522c', label: this.t('chat.send_emoji') }, index$1.h("rtk-button", { key: '2ab4710a53f8c399b94fdf89d8b3e26ecdfb38c9', variant: "ghost", kind: "icon", class: { active: this.emojiPickerActive }, title: this.t('chat.send_emoji'), onClick: () => {
                 this.emojiPickerActive = !this.emojiPickerActive;
-            } }, index$1.h("rtk-icon", { key: 'cd9ac09500ed1151dad94ed285db35bea6260ed8', icon: this.iconPack.emoji_multiple }))))), !!this.filePreview && this.renderFilePreview(), this.canSendTextMessage && (index$1.h("div", { key: '43b9f9232a7476b5600519fb3517d6342143d76f', class: "right", part: "chat-buttons-right" }, !this.prefill.editMessage && (index$1.h("rtk-tooltip", { key: 'ec757e58571a0ff2e4ab9b1006ab388b334a77d3', variant: "primary", label: this.t('chat.send_msg'), delay: 2000 }, index$1.h("rtk-button", { key: '054e7b52bfcfe852ca53ce96c6b498585924e616', kind: "icon", onClick: () => this.handleSendMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: 'd085d0aae594a8e08f29d200e4cb0818c0eabdfd', icon: this.iconPack.send })))), this.prefill.editMessage && (index$1.h("div", { key: '7926d7cf394a7989d2fbae97c1ab5a974834b431', class: "edit-buttons" }, index$1.h("rtk-tooltip", { key: '66029024ca595880cc72fdb28999f8380a8a37fc', variant: "secondary", label: this.t('cancel'), delay: 2000 }, index$1.h("rtk-button", { key: 'cba0e1460d33a0b20593009acc588ba4e385d782', kind: "icon", variant: "secondary", onClick: () => this.handleEditCancel(), title: this.t('cancel') }, index$1.h("rtk-icon", { key: '2155257dea8a5660b6b2d9d9510da153192be16e', icon: this.iconPack.dismiss }))), index$1.h("rtk-tooltip", { key: 'b296276e6f08c128ec3ba3cc292f6637e3550a34', variant: "primary", label: this.t('chat.update_msg'), delay: 2000 }, index$1.h("rtk-button", { key: 'e3c50822510811d254f3e8d65ed967b70be97037', kind: "icon", onClick: () => this.handleEditMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: '016e23547285b95c2545784d627a37fb8c6359d5', icon: this.iconPack.checkmark })))))))))));
+            } }, index$1.h("rtk-icon", { key: 'eb26faa361adb34eb7afbd013c21a5039e32292d', icon: this.iconPack.emoji_multiple }))))), !!this.filePreview && this.renderFilePreview(), this.canSendTextMessage && (index$1.h("div", { key: '820a5ff20514c9802d3612045f36d95d2358dcda', class: "right", part: "chat-buttons-right" }, !this.prefill.editMessage && (index$1.h("rtk-tooltip", { key: '405fb291f728f2afa6940a82cbc16777e8eba2bc', variant: "primary", label: this.t('chat.send_msg'), delay: 2000 }, index$1.h("rtk-button", { key: '4bff2c0bf52fc35da61d67760d82943b4516c358', kind: "icon", onClick: () => this.handleSendMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: 'd5294b068fbb1e60bdccb899b7931c03e4fb9eb1', icon: this.iconPack.send })))), this.prefill.editMessage && (index$1.h("div", { key: '995aa908ccab6ab22252d78ddefed672474f56a0', class: "edit-buttons" }, index$1.h("rtk-tooltip", { key: '2429c8023b38ba99c8e0b3a66206f719ce0e1932', variant: "secondary", label: this.t('cancel'), delay: 2000 }, index$1.h("rtk-button", { key: '2fbaa972db33e50976661f4a02a3be9d67ec78fa', kind: "icon", variant: "secondary", onClick: () => this.handleEditCancel(), title: this.t('cancel') }, index$1.h("rtk-icon", { key: '3466f90521e92efe325dec9bd7c3419f726713d8', icon: this.iconPack.dismiss }))), index$1.h("rtk-tooltip", { key: '84af3b7940bcdeec414e42cbda84359154a19a19', variant: "primary", label: this.t('chat.update_msg'), delay: 2000 }, index$1.h("rtk-button", { key: '580af6cecb00e77994e688a9bd70b63aeb1f0782', kind: "icon", onClick: () => this.handleEditMessage(), title: this.t('chat.send_msg') }, index$1.h("rtk-icon", { key: 'a6266954cfa1ffbcc6e3606bfe993e54e3f5c5ee', icon: this.iconPack.checkmark })))))))))));
     }
     static get watchers() { return {
         "channelId": ["onChannelChanged"]
     }; }
 };
-__decorate([
-    index.SyncWithStore()
-], RtkChatComposerUi.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkChatComposerUi.prototype, "iconPack", void 0);

package/dist/cjs/rtk-chat-selector-ui.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const chat = require('./chat-5f3ed9c3.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const chat = require('./chat-f4c7af58.js');
+const index = require('./index-197b6abb.js');
 
 const rtkChatSelectorUiCss = ":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;flex-direction:column}.chat-scope-selector{position:relative;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity));z-index:10}.chat-scope-selector button{width:100%;border-width:var(--rtk-border-width-none, 0);border-style:none;padding:var(--rtk-space-4, 16px);display:flex;align-items:center;justify-content:space-between;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-size:14px;cursor:pointer;height:var(--rtk-space-12, 48px)}.chat-scope-selector button span{display:flex;align-items:center;justify-content:flex-start}.chat-scope-selector button rtk-icon{height:var(--rtk-space-5, 20px);width:var(--rtk-space-5, 20px)}.chat-scope-selector .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-700, 44 44 44) / var(--tw-bg-opacity));margin-left:var(--rtk-space-3, 12px);margin-right:var(--rtk-space-3, 12px);margin-top:var(--rtk-space-3, 12px);margin-bottom:var(--rtk-space-0, 0px)}.chat-scope-selector .search rtk-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))}.chat-scope-selector .search input{box-sizing:border-box;height:var(--rtk-space-9, 36px);width:100%;padding-right:var(--rtk-space-2, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;--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));outline:2px solid transparent;outline-offset:2px;border-radius:var(--rtk-border-radius-sm, 4px);font-size:14px}.chat-scope-selector .search input::-moz-placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .search input::placeholder{color:rgb(var(--rtk-colors-text-800, 255 255 255 / 0.76))}.chat-scope-selector .participants-container{position:absolute;width:100%;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));top:var(--rtk-space-12, 48px);animation:0.3s slide-down ease}@keyframes slide-down{from{transform:translateY(-50px)}to{transform:translateY(0%)}}.chat-scope-selector .scope-list{margin-top:var(--rtk-space-0, 0px);margin-bottom:var(--rtk-space-0, 0px);list-style-type:none;padding-left:var(--rtk-space-0, 0px);padding-right:var(--rtk-space-0, 0px);overflow:auto;max-height:375px}.chat-scope-selector .scope-list .scope{position:relative;display:flex;flex-direction:row;align-items:center;padding-left:var(--rtk-space-3, 12px);padding-right:var(--rtk-space-3, 12px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px)}.chat-scope-selector .scope-list .scope:hover{cursor:pointer;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.chat-scope-selector .scope-list .scope-special{margin-top:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}.chat-scope-selector .scope-list .everyone-icon>rtk-icon{height:var(--rtk-space-6, 24px);width:var(--rtk-space-6, 24px);color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)))}.chat-scope-selector .scope-list .everyone-icon{display:flex;height:100%;width:100%;align-items:center;justify-content:center;margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px);border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px}.unread-count.selector{position:unset;margin-left:var(--rtk-space-2, 8px)}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}rtk-avatar{height:var(--rtk-space-8, 32px);width:var(--rtk-space-8, 32px)}";
 const RtkChatSelectorUiStyle0 = rtkChatSelectorUiCss;

package/dist/cjs/rtk-chat-toggle.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const sidebar = require('./sidebar-d8acee5c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const sidebar = require('./sidebar-72c85f1a.js');
+const index = require('./index-197b6abb.js');
 
 const rtkChatToggleCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{position:relative;display:block}:host([data-hidden]){display:none}.unread-count{position:absolute;right:var(--rtk-space-3, 12px);box-sizing:border-box;padding:var(--rtk-space-0\\.5, 2px);-webkit-user-select:none;-moz-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));font-size:12px;color:rgb(var(--rtk-colors-text-on-brand-1000, var(--rtk-colors-text-1000, 255 255 255)));display:flex;height:var(--rtk-space-5, 20px);min-width:var(--rtk-space-5, 20px);align-items:center;justify-content:center;border-radius:9999px;z-index:1}.unread-count-dot{position:absolute;right:var(--rtk-space-3, 12px);z-index:10;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity));border-radius:50%;display:flex;height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);align-items:center;justify-content:center}:host([variant='horizontal']) .unread-count{right:var(--rtk-space-4, 16px);top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}";
 const RtkChatToggleStyle0 = rtkChatToggleCss;
@@ -126,9 +126,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkChatToggle.prototype, "states", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkChatToggle.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkChatToggle.prototype, "iconPack", void 0);

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkClockCss = ":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;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px;color:rgb(var(--rtk-colors-text-1000, 255 255 255));font-variant-numeric:tabular-nums}: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)}";
 const RtkClockStyle0 = rtkClockCss;

package/dist/cjs/rtk-controlbar-button.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkControlbarButtonCss = ":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{--background-color:var(\n    --rtk-controlbar-button-background-color,\n    rgb(var(--rtk-colors-background-1000, 8 8 8))\n  );--icon-size:var(--rtk-controlbar-button-icon-size, var(--rtk-space-7, 28px));position:relative;box-sizing:border-box;display:inline-flex;height:100%;width:auto;min-width:var(--rtk-space-20, 80px);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--rtk-border-radius-md, 8px);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));background-color:var(--background-color)}button{padding:var(--rtk-space-1, 4px)}:host(.red-icon) #icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([disabled]){color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}button{box-sizing:border-box;display:inline-flex;height:100%;width:100%;flex:1 1 0%;flex-direction:column;gap:var(--rtk-space-1, 4px);padding-left:var(--rtk-space-1, 4px);padding-right:var(--rtk-space-1, 4px);align-items:center;justify-content:center;cursor:pointer;border-radius:var(--rtk-border-radius-md, 8px);border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:inherit;outline-offset:-2px;border:var(--rtk-border-width-md, 2px) solid transparent}.label{text-align:center;font-size:12px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}#warning-indicator{position:absolute;top:var(--rtk-space-1, 4px);right:var(--rtk-space-2, 8px);height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-warning, 255 205 7) / var(--tw-text-opacity))}:host([size='sm']) #warning-indicator{right:var(--rtk-space-0, 0px);top:var(--rtk-space-0, 0px);height:var(--rtk-space-3, 12px);width:var(--rtk-space-3, 12px)}:host(:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}#icon{width:var(--icon-size);height:var(--icon-size)}:host(.leave:hover) button{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-danger, 255 45 45))}:host(.active) button{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-400, 53 110 253) / var(--tw-text-opacity));border:var(--rtk-border-width-md, 2px) solid rgb(var(--rtk-colors-brand-400, 53 110 253))}button:focus-visible{outline:2px solid rgb(var(--rtk-colors-brand-400, 53 110 253))}:host(.active-livestream){--tw-text-opacity:1;color:rgba(var(--rtk-colors-danger, 255 45 45) / var(--tw-text-opacity))}:host([size='sm']){min-width:var(--rtk-space-14, 56px)}:host([size='sm']) .label{display:none}:host([variant='horizontal']){width:100%}:host([variant='horizontal']) button{border-radius:7px;height:var(--rtk-space-12, 48px);width:100%;padding-left:var(--rtk-space-5, 20px);padding-right:var(--rtk-space-5, 20px);padding-top:var(--rtk-space-3, 12px);padding-bottom:var(--rtk-space-3, 12px);flex-direction:row;justify-content:flex-start;gap:var(--rtk-space-3, 12px)}:host([variant='horizontal']) #icon{width:var(--rtk-space-6, 24px)}:host([variant='horizontal']) .label{display:block;font-size:14px;line-height:1.25rem}:host([variant='horizontal']) #warning-indicator{right:auto;left:var(--rtk-space-4, 16px)}:host([brand-icon]) rtk-icon#icon{--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host .label{display:none}:slotted(rtk-icon){height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}}";
 const RtkControlbarButtonStyle0 = rtkControlbarButtonCss;
@@ -34,13 +34,10 @@ const RtkControlbarButton = class {
         this.brandIcon = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9883914979b6b7ca3cb39624476bf09d4c3d9849' }, index$1.h("button", { key: '0edc9db5989a895003f8f6df75352009475af716', "aria-label": this.label, part: "button" }, this.isLoading ? (index$1.h("rtk-spinner", { id: "icon", part: "spinner", iconPack: this.iconPack })) : (index$1.h("rtk-icon", { id: "icon", icon: this.icon, tabIndex: -1, "aria-hidden": true, part: "icon" })), index$1.h("span", { key: '36fe6f2c97c62350a08a8b57317e32201d26182c', class: "label", part: "label" }, this.label), this.showWarning && (index$1.h("rtk-icon", { key: 'a0a6ebe1e21a3eb3fec815e2aeeda12378b911f6', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" })))));
+        return (index$1.h(index$1.Host, { key: 'f8af1b318f555c5d98d146be871c5bef3e53fae7' }, index$1.h("button", { key: 'de25b31b07be84a5041431e6547822e445d7f446', "aria-label": this.label, part: "button" }, this.isLoading ? (index$1.h("rtk-spinner", { id: "icon", part: "spinner", iconPack: this.iconPack })) : (index$1.h("rtk-icon", { id: "icon", icon: this.icon, tabIndex: -1, "aria-hidden": true, part: "icon" })), index$1.h("span", { key: '620c5c4c08ed9740b3705f9c36bc19e7b77b1d73', class: "label", part: "label" }, this.label), this.showWarning && (index$1.h("rtk-icon", { key: 'a8b2fb7570f7a4268d5290ece1807b6ab530f664', id: "warning-indicator", icon: this.iconPack.warning, part: "warning-indicator" })))));
     }
     static get delegatesFocus() { return true; }
 };
-__decorate([
-    index.SyncWithStore()
-], RtkControlbarButton.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkControlbarButton.prototype, "iconPack", void 0);

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 const index$2 = require('./index-821d14b7.js');
-const index = require('./index-618e08d7.js');
+const index = require('./index-197b6abb.js');
 
 const rtkControlbarCss = ":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;align-items:center;gap:var(--rtk-space-0\\.5, 2px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px);position:relative;z-index:10}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{padding-top:var(--rtk-space-0, 0px) !important}}";
 const RtkControlbarStyle0 = rtkControlbarCss;
@@ -43,7 +43,7 @@ const RtkControlbar = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '3821bcb1a2328652bcf259d55c96f0adbb3c4ab6' }, !this.disableRender && (index$1.h(index$2.Render, { key: '9cdaf23eb3616d6ed4b725a289399b29b86e8c36', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: 'a7c56a8ab40766012c4a2ba32592e90f3051b293' })));
+        return (index$1.h(index$1.Host, { key: 'f42df94eb381604cc1e4e9716e7908cab55da6b2' }, !this.disableRender && (index$1.h(index$2.Render, { key: '2c961c3e2546e7610cd2e18ea8aeaf72dbdd1075', element: "rtk-controlbar", defaults: defaults, onlyChildren: true })), index$1.h("slot", { key: '9e2a7239b36ba2f4c40bf7c7d63441c833927a97' })));
     }
 };
 __decorate([
@@ -61,9 +61,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkControlbar.prototype, "t", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkControlbar.prototype, "size", void 0);
 RtkControlbar.style = RtkControlbarStyle0;
 
 exports.rtk_controlbar = RtkControlbar;

package/dist/cjs/rtk-debugger-toggle.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkDebuggerToggleCss = ":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 RtkDebuggerToggleStyle0 = rtkDebuggerToggleCss;
@@ -38,7 +38,7 @@ const RtkDebuggerToggle = class {
         });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '3f0fb6e513b44c36dfcbe4ddef47c40a6b97f361', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: 'f790e80162d8d711d7fac27247ddd96bceca5356', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
+        return (index$1.h(index$1.Host, { key: '38be7c2de47b57a51bb6feedc0f8ea05801eec58', title: this.t('Troubleshooting') }, index$1.h("rtk-controlbar-button", { key: '18d8b11e7a57d4930c2d300eaeb60b9a77c45c5c', size: this.size, iconPack: this.iconPack, onClick: () => this.toggleDebugger(), icon: this.iconPack.debug, label: this.t('Troubleshooting'), variant: this.variant })));
     }
 };
 __decorate([
@@ -53,9 +53,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkDebuggerToggle.prototype, "iconPack", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkDebuggerToggle.prototype, "size", void 0);
 RtkDebuggerToggle.style = RtkDebuggerToggleStyle0;
 
 exports.rtk_debugger_toggle = RtkDebuggerToggle;

package/dist/cjs/rtk-ended-screen.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkEndedScreenCss = ":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{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}.rejoin-button{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);padding-top:var(--rtk-space-6, 24px);padding-bottom:var(--rtk-space-6, 24px);padding-left:var(--rtk-space-16, 64px);padding-right:var(--rtk-space-16, 64px)}.rejoin-icon{margin-right:var(--rtk-space-2, 8px)}p{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}p.breakout{font-size:20px;display:flex;flex-direction:column;align-items:center}p.breakout span{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-0, 0px);color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}span{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}";
 const RtkEndedScreenStyle0 = rtkEndedScreenCss;
@@ -94,9 +94,6 @@ const RtkEndedScreen = class {
 __decorate([
     index.SyncWithStore()
 ], RtkEndedScreen.prototype, "config", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkEndedScreen.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkEndedScreen.prototype, "states", void 0);

package/dist/cjs/rtk-file-dropzone.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkFileDropzoneCss = "#dropzone{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);bottom:var(--rtk-space-0, 0px);left:var(--rtk-space-0, 0px);z-index:10;display:none;flex-direction:column;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}#dropzone.active{display:flex;animation:0.2s slide-up ease-in}";
 const RtkFileDropzoneStyle0 = rtkFileDropzoneCss;

package/dist/cjs/rtk-fullscreen-toggle.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 const fullScreen = require('./full-screen-de3e9caf.js');
-const index = require('./index-618e08d7.js');
+const index = require('./index-197b6abb.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;
@@ -72,9 +72,6 @@ const RtkFullscreenToggle = class {
 __decorate([
     index.SyncWithStore()
 ], RtkFullscreenToggle.prototype, "states", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkFullscreenToggle.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkFullscreenToggle.prototype, "iconPack", void 0);

package/dist/cjs/rtk-grid-pagination.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 const debounce = require('./debounce-6080cc73.js');
 
 const rtkGridPaginationCss = ":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;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:16px}:host([data-hidden]){display:none}:host([size='sm']){font-size:12px}:host([size='sm']) .center{margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px)}:host([size='sm']) rtk-button{height:var(--rtk-space-7, 28px);width:var(--rtk-space-7, 28px)}:host([size='sm']) rtk-button rtk-icon{height:var(--rtk-space-4, 16px);width:var(--rtk-space-4, 16px)}rtk-button{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.center{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.center .page{color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.center .slash{margin-left:var(--rtk-space-0\\.5, 2px);margin-right:var(--rtk-space-0\\.5, 2px)}.center .pages{align-self:flex-end;font-size:12px}:host([variant='rounded']){overflow:hidden;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button{border-radius:9999px;border-width:var(--rtk-border-width-none, 0);border-style:none;background-color:transparent;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64));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}:host([variant='rounded']) rtk-button:not([disabled]):hover{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='rounded']) rtk-button:not([disabled]):focus{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-600, 60 60 60) / var(--tw-bg-opacity))}:host([variant='grid']) rtk-button{position:absolute;top:50%;height:var(--rtk-space-20, 80px);width:var(--rtk-space-20, 80px);opacity:0.2;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}:host([variant='grid']) rtk-button:hover{opacity:1}:host([variant='grid']) rtk-button{transform:translateY(-50%)}:host([variant='grid']) rtk-button.prev{left:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) rtk-button.next{right:var(--rtk-space-0, 0px);border-top-left-radius:9999px;border-bottom-left-radius:9999px}:host([variant='grid']) rtk-button.auto{left:var(--rtk-space-0, 0px);right:var(--rtk-space-0, 0px);border-top-right-radius:9999px;border-bottom-right-radius:9999px}:host([variant='grid']) .dots{position:absolute;left:50%;bottom:var(--rtk-space-3, 12px);display:flex;align-items:center;transform:translateX(-50%)}:host([variant='grid']) .dots .dot{margin-right:var(--rtk-space-2, 8px);height:var(--rtk-space-2, 8px);width:var(--rtk-space-2, 8px);cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity))}:host([variant='grid']) .dots .dot:last-child{margin-right:var(--rtk-space-0, 0px)}:host([variant='grid']) .dots .dot.active{--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-bg-opacity))}:host([variant='grid'][size='sm']) rtk-button{height:var(--rtk-space-14, 56px);width:var(--rtk-space-14, 56px);opacity:0.1}";
@@ -147,9 +147,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkGridPagination.prototype, "states", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkGridPagination.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkGridPagination.prototype, "iconPack", void 0);

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 const debounce = require('./debounce-6080cc73.js');
 const index$2 = require('./index-821d14b7.js');
-const index = require('./index-618e08d7.js');
+const index = require('./index-197b6abb.js');
 const grid = require('./grid-edc342a7.js');
 
 const rtkGridCss = ":host{line-height:initial;font-family:var(--rtk-font-family, sans-serif);font-feature-settings:normal;font-variation-settings:normal}p{margin:var(--rtk-space-0, 0px);padding:var(--rtk-space-0, 0px)}:host{display:block;height:100%;width:100%}.offline-grid{display:flex;height:100%;width:100%;flex-direction:column;align-items:center;justify-content:center}.offline-grid h3{margin-top:var(--rtk-space-2, 8px);margin-bottom:var(--rtk-space-2, 8px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);font-size:20px;font-weight:500;color:rgb(var(--rtk-colors-text-900, 255 255 255 / 0.88))}.offline-grid p{margin-top:var(--rtk-space-1, 4px);margin-bottom:var(--rtk-space-1, 4px);margin-left:var(--rtk-space-0, 0px);margin-right:var(--rtk-space-0, 0px);text-align:center;font-size:16px;font-weight:400;color:rgb(var(--rtk-colors-text-700, 255 255 255 / 0.64))}.offline-grid rtk-icon{margin-bottom:var(--rtk-space-2, 8px)}.webinar-stage{box-sizing:border-box;height:100%;display:flex;align-content:center;align-items:center;justify-content:center;text-align:center}.webinar-stage h2{margin:var(--rtk-space-0, 0px);font-weight:normal}rtk-viewer-count{display:none}.ctr{display:flex;flex-direction:column;align-items:center}.message{font-size:16px;border-radius:var(--rtk-border-radius-lg, 12px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-800, 30 30 30) / var(--tw-bg-opacity));padding-left:var(--rtk-space-8, 32px);padding-right:var(--rtk-space-8, 32px);padding-top:var(--rtk-space-4, 16px);padding-bottom:var(--rtk-space-4, 16px);color:rgb(var(--rtk-colors-text-1000, 255 255 255))}.description{margin-top:var(--rtk-space-4, 16px);margin-bottom:var(--rtk-space-4, 16px);font-size:14px}rtk-livestream-indicator{display:none}@media only screen and (max-device-height: 480px) and (orientation: landscape){rtk-viewer-count[variant='embedded']{position:absolute;top:var(--rtk-space-0, 0px);right:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}rtk-livestream-indicator{position:absolute;top:var(--rtk-space-0, 0px);left:var(--rtk-space-2, 8px);z-index:20;margin-top:var(--rtk-space-0, 0px);margin-left:var(--rtk-space-0, 0px);display:flex}}";
@@ -345,9 +345,6 @@ const RtkGrid = class {
 __decorate([
     index.SyncWithStore()
 ], RtkGrid.prototype, "meeting", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkGrid.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkGrid.prototype, "states", void 0);

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 const index$2 = require('./index-821d14b7.js');
-const index = require('./index-618e08d7.js');
+const index = require('./index-197b6abb.js');
 
 const rtkHeaderCss = ":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-12, 48px);align-items:center;--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-1000, 8 8 8) / var(--tw-bg-opacity));padding-left:var(--rtk-space-4, 16px);padding-right:var(--rtk-space-4, 16px)}@media only screen and (max-device-height: 480px) and (orientation: landscape){:host{display:none !important}}@media only screen and (max-height: 480px) and (orientation: landscape){:host{display:none !important}}";
 const RtkHeaderStyle0 = rtkHeaderCss;
@@ -43,7 +43,7 @@ const RtkHeader = class {
             iconPack: this.iconPack,
             size: this.size,
         };
-        return (index$1.h(index$1.Host, { key: '783db656f391fc45ab6f59770a18506d2f0f83de' }, !this.disableRender && index$1.h(index$2.Render, { key: '9f5f954191c34e6d117fc9c53a0708bfe4e2e392', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '0dd3257b0a4702c96582139d03f59b154264b438' })));
+        return (index$1.h(index$1.Host, { key: 'cc998eacd57a6ab5492229b6eb900caf9aa6cfaa' }, !this.disableRender && index$1.h(index$2.Render, { key: 'c8bfb68227fcea6955c7e4d07cfe3d1eb9d7906d', element: "rtk-header", defaults: defaults, onlyChildren: true }), index$1.h("slot", { key: '50848506efeeccf7a6bd4539d65374eb64279d17' })));
     }
 };
 __decorate([
@@ -61,9 +61,6 @@ __decorate([
 __decorate([
     index.SyncWithStore()
 ], RtkHeader.prototype, "t", void 0);
-__decorate([
-    index.SyncWithStore()
-], RtkHeader.prototype, "size", void 0);
 RtkHeader.style = RtkHeaderStyle0;
 
 exports.rtk_header = RtkHeader;

package/dist/cjs/rtk-idle-screen.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
-const index = require('./index-618e08d7.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
+const index = require('./index-197b6abb.js');
 
 const rtkIdleScreenCss = ":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{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.ctr{display:flex;flex-direction:column;align-items:center;gap:var(--rtk-space-8, 32px)}rtk-logo.loaded{height:var(--rtk-space-12, 48px)}rtk-spinner{height:var(--rtk-space-12, 48px);width:var(--rtk-space-12, 48px);--tw-text-opacity:1;color:rgba(var(--rtk-colors-brand-500, 33 96 253) / var(--tw-text-opacity))}";
 const RtkIdleScreenStyle0 = rtkIdleScreenCss;

package/dist/cjs/rtk-image-viewer.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 const file = require('./file-33e9ed90.js');
-const index = require('./index-618e08d7.js');
+const index = require('./index-197b6abb.js');
 const string = require('./string-a410fab6.js');
 
 const rtkImageViewerCss = ":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{width:1140px;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--rtk-space-6, 24px);padding-top:var(--rtk-space-5, 20px);overflow-y:auto;color:rgb(var(--rtk-colors-text-1000, 255 255 255));z-index:40;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-900, 26 26 26) / var(--tw-bg-opacity))}.displayName{font-weight:700}.image-ctr{margin-top:var(--rtk-space-2, 8px);box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--rtk-space-2, 8px)}img{box-sizing:border-box;display:block;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--rtk-space-4, 16px)}.shared-by-user{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host([size='sm']) .header{flex-direction:column}:host([size='sm']) .header .actions{margin-top:var(--rtk-space-4, 16px)}";
@@ -45,12 +45,9 @@ const RtkImageViewer = class {
         document.removeEventListener('click', this.handleOutsideClick);
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b8fc805f0987197ddcd03f10e90e6a91150d3a3f', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '59d56e6174e4aaa6e5dc04f6a061fece48bf6a9a', class: "header" }, index$1.h("div", { key: 'd212463748bd8e3300ee745d3ef3ce10954a5fda', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '140150887c27d5d45ee782e960304d1e2db38348', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'd9b1ef781318f0cc910905a77f9da6e9234c68e9', class: "actions" }, index$1.h("rtk-button", { key: '3e155e29b6e4d045f19d142b2935e1670be22c9a', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: 'ed310a1ad5a00321806f0cee1ac078332ea8587f', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: 'bb8a9c255580dcd624d80684f64fa107f74d4485', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: 'd408bb24110614f4e33aba1892d9b05625e4d830', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '177d1b3bdfe5a6b805721a7440ddedeca30f44fb', class: "image-ctr" }, index$1.h("img", { key: '21a491e7b8a513a547b996d5d2f1fd23c851a29d', src: this.image.link }))));
+        return (index$1.h(index$1.Host, { key: 'd3d145c8bd304fbe0e9420e7746ea15872772f3b', class: "scrollbar", onClick: (e) => e.stopPropagation() }, index$1.h("div", { key: '3f9ceed6d177439c39438dbb6ac60d08d630bf0e', class: "header" }, index$1.h("div", { key: '3944264dcf9903e55b544bda02dfa8d6643ba3ff', class: "shared-by-user" }, this.t('chat.img.shared_by'), ' ', index$1.h("span", { key: '540b69c4f1abdd437a003fa4ba9c9ddf8aa71dd8', class: "displayName" }, string.formatName(string.shorten(this.image.displayName)))), index$1.h("div", { key: 'ed632e11bcdf8fa46a2c1bd0f6b02884ee635b5a', class: "actions" }, index$1.h("rtk-button", { key: '677ef4df0f7235a27c925b1e742a61222c90049f', onClick: () => file.downloadFile(this.image.link, { fallbackName: 'image' }) }, index$1.h("rtk-icon", { key: '2479f3a5e2f9eff5359d377625d06337b2023e8c', icon: this.iconPack.download, slot: "start" }), "Download"), index$1.h("rtk-button", { key: '6ff009deb6e385481254e9fa6a7ae30f1676cff0', kind: "icon", variant: "secondary", onClick: () => this.close.emit() }, index$1.h("rtk-icon", { key: '6ad51918f8e76980f61c02c10b9a2cccfe5a2a7f', icon: this.iconPack.dismiss })))), index$1.h("div", { key: '5fd522972d26d9b4815ffe37d2d418b784e751ae', class: "image-ctr" }, index$1.h("img", { key: 'a45df563ecdf79e020e3269f6fd055aee27cfab0', src: this.image.link }))));
     }
 };
-__decorate([
-    index.SyncWithStore()
-], RtkImageViewer.prototype, "size", void 0);
 __decorate([
     index.SyncWithStore()
 ], RtkImageViewer.prototype, "t", void 0);

package/dist/cjs/rtk-information-tooltip.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-05554ce6.js');
-const index = require('./index-618e08d7.js');
-const uiStore = require('./ui-store-e94b055c.js');
+const index = require('./index-197b6abb.js');
+const uiStore = require('./ui-store-1c0e1ec3.js');
 
 const rtkInformationTooltipCss = ":host{margin-left:var(--rtk-space-2, 8px);margin-right:var(--rtk-space-2, 8px);cursor:pointer}.tooltip-container{position:relative;display:flex;flex-direction:row;align-items:center}.tooltip-container rtk-icon{cursor:pointer;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52))}.tooltip-container rtk-icon:hover+.tooltip{display:flex !important}.tooltip{position:absolute;margin-left:var(--rtk-space-2, 8px);display:none !important;border-radius:var(--rtk-border-radius-md, 8px);--tw-bg-opacity:1;background-color:rgba(var(--rtk-colors-background-700, 44 44 44) / var(--tw-bg-opacity));padding:var(--rtk-space-2, 8px);font-weight:400;color:rgb(var(--rtk-colors-text-600, 255 255 255 / 0.52));z-index:50;display:flex;min-width:var(--rtk-space-60, 240px);flex-direction:column;--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);left:14px}";
 const RtkInformationTooltipStyle0 = rtkInformationTooltipCss;