@ethora/chat-component 26.10.1 → 26.10.3

package/README.md

@@ -355,6 +355,7 @@ Below is a grouped reference for all `config` options.
 | `historyPreload` | `{ mode?: 'staged' \| 'all' \| 'off'; topRooms?: number; concurrency?: number }` | Background message-history preload after connect, for accounts with many rooms. Default `{ mode: 'staged', topRooms: 8, concurrency: 3 }`. `staged`: the `topRooms` most recently active rooms get a full page loaded, `concurrency` at a time, and rooms the backend gave no `lastMessage` for get a one-message preview (up to 4x `topRooms` of them); every other room loads the moment it is opened. A room the user opens jumps the queue, and a reconnect only re-queues rooms that are not already preloaded. `all`: preload every room (the old behaviour; fine for a handful of rooms). `off`: no background preload at all. The room list's last message, time and unread badge come from `GET /v1/chats/my` (`lastMessage`, `unreadCount`) when the backend sends them, so they render without waiting for any history; a backend without those fields falls back to the history preload. The older `historyQoS.preloadTopKRooms` / `stagedPreloadConcurrency` are still honoured when the matching field here is not set; pinning `historyQoS.stagedPreloadEnabled: false` keeps the legacy startup catch-up path. |
 | `historyQoS.joinHistoryStanzas` | `number` | Messages the MUC service replays on every room join (sent as `<history maxstanzas="N"/>`). Default `0`: history comes from the message archive only, so connecting an account with many rooms no longer pulls the server default (up to 20 messages) per room. Raise it only if a room of yours has no archiving and relies on the join replay. |
 | `historyQoS.joinConcurrency` | `number` | Rooms joined in parallel by the background join sweep. The room list is shown as soon as `/chats/my` returns; every room is then joined in the background (the open room first, then most recent activity; a room you open while it is queued jumps the queue). Default `5`. |
+| `receipts` | `{ mode?: 'auto' \| 'all' \| 'off'; deliveryMaxRoomSize?: number; readMaxRoomSize?: number; maxAgeDays?: number; coalesceMs?: number }` | Which delivery (XEP-0184) and read (XEP-0333) receipts this client sends. The client always displays the receipts it receives. Defaults `{ mode: 'auto', deliveryMaxRoomSize: 20, readMaxRoomSize: 100, maxAgeDays: 7, coalesceMs: 1500 }`. `auto`: delivery receipts only in rooms of up to `deliveryMaxRoomSize` other members, read markers only in rooms of up to `readMaxRoomSize` other members, and no delivery receipt for messages older than `maxAgeDays`. `all`: always send (still coalesced). `off`: send no delivery or read signal. Private 1:1 rooms and rooms of unknown size always send. Delivery receipts are sent at most once per `coalesceMs` window per room (the newest message in the window is the one acknowledged) and are not archived by the server. Read markers are sent at most every 3 seconds per room. |
 
 ### UI and Layout
 

package/dist/{ChatProfileModal-Bf5jGPBZ.js → ChatProfileModal-D73ioMj9.js}

@@ -1,8 +1,8 @@
 import { jsx as T, jsxs as j, Fragment as Ct } from "react/jsx-runtime";
 import $e, { useRef as wt, useState as re, useMemo as le } from "react";
