@layers-app/shared 0.4.3 → 0.4.5

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

@@ -0,0 +1,21 @@
+const t = "_wrapper_4i762_1", a = "_avatar_4i762_69", e = "_spacer_4i762_83", s = "_content_4i762_97", n = "_attachmentsWrap_4i762_143", _ = "_mediaOnlyMeta_4i762_203", o = "_messageRow_4i762_245", c = "_hoverActions_4i762_255", r = {
+  wrapper: t,
+  avatar: a,
+  spacer: e,
+  content: s,
+  attachmentsWrap: n,
+  mediaOnlyMeta: _,
+  messageRow: o,
+  hoverActions: c
+};
+export {
+  n as attachmentsWrap,
+  a as avatar,
+  s as content,
+  r as default,
+  c as hoverActions,
+  _ as mediaOnlyMeta,
+  o as messageRow,
+  e as spacer,
+  t as wrapper
+};

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { CommentComposerTypes } from '../../CommentComposer/types';
+import { type Reaction } from '../MessageReactions';
+import { type MessageDeliveryStatus } from '../MessageStatus';
+export interface ChatMessageProps {
+    children: React.ReactNode;
+    outgoing?: boolean;
+    senderName?: string;
+    senderColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    avatarName?: string;
+    avatarSrc?: string;
+    showAvatar?: boolean;
+    timestamp?: string;
+    status?: MessageDeliveryStatus;
+    replyTo?: {
+        senderName: string;
+        text: React.ReactNode;
+        color?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+        onClick?: () => void;
+    };
+    forwardFrom?: string;
+    edited?: boolean;
+    attachments?: CommentComposerTypes.AnyCommentFile[];
+    reactions?: Reaction[];
+    onReactionToggle?: (emoji: string) => void;
+    groupPosition?: 'single' | 'first' | 'middle' | 'last';
+    onReaction?: (emoji: string) => void;
+    onReply?: () => void;
+    onEdit?: () => void;
+    onDelete?: () => void;
+    onCopy?: () => void;
+    onForward?: () => void;
+    onPin?: () => void;
+    onContextMenu?: (e: React.MouseEvent) => void;
+    onAvatarClick?: () => void;
+    fullWidth?: boolean;
+    noBubble?: boolean;
+    mediaOnly?: boolean;
+    hasMedia?: boolean;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ChatMessage: React.NamedExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,OAAO,EAAoB,KAAK,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,qBAAqB,EAAiB,MAAM,kBAAkB,CAAC;AAO7E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,OAAO,CAAC,EAAE;QACR,UAAU,EAAE,MAAM,CAAC;QACnB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvD,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,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,oFAsMvB,CAAC"}

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

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