@layers-app/shared 0.4.4 → 0.4.6

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

@@ -0,0 +1,206 @@
+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: 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: m,
+    onReactionToggle: O,
+    groupPosition: C = "single",
+    onReaction: w,
+    onReply: b,
+    onEdit: v,
+    onDelete: f,
+    onCopy: x,
+    onForward: N,
+    onPin: S,
+    onContextMenu: z,
+    onAvatarClick: k,
+    fullWidth: D,
+    noBubble: G,
+    mediaOnly: U,
+    hasMedia: y,
+    id: W,
+    className: E,
+    style: X
+  }, Y) {
+    const q = !a && !!o, F = !a && K, H = !!(w || b || v || f || x || N || S), J = $(() => {
+      const s = me(n);
+      return {
+        root: { "--avatar-bg": s },
+        placeholder: { backgroundColor: s }
+      };
+    }, [n]), I = m && m.length > 0, Q = (m?.length ?? 0) < oe, V = $(
+      () => r?.filter((s) => s.isImage).length ?? 0,
+      [r]
+    ), c = M ? /* @__PURE__ */ e(
+      ie,
+      {
+        time: M,
+        edited: L,
+        outgoing: a,
+        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, R = /* @__PURE__ */ d(Z, { children: [
+      q && /* @__PURE__ */ e(te, { name: o, color: n }),
+      i && /* @__PURE__ */ e(
+        le,
+        {
+          title: i.senderName,
+          subtitle: i.text,
+          color: i.color,
+          outgoing: a,
+          onClick: i.onClick
+        }
+      ),
+      u && /* @__PURE__ */ e(se, { from: u, outgoing: a }),
+      U ? /* @__PURE__ */ d(
+        "div",
+        {
+          className: t.content,
+          style: { position: "relative" },
+          "data-testid": "chat-message-content",
+          "data-has-media": y || void 0,
+          "data-media-only": !0,
+          children: [
+            p,
+            c && /* @__PURE__ */ e("div", { className: t.mediaOnlyMeta, children: c })
+          ]
+        }
+      ) : /* @__PURE__ */ d(
+        "div",
+        {
+          className: t.content,
+          "data-testid": "chat-message-content",
+          "data-has-media": y || void 0,
+          "data-single-image": V === 1 || void 0,
+          children: [
+            r && r.length > 0 && /* @__PURE__ */ e("div", { className: t.attachmentsWrap, children: /* @__PURE__ */ e(
+              P,
+              {
+                files: r,
+                mode: "view",
+                parentIsExisting: !0
+              }
+            ) }),
+            p,
+            I ? /* @__PURE__ */ e(
+              re,
+              {
+                reactions: m,
+                onToggle: O,
+                meta: c
+              }
+            ) : c
+          ]
+        }
+      )
+    ] });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: Y,
+        className: `${t.messageRow}${E ? ` ${E}` : ""}`,
+        "data-outgoing": a || void 0,
+        "data-message-id": W,
+        onContextMenu: z,
+        style: X,
+        children: /* @__PURE__ */ d(
+          "div",
+          {
+            className: t.wrapper,
+            "data-outgoing": a || void 0,
+            "data-group-position": C,
+            children: [
+              F ? /* @__PURE__ */ e("div", { className: t.avatar, children: /* @__PURE__ */ e(
+                T,
+                {
+                  user: {
+                    id: g || o || "",
+                    name: g || o,
+                    avatar: B
+                  },
+                  size: 33,
+                  radius: "xl",
+                  onClick: k,
+                  style: k ? ce : void 0,
+                  styles: J
+                }
+              ) }) : !a && /* @__PURE__ */ e("div", { className: t.spacer }),
+              G ? R : /* @__PURE__ */ e(
+                ee,
+                {
+                  outgoing: a,
+                  fullWidth: D,
+                  groupPosition: C,
+                  children: R
+                }
+              ),
+              H && /* @__PURE__ */ e(
+                ae,
+                {
+                  className: t.hoverActions,
+                  onReaction: w,
+                  canAddReaction: Q,
+                  onReply: b,
+                  onEdit: v,
+                  onDelete: f,
+                  onCopy: x,
+                  onForward: N,
+                  onPin: S,
+                  showEdit: !!v,
+                  showDelete: !!f
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  })
+);
+de.displayName = "ChatMessage";
+export {
+  de as ChatMessage
+};

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

@@ -0,0 +1,11 @@
+const l = "_root_1rg6u_1", o = "_line_1rg6u_17", t = "_label_1rg6u_31", e = {
+  root: l,
+  line: o,
+  label: t
+};
+export {
+  e as default,
+  t as label,
+  o as line,
+  l as root
+};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export interface ChatPillProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+}
+export declare function ChatPill({ children, className, style, 'data-testid': testId }: ChatPillProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatPill {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatPill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,aAAa,2CAY5F;yBAZe,QAAQ"}

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

@@ -0,0 +1,21 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import a from "./ChatPill.module.css.js";
+function r({ children: i, className: t, style: l, "data-testid": e }) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: `${a.root}${t ? ` ${t}` : ""}`,
+      style: l,
+      "data-testid": e,
+      children: [
+        /* @__PURE__ */ s("div", { className: a.line }),
+        /* @__PURE__ */ s("span", { className: a.label, children: i }),
+        /* @__PURE__ */ s("div", { className: a.line })
+      ]
+    }
+  );
+}
+r.displayName = "ChatPill";
+export {
+  r as ChatPill
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DayMetaProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function DayMeta({ children, className, style }: DayMetaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DayMeta {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/DayMeta/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,2CAMnE;yBANe,OAAO"}

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

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { ChatPill as i } from "../ChatPill/index.js";
+function m({ children: t, className: a, style: e }) {
+  return /* @__PURE__ */ r(i, { className: a, style: e, "data-testid": "day-meta", children: t });
+}
+m.displayName = "DayMeta";
+export {
+  m as DayMeta
+};

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

@@ -0,0 +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 = {
+  root: t,
+  dialogContent: o,
+  dialogContentDraft: n,
+  dialogContentSender: e,
+  titleRow: _,
+  textContent: a
+};
+export {
+  l as default,
+  o as dialogContent,
+  n as dialogContentDraft,
+  e as dialogContentSender,
+  t as root,
+  a as textContent,
+  _ as titleRow
+};

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

@@ -0,0 +1,41 @@
+import React from 'react';
+export interface DialogItemProps {
+    /** Chat title / name */
+    title: string;
+    /** Avatar image source */
+    avatarSrc?: string;
+    /** Avatar color index 1-7 */
+    avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    /** Last message text */
+    lastMessage?: string;
+    /** Last message sender name (for groups) */
+    lastMessageSender?: string;
+    /** Timestamp string ("12:45", "Mon") */
+    timestamp?: string;
+    /** Unread messages count */
+    unreadCount?: number;
+    /** Muted chat */
+    muted?: boolean;
+    /** Online indicator */
+    online?: boolean;
+    /** Typing status text */
+    typing?: string;
+    /** Pinned chat */
+    pinned?: boolean;
+    /** Draft text */
+    draft?: string;
+    /** Verified badge */
+    verified?: boolean;
+    /** Selected state */
+    selected?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Context menu handler */
+    onContextMenu?: (e: React.MouseEvent) => void;
+    /** Custom style */
+    style?: React.CSSProperties;
+    /** Custom className */
+    className?: string;
+}
+export declare const DialogItem: React.NamedExoticComponent<DialogItemProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/DialogItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAMpD,MAAM,WAAW,eAAe;IAC9B,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uBAAuB;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,6CAoIrB,CAAC"}

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

@@ -0,0 +1,107 @@
+import { jsx as e, jsxs as t, Fragment as K } from "react/jsx-runtime";
+import R, { useCallback as W, useMemo as g } from "react";
+import { Badge as _, Indicator as E, Stack as F, Group as x, Text as y, Avatar as G } from "@mantine/core";
+import { getAvatarColor as O } from "../colors.js";
+import { VerifiedIcon as P, MutedIcon as T } from "../icons.js";
+import r from "./DialogItem.module.css.js";
+const V = R.memo(function({
+  title: c,
+  avatarSrc: I,
+  avatarColor: f = 1,
+  lastMessage: s,
+  lastMessageSender: d,
+  timestamp: p,
+  unreadCount: o,
+  muted: m,
+  online: N,
+  typing: l,
+  pinned: h,
+  draft: i,
+  verified: D,
+  selected: z,
+  onClick: a,
+  onContextMenu: B,
+  style: k,
+  className: b
+}) {
+  const u = o != null && o > 0 || h, v = l || i || s, S = W(
+    (n) => {
+      n.key === "Enter" && a && a();
+    },
+    [a]
+  ), $ = g(() => {
+    const n = O(f);
+    return {
+      root: { "--avatar-bg": n },
+      placeholder: { backgroundColor: n }
+    };
+  }, [f]), w = /* @__PURE__ */ e(
+    G,
+    {
+      src: I,
+      name: c,
+      size: 54,
+      radius: "xl",
+      styles: $
+    }
+  ), j = g(() => {
+    if (!u) return null;
+    const n = h && (!o || o <= 0), C = m || n ? "var(--mantine-color-gray-4)" : "var(--mantine-color-green-6)", H = o != null && o > 999 ? "999+" : o;
+    return /* @__PURE__ */ e(
+      _,
+      {
+        size: "md",
+        radius: "xl",
+        variant: "filled",
+        styles: {
+          root: { backgroundColor: C, minWidth: 24, minHeight: 24, paddingInline: 6 },
+          label: { fontSize: 14, fontWeight: 500, lineHeight: "normal" }
+        },
+        children: n ? "📌" : H
+      }
+    );
+  }, [u, h, o, m]), A = g(() => l ? /* @__PURE__ */ e("span", { className: r.dialogContent, style: { color: "var(--mantine-color-blue-6, #228be6)" }, children: l }) : v ? /* @__PURE__ */ t("span", { className: r.dialogContent, children: [
+    i && /* @__PURE__ */ e("span", { className: r.dialogContentDraft, children: "Draft: " }),
+    d && !i && /* @__PURE__ */ t(K, { children: [
+      /* @__PURE__ */ e("span", { className: r.dialogContentSender, children: d }),
+      ": "
+    ] }),
+    i || s
+  ] }) : null, [l, i, s, d, v]);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${r.root}${b ? ` ${b}` : ""}`,
+      "data-selected": z || void 0,
+      "data-testid": "dialog-item",
+      "aria-label": c,
+      onClick: a,
+      onContextMenu: B,
+      onKeyDown: S,
+      tabIndex: 0,
+      role: "button",
+      style: k,
+      children: [
+        N ? /* @__PURE__ */ e(E, { inline: !0, size: 14, offset: 4, position: "bottom-end", color: "green", withBorder: !0, processing: !1, children: w }) : w,
+        /* @__PURE__ */ e("div", { className: r.textContent, children: /* @__PURE__ */ t(F, { gap: 2, children: [
+          /* @__PURE__ */ t(x, { gap: 4, wrap: "nowrap", children: [
+            /* @__PURE__ */ t("div", { className: r.titleRow, children: [
+              /* @__PURE__ */ e(y, { size: "md", fw: 600, truncate: !0, children: c }),
+              D && /* @__PURE__ */ e(P, {}),
+              m && /* @__PURE__ */ e(T, {})
+            ] }),
+            p && /* @__PURE__ */ e(y, { size: "xs", c: "dimmed", style: { flexShrink: 0 }, children: p })
+          ] }),
+          /* @__PURE__ */ t(x, { gap: 4, wrap: "nowrap", children: [
+            A,
+            j
+          ] })
+        ] }) })
+      ]
+    }
+  );
+});
+V.displayName = "DialogItem";
+export {
+  V as DialogItem
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_uv81p_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface DialogListProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function DialogList({ children, className, style }: DialogListProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogList {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/DialogList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,2CAazE;yBAbe,UAAU"}

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

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { ScrollArea as a } from "@mantine/core";
+import l from "./DialogList.module.css.js";
+function e({ children: i, className: t, style: r }) {
+  return /* @__PURE__ */ o(
+    a,
+    {
+      className: `${l.root}${t ? ` ${t}` : ""}`,
+      style: r,
+      type: "auto",
+      "data-testid": "dialog-list",
+      children: /* @__PURE__ */ o("div", { role: "listbox", "aria-label": "Chats", children: i })
+    }
+  );
+}
+e.displayName = "DialogList";
+export {
+  e as DialogList
+};

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

@@ -0,0 +1,13 @@
+const o = "_root_pcicv_1", t = "_downloadButton_pcicv_39", e = "_fileName_pcicv_59", c = "_fileSize_pcicv_75", i = {
+  root: o,
+  downloadButton: t,
+  fileName: e,
+  fileSize: c
+};
+export {
+  i as default,
+  t as downloadButton,
+  e as fileName,
+  c as fileSize,
+  o as root
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface MediaDocumentProps {
+    fileName: string;
+    fileSize?: string;
+    fileType?: string;
+    fileUrl?: string;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function MediaDocument({ fileName, fileSize, fileType, fileUrl, onClick, className, style, }: MediaDocumentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MediaDocument {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MediaDocument/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,2CA8CpB;yBAtDe,aAAa"}

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

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { Box as p, Flex as u, Stack as f, Text as c, ActionIcon as h } from "@mantine/core";
+import { Download01Icon as w } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as x } from "@hugeicons/react";
+import { getFileIcons as g } from "../../../helpers/getFileIcons.js";
+import t from "./MediaDocument.module.css.js";
+function b(o) {
+  try {
+    const r = new URL(o, window.location.origin);
+    return ["https:", "http:", "blob:"].includes(r.protocol);
+  } catch {
+    return !1;
+  }
+}
+function y({
+  fileName: o,
+  fileSize: r,
+  fileType: l,
+  fileUrl: a,
+  onClick: n,
+  className: m,
+  style: d
+}) {
+  return /* @__PURE__ */ e(
+    p,
+    {
+      className: `${t.root} ${m || ""}`,
+      style: d,
+      onClick: n,
+      tabIndex: n ? 0 : void 0,
+      onKeyDown: n ? (i) => {
+        i.key === "Enter" && n();
+      } : void 0,
+      children: /* @__PURE__ */ s(u, { align: "center", gap: "xs", wrap: "nowrap", children: [
+        g(l || "other", !1, 36),
+        /* @__PURE__ */ s(f, { gap: 0, flex: 1, miw: 0, children: [
+          /* @__PURE__ */ e(
+            c,
+            {
+              size: "sm",
+              truncate: !0,
+              title: o,
+              className: t.fileName,
+              children: o
+            }
+          ),
+          r && /* @__PURE__ */ e(c, { size: "xs", className: t.fileSize, children: r })
+        ] }),
+        a && b(a) && /* @__PURE__ */ e(
+          h,
+          {
+            component: "a",
+            href: a,
+            target: "_blank",
+            download: o,
+            rel: "noopener noreferrer",
+            variant: "subtle",
+            color: "gray",
+            size: "sm",
+            className: t.downloadButton,
+            onClick: (i) => i.stopPropagation(),
+            "aria-label": "Download",
+            children: /* @__PURE__ */ e(x, { icon: w, size: 16 })
+          }
+        )
+      ] })
+    }
+  );
+}
+y.displayName = "MediaDocument";
+export {
+  y as MediaDocument
+};

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

@@ -0,0 +1,7 @@
+const o = "_root_1hjx7_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,23 @@
+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;
+    onCopy?: () => void;
+    onForward?: () => void;
+    onPin?: () => void;
+    showEdit?: boolean;
+    showDelete?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const MessageActions: React.NamedExoticComponent<MessageActionsProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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;;;;;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,iDA+FzB,CAAC"}