-import { w as Kt, b as Rt, x as de, a9 as Xt, B as oe, E as Y, a as je, u as fe, aa as Ue, N as Pt, F as xt, ab as St, ac as _t, ad as Mt, ae as Jt, af as Ie, ag as Vt, ah as Zt, a7 as er, Q as At, a2 as tr, ai as rr, aj as ke, ak as nr, al as ye, am as Dt, an as Ot, P as Lt, $ as Bt, D as or, ao as ar, ap as ir, aq as sr, ar as lr, as as ur, at as cr, au as He, av as fr, y as be, aw as dr, ax as hr, ay as pr, az as vr, M as Ye, aA as mr, aB as gr, aC as yr, aD as We, aE as br, aF as Er, a0 as Tr, aG as Cr, aH as wr, R as Rr, aI as Ge } from "./main-CUB_w8AZ.js";
-import { S as It, f as Pr, b as Ne, D as ce, a as pe, d as xr, e as Sr, g as Ke, h as Xe, i as _r, j as Mr, k as Ar, l as Je } from "./SideDrawer-CQPOf0ek.js";
-import { h as Dr, P as Or, a as Lr, c as Br, D as Ir, d as kr, e as Ve, f as Ze } from "./handleCopyClick-DGaZhy_u.js";
+import { w as Kt, b as Rt, x as de, a9 as Xt, B as oe, E as Y, a as je, u as fe, aa as Ue, N as Pt, F as xt, ab as St, ac as _t, ad as Mt, ae as Jt, af as Ie, ag as Vt, ah as Zt, a7 as er, Q as At, a2 as tr, ai as rr, aj as ke, ak as nr, al as ye, am as Dt, an as Ot, P as Lt, $ as Bt, D as or, ao as ar, ap as ir, aq as sr, ar as lr, as as ur, at as cr, au as He, av as fr, y as be, aw as dr, ax as hr, ay as pr, az as vr, M as Ye, aA as mr, aB as gr, aC as yr, aD as We, aE as br, aF as Er, a0 as Tr, aG as Cr, aH as wr, R as Rr, aI as Ge } from "./main-CghdNDlB.js";
+import { S as It, f as Pr, b as Ne, D as ce, a as pe, d as xr, e as Sr, g as Ke, h as Xe, i as _r, j as Mr, k as Ar, l as Je } from "./SideDrawer-BPebE2tZ.js";
+import { h as Dr, P as Or, a as Lr, c as Br, D as Ir, d as kr, e as Ve, f as Ze } from "./handleCopyClick-vPvh9hOU.js";
 var ue = {}, ve = { exports: {} }, me = { exports: {} }, k = {};
 var et;
 function Nr() {

package/dist/{FilePreviewModal-Bwx0RZZw.js → FilePreviewModal-BeGa8s4u.js}

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import { b2 as et, b3 as tt, E as f, b4 as yt, x as Pe, b as Et, b5 as kt, b6 as nt, b7 as rt, b8 as ot, b9 as Le, ba as Te, bb as Ce, aJ as $e, K as Ae, bc as Ue, bd as Pt, G as ke, be as St, bf as it, a as Rt, a_ as Lt, u as le, aa as _e, bg as Tt, bh as Ct, bi as Se, bj as Mt, ax as ue, bk as Be, bl as It, bm as $t, bn as At, bo as Dt, bp as Ot, aI as Ne, D as zt, bq as Ut } from "./main-CUB_w8AZ.js";
+import { b2 as et, b3 as tt, E as f, b4 as yt, x as Pe, b as Et, b5 as kt, b6 as nt, b7 as rt, b8 as ot, b9 as Le, ba as Te, bb as Ce, aJ as $e, K as Ae, bc as Ue, bd as Pt, G as ke, be as St, bf as it, a as Rt, a_ as Lt, u as le, aa as _e, bg as Tt, bh as Ct, bi as Se, bj as Mt, ax as ue, bk as Be, bl as It, bm as $t, bn as At, bo as Dt, bp as Ot, aI as Ne, D as zt, bq as Ut } from "./main-CghdNDlB.js";
 import Me, { useState as F, useRef as U, useEffect as M, useMemo as te, useCallback as B, useLayoutEffect as _t } from "react";
 const at = (t, o, i) => {
   const g = document.createElement("a");

package/dist/{ManageDataModal-Dhkp0LWH.js → ManageDataModal-DxhvKwLo.js}

@@ -1,7 +1,7 @@
 import { jsxs as o, Fragment as M, jsx as a } from "react/jsx-runtime";
 import { useState as m, useCallback as T } from "react";
-import { aJ as I, E as t, aK as j, aL as w, B, u as E, x as z, Q as F, aM as R, S as U, D as x, aN as O, aO as $, aP as A, aQ as P } from "./main-CUB_w8AZ.js";
-import { S as Q, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-CQPOf0ek.js";
+import { aJ as I, E as t, aK as j, aL as w, B, u as E, x as z, Q as F, aM as R, S as U, D as x, aN as O, aO as $, aP as A, aQ as P } from "./main-CghdNDlB.js";
+import { S as Q, D as f, a as u, b as D, e as v, f as b } from "./SideDrawer-BPebE2tZ.js";
 t(j)`
   display: flex;
   box-sizing: border-box;

package/dist/{MarkdownBody-_sUhW2O8.js → MarkdownBody-fzjy9KUP.js}

@@ -1,6 +1,6 @@
 import { jsxs as fs, jsx as ie, Fragment as hs } from "react/jsx-runtime";
 import "react";
-import { w as ei } from "./main-CUB_w8AZ.js";
+import { w as ei } from "./main-CghdNDlB.js";
 function zr(e) {
   const t = [], n = String(e || "");
   let r = n.indexOf(","), u = 0, i = !1;

package/dist/{MessageSearchModal-rwwWrILl.js → MessageSearchModal-3I0b3Nut.js}

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as i, Fragment as G } from "react/jsx-runtime";
 import { useRef as J, useState as h, useMemo as I, useEffect as V } from "react";
-import { x as Y, a as W, aT as X, u as z, at as K, as as Z, au as ee, aU as re, aV as te, aB as ae, aW as oe, aX as se, aY as ne, E as c, y as ie } from "./main-CUB_w8AZ.js";
-import { S as ce, i as le, j as de, f as S } from "./SideDrawer-CQPOf0ek.js";
+import { x as Y, a as W, aT as X, u as z, at as K, as as Z, au as ee, aU as re, aV as te, aB as ae, aW as oe, aX as se, aY as ne, E as c, y as ie } from "./main-CghdNDlB.js";
+import { S as ce, i as le, j as de, f as S } from "./SideDrawer-BPebE2tZ.js";
 function he(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t || "");
   if (!e) return;

package/dist/{PublicChatsModal-Byso6_vt.js → PublicChatsModal-Dzwl63q-.js}

@@ -1,7 +1,7 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { useState as p, useRef as T, useCallback as E, useEffect as N, useMemo as z } from "react";
-import { l as P, aZ as U, x as _, a as F, aT as H, u as A, aB as J, E as c, a7 as Z, y as q } from "./main-CUB_w8AZ.js";
-import { S as G, i as V, j as K, f as S } from "./SideDrawer-CQPOf0ek.js";
+import { l as P, aZ as U, x as _, a as F, aT as H, u as A, aB as J, E as c, a7 as Z, y as q } from "./main-CghdNDlB.js";
+import { S as G, i as V, j as K, f as S } from "./SideDrawer-BPebE2tZ.js";
 const I = 50;
 async function Q({
   offset: r = 0,

package/dist/{SideDrawer-CQPOf0ek.js → SideDrawer-BPebE2tZ.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { useId as f, useRef as v } from "react";
-import { x as u, F as g, aT as m, a_ as w, B as b, a$ as y, E as e, b0 as D, b1 as k } from "./main-CUB_w8AZ.js";
+import { x as g, F as u, aT as m, a_ as w, B as b, a$ as y, E as e, b0 as D, b1 as k } from "./main-CghdNDlB.js";
 const c = 767, R = `${c}px`, z = e.div`
   position: relative;
   pointer-events: auto;
@@ -222,8 +222,8 @@ const c = 767, R = `${c}px`, z = e.div`
   backLabel: l,
   children: d
 }) => {
-  const h = u(), n = f(), s = v(null);
-  g({ onClose: a, containerRef: s });
+  const h = g(), n = f(), s = v(null);
+  u({ onClose: a, containerRef: s });
   const p = m(c), x = w();
   return /* @__PURE__ */ i(
     z,

package/dist/{UserProfileModal-Vj2kICvc.js → UserProfileModal-BS5FZdJb.js}

@@ -1,8 +1,8 @@
 import { jsxs as u, Fragment as $, jsx as o } from "react/jsx-runtime";
 import { forwardRef as ge, useState as I, useCallback as y, useImperativeHandle as ve, useRef as ae, useMemo as M } from "react";
-import { a as be, x as J, z as ye, C as xe, D as we, P as re, I as H, E as D, F as Ce, G as Se, J as Ie, K as te, L as De, N as Ne, O as ke, Q as Ue, u as Q, R as Fe, S as Pe, T as Ae, U as Re, W as Y, y as Z, X as ze, Y as je, Z as Be, h as $e, B as X, _ as Ee, $ as Oe, a0 as Te, a1 as ee, a2 as R, a3 as Le, a4 as Me, V as He, A as Xe, a5 as We, a6 as Je, a7 as Ke, a8 as Ve } from "./main-CUB_w8AZ.js";
-import { D as E, a as W, b as Ge, e as _e, f as qe, S as Qe } from "./SideDrawer-CQPOf0ek.js";
-import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-DGaZhy_u.js";
+import { a as be, x as J, z as ye, C as xe, D as we, P as re, I as H, E as D, F as Ce, G as Se, J as Ie, K as te, L as De, N as Ne, O as ke, Q as Ue, u as Q, R as Fe, S as Pe, T as Ae, U as Re, W as Y, y as Z, X as ze, Y as je, Z as Be, h as $e, B as X, _ as Ee, $ as Oe, a0 as Te, a1 as ee, a2 as R, a3 as Le, a4 as Me, V as He, A as Xe, a5 as We, a6 as Je, a7 as Ke, a8 as Ve } from "./main-CghdNDlB.js";
+import { D as E, a as W, b as Ge, e as _e, f as qe, S as Qe } from "./SideDrawer-BPebE2tZ.js";
+import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-vPvh9hOU.js";
 const ao = (c, i) => {
   const l = atob(c.split(",")[1]), g = new ArrayBuffer(l.length), e = new Uint8Array(g);
   for (let r = 0; r < l.length; r++)

package/dist/{UserSettingsModal-CioX4ZIV.js → UserSettingsModal-pBqmF_r2.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import m, { useCallback as D, useMemo as h } from "react";
-import { x as g, a as p, y as w, M as l } from "./main-CUB_w8AZ.js";
-import { S as b, D as u, a as y, b as k, c as S, d as f } from "./SideDrawer-CQPOf0ek.js";
+import { x as g, a as p, y as w, M as l } from "./main-CghdNDlB.js";
+import { S as b, D as u, a as y, b as k, c as S, d as f } from "./SideDrawer-BPebE2tZ.js";
 const T = ({
   handleCloseModal: n
 }) => {

package/dist/{VideoCallOverlay-DodAkiam.js → VideoCallOverlay-PIg8Z5Xr.js}

@@ -1,7 +1,7 @@
 import { jsxs as J, jsx as I, Fragment as zr } from "react/jsx-runtime";
 import * as F from "react";
 import { useState as $t, useRef as ye, useEffect as ae, useMemo as wt, useCallback as Un } from "react";
-import { u as Qi, P as Yn, H as Oi, a as Gd, b as Yd, i as gr, c as vr, g as $d, s as Xd, d as mo, e as Qd, f as Zd, h as go, j as eu, k as tu, l as vo, m as nu, n as iu, o as bo, p as ru, q as su, r as yo, t as ou, v as au, A as ko, V as To, B as cu } from "./main-CUB_w8AZ.js";
+import { u as Qi, P as Yn, H as Oi, a as Gd, b as Yd, i as gr, c as vr, g as $d, s as Xd, d as mo, e as Qd, f as Zd, h as go, j as eu, k as tu, l as vo, m as nu, n as iu, o as bo, p as ru, q as su, r as yo, t as ou, v as au, A as ko, V as To, B as cu } from "./main-CghdNDlB.js";
 function lu(n, e) {
   return e.forEach(function(t) {
     t && typeof t != "string" && !Array.isArray(t) && Object.keys(t).forEach(function(i) {

package/dist/{VisibilityModal-CIl7rkBM.js → VisibilityModal-CnBRSRQ9.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
-import { E as o, a as L, x as P, u as R, aR as D, aS as z } from "./main-CUB_w8AZ.js";
-import { S as I, D as C, a as $, b as k, e as S, f as p } from "./SideDrawer-CQPOf0ek.js";
+import { E as o, a as L, x as P, u as R, aR as D, aS as z } from "./main-CghdNDlB.js";
+import { S as I, D as C, a as $, b as k, e as S, f as p } from "./SideDrawer-BPebE2tZ.js";
 o.div``;
 o.div`
   font-size: 16px;

package/dist/api.config.d.ts

@@ -1,27 +1,4 @@
 export declare const appToken = "JWT eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlzVXNlckRhdGFFbmNyeXB0ZWQiOmZhbHNlLCJwYXJlbnRBcHBJZCI6bnVsbCwiaXNBbGxvd2VkTmV3QXBwQ3JlYXRlIjp0cnVlLCJpc0Jhc2VBcHAiOnRydWUsIl9pZCI6IjY0NmNjOGRjOTZkNGE0ZGM4ZjdiMmYyZCIsImRpc3BsYXlOYW1lIjoiRXRob3JhIiwiZG9tYWluTmFtZSI6ImV0aG9yYSIsImNyZWF0b3JJZCI6IjY0NmNjOGQzOTZkNGE0ZGM4ZjdiMmYyNSIsInVzZXJzQ2FuRnJlZSI6dHJ1ZSwiZGVmYXVsdEFjY2Vzc0Fzc2V0c09wZW4iOnRydWUsImRlZmF1bHRBY2Nlc3NQcm9maWxlT3BlbiI6dHJ1ZSwiYnVuZGxlSWQiOiJjb20uZXRob3JhIiwicHJpbWFyeUNvbG9yIjoiIzAwM0U5QyIsInNlY29uZGFyeUNvbG9yIjoiIzI3NzVFQSIsImNvaW5TeW1ib2wiOiJFVE8iLCJjb2luTmFtZSI6IkV0aG9yYSBDb2luIiwiUkVBQ1RfQVBQX0ZJUkVCQVNFX0FQSV9LRVkiOiJBSXphU3lEUWRrdnZ4S0t4NC1XcmpMUW9ZZjA4R0ZBUmdpX3FPNGciLCJSRUFDVF9BUFBfRklSRUJBU0VfQVVUSF9ET01BSU4iOiJldGhvcmEtNjY4ZTkuZmlyZWJhc2VhcHAuY29tIiwiUkVBQ1RfQVBQX0ZJUkVCQVNFX1BST0pFQ1RfSUQiOiJldGhvcmEtNjY4ZTkiLCJSRUFDVF9BUFBfRklSRUJBU0VfU1RPUkFHRV9CVUNLRVQiOiJldGhvcmEtNjY4ZTkuYXBwc3BvdC5jb20iLCJSRUFDVF9BUFBfRklSRUJBU0VfTUVTU0FHSU5HX1NFTkRFUl9JRCI6Ijk3MjkzMzQ3MDA1NCIsIlJFQUNUX0FQUF9GSVJFQkFTRV9BUFBfSUQiOiIxOjk3MjkzMzQ3MDA1NDp3ZWI6ZDQ2ODJlNzZlZjAyZmQ5YjljZGFhNyIsIlJFQUNUX0FQUF9GSVJFQkFTRV9NRUFTVVJNRU5UX0lEIjoiRy1XSE03WFJaNEM4IiwiUkVBQ1RfQVBQX1NUUklQRV9QVUJMSVNIQUJMRV9LRVkiOiIiLCJSRUFDVF9BUFBfU1RSSVBFX1NFQ1JFVF9LRVkiOiIiLCJjcmVhdGVkQXQiOiIyMDIzLTA1LTIzVDE0OjA4OjI4LjEzNloiLCJ1cGRhdGVkQXQiOiIyMDIzLTA1LTIzVDE0OjA4OjI4LjEzNloiLCJfX3YiOjB9LCJpYXQiOjE2ODQ4NTA5MjV9.-IqNVMsf8GyS9Z-_yuNW7hpSmejajjAy-W0J8TadRIM";
-export declare const defaultUser: {
-    _id: string;
-    firstName: string;
-    lastName: string;
-    xmppPassword: string;
-    walletAddress: string;
-    token: string;
-    refreshToken: string;
-    profileImage: string;
-    isProfileOpen: boolean;
-    isAssetsOpen: boolean;
-    referrerId: string;
-    isAllowedNewAppCreate: boolean;
-    isAgreeWithTerms: boolean;
-    company: any[];
-    appId: string;
-    homeScreen: string;
-    defaultWallet: {
-        walletAddress: string;
-    };
-    email: string;
-    username: string;
-};
 export declare const defRoom: {
     jid: string;
 };

package/dist/components/ContextMenu/ContextMenuComponents.d.ts

@@ -1,10 +1,26 @@
-export declare const ContainerInteractions: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ReactionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ReactionBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ArrowButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ContainerInteractions: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ReactionContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ReactionBadge: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ArrowButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isRotated: boolean;
 }>> & string;
-export declare const ContextMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Delimeter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContextMenu: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MenuItem: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Delimeter: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;

package/dist/components/ExampleComponents/CustomMessage.d.ts

@@ -1,20 +1,38 @@
 import { default as React } from 'react';
 import { MessageProps } from '../../types/types';
-export declare const MessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const MessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isUser: boolean;
 }>> & string;
-export declare const MessageBubble: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const MessageBubble: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isUser: boolean;
 }>> & string;
