@layers-app/shared 0.4.3 → 0.4.5

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageMeta/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,2CAelB;yBAxBe,WAAW"}

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

@@ -0,0 +1,33 @@
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import e from "./MessageMeta.module.css.js";
+function l({
+  time: t,
+  edited: i,
+  views: s,
+  outgoing: d,
+  inReactions: o,
+  children: n,
+  className: r,
+  style: m
+}) {
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: `${e.root} ${r || ""}`,
+      style: m,
+      "data-outgoing": d || void 0,
+      "data-in-reactions": o || void 0,
+      "data-testid": "message-meta",
+      children: [
+        i && /* @__PURE__ */ a("span", { className: e.edited, children: "edited" }),
+        s !== void 0 && /* @__PURE__ */ a("span", { className: e.views, children: s }),
+        /* @__PURE__ */ a("span", { className: e.time, children: t }),
+        n
+      ]
+    }
+  );
+}
+l.displayName = "MessageMeta";
+export {
+  l as MessageMeta
+};

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

@@ -0,0 +1,15 @@
+const o = "_row_6r23s_1", t = "_pill_6r23s_19", _ = "_count_6r23s_79", s = "_emoji_6r23s_95", c = "_meta_6r23s_119", e = {
+  row: o,
+  pill: t,
+  count: _,
+  emoji: s,
+  meta: c
+};
+export {
+  _ as count,
+  e as default,
+  s as emoji,
+  c as meta,
+  t as pill,
+  o as row
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface Reaction {
+    emoji: string;
+    count: number;
+    active?: boolean;
+}
+export interface MessageReactionsProps {
+    reactions: Reaction[];
+    onToggle?: (emoji: string) => void;
+    meta?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const MessageReactions: React.NamedExoticComponent<MessageReactionsProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageReactions/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,mDA+B3B,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import m from "react";
+import s from "./MessageReactions.module.css.js";
+const d = m.memo(function({
+  reactions: i,
+  onToggle: c,
+  meta: a,
+  className: o,
+  style: l
+}) {
+  return !i.length && !a ? null : /* @__PURE__ */ n(
+    "div",
+    {
+      className: `${s.row}${o ? ` ${o}` : ""}`,
+      style: l,
+      "data-testid": "message-reactions",
+      children: [
+        i.map((e) => /* @__PURE__ */ n(
+          "button",
+          {
+            className: s.pill,
+            "data-active": e.active || void 0,
+            onClick: () => c?.(e.emoji),
+            type: "button",
+            children: [
+              /* @__PURE__ */ t("span", { className: s.emoji, children: e.emoji }),
+              /* @__PURE__ */ t("span", { className: s.count, children: e.count })
+            ]
+          },
+          e.emoji
+        )),
+        a && /* @__PURE__ */ t("div", { className: s.meta, children: a })
+      ]
+    }
+  );
+});
+d.displayName = "MessageReactions";
+export {
+  d as MessageReactions
+};

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

@@ -0,0 +1,15 @@
+const t = "_root_13gux_21", o = "_border_13gux_15", e = "_content_13gux_67", _ = "_title_13gux_85", n = "_subtitle_13gux_109", s = {
+  root: t,
+  border: o,
+  content: e,
+  title: _,
+  subtitle: n
+};
+export {
+  o as border,
+  e as content,
+  s as default,
+  t as root,
+  n as subtitle,
+  _ as title
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface MessageReplyProps {
+    title: string;
+    subtitle: React.ReactNode;
+    color?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    outgoing?: boolean;
+    onClick?: () => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function MessageReply({ title, subtitle, color, outgoing, onClick, className, style, }: MessageReplyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MessageReply {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageReply/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAClC,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,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,iBAAiB,2CA2BnB;yBAnCe,YAAY"}

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

@@ -0,0 +1,40 @@
+import { jsxs as r, jsx as d } from "react/jsx-runtime";
+import { getAuthorColor as y } from "../colors.js";
+import t from "./MessageReply.module.css.js";
+function p({
+  title: i,
+  subtitle: l,
+  color: o,
+  outgoing: a,
+  onClick: e,
+  className: m,
+  style: v
+}) {
+  const s = a ? void 0 : o ? y(o) : void 0;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${t.root} ${m || ""}`,
+      style: v,
+      "data-outgoing": a || void 0,
+      "data-testid": "message-reply",
+      onClick: e,
+      tabIndex: e ? 0 : void 0,
+      role: e ? "button" : void 0,
+      onKeyDown: e ? (n) => {
+        n.key === "Enter" && e();
+      } : void 0,
+      children: [
+        /* @__PURE__ */ d("div", { className: t.border, style: s ? { background: s } : void 0 }),
+        /* @__PURE__ */ r("div", { className: t.content, children: [
+          /* @__PURE__ */ d("div", { className: t.title, style: s ? { color: s } : void 0, "data-testid": "message-reply-title", children: i }),
+          /* @__PURE__ */ d("div", { className: t.subtitle, "data-testid": "message-reply-subtitle", children: l })
+        ] })
+      ]
+    }
+  );
+}
+p.displayName = "MessageReply";
+export {
+  p as MessageReply
+};

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

@@ -0,0 +1,9 @@
+const o = "_root_jikjm_1", t = "_icon_jikjm_15", c = {
+  root: o,
+  icon: t
+};
+export {
+  c as default,
+  t as icon,
+  o as root
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export type MessageDeliveryStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'error';
+export interface MessageStatusProps {
+    status: MessageDeliveryStatus;
+    /** Additional className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare function MessageStatus({ status, className, style }: MessageStatusProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace MessageStatus {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/MessageStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;AAExF,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,qBAAqB,CAAC;IAC9B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA+CD,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,kBAAkB,kDAyB7E;yBAzBe,aAAa"}

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

@@ -0,0 +1,53 @@
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import i from "./MessageStatus.module.css.js";
+function a(e) {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
+    /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ r("polyline", { points: "8,4 8,8" }),
+    /* @__PURE__ */ r("polyline", { points: "8,8 10.5,10" })
+  ] });
+}
+function d(e) {
+  return /* @__PURE__ */ r("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: /* @__PURE__ */ r("polyline", { points: "3,8.5 6.5,12 13,4" }) });
+}
+function l(e) {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
+    /* @__PURE__ */ r("polyline", { points: "1.5,8.5 5,12 11.5,4" }),
+    /* @__PURE__ */ r("polyline", { points: "5.5,8.5 9,12 15.5,4" })
+  ] });
+}
+function u(e) {
+  return /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, ...e, children: [
+    /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ r("line", { x1: "8", y1: "4.5", x2: "8", y2: "9" }),
+    /* @__PURE__ */ r("circle", { cx: "8", cy: "11.5", r: "0.5", fill: "currentColor", stroke: "none" })
+  ] });
+}
+const p = {
+  sending: a,
+  sent: d,
+  delivered: l,
+  read: l,
+  error: u
+};
+function f({ status: e, className: s, style: c }) {
+  const t = p[e];
+  if (!t)
+    return null;
+  let o;
+  return e === "error" ? o = "var(--mantine-color-red-6)" : o = "currentColor", /* @__PURE__ */ r(
+    "span",
+    {
+      className: `${i.root} ${s || ""}`,
+      style: { ...c, color: o },
+      "data-testid": "message-status",
+      "data-status": e,
+      "aria-label": e,
+      children: /* @__PURE__ */ r(t, { className: i.icon })
+    }
+  );
+}
+f.displayName = "MessageStatus";
+export {
+  f as MessageStatus
+};

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

@@ -0,0 +1,11 @@
+const t = "_root_983ti_1", o = "_subtitle_983ti_21", s = "_title_983ti_33", e = {
+  root: t,
+  subtitle: o,
+  title: s
+};
+export {
+  e as default,
+  t as root,
+  o as subtitle,
+  s as title
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ServiceMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,mBAAmB,2CAYlG;yBAZe,cAAc"}