@layers-app/shared 0.4.4 → 0.4.6

package/dist/components/AttachmentsPreview/AttachmentsPreview.module.css.js

@@ -1,17 +1,27 @@
-const e = "_imagePreviewWrapper_qqm20_1", t = "_deleteButton_qqm20_6", o = "_downloadButton_qqm20_13", i = "_filePreviewList_qqm20_32", r = "_fileDownloadName_qqm20_45", a = "_filePreviewWrapper_qqm20_51", l = {
-  imagePreviewWrapper: e,
-  deleteButton: t,
-  downloadButton: o,
-  filePreviewList: i,
-  fileDownloadName: r,
-  filePreviewWrapper: a
+const e = "_mediaGrid_pdl2y_11", i = "_mediaTile_pdl2y_27", l = "_tileImg_pdl2y_57", d = "_mediaFadeIn_pdl2y_71", t = "_downloadButton_pdl2y_115", _ = "_imagePreviewWrapper_pdl2y_111", a = "_deleteButton_pdl2y_137", o = "_filePreviewList_pdl2y_189", n = "_fileDownloadName_pdl2y_215", r = "_filePreviewWrapper_pdl2y_227", p = "_fileSize_pdl2y_339", m = {
+  mediaGrid: e,
+  mediaTile: i,
+  tileImg: l,
+  mediaFadeIn: d,
+  downloadButton: t,
+  imagePreviewWrapper: _,
+  deleteButton: a,
+  filePreviewList: o,
+  fileDownloadName: n,
+  filePreviewWrapper: r,
+  fileSize: p
 };
 export {
-  l as default,
-  t as deleteButton,
-  o as downloadButton,
-  r as fileDownloadName,
-  i as filePreviewList,
-  a as filePreviewWrapper,
-  e as imagePreviewWrapper
+  m as default,
+  a as deleteButton,
+  t as downloadButton,
+  n as fileDownloadName,
+  o as filePreviewList,
+  r as filePreviewWrapper,
+  p as fileSize,
+  _ as imagePreviewWrapper,
+  d as mediaFadeIn,
+  e as mediaGrid,
+  i as mediaTile,
+  l as tileImg
 };

package/dist/components/BouncingLogo/BouncingLogo.d.ts

@@ -1,8 +1,6 @@
-import { appMode } from '../../helpers/isAppMode';
 type BouncingLogoProps = {
     c?: string;
-    appMode?: appMode | null;
 };
-export declare const BouncingLogo: ({ c, appMode }: BouncingLogoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BouncingLogo: ({ c }: BouncingLogoProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=BouncingLogo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BouncingLogo.d.ts","sourceRoot":"","sources":["../../../src/components/BouncingLogo/BouncingLogo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAa,MAAM,yBAAyB,CAAC;AAM7D,KAAK,iBAAiB,GAAG;IACvB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gBAAgB,iBAAiB,4CAmB7D,CAAC"}
+{"version":3,"file":"BouncingLogo.d.ts","sourceRoot":"","sources":["../../../src/components/BouncingLogo/BouncingLogo.tsx"],"names":[],"mappings":"AAOA,KAAK,iBAAiB,GAAG;IACvB,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAgBpD,CAAC"}

package/dist/components/BouncingLogo/BouncingLogo.js

@@ -1,29 +1,23 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { Box as t } from "@mantine/core";
-import { isAppMode as a } from "../../helpers/isAppMode.js";
-import { useIsDarkTheme as c } from "../../helpers/themeUtils.js";
-import { Logotype as d } from "../Logotype.js";
-import o from "./BouncingLogo.module.css.js";
-const u = ({ c: r, appMode: i }) => {
-  const m = c(), s = a(i || "SAAS", "DESKTOP");
-  return /* @__PURE__ */ p(t, { className: o.wrapper, children: [
-    /* @__PURE__ */ e("div", { className: `${o.logo} ${s ? o.desktop : ""}`, children: /* @__PURE__ */ e(
-      d,
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Box as m } from "@mantine/core";
+import { useIsDarkTheme as a } from "../../helpers/themeUtils.js";
+import { Logotype as t } from "../Logotype.js";
+import s from "./BouncingLogo.module.css.js";
+const d = ({ c: r }) => {
+  const e = a();
+  return /* @__PURE__ */ i(m, { className: s.wrapper, children: [
+    /* @__PURE__ */ o("div", { className: s.logo, children: /* @__PURE__ */ o(
+      t,
       {
         isLink: !1,
-        c: r || (m ? "white" : "black"),
+        c: r || (e ? "white" : "black"),
         minified: !0,
-        isDesktop: s
+        isDesktop: !1
       }
     ) }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: `${o.shadow} ${s ? o.desktopShadow : ""}`
-      }
-    )
+    /* @__PURE__ */ o("div", { className: s.shadow })
   ] });
 };
 export {
-  u as BouncingLogo
+  d as BouncingLogo
 };

package/dist/components/BouncingLogo/BouncingLogo.module.css.js

@@ -1,15 +1,11 @@
-const o = "_wrapper_1y9p0_1", s = "_logo_1y9p0_8", p = "_desktop_1y9p0_23", _ = "_shadow_1y9p0_37", t = "_desktopShadow_1y9p0_50", d = {
+const o = "_wrapper_1p3dk_1", s = "_logo_1p3dk_15", p = "_shadow_1p3dk_45", a = {
   wrapper: o,
   logo: s,
-  desktop: p,
-  shadow: _,
-  desktopShadow: t
+  shadow: p
 };
 export {
-  d as default,
-  p as desktop,
-  t as desktopShadow,
+  a as default,
   s as logo,
-  _ as shadow,
+  p as shadow,
   o as wrapper
 };

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

@@ -0,0 +1,15 @@
+const t = "_root_1rrzr_1", o = "_icon_1rrzr_13", r = "_body_1rrzr_31", _ = "_title_1rrzr_41", c = "_meta_1rrzr_53", e = {
+  root: t,
+  icon: o,
+  body: r,
+  title: _,
+  meta: c
+};
+export {
+  r as body,
+  e as default,
+  o as icon,
+  c as meta,
+  t as root,
+  _ as title
+};

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

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CallMessageProps {
+    /** Call state */
+    variant: 'ended' | 'active' | 'missed' | 'declined';
+    /** Who initiated: outgoing = you called, incoming = they called */
+    outgoing?: boolean;
+    /** Audio or video call */
+    callType?: 'audio' | 'video';
+    /** DM (1:1) or channel (group) call */
+    mode?: 'dm' | 'channel';
+    /** Duration string: "20 seconds", "8 minutes" */
+    duration?: string;
+    /** Time string for DM calls: "14:03" */
+    time?: string;
+    /** Number of participants (channel mode) */
+    participantCount?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const CallMessage: React.NamedExoticComponent<CallMessageProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/CallMessage/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,gBAAgB;IAC/B,iBAAiB;IACjB,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;IACpD,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,WAAW,8CA6EtB,CAAC"}

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

@@ -0,0 +1,49 @@
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import w from "react";
+import { ArrowUpRight01Icon as y, ArrowDownLeft01Icon as O, Video01Icon as b, CallOutgoing04Icon as x, CallIncoming04Icon as A, Calling02Icon as D, CallRinging03Icon as R } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as u } from "@hugeicons/react";
+import n from "./CallMessage.module.css.js";
+const z = w.memo(function({
+  variant: m,
+  outgoing: i,
+  callType: M = "audio",
+  mode: $ = "dm",
+  duration: s,
+  time: a,
+  participantCount: f = 0,
+  className: h,
+  style: V
+}) {
+  const I = m === "active", o = m === "missed", d = m === "declined", c = M === "video", t = $ === "dm", C = i;
+  let g;
+  t ? g = c ? b : i ? x : A : g = I ? D : R;
+  let e;
+  t ? o ? e = c ? "Missed Video Call" : "Missed Call" : d ? e = c ? "Canceled Video Call" : "Canceled Call" : i ? e = c ? "Outgoing Video Call" : "Outgoing Call" : e = c ? "Incoming Video Call" : "Incoming Call" : I ? e = i ? "You started the call" : "Started a call" : o ? e = "Missed call" : e = "Call ended";
+  const l = [], p = t ? i ? y : O : null;
+  t ? a && s ? l.push(`${a}, ${s}`) : a ? l.push(a) : s && l.push(s) : (s && l.push(s), f > 0 && l.push(`${f} person${f > 1 ? "s" : ""} joined`));
+  const N = C ? "var(--mantine-color-white)" : void 0, j = o || d ? "var(--mantine-color-red-6)" : "var(--mantine-color-green-6)";
+  return /* @__PURE__ */ v(
+    "div",
+    {
+      className: `${n.root}${h ? ` ${h}` : ""}`,
+      style: V,
+      "data-outgoing": C || void 0,
+      "data-missed": o || d || void 0,
+      "data-testid": "call-message",
+      children: [
+        /* @__PURE__ */ r("div", { className: n.icon, children: /* @__PURE__ */ r(u, { icon: g, size: 24, color: N || (o || d ? "var(--mantine-color-red-6)" : void 0) }) }),
+        /* @__PURE__ */ v("div", { className: n.body, children: [
+          /* @__PURE__ */ r("div", { className: n.title, children: e }),
+          l.length > 0 && /* @__PURE__ */ v("div", { className: n.meta, style: { color: C ? void 0 : j }, children: [
+            p && /* @__PURE__ */ r(u, { icon: p, size: 14 }),
+            l.join(" • ")
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+z.displayName = "CallMessage";
+export {
+  z as CallMessage
+};

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

@@ -0,0 +1,9 @@
+const o = "_root_1iueq_1", b = "_bubble_1iueq_27", t = {
+  root: o,
+  bubble: b
+};
+export {
+  b as bubble,
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export type ChatBubbleGroupPosition = 'single' | 'first' | 'middle' | 'last';
+export interface ChatBubbleProps {
+    outgoing?: boolean;
+    fullWidth?: boolean;
+    groupPosition?: ChatBubbleGroupPosition;
+    selected?: boolean;
+    highlighted?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const ChatBubble: React.NamedExoticComponent<ChatBubbleProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatBubble/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE7E,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,6CA0BrB,CAAC"}

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

@@ -0,0 +1,32 @@
+import { jsx as t } from "react/jsx-runtime";
+import u from "react";
+import a from "./ChatBubble.module.css.js";
+const m = u.memo(function({
+  outgoing: e,
+  fullWidth: o,
+  groupPosition: d = "single",
+  children: i,
+  selected: l,
+  highlighted: b,
+  className: s,
+  style: r
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${a.root} ${s || ""}`,
+      "data-outgoing": e || void 0,
+      "data-full-width": o || void 0,
+      "data-group-position": d,
+      "data-selected": l || void 0,
+      "data-highlighted": b || void 0,
+      "data-testid": "chat-bubble",
+      style: r,
+      children: /* @__PURE__ */ t("div", { className: a.bubble, "data-testid": "chat-bubble-content", children: i })
+    }
+  );
+});
+m.displayName = "ChatBubble";
+export {
+  m as ChatBubble
+};

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

@@ -0,0 +1,17 @@
+const t = "_root_13wo5_1", o = "_info_13wo5_23", e = "_title_13wo5_43", n = "_subtitle_13wo5_61", s = "_selectionBar_13wo5_87", _ = "_selectionCount_13wo5_97", i = {
+  root: t,
+  info: o,
+  title: e,
+  subtitle: n,
+  selectionBar: s,
+  selectionCount: _
+};
+export {
+  i as default,
+  o as info,
+  t as root,
+  s as selectionBar,
+  _ as selectionCount,
+  n as subtitle,
+  e as title
+};

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

@@ -0,0 +1,42 @@
+import React from 'react';
+export interface ChatHeaderProps {
+    /** Chat title */
+    title: string;
+    /** Subtitle: "online", "2 members", etc. */
+    subtitle?: string;
+    /** Avatar image source */
+    avatarSrc?: string;
+    /** Avatar color index 1-7 */
+    avatarColor?: 1 | 2 | 3 | 4 | 5 | 6 | 7;
+    /** Online status (colors subtitle) */
+    online?: boolean;
+    /** Back button handler (mobile) */
+    onBack?: () => void;
+    /** Menu button handler (opens sidebar drawer on mobile) */
+    onMenu?: () => void;
+    /** Search button handler */
+    onSearch?: () => void;
+    /** More button handler */
+    onMore?: () => void;
+    /** Selection mode -- shows action bar instead of normal header */
+    selectionMode?: boolean;
+    /** Number of selected messages */
+    selectedCount?: number;
+    /** Forward selected messages */
+    onForward?: () => void;
+    /** Delete selected messages */
+    onDelete?: () => void;
+    /** Cancel selection mode */
+    onCancelSelection?: () => void;
+    /** Extra action elements */
+    children?: React.ReactNode;
+    /** Custom className */
+    className?: string;
+    /** Custom style */
+    style?: React.CSSProperties;
+}
+export declare function ChatHeader({ title, subtitle, avatarSrc, avatarColor, online, onBack, onMenu, onSearch, onMore, selectionMode, selectedCount, onForward, onDelete, onCancelSelection, children, className, style, }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatHeader {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatHeader/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC9B,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kEAAkE;IAClE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,4BAA4B;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,WAAe,EACf,MAAM,EACN,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,EACN,aAAa,EACb,aAAiB,EACjB,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,eAAe,2CA8FjB;yBAhHe,UAAU"}

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

@@ -0,0 +1,78 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { ActionIcon as r, Group as C, Indicator as x, Avatar as A } from "@mantine/core";
+import { Cancel01Icon as N, Forward01Icon as w, Delete02Icon as H, Menu01Icon as j, ArrowLeft01Icon as F, Search01Icon as G, MoreVerticalIcon as B } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as i } from "@hugeicons/react";
+import { getAvatarColor as D } from "../colors.js";
+import a from "./ChatHeader.module.css.js";
+function E({
+  title: c,
+  subtitle: n,
+  avatarSrc: f,
+  avatarColor: I = 1,
+  online: t,
+  onBack: s,
+  onMenu: d,
+  onSearch: h,
+  onMore: g,
+  selectionMode: k,
+  selectedCount: m = 0,
+  onForward: b,
+  onDelete: u,
+  onCancelSelection: y,
+  children: $,
+  className: l,
+  style: p
+}) {
+  if (k)
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        className: `${a.root} ${a.selectionBar}${l ? ` ${l}` : ""}`,
+        style: p,
+        "data-testid": "chat-header",
+        children: [
+          /* @__PURE__ */ e(r, { variant: "subtle", color: "gray", size: "lg", onClick: y, "aria-label": "Cancel selection", children: /* @__PURE__ */ e(i, { icon: N, size: 24 }) }),
+          /* @__PURE__ */ o("span", { className: a.selectionCount, children: [
+            m,
+            " ",
+            m === 1 ? "message" : "messages"
+          ] }),
+          /* @__PURE__ */ o(C, { gap: 6, children: [
+            b && /* @__PURE__ */ e(r, { variant: "subtle", color: "blue", size: "lg", onClick: b, "aria-label": "Forward", children: /* @__PURE__ */ e(i, { icon: w, size: 20 }) }),
+            u && /* @__PURE__ */ e(r, { variant: "subtle", color: "red", size: "lg", onClick: u, "aria-label": "Delete", children: /* @__PURE__ */ e(i, { icon: H, size: 20 }) })
+          ] })
+        ]
+      }
+    );
+  const v = D(I), z = /* @__PURE__ */ e(
+    A,
+    {
+      src: f,
+      name: c,
+      size: 44,
+      radius: "xl",
+      styles: {
+        root: { "--avatar-bg": v },
+        placeholder: { backgroundColor: v }
+      }
+    }
+  );
+  return /* @__PURE__ */ o("div", { className: `${a.root}${l ? ` ${l}` : ""}`, style: p, "data-testid": "chat-header", children: [
+    d && /* @__PURE__ */ e(r, { variant: "subtle", color: "gray", size: "lg", onClick: d, "aria-label": "Open menu", hiddenFrom: "md", children: /* @__PURE__ */ e(i, { icon: j, size: 24 }) }),
+    s && /* @__PURE__ */ e(r, { variant: "subtle", color: "gray", size: "lg", onClick: s, "aria-label": "Go back", children: /* @__PURE__ */ e(i, { icon: F, size: 24 }) }),
+    t ? /* @__PURE__ */ e(x, { inline: !0, size: 12, offset: 2, position: "bottom-end", color: "green", withBorder: !0, processing: !1, children: z }) : z,
+    /* @__PURE__ */ o("div", { className: a.info, children: [
+      /* @__PURE__ */ e("div", { className: a.title, children: c }),
+      n && /* @__PURE__ */ e("div", { className: a.subtitle, "data-online": t || void 0, children: n })
+    ] }),
+    /* @__PURE__ */ o(C, { gap: 6, children: [
+      $,
+      h && /* @__PURE__ */ e(r, { variant: "subtle", color: "gray", size: "lg", onClick: h, "aria-label": "Search", children: /* @__PURE__ */ e(i, { icon: G, size: 20 }) }),
+      g && /* @__PURE__ */ e(r, { variant: "subtle", color: "gray", size: "lg", onClick: g, "aria-label": "More options", children: /* @__PURE__ */ e(i, { icon: B, size: 20 }) })
+    ] })
+  ] });
+}
+E.displayName = "ChatHeader";
+export {
+  E as ChatHeader
+};

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

@@ -0,0 +1,49 @@
+const t = "_root_1udsd_1", e = "_inputRow_1udsd_17", n = "_inputBox_1udsd_37", d = "_inputArea_1udsd_113", o = "_notice_1udsd_137", _ = "_noticeIcon_1udsd_203", s = "_noticeMain_1udsd_223", c = "_noticeText_1udsd_241", i = "_noticeAction_1udsd_251", a = "_noticeDismiss_1udsd_259", u = "_header_1udsd_279", r = "_headerIcon_1udsd_293", h = "_headerBar_1udsd_313", p = "_headerTitle_1udsd_341", x = "_headerText_1udsd_361", B = "_headerAttachment_1udsd_379", I = "_hiddenFileInput_1udsd_407", m = "_attachments_1udsd_425", A = "_iconButton_1udsd_451", T = "_textarea_1udsd_461", l = "_textareaInput_1udsd_471", w = "_sendButton_1udsd_499", D = {
+  root: t,
+  inputRow: e,
+  inputBox: n,
+  inputArea: d,
+  notice: o,
+  noticeIcon: _,
+  noticeMain: s,
+  noticeText: c,
+  noticeAction: i,
+  noticeDismiss: a,
+  header: u,
+  headerIcon: r,
+  headerBar: h,
+  headerTitle: p,
+  headerText: x,
+  headerAttachment: B,
+  hiddenFileInput: I,
+  attachments: m,
+  iconButton: A,
+  textarea: T,
+  textareaInput: l,
+  sendButton: w
+};
+export {
+  m as attachments,
+  D as default,
+  u as header,
+  B as headerAttachment,
+  h as headerBar,
+  r as headerIcon,
+  x as headerText,
+  p as headerTitle,
+  I as hiddenFileInput,
+  A as iconButton,
+  d as inputArea,
+  n as inputBox,
+  e as inputRow,
+  o as notice,
+  i as noticeAction,
+  a as noticeDismiss,
+  _ as noticeIcon,
+  s as noticeMain,
+  c as noticeText,
+  t as root,
+  w as sendButton,
+  T as textarea,
+  l as textareaInput
+};

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

@@ -0,0 +1,74 @@
+import React from 'react';
+import { CommentComposerTypes } from '../../CommentComposer/types';
+export interface ChatInputReplyTo {
+    senderName: string;
+    text: string;
+    /**
+     * When the replied message has attachments, the host passes the first
+     * attachment's display name + kind. We fall back to it when `text` is
+     * empty (image/video/file-only messages) and prepend a kind-specific icon
+     * — Telegram-style preview.
+     */
+    attachmentName?: string;
+    attachmentKind?: 'image' | 'video' | 'file';
+    onCancel: () => void;
+}
+export interface ChatInputEditing {
+    text: string;
+    onCancel: () => void;
+}
+/**
+ * A persistent context strip rendered inside the composer, attached to the top
+ * of the input box (Slack/Discord-style). Reusable for any in-composer notice —
+ * "external contact", connection state, etc. Unlike {@link ChatInputReplyTo} /
+ * {@link ChatInputEditing} it isn't dismissable and doesn't move focus.
+ */
+export interface ChatInputNoticeAction {
+    label: string;
+    onClick: () => void;
+}
+export interface ChatInputNotice {
+    text: React.ReactNode;
+    icon?: React.ReactNode;
+    /** Colour scheme. Defaults to `warning` (the external-contact yellow). */
+    variant?: 'warning' | 'info' | 'neutral' | 'danger';
+    /** Optional primary action rendered as a pill button on the right. */
+    action?: ChatInputNoticeAction;
+    /** When set, a ✕ dismiss button is shown on the far right. */
+    onDismiss?: () => void;
+}
+export interface ChatInputProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    onSend?: (value: string) => void;
+    onAttach?: (files: File[]) => void;
+    onEmojiSelect?: (emoji: string) => void;
+    /**
+     * When provided, a GIF tab appears in the composer's emoji picker. Receives
+     * the picked GIF's URL — the host sends it as a message (GIFs aren't text,
+     * so they don't go through {@link onChange} / {@link onSend}).
+     */
+    onGifSelect?: (url: string) => void;
+    placeholder?: string;
+    replyTo?: ChatInputReplyTo;
+    editing?: ChatInputEditing;
+    /** Persistent context strip attached to the top of the input box. */
+    notice?: ChatInputNotice;
+    attachments?: CommentComposerTypes.AnyCommentFile[];
+    onRemoveAttachment?: (index: number) => void;
+    maxLength?: number;
+    disabled?: boolean;
+    /**
+     * Hide the paperclip / file-input affordance. Used by surfaces where uploads
+     * are nonsensical — Instant Meet's in-call chat is ephemeral (data channel,
+     * no persistence), so attaching files there has nowhere to go.
+     */
+    disableAttachments?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function ChatInput({ value: controlledValue, onChange, onSend, onAttach, onEmojiSelect, onGifSelect, placeholder, replyTo, editing, notice, attachments, onRemoveAttachment, maxLength, disabled, disableAttachments, className, style, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInput {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/ChatInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAexE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAOnE,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD,sEAAsE;IACtE,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,qEAAqE;IACrE,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,WAAW,CAAC,EAAE,oBAAoB,CAAC,cAAc,EAAE,CAAC;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EAAE,eAAe,EACtB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,aAAa,EACb,WAAW,EACX,WAAgC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CAwUhB;yBA1Ve,SAAS"}