-export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const MessageText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const UserName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isUser: boolean;
     color?: string;
 }>> & string;
-export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const MessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const MessagePhotoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SystemMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const MessageTimestamp: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessagePhoto: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MessagePhotoContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SystemMessage: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 declare const CustomMessageExample: React.ForwardRefExoticComponent<MessageProps & React.RefAttributes<HTMLDivElement>>;
 export default CustomMessageExample;

package/dist/components/MainComponents/ChooseChatMessage.d.ts

@@ -1,7 +1,15 @@
-export declare const ChooseChatMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatMessageContainerBoxText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChooseChatMessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ChooseChatMessageContainerBoxText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ChooseChatTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ChooseChatDescription: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface ChooseChatMessageProps {
     /**
      * True when a specific room WAS requested (a QR code, a shared link, a

package/dist/components/MainComponents/EditWrapper.d.ts

@@ -1,8 +1,16 @@
 import { default as React, FC } from 'react';
-export declare const EditContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditInfoBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const EditText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EditContainer: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditInfoBox: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditTitle: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const EditText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface EditWrapperProps {
     text: string;
     onClose: () => void;

package/dist/components/MainComponents/MessageList.d.ts

@@ -15,4 +15,5 @@ interface MessageListProps<TMessage extends IMessage> {
     activeMessage?: IMessage;
 }
 declare const MessageList: <TMessage extends IMessage>({ CustomMessage, loadMoreMessages, roomJID, config, loading, isReply, activeMessage, }: MessageListProps<TMessage>) => import("react/jsx-runtime").JSX.Element;
-export default MessageList;
+declare const _default: typeof MessageList;
+export default _default;

package/dist/components/MainComponents/SystemMessage.d.ts

@@ -6,7 +6,9 @@ interface SystemMessageProps {
         secondary?: string;
     };
 }
-export declare const CustomSystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const CustomSystemMessageText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $primary?: string;
 }>> & string;
 declare const SystemMessage: React.FC<SystemMessageProps>;

package/dist/components/MessageBubble/CustomDivider.d.ts

@@ -1,4 +1,6 @@
-export declare const CustomDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const CustomDivider: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $configColor: string;
     $configColorUser: string;
     $isUser: boolean;

package/dist/components/MessageBubble/MessageReply.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
-export declare const StyledMessageReply: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledMessageReply: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $isUser: boolean;
     $configColor: string;
 }>> & string;

package/dist/components/Modals/FilePreviewModal/ViewerChrome.d.ts

@@ -3,36 +3,72 @@ export declare const VIEWER_TEXT = "#f5f7fa";
 export declare const VIEWER_MUTED = "rgba(245, 247, 250, 0.68)";
 export declare const VIEWER_SURFACE = "rgba(255, 255, 255, 0.08)";
 export declare const VIEWER_SURFACE_HOVER = "rgba(255, 255, 255, 0.18)";
-export declare const ViewerSurface: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ViewerSurface: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $closing: boolean;
 }>> & string;
-export declare const TopBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const TopIdentity: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SenderText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SenderName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const SubLine: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ActionGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const Stage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MediaFrame: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const TopBar: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const TopIdentity: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SenderText: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SenderName: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const SubLine: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ActionGroup: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const IconButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Stage: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const MediaFrame: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $fit: "media" | "content";
 }>> & string;
-export declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $side: "left" | "right";
 }>> & string;
-export declare const BottomBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ThumbStrip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Thumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const BottomBar: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ThumbStrip: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Thumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $active: boolean;
 }>> & string;
-export declare const ThumbImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+export declare const ThumbImage: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /** Small play triangle over a video's thumbnail. */
 export declare const ThumbPlayBadge: () => import("react/jsx-runtime").JSX.Element;
 /** Stand-in thumbnail for a video that has no poster image. */
 export declare const ThumbVideoGlyph: () => import("react/jsx-runtime").JSX.Element;
-export declare const ControlRow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Counter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const ZoomGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ControlRow: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const Counter: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ZoomGroup: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface ErrorPanelProps {
     onRetry: () => void;
     onDownload: () => void;

package/dist/components/Modals/MessageSearchModal/MessageHitResults.d.ts

@@ -4,7 +4,9 @@ import { MessageSearchHit } from '../../../networking/api-requests/messageSearch
  * Secondary pill button used for "Show more" and "Retry" under search
  * results, in the search panel and in the room list.
  */
-export declare const SecondaryPillButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const SecondaryPillButton: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 /**
  * What a tap on a search hit does, shared by the search panel and the room
  * list's search box: switch to the hit's room and ask it to scroll to, load

package/dist/components/Modals/ModalReportChat/ModalReportChat.d.ts

@@ -1,5 +1,7 @@
 import { default as React, FC } from 'react';
-export declare const Report: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const Report: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: React.CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
 interface ModalReportChatProps {
     /** Forwarded to `ModalBox` - see its `isClosing` doc. */
     isClosing?: boolean;

package/dist/components/Modals/NewChatModal/styledNewChatComponents.d.ts

@@ -1,12 +1,22 @@
-export declare const ChatTypeGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChatTypeIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const ChatTypeGroup: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;
+export declare const ChatTypeIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $index: number;
     $count: number;
 }>> & string;
-export declare const ChatTypeOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+export declare const ChatTypeOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     active: boolean;
 }>> & string;
-export declare const InlineUsersWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const InlineUsersWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Merged<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}, {
     $expanded: boolean;
 }>> & string;
-export declare const InlineUsersInner: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const InlineUsersInner: import('styled-components/dist/types').IStyledComponentBase<"web", Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import('react').CSSProperties | import('styled-components/dist/types').CSSPropertiesWithVars;
+}> & string;