@layers-app/shared 0.4.4 → 0.4.5

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

@@ -0,0 +1,228 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useState as J, useRef as N, useEffect as y, useCallback as m } from "react";
+import { Edit04Icon as M, LinkBackwardIcon as Q, Image01Icon as T, PlayIcon as W, File01Icon as X, SmileIcon as Y, Attachment02Icon as Z, Sent02Icon as _ } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as l } from "@hugeicons/react";
+import { Box as ee, CloseButton as j, ActionIcon as I, Textarea as ae } from "@mantine/core";
+import { AttachmentsPreview as te } from "../../AttachmentsPreview/AttachmentsPreview.js";
+import { EmojiPicker as ne } from "../../EmojiPicker/EmojiPicker.js";
+import { IconEntity as ie } from "../../ProjectIcon/ProjectIcon.js";
+import t from "./ChatInput.module.css.js";
+function se({
+  value: g,
+  onChange: C,
+  onSend: z,
+  onAttach: k,
+  onEmojiSelect: u,
+  placeholder: K = "Add a message...",
+  replyTo: n,
+  editing: o,
+  attachments: i,
+  onRemoveAttachment: S,
+  maxLength: $,
+  disabled: w,
+  disableAttachments: B,
+  className: D,
+  style: F
+}) {
+  const f = g !== void 0, [H, P] = J(""), c = f ? g : H, h = N(null), v = N(null), b = N(i?.length ?? 0);
+  y(() => {
+    const e = i?.length ?? 0;
+    e > b.current && v.current?.focus(), b.current = e;
+  }, [i?.length]);
+  const R = !!n, A = !!o;
+  y(() => {
+    (R || A) && v.current?.focus();
+  }, [R, A]);
+  const d = m(
+    (e) => {
+      f || P(e), C?.(e);
+    },
+    [f, C]
+  ), p = m(() => {
+    const e = c.trim();
+    (e || i && i.length > 0) && (z?.(e), d(""));
+  }, [c, i, z, d]), V = m(
+    (e) => {
+      e.key === "Enter" && !e.shiftKey && (e.preventDefault(), p());
+    },
+    [p]
+  ), L = m(
+    (e) => {
+      const r = ie.parse(e)?.emoji ?? e;
+      u ? u(r) : d(c + r);
+    },
+    [u, d, c]
+  ), O = m(
+    (e) => {
+      const r = e.target.files;
+      r && r.length > 0 && k?.(Array.from(r)), h.current && (h.current.value = "");
+    },
+    [k]
+  ), U = c.trim().length > 0, x = i && i.length > 0, E = x && i.some((e) => "isTemp" in e && e.isTemp), q = U || x && !E, G = !!(o || n);
+  return /* @__PURE__ */ s(
+    ee,
+    {
+      className: `${t.root} ${D || ""}`,
+      style: F,
+      "data-testid": "chat-input",
+      px: "md",
+      pb: "md",
+      children: [
+        !B && /* @__PURE__ */ a(
+          "input",
+          {
+            ref: h,
+            type: "file",
+            multiple: !0,
+            accept: "*/*",
+            className: t.hiddenFileInput,
+            onChange: O,
+            tabIndex: -1
+          }
+        ),
+        /* @__PURE__ */ s("div", { className: t.inputRow, children: [
+          /* @__PURE__ */ s(
+            "div",
+            {
+              className: `${t.inputBox} ${G ? t.withHeader : ""}`,
+              children: [
+                o ? /* @__PURE__ */ s("div", { className: t.header, children: [
+                  /* @__PURE__ */ a("div", { className: t.headerIcon, children: /* @__PURE__ */ a(l, { icon: M, size: 20 }) }),
+                  /* @__PURE__ */ s("div", { className: t.headerBar, "data-variant": "edit", children: [
+                    /* @__PURE__ */ a("div", { className: t.headerTitle, "data-variant": "edit", children: "Edit" }),
+                    /* @__PURE__ */ a("div", { className: t.headerText, children: o.text })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    j,
+                    {
+                      size: "sm",
+                      onClick: o.onCancel,
+                      "aria-label": "Close"
+                    }
+                  )
+                ] }) : n ? /* @__PURE__ */ s("div", { className: t.header, children: [
+                  /* @__PURE__ */ a("div", { className: t.headerIcon, children: /* @__PURE__ */ a(l, { icon: Q, size: 20 }) }),
+                  /* @__PURE__ */ s("div", { className: t.headerBar, "data-variant": "reply", children: [
+                    /* @__PURE__ */ a("div", { className: t.headerTitle, "data-variant": "reply", children: n.senderName }),
+                    /* @__PURE__ */ a("div", { className: t.headerText, children: (() => {
+                      if (n.text && n.text.trim().length > 0) return n.text;
+                      if (n.attachmentName) {
+                        const r = n.attachmentKind === "image" ? T : n.attachmentKind === "video" ? W : X;
+                        return /* @__PURE__ */ s("span", { className: t.headerAttachment, children: [
+                          /* @__PURE__ */ a(l, { icon: r, size: 14 }),
+                          /* @__PURE__ */ a("span", { children: n.attachmentName })
+                        ] });
+                      }
+                      return "";
+                    })() })
+                  ] }),
+                  /* @__PURE__ */ a(
+                    j,
+                    {
+                      size: "sm",
+                      onClick: n.onCancel,
+                      "aria-label": "Close"
+                    }
+                  )
+                ] }) : null,
+                x && /* @__PURE__ */ a("div", { className: t.attachments, children: /* @__PURE__ */ a(
+                  te,
+                  {
+                    files: i,
+                    mode: "draft",
+                    onRemove: S
+                  }
+                ) }),
+                /* @__PURE__ */ s("div", { className: t.inputArea, children: [
+                  /* @__PURE__ */ a(
+                    ne,
+                    {
+                      onChange: L,
+                      showIcons: !1,
+                      showRemoveButton: !1,
+                      position: "top-start",
+                      closeOnSelect: !1,
+                      children: /* @__PURE__ */ a(
+                        I,
+                        {
+                          variant: "subtle",
+                          radius: "xl",
+                          size: 34,
+                          color: "gray",
+                          className: t.iconButton,
+                          "aria-label": "Emoji",
+                          children: /* @__PURE__ */ a(l, { icon: Y, size: 24 })
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    ae,
+                    {
+                      ref: v,
+                      classNames: {
+                        root: t.textarea,
+                        input: t.textareaInput
+                      },
+                      w: "100%",
+                      flex: 1,
+                      value: c,
+                      onChange: (e) => d(e.currentTarget.value),
+                      onKeyDown: V,
+                      placeholder: K,
+                      autosize: !0,
+                      minRows: 1,
+                      maxRows: 6,
+                      disabled: w,
+                      variant: "unstyled",
+                      maxLength: $
+                    }
+                  ),
+                  !B && /* @__PURE__ */ a(
+                    I,
+                    {
+                      variant: "subtle",
+                      radius: "xl",
+                      size: 34,
+                      color: "gray",
+                      className: t.iconButton,
+                      "aria-label": "Attach file",
+                      onClick: () => h.current?.click(),
+                      children: /* @__PURE__ */ a(
+                        l,
+                        {
+                          icon: Z,
+                          size: 24,
+                          style: { transform: "rotate(30deg)" }
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ a(
+            I,
+            {
+              className: t.sendButton,
+              variant: "filled",
+              color: "indigo",
+              radius: 12,
+              size: 50,
+              onClick: p,
+              disabled: w || !q,
+              loading: E,
+              "aria-label": "Send message",
+              children: /* @__PURE__ */ a(l, { icon: _, size: 24 })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+se.displayName = "ChatInput";
+export {
+  se as ChatInput
+};

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

@@ -0,0 +1,15 @@
+const o = "_root_uj82d_1", d = "_sidebar_uj82d_23", t = "_chat_uj82d_45", _ = "_info_uj82d_67", r = "_drawerBody_uj82d_87", s = {
+  root: o,
+  sidebar: d,
+  chat: t,
+  info: _,
+  drawerBody: r
+};
+export {
+  t as chat,
+  s as default,
+  r as drawerBody,
+  _ as info,
+  o as root,
+  d as sidebar
+};

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ChatLayoutProps {
+    sidebar: React.ReactNode;
+    chat: React.ReactNode;
+    info?: React.ReactNode;
+    showInfo?: boolean;
+    sidebarOpened?: boolean;
+    onSidebarClose?: () => void;
+    maxWidth?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function ChatLayout({ sidebar, chat, info, showInfo, sidebarOpened, onSidebarClose, maxWidth, className, style, }: ChatLayoutProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatLayout {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,cAAc,EACd,QAAe,EACf,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CAuBjB;yBAjCe,UAAU"}

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

@@ -0,0 +1,43 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Drawer as h } from "@mantine/core";
+import a from "./ChatLayout.module.css.js";
+function p({
+  sidebar: o,
+  chat: r,
+  info: s,
+  showInfo: i,
+  sidebarOpened: d,
+  onSidebarClose: l,
+  maxWidth: c = 1680,
+  className: t,
+  style: m
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${a.root}${t ? ` ${t}` : ""}`,
+      style: { ...m, "--chat-layout-max-width": `${c}px` },
+      children: [
+        /* @__PURE__ */ e("div", { className: a.sidebar, children: o }),
+        /* @__PURE__ */ e(
+          h,
+          {
+            opened: !!d,
+            onClose: () => l?.(),
+            size: 320,
+            withCloseButton: !1,
+            padding: 0,
+            classNames: { body: a.drawerBody },
+            children: o
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: a.chat, children: r }),
+        i && s && /* @__PURE__ */ e("div", { className: a.info, children: s })
+      ]
+    }
+  );
+}
+p.displayName = "ChatLayout";
+export {
+  p as ChatLayout
+};

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
+};