@layers-app/shared 0.4.4 → 0.4.6

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,11 @@
+const o = "_root_ly31g_1", n = "_icon_ly31g_21", t = "_animateIn_ly31g_31", _ = {
+  root: o,
+  icon: n,
+  animateIn: t
+};
+export {
+  t as animateIn,
+  _ as default,
+  n 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;
+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;AAIxF,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,2CAsC7E;yBAtCe,aAAa"}

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

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

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

@@ -0,0 +1,21 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import e from "./ServiceMessage.module.css.js";
+function n({ children: t, subtitle: s, title: r, className: a, style: c }) {
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: `${e.root}${a ? ` ${a}` : ""}`,
+      style: c,
+      "data-testid": "service-message",
+      children: [
+        s && /* @__PURE__ */ i("span", { className: e.subtitle, children: s }),
+        r && /* @__PURE__ */ i("span", { className: e.title, children: r }),
+        t
+      ]
+    }
+  );
+}
+n.displayName = "ServiceMessage";
+export {
+  n as ServiceMessage
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/UnreadSeparator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAA4B,EAC5B,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAMtB;yBAVe,eAAe"}

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

@@ -0,0 +1,13 @@
+import { jsx as t } from "react/jsx-runtime";
+import { ChatPill as o } from "../ChatPill/index.js";
+function d({
+  children: r = "Unread Messages",
+  className: a,
+  style: e
+}) {
+  return /* @__PURE__ */ t(o, { className: a, style: e, "data-testid": "unread-separator", children: r });
+}
+d.displayName = "UnreadSeparator";
+export {
+  d as UnreadSeparator
+};

package/dist/components/Chat/colors.d.ts

@@ -0,0 +1,7 @@
+export type AvatarColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 'gray';
+export declare const AVATAR_COLORS: Record<AvatarColorIndex, string>;
+export type AuthorColorIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7;
+export declare const AUTHOR_COLORS: Record<AuthorColorIndex, string>;
+export declare function getAvatarColor(index?: AvatarColorIndex | number): string;
+export declare function getAuthorColor(index?: AuthorColorIndex | number): string;
+//# sourceMappingURL=colors.d.ts.map

package/dist/components/Chat/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/colors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AAElE,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAS1D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAQ1D,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAExE;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAExE"}

package/dist/components/Chat/colors.js

@@ -0,0 +1,30 @@
+const c = {
+  1: "#e36f74",
+  2: "#fca76f",
+  3: "#a693e9",
+  4: "#78ca5c",
+  5: "#6ac9cc",
+  6: "#50a2e9",
+  7: "#f078ae",
+  gray: "#9aa7b2"
+}, t = {
+  1: "#b7635d",
+  2: "#c07844",
+  3: "#8365ab",
+  4: "#539e4f",
+  5: "#5397b4",
+  6: "#4979a3",
+  7: "#b3577a"
+};
+function e(a) {
+  return c[a] ?? c[1];
+}
+function o(a) {
+  return t[a] ?? t[6];
+}
+export {
+  t as AUTHOR_COLORS,
+  c as AVATAR_COLORS,
+  o as getAuthorColor,
+  e as getAvatarColor
+};

package/dist/components/Chat/icons.d.ts

@@ -0,0 +1,9 @@
+export declare const VerifiedIcon: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const MutedIcon: {
+    (): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=icons.d.ts.map

package/dist/components/Chat/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/icons.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;CAexB,CAAC;AAIF,eAAO,MAAM,SAAS;;;CAerB,CAAC"}

package/dist/components/Chat/icons.js

@@ -0,0 +1,49 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+const e = { flexShrink: 0, color: "var(--mantine-primary-color-filled)" }, i = { flexShrink: 0, color: "var(--mantine-color-dimmed)" }, l = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    style: e,
+    children: [
+      /* @__PURE__ */ o("circle", { cx: "8", cy: "8", r: "8" }),
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M6.5 11.5L3.5 8.5L4.5 7.5L6.5 9.5L11.5 4.5L12.5 5.5L6.5 11.5Z",
+          fill: "var(--mantine-color-white)"
+        }
+      )
+    ]
+  }
+);
+l.displayName = "VerifiedIcon";
+const t = () => /* @__PURE__ */ r(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    style: i,
+    children: [
+      /* @__PURE__ */ o(
+        "path",
+        {
+          d: "M8 2C8.55 2 9 2.45 9 3V9.17L7 7.17V3C7 2.45 7.45 2 8 2ZM4 6V9H6L8 11V10.83L3.41 6.24C3.16 6.5 3 6.83 3 7.2V8.8C3 9.46 3.45 10 4 10H6L8.71 12.71C8.89 12.89 9 12.95 9 13V13C9 13 8.89 13.05 8.71 12.87L4 6ZM12.5 3.5L11.5 4.5L13 6L14 5L12.5 3.5ZM2 2L1 3L4.17 6.17L4 6H2V10H4L8 14V10.83L11.17 14L12 13.17L2 2Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ o("line", { x1: "2", y1: "14", x2: "14", y2: "2", stroke: "currentColor", strokeWidth: "1.5" })
+    ]
+  }
+);
+t.displayName = "MutedIcon";
+export {
+  t as MutedIcon,
+  l as VerifiedIcon
+};

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

@@ -0,0 +1,24 @@
+export * from './CallMessage';
+export * from './ChatBubble';
+export * from './ChatMessage';
+export * from './ChatInput';
+export * from './ChatHeader';
+export * from './ChatLayout';
+export * from './MessageList';
+export * from './MediaDocument';
+export * from './MessageAuthor';
+export * from './MessageMeta';
+export * from './MessageStatus';
+export * from './MessageReply';
+export * from './MessageActions';
+export * from './MessageReactions';
+export * from './MessageForward';
+export * from './ChatPill';
+export * from './DayMeta';
+export * from './UnreadSeparator';
+export * from './ServiceMessage';
+export * from './DialogItem';
+export * from './DialogList';
+export * from './colors';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/components/Chat/mock-data.d.ts

@@ -0,0 +1,32 @@
+import type { ChatMessageData, Chat } from './types';
+export interface MockUser {
+    id: string;
+    name: string;
+    avatarSrc?: string;
+    avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    online?: boolean;
+}
+export declare const MOCK_USERS: MockUser[];
+export interface MockChat {
+    id: string;
+    title: string;
+    chatType?: Chat['type'];
+    icon?: string | null;
+    avatarSrc?: string;
+    avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    lastMessage?: {
+        text: string;
+        senderName?: string;
+        timestamp: string;
+    };
+    unreadCount?: number;
+    muted?: boolean;
+    online?: boolean;
+    typing?: string;
+    pinned?: boolean;
+    draft?: string;
+}
+export declare const MOCK_CHATS: MockChat[];
+export declare const MOCK_CHANNELS: MockChat[];
+export declare const MOCK_MESSAGES_BY_CHAT: Record<string, ChatMessageData[]>;
+//# sourceMappingURL=mock-data.d.ts.map

package/dist/components/Chat/mock-data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mock-data.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/mock-data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EAOf,IAAI,EACL,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,EAMhC,CAAC;AAkCF,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,QAAQ,EAIhC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,EAGnC,CAAC;AAoHF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAInE,CAAC"}

package/dist/components/Chat/types.d.ts

@@ -0,0 +1,159 @@
+/**
+ * Chat Message Schema — Universal message structure for the chat system.
+ *
+ * Design principles (from Matrix, Telegram, Slack, Signal):
+ * 1. Envelope + Content separation: shared metadata vs type-specific payload
+ * 2. Discriminated union on `type`: TypeScript narrows `content` automatically
+ * 3. Attachments as first-class: separate from message type (any message can have files)
+ * 4. Reactions/replies on envelope: they apply to any message type
+ * 5. Extensible: `metadata` bag for app-specific data, new types don't break old code
+ *
+ * Compatible with existing backend patterns:
+ * - ApiComments.Comment (parentType/parentId for entity binding)
+ * - BackendMessage (meet package text chat)
+ * - LivekitStreamEvent (discriminated union pattern)
+ */
+export type ChatMessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
+export interface MessageReaction {
+    emoji: string;
+    count: number;
+    userIds?: string[];
+    active?: boolean;
+}
+export interface MessageAttachment {
+    id: string;
+    name: string;
+    mimeType: string;
+    size: number;
+    url: string;
+    thumbnailUrl?: string;
+    width?: number;
+    height?: number;
+    duration?: number;
+}
+export interface MessageEnvelope {
+    id: string;
+    chatId: string;
+    senderId: string;
+    timestamp: number;
+    status?: ChatMessageStatus;
+    editedAt?: number;
+    replyToId?: string;
+    replyToPreview?: {
+        senderId: string;
+        senderName: string;
+        text: string;
+    };
+    forwardFromId?: string;
+    forwardFromName?: string;
+    threadId?: string;
+    reactions?: MessageReaction[];
+    attachments?: MessageAttachment[];
+    metadata?: Record<string, unknown>;
+}
+export interface TextContent {
+    body: string;
+    format?: 'plain' | 'markdown' | 'html';
+    mentions?: string[];
+}
+export interface MediaContent {
+    mediaType: 'image' | 'video' | 'audio';
+    url: string;
+    mimeType: string;
+    size: number;
+    name?: string;
+    thumbnailUrl?: string;
+    width?: number;
+    height?: number;
+    duration?: number;
+    caption?: string;
+}
+export interface FileContent {
+    url: string;
+    name: string;
+    mimeType: string;
+    size: number;
+}
+export interface CallContent {
+    callStatus: 'active' | 'ended' | 'missed' | 'declined';
+    callType: 'audio' | 'video';
+    duration?: number;
+    participantCount?: number;
+    participantIds?: string[];
+}
+export type ServiceAction = 'user_joined' | 'user_left' | 'user_invited' | 'user_removed' | 'channel_created' | 'channel_renamed' | 'channel_archived' | 'pinned_message' | 'unpinned_message' | 'call_started' | 'call_ended';
+export interface ServiceContent {
+    action: ServiceAction;
+    actorId?: string;
+    targetId?: string;
+    title?: string;
+    description?: string;
+}
+export interface ChatTextMessage extends MessageEnvelope {
+    type: 'text';
+    content: TextContent;
+}
+export interface ChatMediaMessage extends MessageEnvelope {
+    type: 'media';
+    content: MediaContent;
+}
+export interface ChatFileMessage extends MessageEnvelope {
+    type: 'file';
+    content: FileContent;
+}
+export interface ChatCallMessage extends MessageEnvelope {
+    type: 'call';
+    content: CallContent;
+}
+export interface ChatServiceMessage extends MessageEnvelope {
+    type: 'service';
+    content: ServiceContent;
+}
+/**
+ * Union of all message types.
+ * Use `switch (msg.type)` to narrow and access type-specific `content`.
+ *
+ * @example
+ * function renderMessage(msg: ChatMessageData) {
+ *   switch (msg.type) {
+ *     case 'text':    return <TextBubble body={msg.content.body} />;
+ *     case 'media':   return <MediaBubble url={msg.content.url} />;
+ *     case 'call':    return <CallBubble status={msg.content.callStatus} />;
+ *     case 'service': return <ServiceBanner action={msg.content.action} />;
+ *     case 'file':    return <FileCard name={msg.content.name} />;
+ *   }
+ * }
+ */
+export type ChatMessageData = ChatTextMessage | ChatMediaMessage | ChatFileMessage | ChatCallMessage | ChatServiceMessage;
+export type ChatType = 'dm' | 'group' | 'channel';
+export interface Chat {
+    id: string;
+    type: ChatType;
+    name: string;
+    icon?: string;
+    avatarUrl?: string;
+    memberCount?: number;
+    lastMessage?: {
+        senderId: string;
+        senderName?: string;
+        text: string;
+        timestamp: number;
+        type: ChatMessageData['type'];
+    };
+    unreadCount?: number;
+    muted?: boolean;
+    pinned?: boolean;
+    draft?: string;
+    createdAt: number;
+    metadata?: Record<string, unknown>;
+}
+export type ParticipantRole = 'owner' | 'admin' | 'member' | 'guest';
+export interface ChatParticipant {
+    userId: string;
+    name: string;
+    avatarUrl?: string;
+    role: ParticipantRole;
+    online?: boolean;
+    lastSeen?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Chat/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAIH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,QAAQ,CAAC;AAIrF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAID,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAID,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAID,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,UAAU,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC;IACvD,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GACrB,aAAa,GACb,WAAW,GACX,cAAc,GACd,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,kBAAkB,GAClB,cAAc,GACd,YAAY,CAAC;AAEjB,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,cAAc,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG,gBAAgB,GAAG,eAAe,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAI1H,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,OAAO,GAAG,SAAS,CAAC;AAElD,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE;QACZ,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAID,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/CircleColorPicker/CircleColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircleColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/CircleColorPicker/CircleColorPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,gBAAgB,EAKhB,SAAS,EAOV,MAAM,eAAe,CAAC;AAevB,eAAO,MAAM,iBAAiB,GAAI,mDAK/B;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,4CA+EA,CAAC"}
+{"version":3,"file":"CircleColorPicker.d.ts","sourceRoot":"","sources":["../../../src/components/CircleColorPicker/CircleColorPicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,gBAAgB,EAIhB,SAAS,EAOV,MAAM,eAAe,CAAC;AAevB,eAAO,MAAM,iBAAiB,GAAI,mDAK/B;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,4CAiFA,CAAC"}

package/dist/components/CircleColorPicker/CircleColorPicker.js

@@ -1,20 +1,22 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
 import { useMemo as E, useState as u, useEffect as H } from "react";
 import { useTranslation as S } from "react-i18next";
-import { useMantineTheme as k, useMantineColorScheme as M, parseThemeColor as b, Menu as m, ActionIcon as V, ColorSwatch as j, Stack as w, ColorPicker as y, DEFAULT_THEME as D, TextInput as z, isColorValid as A, Button as F } from "@mantine/core";
+import { useMantineTheme as k, useComputedColorScheme as V, parseThemeColor as b, Menu as m, ActionIcon as I, ColorSwatch as M, Stack as j, ColorPicker as w, DEFAULT_THEME as y, TextInput as D, isColorValid as z, Button as A } from "@mantine/core";
 const d = (e, t) => !e || typeof e != "string" ? null : e === "var(--mantine-color-bright)" ? t === "dark" ? "#ffffff" : "#000000" : e, L = ({
   value: e,
   onChange: t,
   menuProps: p,
   colorPickerProps: x
 }) => {
-  const { t: s } = S("common"), f = k(), { colorScheme: n } = M(), a = E(() => {
-    const r = d(e, n);
+  const { t: s } = S("common"), f = k(), l = V("light", {
+    getInitialValueInEffect: !0
+  }), a = E(() => {
+    const r = d(e, l);
     return r ? b({ color: r, theme: f }) : { value: "", color: "", isThemeColor: !1, shade: void 0 };
-  }, [e, f, n]), [C, i] = u(a.value), [g, l] = u(null);
+  }, [e, f, l]), [C, i] = u(a.value), [g, n] = u(null);
   H(() => {
-    i(d(e, n) || "");
-  }, [n, e]);
+    i(d(e, l) || "");
+  }, [l, e]);
   const [T, v] = u(!1);
   return /* @__PURE__ */ h(
     m,
@@ -24,39 +26,39 @@ const d = (e, t) => !e || typeof e != "string" ? null : e === "var(--mantine-col
       onChange: v,
       ...p,
       children: [
-        /* @__PURE__ */ o(m.Target, { children: /* @__PURE__ */ o(V, { size: "md", variant: "subtle", radius: "xl", children: /* @__PURE__ */ o(j, { color: a.value || "transparent" }) }) }),
-        /* @__PURE__ */ o(m.Dropdown, { style: { padding: 8, minWidth: 220 }, children: /* @__PURE__ */ h(w, { gap: "sm", children: [
+        /* @__PURE__ */ o(m.Target, { children: /* @__PURE__ */ o(I, { size: "md", variant: "subtle", radius: "xl", children: /* @__PURE__ */ o(M, { color: a.value || "transparent" }) }) }),
+        /* @__PURE__ */ o(m.Dropdown, { style: { padding: 8, minWidth: 220 }, children: /* @__PURE__ */ h(j, { gap: "sm", children: [
           /* @__PURE__ */ o(
-            y,
+            w,
             {
               value: a.value,
               onChange: (r) => {
-                t(r), i(r), l(null);
+                t(r), i(r), n(null);
               },
               format: "hex",
-              swatches: Object.values(D.colors).map((r) => r[5]),
+              swatches: Object.values(y.colors).map((r) => r[5]),
               ...x
             }
           ),
           /* @__PURE__ */ o(
-            z,
+            D,
             {
               label: s("HEXValue"),
               onChange: (r) => {
                 const c = r.currentTarget.value;
-                i(c), A(c) ? (t(c), l(null)) : l(s("invalidColorFormat"));
+                i(c), z(c) ? (t(c), n(null)) : n(s("invalidColorFormat"));
               },
               error: g,
               value: C
             }
           ),
           /* @__PURE__ */ o(
-            F,
+            A,
             {
               variant: "light",
               size: "xs",
               onClick: () => {
-                t(null), l(null);
+                t(null), n(null);
               },
               mt: "xs",
               children: s("resetColor")