@layers-app/shared 0.4.4 → 0.4.5

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface MessageActionsProps {
+    onReaction?: (emoji: string) => void;
+    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,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"}

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

@@ -0,0 +1,65 @@
+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 { 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({
+  onReaction: r,
+  onReply: m,
+  onEdit: t,
+  onDelete: c,
+  onCopy: s,
+  onForward: a,
+  onPin: l,
+  showEdit: h,
+  showDelete: p,
+  className: f,
+  style: I
+}) {
+  const [g, z] = v(!1), k = !!(t || c || s || a || l || h || p), S = (u) => {
+    if (!r) return;
+    const C = _.parse(u);
+    r(C?.emoji ?? u);
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `${D.root}${f ? ` ${f}` : ""}`,
+      style: I,
+      "data-testid": "message-actions",
+      children: /* @__PURE__ */ n(y, { gap: 2, wrap: "nowrap", children: [
+        r && /* @__PURE__ */ e(
+          P,
+          {
+            onChange: S,
+            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 }) })
+          }
+        ),
+        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 }) }) }),
+          /* @__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: [
+              /* @__PURE__ */ e(i.Divider, {}),
+              /* @__PURE__ */ e(i.Item, { color: "red", leftSection: /* @__PURE__ */ e(o, { icon: O, size: 16 }), onClick: c, children: "Delete" })
+            ] })
+          ] })
+        ] })
+      ] })
+    }
+  );
+});
+G.displayName = "MessageActions";
+export {
+  G as MessageActions
+};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface MessageAuthorProps {
+    /** Author display name */
+    name: string;
+    /** Author color index 1-7 */
+    color?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    /** Outgoing message uses green palette */
+    outgoing?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Additional className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare function MessageAuthor({ name, color, outgoing, onClick, className, style, }: MessageAuthorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MessageAuthor {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageAuthor/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAS,EACT,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,kBAAkB,2CAyBpB;yBAhCe,aAAa"}

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

@@ -0,0 +1,36 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useMemo as d } from "react";
+import { Text as n } from "@mantine/core";
+import { getAuthorColor as c } from "../colors.js";
+function l({
+  name: o,
+  color: s = 6,
+  outgoing: a,
+  onClick: e,
+  className: m,
+  style: r
+}) {
+  const t = a ? "var(--mantine-color-green-6)" : c(s), i = d(
+    () => ({ ...r, color: t, maxHeight: 38, cursor: e ? "pointer" : void 0 }),
+    [r, t, e]
+  );
+  return /* @__PURE__ */ u(
+    n,
+    {
+      size: "sm",
+      fw: 600,
+      truncate: !0,
+      className: m,
+      style: i,
+      mb: 4,
+      "data-testid": "message-author",
+      "data-clickable": e ? !0 : void 0,
+      onClick: e,
+      children: o
+    }
+  );
+}
+l.displayName = "MessageAuthor";
+export {
+  l as MessageAuthor
+};

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

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface MessageForwardProps {
+    from: string;
+    outgoing?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function MessageForward({ from, outgoing, onClick, className, style, }: MessageForwardProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MessageForward {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageForward/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,2CAcrB;yBApBe,cAAc"}

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

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Text as e } from "@mantine/core";
+import m from "./MessageForward.module.css.js";
+function n({
+  from: o,
+  outgoing: s,
+  onClick: r,
+  className: a,
+  style: d
+}) {
+  return /* @__PURE__ */ i(
+    e,
+    {
+      size: "sm",
+      truncate: !0,
+      className: `${m.root} ${a || ""}`,
+      style: d,
+      "data-outgoing": s || void 0,
+      "data-testid": "message-forward",
+      children: [
+        /* @__PURE__ */ t(e, { span: !0, children: "Forwarded from " }),
+        /* @__PURE__ */ t(e, { span: !0, fw: 500, style: { cursor: r ? "pointer" : void 0 }, onClick: r, tabIndex: r ? 0 : void 0, role: r ? "button" : void 0, children: o })
+      ]
+    }
+  );
+}
+n.displayName = "MessageForward";
+export {
+  n as MessageForward
+};

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

@@ -0,0 +1,17 @@
+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 = {
+  container: o,
+  root: t,
+  wrapper: _,
+  top: r,
+  items: s,
+  scrollToBottom: a
+};
+export {
+  o as container,
+  c as default,
+  s as items,
+  t as root,
+  a as scrollToBottom,
+  r as top,
+  _ as wrapper
+};

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,71 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { ScrollArea as x, ActionIcon as N } from "@mantine/core";
+import { ArrowDown01Icon as R } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as E } from "@hugeicons/react";
+import { useRef as c, useState as L, useCallback as z, useEffect as h } from "react";
+import r from "./MessageList.module.css.js";
+function A({ children: g, className: i, style: v, stickToBottom: l }) {
+  const e = c(null), n = c(!0), a = c(0), [b, w] = L(!1), H = z(() => {
+    e.current && e.current.scrollTo({ top: e.current.scrollHeight, behavior: "smooth" });
+  }, []);
+  return h(() => {
+    !l || !e.current || (e.current.scrollTop = e.current.scrollHeight);
+  }, [l]), h(() => {
+    const t = e.current;
+    if (!l || !t) return;
+    const u = new ResizeObserver(() => {
+      const o = t.scrollHeight;
+      o !== a.current && n.current && (t.scrollTop = o), a.current = o;
+    }), m = t.firstElementChild;
+    m && u.observe(m);
+    const d = () => {
+      const { scrollTop: o, scrollHeight: S, clientHeight: y } = t, p = S - o - y;
+      n.current = p < 40, w(p > 200);
+    };
+    return t.addEventListener("scroll", d, { passive: !0 }), () => {
+      u.disconnect(), t.removeEventListener("scroll", d);
+    };
+  }, [l]), /* @__PURE__ */ f("div", { className: r.container, children: [
+    /* @__PURE__ */ s(
+      x,
+      {
+        className: `${r.root}${i ? ` ${i}` : ""}`,
+        style: v,
+        type: "auto",
+        scrollbars: "y",
+        viewportRef: e,
+        "data-testid": "message-list",
+        styles: {
+          content: {
+            display: "flex",
+            flexDirection: "column",
+            minHeight: "100%"
+          }
+        },
+        children: /* @__PURE__ */ f("div", { className: r.wrapper, children: [
+          /* @__PURE__ */ s("div", { className: r.top, "data-testid": "message-list-top" }),
+          /* @__PURE__ */ s("div", { className: r.items, "data-testid": "message-list-items", children: g })
+        ] })
+      }
+    ),
+    b && /* @__PURE__ */ s(
+      N,
+      {
+        className: r.scrollToBottom,
+        variant: "filled",
+        color: "gray",
+        radius: "xl",
+        size: 40,
+        onClick: H,
+        "aria-label": "Scroll to bottom",
+        "data-testid": "scroll-to-bottom",
+        style: { position: "absolute", bottom: 16, right: 24, left: "auto" },
+        children: /* @__PURE__ */ s(E, { icon: R, size: 20 })
+      }
+    )
+  ] });
+}
+A.displayName = "MessageList";
+export {
+  A as MessageList
+};

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

@@ -0,0 +1,13 @@
+const t = "_root_q0fbi_1", e = "_time_q0fbi_61", i = "_edited_q0fbi_69", o = "_views_q0fbi_77", _ = {
+  root: t,
+  time: e,
+  edited: i,
+  views: o
+};
+export {
+  _ as default,
+  i as edited,
+  t as root,
+  e as time,
+  o as views
+};

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface MessageMetaProps {
+    time: string;
+    edited?: boolean;
+    views?: number;
+    outgoing?: boolean;
+    inReactions?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function MessageMeta({ time, edited, views, outgoing, inReactions, children, className, style, }: MessageMetaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MessageMeta {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map