@layers-app/shared 0.4.5 → 0.4.7

package/dist/components/Chat/ChatMessage/index.js

@@ -1,121 +1,138 @@
-import { jsx as e, jsxs as c, Fragment as Q } from "react/jsx-runtime";
-import I, { useMemo as L } from "react";
-import { AttachmentsPreview as V } from "../../AttachmentsPreview/AttachmentsPreview.js";
-import { UserAvatar as X } from "../../UserAvatar/index.js";
-import { ChatBubble as Z } from "../ChatBubble/index.js";
-import { MessageActions as D } from "../MessageActions/index.js";
-import { MessageAuthor as P } from "../MessageAuthor/index.js";
-import { MessageForward as T } from "../MessageForward/index.js";
-import { MessageMeta as ee } from "../MessageMeta/index.js";
-import { MessageReactions as ae } from "../MessageReactions/index.js";
-import { MessageReply as se } from "../MessageReply/index.js";
-import { MessageStatus as te } from "../MessageStatus/index.js";
-import { getAvatarColor as re } from "../colors.js";
-import s from "./ChatMessage.module.css.js";
-const ie = { cursor: "pointer" }, oe = I.memo(
-  I.forwardRef(function({
-    children: v,
+import { jsx as e, jsxs as d, Fragment as Z } from "react/jsx-runtime";
+import _, { useMemo as $ } from "react";
+import { AttachmentsPreview as P } from "../../AttachmentsPreview/AttachmentsPreview.js";
+import { UserAvatar as T } from "../../UserAvatar/index.js";
+import { ChatBubble as ee } from "../ChatBubble/index.js";
+import { MessageActions as ae } from "../MessageActions/index.js";
+import { MessageAuthor as te } from "../MessageAuthor/index.js";
+import { MessageForward as se } from "../MessageForward/index.js";
+import { MessageMeta as ie } from "../MessageMeta/index.js";
+import { MessageReactions as re, MAX_MESSAGE_REACTIONS as oe } from "../MessageReactions/index.js";
+import { MessageReply as le } from "../MessageReply/index.js";
+import { MessageStatus as j } from "../MessageStatus/index.js";
+import { getAvatarColor as me } from "../colors.js";
+import t from "./ChatMessage.module.css.js";
+const ce = { cursor: "pointer" }, de = _.memo(
+  _.forwardRef(function({
+    children: p,
     outgoing: a,
-    senderName: i,
-    senderColor: l,
-    avatarName: f,
-    avatarSrc: _,
-    showAvatar: $,
-    timestamp: p,
-    status: g,
-    replyTo: t,
-    forwardFrom: M,
-    edited: j,
+    senderName: o,
+    senderColor: n,
+    avatarName: g,
+    avatarSrc: B,
+    showAvatar: K,
+    timestamp: M,
+    status: l,
+    onRetry: h,
+    retryLabel: A,
+    replyTo: i,
+    forwardFrom: u,
+    edited: L,
     attachments: r,
-    reactions: d,
-    onReactionToggle: B,
-    groupPosition: u = "single",
-    onReaction: A,
-    onReply: C,
-    onEdit: n,
-    onDelete: h,
-    onCopy: w,
+    reactions: m,
+    onReactionToggle: O,
+    groupPosition: C = "single",
+    onReaction: w,
+    onReply: b,
+    onEdit: v,
+    onDelete: f,
+    onCopy: x,
     onForward: N,
-    onPin: b,
-    onContextMenu: E,
-    onAvatarClick: x,
-    fullWidth: z,
-    noBubble: K,
-    mediaOnly: O,
-    hasMedia: R,
-    id: U,
-    className: S,
-    style: W
+    onPin: S,
+    onContextMenu: z,
+    onAvatarClick: k,
+    fullWidth: D,
+    noBubble: G,
+    mediaOnly: U,
+    hasMedia: y,
+    id: W,
+    className: E,
+    style: X
   }, Y) {
-    const q = !a && !!i, F = !a && $, G = !!(A || C || n || h || w || N || b), H = L(() => {
-      const m = re(l);
+    const q = !a && !!o, F = !a && K, H = !!(w || b || v || f || x || N || S), J = $(() => {
+      const s = me(n);
       return {
-        root: { "--avatar-bg": m },
-        placeholder: { backgroundColor: m }
+        root: { "--avatar-bg": s },
+        placeholder: { backgroundColor: s }
       };
-    }, [l]), k = d && d.length > 0, J = L(
-      () => r?.filter((m) => m.isImage).length ?? 0,
+    }, [n]), I = m && m.length > 0, Q = (m?.length ?? 0) < oe, V = $(
+      () => r?.filter((s) => s.isImage).length ?? 0,
       [r]
-    ), o = p ? /* @__PURE__ */ e(
-      ee,
+    ), c = M ? /* @__PURE__ */ e(
+      ie,
       {
-        time: p,
-        edited: j,
+        time: M,
+        edited: L,
         outgoing: a,
-        inReactions: k,
-        children: a && g && /* @__PURE__ */ e(te, { status: g })
+        inReactions: I,
+        children: a && l && (l === "error" && h ? /* @__PURE__ */ e(
+          "span",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick: h,
+            onKeyDown: (s) => {
+              (s.key === "Enter" || s.key === " ") && (s.preventDefault(), h());
+            },
+            title: A,
+            "aria-label": A,
+            "data-testid": "message-retry",
+            style: { cursor: "pointer", display: "inline-flex" },
+            children: /* @__PURE__ */ e(j, { status: l })
+          }
+        ) : /* @__PURE__ */ e(j, { status: l }))
       }
-    ) : null, y = /* @__PURE__ */ c(Q, { children: [
-      q && /* @__PURE__ */ e(P, { name: i, color: l }),
-      t && /* @__PURE__ */ e(
-        se,
+    ) : null, R = /* @__PURE__ */ d(Z, { children: [
+      q && /* @__PURE__ */ e(te, { name: o, color: n }),
+      i && /* @__PURE__ */ e(
+        le,
         {
-          title: t.senderName,
-          subtitle: t.text,
-          color: t.color,
+          title: i.senderName,
+          subtitle: i.text,
+          color: i.color,
           outgoing: a,
-          onClick: t.onClick
+          onClick: i.onClick
         }
       ),
-      M && /* @__PURE__ */ e(T, { from: M, outgoing: a }),
-      O ? /* @__PURE__ */ c(
+      u && /* @__PURE__ */ e(se, { from: u, outgoing: a }),
+      U ? /* @__PURE__ */ d(
         "div",
         {
-          className: s.content,
+          className: t.content,
           style: { position: "relative" },
           "data-testid": "chat-message-content",
-          "data-has-media": R || void 0,
+          "data-has-media": y || void 0,
           "data-media-only": !0,
           children: [
-            v,
-            o && /* @__PURE__ */ e("div", { className: s.mediaOnlyMeta, children: o })
+            p,
+            c && /* @__PURE__ */ e("div", { className: t.mediaOnlyMeta, children: c })
           ]
         }
-      ) : /* @__PURE__ */ c(
+      ) : /* @__PURE__ */ d(
         "div",
         {
-          className: s.content,
+          className: t.content,
           "data-testid": "chat-message-content",
-          "data-has-media": R || void 0,
-          "data-single-image": J === 1 || void 0,
+          "data-has-media": y || void 0,
+          "data-single-image": V === 1 || void 0,
           children: [
-            v,
-            r && r.length > 0 && /* @__PURE__ */ e("div", { className: s.attachmentsWrap, children: /* @__PURE__ */ e(
-              V,
+            r && r.length > 0 && /* @__PURE__ */ e("div", { className: t.attachmentsWrap, children: /* @__PURE__ */ e(
+              P,
               {
                 files: r,
                 mode: "view",
                 parentIsExisting: !0
               }
             ) }),
-            k ? /* @__PURE__ */ e(
-              ae,
+            p,
+            I ? /* @__PURE__ */ e(
+              re,
               {
-                reactions: d,
-                onToggle: B,
-                meta: o
+                reactions: m,
+                onToggle: O,
+                meta: c
               }
-            ) : o
+            ) : c
           ]
         }
       )
@@ -124,55 +141,56 @@ const ie = { cursor: "pointer" }, oe = I.memo(
       "div",
       {
         ref: Y,
-        className: `${s.messageRow}${S ? ` ${S}` : ""}`,
+        className: `${t.messageRow}${E ? ` ${E}` : ""}`,
         "data-outgoing": a || void 0,
-        "data-message-id": U,
-        onContextMenu: E,
-        style: W,
-        children: /* @__PURE__ */ c(
+        "data-message-id": W,
+        onContextMenu: z,
+        style: X,
+        children: /* @__PURE__ */ d(
           "div",
           {
-            className: s.wrapper,
+            className: t.wrapper,
             "data-outgoing": a || void 0,
-            "data-group-position": u,
+            "data-group-position": C,
             children: [
-              F ? /* @__PURE__ */ e("div", { className: s.avatar, children: /* @__PURE__ */ e(
-                X,
+              F ? /* @__PURE__ */ e("div", { className: t.avatar, children: /* @__PURE__ */ e(
+                T,
                 {
                   user: {
-                    id: f || i || "",
-                    name: f || i,
-                    avatar: _
+                    id: g || o || "",
+                    name: g || o,
+                    avatar: B
                   },
                   size: 33,
                   radius: "xl",
-                  onClick: x,
-                  style: x ? ie : void 0,
-                  styles: H
+                  onClick: k,
+                  style: k ? ce : void 0,
+                  styles: J
                 }
-              ) }) : !a && /* @__PURE__ */ e("div", { className: s.spacer }),
-              K ? y : /* @__PURE__ */ e(
-                Z,
+              ) }) : !a && /* @__PURE__ */ e("div", { className: t.spacer }),
+              G ? R : /* @__PURE__ */ e(
+                ee,
                 {
                   outgoing: a,
-                  fullWidth: z,
-                  groupPosition: u,
-                  children: y
+                  fullWidth: D,
+                  groupPosition: C,
+                  children: R
                 }
               ),
-              G && /* @__PURE__ */ e(
-                D,
+              H && /* @__PURE__ */ e(
+                ae,
                 {
-                  className: s.hoverActions,
-                  onReaction: A,
-                  onReply: C,
-                  onEdit: n,
-                  onDelete: h,
-                  onCopy: w,
+                  className: t.hoverActions,
+                  onReaction: w,
+                  canAddReaction: Q,
+                  onReply: b,
+                  onEdit: v,
+                  onDelete: f,
+                  onCopy: x,
                   onForward: N,
-                  onPin: b,
-                  showEdit: !!n,
-                  showDelete: !!h
+                  onPin: S,
+                  showEdit: !!v,
+                  showDelete: !!f
                 }
               )
             ]
@@ -182,7 +200,7 @@ const ie = { cursor: "pointer" }, oe = I.memo(
     );
   })
 );
-oe.displayName = "ChatMessage";
+de.displayName = "ChatMessage";
 export {
-  oe as ChatMessage
+  de as ChatMessage
 };

package/dist/components/Chat/ChatPill/ChatPill.module.css.js

@@ -1,4 +1,4 @@
-const l = "_root_1rg6u_1", o = "_line_1rg6u_17", t = "_label_1rg6u_31", e = {
+const l = "_root_fdpv0_1", o = "_line_fdpv0_9", t = "_label_fdpv0_16", e = {
   root: l,
   line: o,
   label: t

package/dist/components/Chat/DialogItem/DialogItem.module.css.js

@@ -1,17 +1,17 @@
-const t = "_root_1wv58_1", o = "_dialogContent_1wv58_59", n = "_dialogContentDraft_1wv58_79", e = "_dialogContentSender_1wv58_89", _ = "_titleRow_1wv58_99", a = "_textContent_1wv58_119", l = {
+const t = "_root_oz3bs_1", o = "_dialogContent_oz3bs_30", n = "_dialogContentDraft_oz3bs_40", e = "_dialogContentSender_oz3bs_45", _ = "_titleRow_oz3bs_50", s = "_textContent_oz3bs_60", a = {
   root: t,
   dialogContent: o,
   dialogContentDraft: n,
   dialogContentSender: e,
   titleRow: _,
-  textContent: a
+  textContent: s
 };
 export {
-  l as default,
+  a as default,
   o as dialogContent,
   n as dialogContentDraft,
   e as dialogContentSender,
   t as root,
-  a as textContent,
+  s as textContent,
   _ as titleRow
 };

package/dist/components/Chat/DialogList/DialogList.module.css.js

@@ -1,4 +1,4 @@
-const o = "_root_uv81p_1", t = {
+const o = "_root_4wt9h_1", t = {
   root: o
 };
 export {

package/dist/components/Chat/MediaDocument/MediaDocument.module.css.js

@@ -1,13 +1,13 @@
-const o = "_root_67dvs_1", t = "_downloadButton_67dvs_31", e = "_fileName_67dvs_51", s = "_fileSize_67dvs_65", _ = {
+const o = "_root_14jri_1", t = "_downloadButton_14jri_20", e = "_fileName_14jri_30", i = "_fileSize_14jri_38", _ = {
   root: o,
   downloadButton: t,
   fileName: e,
-  fileSize: s
+  fileSize: i
 };
 export {
   _ as default,
   t as downloadButton,
   e as fileName,
-  s as fileSize,
+  i as fileSize,
   o as root
 };

package/dist/components/Chat/MessageActions/MessageActions.module.css.js

@@ -1,4 +1,4 @@
-const o = "_root_1hjx7_1", t = {
+const o = "_root_1p4b6_1", t = {
   root: o
 };
 export {

package/dist/components/Chat/MessageActions/index.d.ts

@@ -1,6 +1,13 @@
 import React from 'react';
 export interface MessageActionsProps {
     onReaction?: (emoji: string) => void;
+    /**
+     * Whether a *new* reaction emoji may still be added. False once the message
+     * hit the distinct-reaction cap — we then hide the add-reaction picker
+     * entirely (joining an existing reaction is still possible via its pill).
+     * Defaults to true. See {@link MAX_MESSAGE_REACTIONS}.
+     */
+    canAddReaction?: boolean;
     onReply?: () => void;
     onEdit?: () => void;
     onDelete?: () => void;

package/dist/components/Chat/MessageActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiBxC,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,iDAwFzB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageActions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAkBxC,MAAM,WAAW,mBAAmB;IAClC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,iDAgGzB,CAAC"}

package/dist/components/Chat/MessageActions/index.js

@@ -1,57 +1,61 @@
-import { jsx as e, jsxs as n, Fragment as M } from "react/jsx-runtime";
-import b, { useState as v } from "react";
-import { Group as y, ActionIcon as d, Menu as i } from "@mantine/core";
-import { SmileIcon as j, LinkBackwardIcon as w, MoreVerticalIcon as A, Copy01Icon as x, Share08Icon as $, PinIcon as B, Edit02Icon as E, Delete02Icon as O } from "@hugeicons/core-free-icons";
+import { jsx as e, jsxs as n, Fragment as b } from "react/jsx-runtime";
+import y, { useState as v } from "react";
+import { useTranslation as j } from "react-i18next";
+import { Group as A, ActionIcon as d, Menu as i } from "@mantine/core";
+import { SmileIcon as x, LinkBackwardIcon as B, MoreVerticalIcon as P, Copy01Icon as $, Share08Icon as E, PinIcon as O, Edit02Icon as T, Delete02Icon as _ } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon as o } from "@hugeicons/react";
-import { EmojiPicker as P } from "../../EmojiPicker/EmojiPicker.js";
-import { IconEntity as _ } from "../../ProjectIcon/ProjectIcon.js";
-import D from "./MessageActions.module.css.js";
-const G = b.memo(function({
+import { EmojiPicker as D } from "../../EmojiPicker/EmojiPicker.js";
+import { IconEntity as G } from "../../ProjectIcon/ProjectIcon.js";
+import H from "./MessageActions.module.css.js";
+const L = y.memo(function({
   onReaction: r,
-  onReply: m,
-  onEdit: t,
+  canAddReaction: I = !0,
+  onReply: p,
+  onEdit: s,
   onDelete: c,
-  onCopy: s,
-  onForward: a,
-  onPin: l,
+  onCopy: a,
+  onForward: l,
+  onPin: m,
   showEdit: h,
-  showDelete: p,
+  showDelete: u,
   className: f,
-  style: I
+  style: z
 }) {
-  const [g, z] = v(!1), k = !!(t || c || s || a || l || h || p), S = (u) => {
+  const { t } = j("meet"), [k, S] = v(!1), w = !!(s || c || a || l || m || h || u), C = (g) => {
     if (!r) return;
-    const C = _.parse(u);
-    r(C?.emoji ?? u);
+    const M = G.parse(g);
+    r(M?.emoji ?? g);
   };
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `${D.root}${f ? ` ${f}` : ""}`,
-      style: I,
+      className: `${H.root}${f ? ` ${f}` : ""}`,
+      style: z,
       "data-testid": "message-actions",
-      children: /* @__PURE__ */ n(y, { gap: 2, wrap: "nowrap", children: [
-        r && /* @__PURE__ */ e(
-          P,
+      children: /* @__PURE__ */ n(A, { gap: 2, wrap: "nowrap", children: [
+        r && I && /* @__PURE__ */ e(
+          D,
           {
-            onChange: S,
+            onChange: C,
             position: "top-start",
             showRemoveButton: !1,
             showIcons: !1,
-            children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "Add reaction", children: /* @__PURE__ */ e(o, { icon: j, size: 16 }) })
+            showRandomButton: !1,
+            withinPortal: !0,
+            children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "Add reaction", children: /* @__PURE__ */ e(o, { icon: x, size: 16 }) })
           }
         ),
-        m && /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, onClick: m, "aria-label": "Reply", children: /* @__PURE__ */ e(o, { icon: w, size: 16 }) }),
-        k && /* @__PURE__ */ n(i, { position: "bottom-end", withinPortal: !0, shadow: "md", width: 200, opened: g, onChange: z, children: [
-          /* @__PURE__ */ e(i.Target, { children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "More actions", children: /* @__PURE__ */ e(o, { icon: A, size: 16 }) }) }),
+        p && /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, onClick: p, "aria-label": "Reply", children: /* @__PURE__ */ e(o, { icon: B, size: 16 }) }),
+        w && /* @__PURE__ */ n(i, { position: "bottom-end", withinPortal: !0, shadow: "md", width: 200, opened: k, onChange: S, children: [
+          /* @__PURE__ */ e(i.Target, { children: /* @__PURE__ */ e(d, { variant: "subtle", color: "gray", size: 22, radius: 8, "aria-label": "More actions", children: /* @__PURE__ */ e(o, { icon: P, size: 16 }) }) }),
           /* @__PURE__ */ n(i.Dropdown, { children: [
-            s && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: x, size: 16 }), onClick: s, children: "Copy" }),
-            a && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: $, size: 16 }), onClick: a, children: "Forward" }),
-            l && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: B, size: 16 }), onClick: l, children: "Pin" }),
-            (h || t) && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: E, size: 16 }), onClick: t, children: "Edit" }),
-            (p || c) && /* @__PURE__ */ n(M, { children: [
+            a && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: $, size: 16 }), onClick: a, children: t("message.copy", "Copy") }),
+            l && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: E, size: 16 }), onClick: l, children: t("message.forward", "Forward") }),
+            m && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: O, size: 16 }), onClick: m, children: t("message.pin", "Pin") }),
+            (h || s) && /* @__PURE__ */ e(i.Item, { leftSection: /* @__PURE__ */ e(o, { icon: T, size: 16 }), onClick: s, children: t("message.edit", "Edit") }),
+            (u || c) && /* @__PURE__ */ n(b, { children: [
               /* @__PURE__ */ e(i.Divider, {}),
-              /* @__PURE__ */ e(i.Item, { color: "red", leftSection: /* @__PURE__ */ e(o, { icon: O, size: 16 }), onClick: c, children: "Delete" })
+              /* @__PURE__ */ e(i.Item, { color: "red", leftSection: /* @__PURE__ */ e(o, { icon: _, size: 16 }), onClick: c, children: t("message.delete", "Delete") })
             ] })
           ] })
         ] })
@@ -59,7 +63,7 @@ const G = b.memo(function({
     }
   );
 });
-G.displayName = "MessageActions";
+L.displayName = "MessageActions";
 export {
-  G as MessageActions
+  L as MessageActions
 };

package/dist/components/Chat/MessageForward/MessageForward.module.css.js

@@ -1,4 +1,4 @@
-const o = "_root_mla0n_1", t = {
+const o = "_root_127bg_1", t = {
   root: o
 };
 export {

package/dist/components/Chat/MessageList/MessageList.module.css.js

@@ -1,17 +1,21 @@
-const o = "_container_1ak80_1", t = "_root_1ak80_19", _ = "_wrapper_1ak80_33", r = "_top_1ak80_43", s = "_items_1ak80_43", a = "_scrollToBottom_1ak80_87", c = {
+const o = "_container_19y33_1", t = "_root_19y33_16", _ = "_wrapper_19y33_23", r = "_top_19y33_28", c = "_items_19y33_28", n = "_scrollToBottomWrap_19y33_50", s = "_floatingTopAction_19y33_60", a = "_scrollToBottomBadge_19y33_75", l = {
   container: o,
   root: t,
   wrapper: _,
   top: r,
-  items: s,
-  scrollToBottom: a
+  items: c,
+  scrollToBottomWrap: n,
+  floatingTopAction: s,
+  scrollToBottomBadge: a
 };
 export {
   o as container,
-  c as default,
-  s as items,
+  l as default,
+  s as floatingTopAction,
+  c as items,
   t as root,
-  a as scrollToBottom,
+  a as scrollToBottomBadge,
+  n as scrollToBottomWrap,
   r as top,
   _ as wrapper
 };

package/dist/components/Chat/MessageList/index.d.ts

@@ -4,9 +4,36 @@ export interface MessageListProps {
     className?: string;
     style?: React.CSSProperties;
     stickToBottom?: boolean;
+    unreadCount?: number;
+    onStickChange?: (stuck: boolean) => void;
+    resetKey?: string | null;
+    /**
+     * Called when the user scrolls near the top — used to load an older page of
+     * history. Should resolve once the older messages have been prepended; the
+     * list preserves the visual scroll position across the prepend.
+     */
+    onReachTop?: () => void | Promise<void>;
+    /**
+     * Floating control pinned bottom-right, stacked ABOVE the scroll-to-bottom
+     * arrow (e.g. the "jump to mention" button). Shown independently of the
+     * arrow — it raises above the arrow when the arrow is visible, otherwise
+     * sits at the arrow's spot.
+     */
+    floatingTopAction?: React.ReactNode;
+    /**
+     * Lift the floating controls (scroll-to-bottom arrow + floatingTopAction) up
+     * by this many px — so a composer that overlays the list bottom (frosted
+     * floating input) doesn't sit on top of them.
+     */
+    bottomOffset?: number;
 }
-export declare function MessageList({ children, className, style, stickToBottom }: MessageListProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace MessageList {
-    var displayName: string;
+export interface MessageListHandle {
+    /**
+     * Snap to the latest message and re-arm bottom-stick. Hosts call this when
+     * the local user sends a message so the view jumps to their just-sent
+     * content even if they had scrolled up — matching Telegram/Slack behavior.
+     */
+    scrollToBottom: () => void;
 }
+export declare const MessageList: React.ForwardRefExoticComponent<MessageListProps & React.RefAttributes<MessageListHandle>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Chat/MessageList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageList/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,gBAAgB,2CA8F1F;yBA9Fe,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAQf,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,4FAoOvB,CAAC"}