@smwb/ui-solid 0.1.0

package/dist/headless/components/dataDisplay/chat/chatMessageStatus.js

@@ -0,0 +1,51 @@
+import { createComponent as r, insert as i, effect as o, className as g, setAttribute as h, template as w } from "solid-js/web";
+import { createMemo as S, Show as v } from "solid-js";
+import d from "clsx";
+import { resolveChatMessageStatusLabel as C, resolveChatMessageStatusIcon as M } from "./utils.js";
+import { Icon as I } from "../../base/icon/icon.js";
+var f = /* @__PURE__ */ w("<span data-testid=chat-message-status>");
+function A(t) {
+  const n = S(() => t.renderStatus ? t.renderStatus({
+    message: t.message,
+    status: t.status
+  }) : void 0), _ = () => M(t.status, t.statusIcons), u = () => C(t.status), b = () => t.status === "read";
+  return r(v, {
+    get when() {
+      return n() != null;
+    },
+    get fallback() {
+      return r(v, {
+        get when() {
+          return _();
+        },
+        children: (a) => (() => {
+          var s = f();
+          return i(s, r(I, {
+            get name() {
+              return a();
+            },
+            size: 14,
+            get fill() {
+              return b() ? 1 : 0;
+            }
+          })), o((e) => {
+            var m = d("smwb-chat-message__status", `smwb-chat-message__status_${t.status}`, t.class), c = u(), l = u();
+            return m !== e.e && g(s, e.e = m), c !== e.t && h(s, "aria-label", e.t = c), l !== e.a && h(s, "title", e.a = l), e;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          }), s;
+        })()
+      });
+    },
+    get children() {
+      var a = f();
+      return i(a, n), o(() => g(a, d("smwb-chat-message__status", `smwb-chat-message__status_${t.status}`, t.class))), a;
+    }
+  });
+}
+export {
+  A as ChatMessageStatus
+};
+//# sourceMappingURL=chatMessageStatus.js.map

package/dist/headless/components/dataDisplay/chat/chatMessageStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatMessageStatus.js","sources":["../../../../../src/components/dataDisplay/chat/chatMessageStatus.tsx"],"sourcesContent":["import { type JSX, Show, createMemo } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Icon } from \"../../base/icon\";\nimport type {\n  ChatMessage,\n  ChatMessageStatus as ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n} from \"./types\";\nimport { resolveChatMessageStatusIcon, resolveChatMessageStatusLabel } from \"./utils\";\n\nexport interface ChatMessageStatusProps {\n  class?: string | undefined;\n  message: ChatMessage;\n  status: ChatMessageStatusValue;\n  statusIcons?: (ChatMessageStatusIcons & Record<string, string | undefined>) | undefined;\n  renderStatus?: ((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined;\n}\n\nexport function ChatMessageStatus(props: ChatMessageStatusProps): JSX.Element {\n  const custom = createMemo(() =>\n    props.renderStatus ? props.renderStatus({ message: props.message, status: props.status }) : undefined\n  );\n\n  const iconName = (): string | undefined => resolveChatMessageStatusIcon(props.status, props.statusIcons);\n  const label = (): string => resolveChatMessageStatusLabel(props.status);\n  const filled = (): boolean => props.status === \"read\";\n\n  return (\n    <Show when={custom() != null} fallback={\n      <Show when={iconName()}>\n        {(name) => (\n          <span\n            class={cn(\"smwb-chat-message__status\", `smwb-chat-message__status_${props.status}`, props.class)}\n            data-testid=\"chat-message-status\"\n            aria-label={label()}\n            title={label()}\n          >\n            <Icon name={name()} size={14} fill={filled() ? 1 : 0} />\n          </span>\n        )}\n      </Show>\n    }>\n      <span\n        class={cn(\"smwb-chat-message__status\", `smwb-chat-message__status_${props.status}`, props.class)}\n        data-testid=\"chat-message-status\"\n      >\n        {custom()}\n      </span>\n    </Show>\n  );\n}\n\nexport default ChatMessageStatus;\n"],"names":["ChatMessageStatus","props","custom","createMemo","renderStatus","message","status","undefined","iconName","resolveChatMessageStatusIcon","statusIcons","label","resolveChatMessageStatusLabel","filled","_$createComponent","Show","when","fallback","children","name","_el$2","_tmpl$","_$insert","Icon","size","fill","_$effect","_p$","_v$","cn","class","_v$2","_v$3","e","_$className","t","_$setAttribute","a","_el$"],"mappings":";;;;;;AAmBO,SAASA,EAAkBC,GAA4C;AAC5E,QAAMC,IAASC,EAAW,MACxBF,EAAMG,eAAeH,EAAMG,aAAa;AAAA,IAAEC,SAASJ,EAAMI;AAAAA,IAASC,QAAQL,EAAMK;AAAAA,EAAAA,CAAQ,IAAIC,MAC9F,GAEMC,IAAWA,MAA0BC,EAA6BR,EAAMK,QAAQL,EAAMS,WAAW,GACjGC,IAAQA,MAAcC,EAA8BX,EAAMK,MAAM,GAChEO,IAASA,MAAeZ,EAAMK,WAAW;AAE/C,SAAAQ,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEd,OAAY;AAAA,IAAI;AAAA,IAAA,IAAEe,WAAQ;AAAA,aAAAH,EACnCC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAER,EAAAA;AAAAA,QAAU;AAAA,QAAAU,UAClBC,QAAI,MAAA;AAAA,cAAAC,IAAAC,EAAAA;AAAAC,iBAAAA,EAAAF,GAAAN,EAODS,GAAI;AAAA,YAAA,IAACJ,OAAI;AAAA,qBAAEA,EAAAA;AAAAA,YAAM;AAAA,YAAEK,MAAM;AAAA,YAAE,IAAEC,OAAI;AAAA,qBAAEZ,EAAAA,IAAW,IAAI;AAAA,YAAC;AAAA,UAAA,CAAA,CAAA,GAAAa,EAAAC,CAAAA,MAAA;AAAA,gBAAAC,IAL7CC,EAAG,6BAA6B,6BAA6B5B,EAAMK,MAAM,IAAIL,EAAM6B,KAAK,GAACC,IAEpFpB,EAAAA,GAAOqB,IACZrB,EAAAA;AAAOiB,mBAAAA,MAAAD,EAAAM,KAAAC,EAAAd,GAAAO,EAAAM,IAAAL,CAAA,GAAAG,MAAAJ,EAAAQ,KAAAC,EAAAhB,GAAA,cAAAO,EAAAQ,IAAAJ,CAAA,GAAAC,MAAAL,EAAAU,KAAAD,EAAAhB,GAAA,SAAAO,EAAAU,IAAAL,CAAA,GAAAL;AAAAA,UAAA,GAAA;AAAA,YAAAM,GAAA1B;AAAAA,YAAA4B,GAAA5B;AAAAA,YAAA8B,GAAA9B;AAAAA,UAAAA,CAAA,GAAAa;AAAAA,QAAA,GAAA;AAAA,MAAA,CAIjB;AAAA,IAAA;AAAA,IAAA,IAAAF,WAAA;AAAA,UAAAoB,IAAAjB,EAAAA;AAAAC,aAAAA,EAAAgB,GAOApC,CAAM,GAAAwB,QAAAQ,EAAAI,GAHAT,EAAG,6BAA6B,6BAA6B5B,EAAMK,MAAM,IAAIL,EAAM6B,KAAK,CAAC,CAAA,GAAAQ;AAAAA,IAAA;AAAA,EAAA,CAAA;AAOxG;"}

package/dist/headless/components/dataDisplay/chat/chatMessageSystem.js

@@ -0,0 +1,26 @@
+import { createComponent as a, insert as s, effect as m, className as n, template as o } from "solid-js/web";
+import { Show as c } from "solid-js";
+import i from "clsx";
+import { Typography as g } from "../typography/typography.js";
+var h = /* @__PURE__ */ o("<div data-testid=chat-message-system>");
+function u(e) {
+  const r = () => e.message.content ?? e.message.text;
+  return a(c, {
+    get when() {
+      return r();
+    },
+    get children() {
+      var t = h();
+      return s(t, a(g, {
+        variant: "caption",
+        get children() {
+          return r();
+        }
+      })), m(() => n(t, i("smwb-chat-message-system", e.class))), t;
+    }
+  });
+}
+export {
+  u as ChatMessageSystem
+};
+//# sourceMappingURL=chatMessageSystem.js.map

package/dist/headless/components/dataDisplay/chat/chatMessageSystem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatMessageSystem.js","sources":["../../../../../src/components/dataDisplay/chat/chatMessageSystem.tsx"],"sourcesContent":["import { type JSX, Show } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Typography } from \"../typography\";\nimport type { ChatMessage } from \"./types\";\n\nexport interface ChatMessageSystemProps {\n  message: ChatMessage;\n  class?: string | undefined;\n}\n\nexport function ChatMessageSystem(props: ChatMessageSystemProps): JSX.Element {\n  const content = (): JSX.Element => props.message.content ?? props.message.text;\n\n  return (\n    <Show when={content()}>\n      <div class={cn(\"smwb-chat-message-system\", props.class)} data-testid=\"chat-message-system\">\n        <Typography variant=\"caption\">{content()}</Typography>\n      </div>\n    </Show>\n  );\n}\n\nexport default ChatMessageSystem;\n"],"names":["ChatMessageSystem","props","content","message","text","_$createComponent","Show","when","children","_el$","_tmpl$","_$insert","Typography","variant","_$effect","_$className","cn","class"],"mappings":";;;;;AAUO,SAASA,EAAkBC,GAA4C;AAC5E,QAAMC,IAAUA,MAAmBD,EAAME,QAAQD,WAAWD,EAAME,QAAQC;AAE1E,SAAAC,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEL,EAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAM,WAAA;AAAA,UAAAC,IAAAC,EAAAA;AAAAC,aAAAA,EAAAF,GAAAJ,EAEhBO,GAAU;AAAA,QAACC,SAAO;AAAA,QAAA,IAAAL,WAAA;AAAA,iBAAYN,EAAAA;AAAAA,QAAS;AAAA,MAAA,CAAA,CAAA,GAAAY,EAAA,MAAAC,EAAAN,GAD9BO,EAAG,4BAA4Bf,EAAMgB,KAAK,CAAC,CAAA,GAAAR;AAAAA,IAAA;AAAA,EAAA,CAAA;AAK7D;"}

package/dist/headless/components/dataDisplay/chat/chatMessages.js

@@ -0,0 +1,90 @@
+import { use as i, insert as n, createComponent as s, effect as v, className as C, template as h } from "solid-js/web";
+import { mergeProps as _, createSignal as g, Show as m, For as c } from "solid-js";
+import k from "clsx";
+import { ChatMessageItem as A } from "./chatMessageItem.js";
+import { ChatMessageSkeleton as b } from "./chatMessageSkeleton.js";
+import { createChatInfiniteScroll as I } from "./useChatInfiniteScroll.js";
+import { createChatStickToBottom as $ } from "./useChatStickToBottom.js";
+var E = /* @__PURE__ */ h('<div class=smwb-chat-messages__skeletons data-testid=chat-messages-skeletons aria-busy=true aria-label="Loading messages">'), L = /* @__PURE__ */ h("<div data-testid=chat-messages><div class=smwb-chat-messages__sentinel data-testid=chat-messages-sentinel>");
+function j(d) {
+  const e = _({
+    hasMore: !1,
+    loading: !1,
+    loadingMore: !1,
+    loadingSkeletonCount: 3
+  }, d), [o, u] = g(), [f, w] = g();
+  I({
+    container: o,
+    sentinel: f,
+    onLoadMore: e.onLoadMore,
+    hasMore: () => e.hasMore,
+    loading: () => e.loadingMore || e.loading
+  }), $({
+    container: o,
+    messages: () => e.messages
+  });
+  const p = () => e.loading || e.loadingMore, M = (t) => t % 2 === 0 ? "start" : "end", S = () => Array.from({
+    length: e.loadingSkeletonCount
+  }, (t, a) => a);
+  return (() => {
+    var t = L(), a = t.firstChild;
+    return i(u, t), i(w, a), n(t, s(m, {
+      get when() {
+        return p();
+      },
+      get children() {
+        var r = E();
+        return n(r, s(c, {
+          get each() {
+            return S();
+          },
+          children: (l) => s(b, {
+            get align() {
+              return M(l);
+            },
+            get showAvatar() {
+              return e.showAvatars;
+            },
+            lines: l % 2 === 0 ? 2 : 1
+          })
+        })), r;
+      }
+    }), null), n(t, s(m, {
+      get when() {
+        return !e.loading;
+      },
+      get children() {
+        return s(c, {
+          get each() {
+            return e.messages;
+          },
+          children: (r) => s(A, {
+            message: r,
+            get showAvatars() {
+              return e.showAvatars;
+            },
+            get showAttachments() {
+              return e.showAttachments;
+            },
+            get showStatus() {
+              return e.showStatus;
+            },
+            get statusIcons() {
+              return e.statusIcons;
+            },
+            get renderStatus() {
+              return e.renderStatus;
+            },
+            get renderMessage() {
+              return e.renderMessage;
+            }
+          })
+        });
+      }
+    }), null), v(() => C(t, k("smwb-chat-messages", e.class))), t;
+  })();
+}
+export {
+  j as ChatMessages
+};
+//# sourceMappingURL=chatMessages.js.map

package/dist/headless/components/dataDisplay/chat/chatMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatMessages.js","sources":["../../../../../src/components/dataDisplay/chat/chatMessages.tsx"],"sourcesContent":["import { type JSX, For, Show, createSignal, mergeProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { ChatMessageItem } from \"./chatMessageItem\";\nimport { ChatMessageSkeleton } from \"./chatMessageSkeleton\";\nimport { createChatInfiniteScroll } from \"./useChatInfiniteScroll\";\nimport { createChatStickToBottom } from \"./useChatStickToBottom\";\nimport type { ChatMessage, ChatMessageRenderContext } from \"./types\";\n\nexport interface ChatMessagesProps extends ChatMessageRenderContext {\n  class?: string | undefined;\n  messages: ChatMessage[];\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: boolean | undefined;\n  loading?: boolean | undefined;\n  loadingMore?: boolean | undefined;\n  loadingSkeletonCount?: number | undefined;\n  renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;\n}\n\nexport function ChatMessages(props: ChatMessagesProps): JSX.Element {\n  const merged = mergeProps({ hasMore: false, loading: false, loadingMore: false, loadingSkeletonCount: 3 }, props);\n\n  const [containerEl, setContainerEl] = createSignal<HTMLDivElement>();\n  const [sentinelEl, setSentinelEl] = createSignal<HTMLDivElement>();\n\n  createChatInfiniteScroll({\n    container: containerEl,\n    sentinel: sentinelEl,\n    onLoadMore: merged.onLoadMore,\n    hasMore: () => merged.hasMore,\n    loading: () => merged.loadingMore || merged.loading,\n  });\n\n  createChatStickToBottom({\n    container: containerEl,\n    messages: () => merged.messages,\n  });\n\n  const showSkeletons = (): boolean => merged.loading || merged.loadingMore;\n  const skeletonAlign = (index: number): \"start\" | \"end\" => (index % 2 === 0 ? \"start\" : \"end\");\n  const skeletonIndexes = (): number[] => Array.from({ length: merged.loadingSkeletonCount }, (_, index) => index);\n\n  return (\n    <div ref={setContainerEl} class={cn(\"smwb-chat-messages\", merged.class)} data-testid=\"chat-messages\">\n      <div ref={setSentinelEl} class=\"smwb-chat-messages__sentinel\" data-testid=\"chat-messages-sentinel\" />\n      <Show when={showSkeletons()}>\n        <div\n          class=\"smwb-chat-messages__skeletons\"\n          data-testid=\"chat-messages-skeletons\"\n          aria-busy=\"true\"\n          aria-label=\"Loading messages\"\n        >\n          <For each={skeletonIndexes()}>\n            {(index) => (\n              <ChatMessageSkeleton\n                align={skeletonAlign(index)}\n                showAvatar={merged.showAvatars}\n                lines={index % 2 === 0 ? 2 : 1}\n              />\n            )}\n          </For>\n        </div>\n      </Show>\n      <Show when={!merged.loading}>\n        <For each={merged.messages}>\n          {(message) => (\n            <ChatMessageItem\n              message={message}\n              showAvatars={merged.showAvatars}\n              showAttachments={merged.showAttachments}\n              showStatus={merged.showStatus}\n              statusIcons={merged.statusIcons}\n              renderStatus={merged.renderStatus}\n              renderMessage={merged.renderMessage}\n            />\n          )}\n        </For>\n      </Show>\n    </div>\n  );\n}\n\nexport default ChatMessages;\n"],"names":["ChatMessages","props","merged","mergeProps","hasMore","loading","loadingMore","loadingSkeletonCount","containerEl","setContainerEl","createSignal","sentinelEl","setSentinelEl","createChatInfiniteScroll","container","sentinel","onLoadMore","createChatStickToBottom","messages","showSkeletons","skeletonAlign","index","skeletonIndexes","Array","from","length","_","_el$","_tmpl$2","_el$2","firstChild","_$use","_$insert","_$createComponent","Show","when","children","_el$3","_tmpl$","For","each","ChatMessageSkeleton","align","showAvatar","showAvatars","lines","message","ChatMessageItem","showAttachments","showStatus","statusIcons","renderStatus","renderMessage","_$effect","_$className","cn","class"],"mappings":";;;;;;;;AAmBO,SAASA,EAAaC,GAAuC;AAClE,QAAMC,IAASC,EAAW;AAAA,IAAEC,SAAS;AAAA,IAAOC,SAAS;AAAA,IAAOC,aAAa;AAAA,IAAOC,sBAAsB;AAAA,EAAA,GAAKN,CAAK,GAE1G,CAACO,GAAaC,CAAc,IAAIC,EAAAA,GAChC,CAACC,GAAYC,CAAa,IAAIF,EAAAA;AAEpCG,EAAAA,EAAyB;AAAA,IACvBC,WAAWN;AAAAA,IACXO,UAAUJ;AAAAA,IACVK,YAAYd,EAAOc;AAAAA,IACnBZ,SAASA,MAAMF,EAAOE;AAAAA,IACtBC,SAASA,MAAMH,EAAOI,eAAeJ,EAAOG;AAAAA,EAAAA,CAC7C,GAEDY,EAAwB;AAAA,IACtBH,WAAWN;AAAAA,IACXU,UAAUA,MAAMhB,EAAOgB;AAAAA,EAAAA,CACxB;AAED,QAAMC,IAAgBA,MAAejB,EAAOG,WAAWH,EAAOI,aACxDc,IAAgBA,CAACC,MAAoCA,IAAQ,MAAM,IAAI,UAAU,OACjFC,IAAkBA,MAAgBC,MAAMC,KAAK;AAAA,IAAEC,QAAQvB,EAAOK;AAAAA,EAAAA,GAAwB,CAACmB,GAAGL,MAAUA,CAAK;AAE/G,UAAA,MAAA;AAAA,QAAAM,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EACYtB,GAAckB,CAAA,GAAAI,EACZnB,GAAaiB,CAAA,GAAAG,EAAAL,GAAAM,EACtBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEhB,EAAAA;AAAAA,MAAe;AAAA,MAAA,IAAAiB,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAN,eAAAA,EAAAK,GAAAJ,EAOtBM,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAElB,EAAAA;AAAAA,UAAiB;AAAA,UAAAc,UACxBf,CAAAA,MAAKY,EACJQ,GAAmB;AAAA,YAAA,IAClBC,QAAK;AAAA,qBAAEtB,EAAcC,CAAK;AAAA,YAAC;AAAA,YAAA,IAC3BsB,aAAU;AAAA,qBAAEzC,EAAO0C;AAAAA,YAAW;AAAA,YAC9BC,OAAOxB,IAAQ,MAAM,IAAI,IAAI;AAAA,UAAA,CAAC;AAAA,QAAA,CAEjC,CAAA,GAAAgB;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAL,EAAAL,GAAAM,EAINC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE,CAACjC,EAAOG;AAAAA,MAAO;AAAA,MAAA,IAAA+B,WAAA;AAAA,eAAAH,EACxBM,GAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAEtC,EAAOgB;AAAAA,UAAQ;AAAA,UAAAkB,UACtBU,CAAAA,MAAOb,EACNc,GAAe;AAAA,YACdD,SAAAA;AAAAA,YAAgB,IAChBF,cAAW;AAAA,qBAAE1C,EAAO0C;AAAAA,YAAW;AAAA,YAAA,IAC/BI,kBAAe;AAAA,qBAAE9C,EAAO8C;AAAAA,YAAe;AAAA,YAAA,IACvCC,aAAU;AAAA,qBAAE/C,EAAO+C;AAAAA,YAAU;AAAA,YAAA,IAC7BC,cAAW;AAAA,qBAAEhD,EAAOgD;AAAAA,YAAW;AAAA,YAAA,IAC/BC,eAAY;AAAA,qBAAEjD,EAAOiD;AAAAA,YAAY;AAAA,YAAA,IACjCC,gBAAa;AAAA,qBAAElD,EAAOkD;AAAAA,YAAa;AAAA,UAAA,CAAA;AAAA,QAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAC,EAAA,MAAAC,EAAA3B,GAhC0B4B,EAAG,sBAAsBrD,EAAOsD,KAAK,CAAC,CAAA,GAAA7B;AAAAA,EAAA,GAAA;AAqC3E;"}

package/dist/headless/components/dataDisplay/chat/chatOverlayLayout.js

@@ -0,0 +1,52 @@
+import { spread as d, mergeProps as r, insert as l, createComponent as i, effect as y, className as h, template as f } from "solid-js/web";
+import { mergeProps as m, splitProps as p } from "solid-js";
+import s from "clsx";
+import { Chat as g } from "./chat.js";
+var v = /* @__PURE__ */ f("<div><div data-testid=chat-overlay-layout-content>");
+const C = (e) => typeof e == "number" ? `${e}px` : e, L = (e) => e === "left" ? "bottom-left" : "bottom-right";
+function $(e) {
+  const n = m({
+    side: "right",
+    chatWidth: 400,
+    allowedLayouts: ["fullHeight", "floating"],
+    defaultLayout: "fullHeight",
+    defaultOpen: !0
+  }, e), [t, u] = p(n, ["class", "contentClass", "chatClass", "side", "chatWidth", "allowedLayouts", "defaultLayout", "defaultOpen", "chat", "children", "style"]), c = () => ({
+    "--smwb-chat-overlay-w": C(t.chatWidth),
+    ...typeof t.style == "object" && t.style ? t.style : {}
+  });
+  return (() => {
+    var a = v(), o = a.firstChild;
+    return d(a, r(u, {
+      get class() {
+        return s("smwb-chat-overlay-layout", t.class);
+      },
+      get style() {
+        return c();
+      },
+      "data-testid": "chat-overlay-layout"
+    }), !1, !0), l(o, () => t.children), l(a, i(g, r(() => t.chat, {
+      get class() {
+        return t.chatClass;
+      },
+      overlayContext: !0,
+      floatingTrigger: !0,
+      get anchor() {
+        return L(t.side);
+      },
+      get allowedLayouts() {
+        return t.allowedLayouts;
+      },
+      get defaultLayout() {
+        return t.defaultLayout;
+      },
+      get defaultOpen() {
+        return t.defaultOpen;
+      }
+    })), null), y(() => h(o, s("smwb-chat-overlay-layout__content", t.contentClass))), a;
+  })();
+}
+export {
+  $ as ChatOverlayLayout
+};
+//# sourceMappingURL=chatOverlayLayout.js.map

package/dist/headless/components/dataDisplay/chat/chatOverlayLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatOverlayLayout.js","sources":["../../../../../src/components/dataDisplay/chat/chatOverlayLayout.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Chat, type ChatProps } from \"./chat\";\nimport type { ChatAnchor, ChatLayoutMode, ChatLayoutSide } from \"./types\";\n\nconst len = (value: number | string): string => (typeof value === \"number\" ? `${value}px` : value);\n\nconst anchorForSide = (side: ChatLayoutSide): ChatAnchor => (side === \"left\" ? \"bottom-left\" : \"bottom-right\");\n\nexport type ChatOverlayLayoutChatProps = Omit<\n  ChatProps,\n  | \"class\"\n  | \"overlayContext\"\n  | \"embedded\"\n  | \"floatingTrigger\"\n  | \"anchor\"\n  | \"allowedLayouts\"\n  | \"layout\"\n  | \"defaultLayout\"\n  | \"onLayoutChange\"\n  | \"open\"\n  | \"defaultOpen\"\n  | \"onOpenChange\"\n>;\n\nexport interface ChatOverlayLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {\n  contentClass?: string | undefined;\n  chatClass?: string | undefined;\n  side?: ChatLayoutSide | undefined;\n  chatWidth?: number | string | undefined;\n  allowedLayouts?: ChatLayoutMode[] | undefined;\n  defaultLayout?: ChatLayoutMode | undefined;\n  defaultOpen?: boolean | undefined;\n  chat: ChatOverlayLayoutChatProps;\n}\n\nexport function ChatOverlayLayout(props: ChatOverlayLayoutProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      side: \"right\" as const,\n      chatWidth: 400 as number | string,\n      allowedLayouts: [\"fullHeight\", \"floating\"] as ChatLayoutMode[],\n      defaultLayout: \"fullHeight\" as ChatLayoutMode,\n      defaultOpen: true,\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"class\",\n    \"contentClass\",\n    \"chatClass\",\n    \"side\",\n    \"chatWidth\",\n    \"allowedLayouts\",\n    \"defaultLayout\",\n    \"defaultOpen\",\n    \"chat\",\n    \"children\",\n    \"style\",\n  ]);\n\n  const rootStyle = (): JSX.CSSProperties => ({\n    \"--smwb-chat-overlay-w\": len(local.chatWidth),\n    ...(typeof local.style === \"object\" && local.style ? local.style : {}),\n  });\n\n  return (\n    <div\n      {...rest}\n      class={cn(\"smwb-chat-overlay-layout\", local.class)}\n      style={rootStyle()}\n      data-testid=\"chat-overlay-layout\"\n    >\n      <div class={cn(\"smwb-chat-overlay-layout__content\", local.contentClass)} data-testid=\"chat-overlay-layout-content\">\n        {local.children}\n      </div>\n      <Chat\n        {...local.chat}\n        class={local.chatClass}\n        overlayContext\n        floatingTrigger\n        anchor={anchorForSide(local.side)}\n        allowedLayouts={local.allowedLayouts}\n        defaultLayout={local.defaultLayout}\n        defaultOpen={local.defaultOpen}\n      />\n    </div>\n  );\n}\n\nexport default ChatOverlayLayout;\n"],"names":["len","value","anchorForSide","side","ChatOverlayLayout","props","merged","mergeProps","chatWidth","allowedLayouts","defaultLayout","defaultOpen","local","rest","splitProps","rootStyle","style","_el$","_tmpl$","_el$2","firstChild","_$spread","_$mergeProps","cn","class","_$insert","children","_$createComponent","Chat","chat","chatClass","overlayContext","floatingTrigger","anchor","_$effect","_$className","contentClass"],"mappings":";;;;;AAKA,MAAMA,IAAMA,CAACC,MAAoC,OAAOA,KAAU,WAAW,GAAGA,CAAK,OAAOA,GAEtFC,IAAgBA,CAACC,MAAsCA,MAAS,SAAS,gBAAgB;AA6BxF,SAASC,EAAkBC,GAA4C;AAC5E,QAAMC,IAASC,EACb;AAAA,IACEJ,MAAM;AAAA,IACNK,WAAW;AAAA,IACXC,gBAAgB,CAAC,cAAc,UAAU;AAAA,IACzCC,eAAe;AAAA,IACfC,aAAa;AAAA,EAAA,GAEfN,CACF,GACM,CAACO,GAAOC,CAAI,IAAIC,EAAWR,GAAQ,CACvC,SACA,gBACA,aACA,QACA,aACA,kBACA,iBACA,eACA,QACA,YACA,OAAO,CACR,GAEKS,IAAYA,OAA0B;AAAA,IAC1C,yBAAyBf,EAAIY,EAAMJ,SAAS;AAAA,IAC5C,GAAI,OAAOI,EAAMI,SAAU,YAAYJ,EAAMI,QAAQJ,EAAMI,QAAQ,CAAA;AAAA,EAAC;AAGtE,UAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAEQT,GAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACDU,EAAG,4BAA4BX,EAAMY,KAAK;AAAA,MAAC;AAAA,MAAA,IAClDR,QAAK;AAAA,eAAED,EAAAA;AAAAA,MAAW;AAAA,MAAA,eACN;AAAA,IAAA,CAAqB,GAAA,IAAA,EAAA,GAAAU,EAAAN,GAAA,MAG9BP,EAAMc,QAAQ,GAAAD,EAAAR,GAAAU,EAEhBC,GAAIN,EAAA,MACCV,EAAMiB,MAAI;AAAA,MAAA,IAAA,QAAA;AAAA,eACPjB,EAAMkB;AAAAA,MAAS;AAAA,MACtBC,gBAAc;AAAA,MACdC,iBAAe;AAAA,MAAA,IACfC,SAAM;AAAA,eAAE/B,EAAcU,EAAMT,IAAI;AAAA,MAAC;AAAA,MAAA,IACjCM,iBAAc;AAAA,eAAEG,EAAMH;AAAAA,MAAc;AAAA,MAAA,IACpCC,gBAAa;AAAA,eAAEE,EAAMF;AAAAA,MAAa;AAAA,MAAA,IAClCC,cAAW;AAAA,eAAEC,EAAMD;AAAAA,MAAW;AAAA,IAAA,CAAA,CAAA,GAAA,IAAA,GAAAuB,EAAA,MAAAC,EAAAhB,GAXpBI,EAAG,qCAAqCX,EAAMwB,YAAY,CAAC,CAAA,GAAAnB;AAAAA,EAAA,GAAA;AAe7E;"}

package/dist/headless/components/dataDisplay/chat/chatShell.js

@@ -0,0 +1,82 @@
+import { createComponent as o, Portal as m, spread as i, mergeProps as u, insert as l, template as a } from "solid-js/web";
+import { mergeProps as f, splitProps as p, createEffect as b, onCleanup as v, Show as n } from "solid-js";
+import y from "clsx";
+var g = /* @__PURE__ */ a("<div class=smwb-chat-shell__header>"), w = /* @__PURE__ */ a("<div class=smwb-chat-shell__footer>"), _ = /* @__PURE__ */ a("<div><div class=smwb-chat-shell__body>");
+function z(c) {
+  const h = f({
+    anchor: "bottom-right",
+    themeMode: "inherit",
+    embedded: !1,
+    overlayContext: !1,
+    fileDropzoneActive: !1
+  }, c), [e] = p(h, ["class", "layout", "anchor", "themeMode", "embedded", "overlayContext", "header", "footer", "children", "fileDropzoneRootProps", "fileDropzoneActive"]);
+  b(() => {
+    if (e.layout !== "fullscreen") return;
+    const t = document.body.style.overflow;
+    document.body.style.overflow = "hidden", v(() => {
+      document.body.style.overflow = t;
+    });
+  });
+  const s = () => (() => {
+    var t = _(), d = t.firstChild;
+    return i(t, u(() => e.fileDropzoneRootProps ?? {}, {
+      get class() {
+        return y("smwb-chat-shell", `smwb-chat-shell_${e.layout}`, !e.embedded && `smwb-chat-shell_${e.anchor}`, {
+          "smwb-dark": e.themeMode === "dark",
+          "smwb-chat-shell_embedded": e.embedded,
+          "smwb-chat-shell_overlay-context": e.overlayContext,
+          "smwb-chat-dropzone_active": e.fileDropzoneActive
+        }, e.class);
+      },
+      "data-testid": "chat-shell",
+      get "data-layout"() {
+        return e.layout;
+      }
+    }), !1, !0), l(t, o(n, {
+      get when() {
+        return e.header;
+      },
+      get children() {
+        var r = g();
+        return l(r, () => e.header), r;
+      }
+    }), d), l(d, () => e.children), l(t, o(n, {
+      get when() {
+        return e.footer;
+      },
+      get children() {
+        var r = w();
+        return l(r, () => e.footer), r;
+      }
+    }), null), t;
+  })();
+  return o(n, {
+    get when() {
+      return e.layout !== "closed";
+    },
+    get children() {
+      return o(n, {
+        get when() {
+          return e.layout === "fullscreen";
+        },
+        get fallback() {
+          return s();
+        },
+        get children() {
+          return o(m, {
+            get mount() {
+              return document.body;
+            },
+            get children() {
+              return s();
+            }
+          });
+        }
+      });
+    }
+  });
+}
+export {
+  z as ChatShell
+};
+//# sourceMappingURL=chatShell.js.map

package/dist/headless/components/dataDisplay/chat/chatShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatShell.js","sources":["../../../../../src/components/dataDisplay/chat/chatShell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport type { ChatAnchor, ChatLayoutMode, ChatThemeMode } from \"./types\";\n\nexport interface ChatShellProps extends ParentProps {\n  class?: string | undefined;\n  layout: ChatLayoutMode;\n  anchor?: ChatAnchor | undefined;\n  themeMode?: ChatThemeMode | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  header?: JSX.Element;\n  footer?: JSX.Element;\n  fileDropzoneRootProps?: JSX.HTMLAttributes<HTMLDivElement> | undefined;\n  fileDropzoneActive?: boolean | undefined;\n}\n\nexport function ChatShell(props: ChatShellProps): JSX.Element {\n  const merged = mergeProps(\n    { anchor: \"bottom-right\" as const, themeMode: \"inherit\" as const, embedded: false, overlayContext: false, fileDropzoneActive: false },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"layout\",\n    \"anchor\",\n    \"themeMode\",\n    \"embedded\",\n    \"overlayContext\",\n    \"header\",\n    \"footer\",\n    \"children\",\n    \"fileDropzoneRootProps\",\n    \"fileDropzoneActive\",\n  ]);\n\n  // Lock body scroll while a fullscreen chat is mounted.\n  createEffect(() => {\n    if (local.layout !== \"fullscreen\") return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    onCleanup(() => {\n      document.body.style.overflow = prev;\n    });\n  });\n\n  const panel = (): JSX.Element => (\n    <div\n      {...(local.fileDropzoneRootProps ?? {})}\n      class={cn(\n        \"smwb-chat-shell\",\n        `smwb-chat-shell_${local.layout}`,\n        !local.embedded && `smwb-chat-shell_${local.anchor}`,\n        {\n          \"smwb-dark\": local.themeMode === \"dark\",\n          \"smwb-chat-shell_embedded\": local.embedded,\n          \"smwb-chat-shell_overlay-context\": local.overlayContext,\n          \"smwb-chat-dropzone_active\": local.fileDropzoneActive,\n        },\n        local.class\n      )}\n      data-testid=\"chat-shell\"\n      data-layout={local.layout}\n    >\n      <Show when={local.header}>\n        <div class=\"smwb-chat-shell__header\">{local.header}</div>\n      </Show>\n      <div class=\"smwb-chat-shell__body\">{local.children}</div>\n      <Show when={local.footer}>\n        <div class=\"smwb-chat-shell__footer\">{local.footer}</div>\n      </Show>\n    </div>\n  );\n\n  return (\n    <Show when={local.layout !== \"closed\"}>\n      <Show when={local.layout === \"fullscreen\"} fallback={panel()}>\n        <Portal mount={document.body}>{panel()}</Portal>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatShell;\n"],"names":["ChatShell","props","merged","mergeProps","anchor","themeMode","embedded","overlayContext","fileDropzoneActive","local","splitProps","createEffect","layout","prev","document","body","style","overflow","onCleanup","panel","_el$","_tmpl$3","_el$3","firstChild","_$spread","_$mergeProps","fileDropzoneRootProps","cn","class","_$insert","_$createComponent","Show","when","header","children","_el$2","_tmpl$","footer","_el$4","_tmpl$2","fallback","Portal","mount"],"mappings":";;;;AAkBO,SAASA,EAAUC,GAAoC;AAC5D,QAAMC,IAASC,EACb;AAAA,IAAEC,QAAQ;AAAA,IAAyBC,WAAW;AAAA,IAAoBC,UAAU;AAAA,IAAOC,gBAAgB;AAAA,IAAOC,oBAAoB;AAAA,EAAA,GAC9HP,CACF,GACM,CAACQ,CAAK,IAAIC,EAAWR,GAAQ,CACjC,SACA,UACA,UACA,aACA,YACA,kBACA,UACA,UACA,YACA,yBACA,oBAAoB,CACrB;AAGDS,EAAAA,EAAa,MAAM;AACjB,QAAIF,EAAMG,WAAW,aAAc;AACnC,UAAMC,IAAOC,SAASC,KAAKC,MAAMC;AACjCH,aAASC,KAAKC,MAAMC,WAAW,UAC/BC,EAAU,MAAM;AACdJ,eAASC,KAAKC,MAAMC,WAAWJ;AAAAA,IACjC,CAAC;AAAA,EACH,CAAC;AAED,QAAMM,IAAQA,OAAe,MAAA;AAAA,QAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG;AAAAC,WAAAA,EAAAJ,GAAAK,EAAA,MAEpBhB,EAAMiB,yBAAyB,CAAA,GAAE;AAAA,MAAA,IAAA,QAAA;AAAA,eAC/BC,EACL,mBACA,mBAAmBlB,EAAMG,MAAM,IAC/B,CAACH,EAAMH,YAAY,mBAAmBG,EAAML,MAAM,IAClD;AAAA,UACE,aAAaK,EAAMJ,cAAc;AAAA,UACjC,4BAA4BI,EAAMH;AAAAA,UAClC,mCAAmCG,EAAMF;AAAAA,UACzC,6BAA6BE,EAAMD;AAAAA,QAAAA,GAErCC,EAAMmB,KACR;AAAA,MAAC;AAAA,MAAA,eACW;AAAA,MAAY,IAAA,gBAAA;AAAA,eACXnB,EAAMG;AAAAA,MAAM;AAAA,IAAA,CAAA,GAAA,IAAA,EAAA,GAAAiB,EAAAT,GAAAU,EAExBC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAMwB;AAAAA,MAAM;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,IAAAC,EAAAA;AAAAP,eAAAA,EAAAM,GAAA,MACgB1B,EAAMwB,MAAM,GAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAb,CAAA,GAAAO,EAAAP,GAAA,MAEhBb,EAAMyB,QAAQ,GAAAL,EAAAT,GAAAU,EACjDC,GAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEvB,EAAM4B;AAAAA,MAAM;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,IAAAC,EAAAA;AAAAV,eAAAA,EAAAS,GAAA,MACgB7B,EAAM4B,MAAM,GAAAC;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA,GAAAlB;AAAAA,EAAA,GAAA;AAKxD,SAAAU,EACGC,GAAI;AAAA,IAAA,IAACC,OAAI;AAAA,aAAEvB,EAAMG,WAAW;AAAA,IAAQ;AAAA,IAAA,IAAAsB,WAAA;AAAA,aAAAJ,EAClCC,GAAI;AAAA,QAAA,IAACC,OAAI;AAAA,iBAAEvB,EAAMG,WAAW;AAAA,QAAY;AAAA,QAAA,IAAE4B,WAAQ;AAAA,iBAAErB,EAAAA;AAAAA,QAAO;AAAA,QAAA,IAAAe,WAAA;AAAA,iBAAAJ,EACzDW,GAAM;AAAA,YAAA,IAACC,QAAK;AAAA,qBAAE5B,SAASC;AAAAA,YAAI;AAAA,YAAA,IAAAmB,WAAA;AAAA,qBAAGf,EAAAA;AAAAA,YAAO;AAAA,UAAA,CAAA;AAAA,QAAA;AAAA,MAAA,CAAA;AAAA,IAAA;AAAA,EAAA,CAAA;AAI9C;"}

package/dist/headless/components/dataDisplay/chat/types.js

@@ -0,0 +1,19 @@
+const e = ["pending", "sent", "delivered", "read"], _ = {
+  pending: "progress_activity",
+  sent: "check",
+  delivered: "done_all",
+  read: "done_all"
+}, n = {
+  pending: "В обработке",
+  sent: "Отправлено",
+  delivered: "Доставлено",
+  read: "Прочитано"
+}, A = ["floating", "fullHeight", "fullscreen"], S = 10;
+export {
+  S as CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  A as CHAT_EXPAND_LAYOUTS,
+  e as CHAT_MESSAGE_DELIVERY_STATUSES,
+  _ as CHAT_MESSAGE_STATUS_ICONS,
+  n as CHAT_MESSAGE_STATUS_LABELS
+};
+//# sourceMappingURL=types.js.map

package/dist/headless/components/dataDisplay/chat/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../src/components/dataDisplay/chat/types.ts"],"sourcesContent":["import type { JSX } from \"solid-js\";\n\nexport type ChatMessageVariant = \"incoming\" | \"outgoing\" | \"system\" | \"custom\";\n\nexport type ChatLayoutMode = \"closed\" | \"floating\" | \"fullHeight\" | \"fullscreen\";\n\nexport type ChatAnchor = \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\";\n\nexport type ChatThemeMode = \"inherit\" | \"light\" | \"dark\";\n\nexport type ChatLayoutSide = \"left\" | \"right\";\n\nexport type ChatMessageDeliveryStatus = \"pending\" | \"sent\" | \"delivered\" | \"read\";\n\nexport type ChatMessageStatus = ChatMessageDeliveryStatus | (string & {});\n\nexport interface ChatMessageStatusIcons {\n  pending?: string;\n  sent?: string;\n  delivered?: string;\n  read?: string;\n}\n\nexport interface ChatMessageStatusRenderContext {\n  message: ChatMessage;\n  status: ChatMessageStatus;\n}\n\nexport interface ChatAttachment {\n  id: string;\n  name: string;\n  url?: string;\n  mimeType?: string;\n  size?: number;\n}\n\nexport interface ChatAuthor {\n  name?: string;\n  avatarSrc?: string;\n  avatarAlt?: string;\n}\n\nexport interface ChatMessage {\n  id: string;\n  variant: ChatMessageVariant;\n  text?: JSX.Element;\n  author?: ChatAuthor;\n  attachments?: ChatAttachment[];\n  content?: JSX.Element;\n  timestamp?: string | Date;\n  status?: ChatMessageStatus;\n}\n\nexport interface ChatMessageRenderContext {\n  showAvatars: boolean;\n  showAttachments: boolean;\n  showStatus?: boolean | undefined;\n  statusIcons?: (ChatMessageStatusIcons & Record<string, string | undefined>) | undefined;\n  renderStatus?: ((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined;\n}\n\nexport const CHAT_MESSAGE_DELIVERY_STATUSES: ChatMessageDeliveryStatus[] = [\"pending\", \"sent\", \"delivered\", \"read\"];\n\nexport const CHAT_MESSAGE_STATUS_ICONS: Record<ChatMessageDeliveryStatus, string> = {\n  pending: \"progress_activity\",\n  sent: \"check\",\n  delivered: \"done_all\",\n  read: \"done_all\",\n};\n\nexport const CHAT_MESSAGE_STATUS_LABELS: Record<ChatMessageDeliveryStatus, string> = {\n  pending: \"В обработке\",\n  sent: \"Отправлено\",\n  delivered: \"Доставлено\",\n  read: \"Прочитано\",\n};\n\nexport const CHAT_EXPAND_LAYOUTS: ChatLayoutMode[] = [\"floating\", \"fullHeight\", \"fullscreen\"];\n\nexport const CHAT_OVERLAY_LAYOUTS: ChatLayoutMode[] = [\"fullHeight\", \"floating\"];\n\nexport const CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES = 10;\n"],"names":["CHAT_MESSAGE_DELIVERY_STATUSES","CHAT_MESSAGE_STATUS_ICONS","CHAT_MESSAGE_STATUS_LABELS","CHAT_EXPAND_LAYOUTS","CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES"],"mappings":"AA6DO,MAAMA,IAA8D,CAAC,WAAW,QAAQ,aAAa,MAAM,GAErGC,IAAuE;AAAA,EAClF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AACR,GAEaC,IAAwE;AAAA,EACnF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AACR,GAEaC,IAAwC,CAAC,YAAY,cAAc,YAAY,GAI/EC,IAAqC;"}

package/dist/headless/components/dataDisplay/chat/useChatFileUpload.js

@@ -0,0 +1,39 @@
+import { createDropzone as p } from "../../../primitives/createDropzone.js";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as c } from "./types.js";
+function i(e) {
+  return e == null ? c : Math.max(1, e);
+}
+const l = (e) => typeof e == "function" ? e() : !!e;
+function f(e = {}) {
+  const n = i(e.maxFiles), r = () => l(e.enabled) && !!e.onUploadFiles && !l(e.disabled), o = p({
+    accept: e.accept,
+    maxFiles: n,
+    multiple: n > 1,
+    get disabled() {
+      return !r();
+    },
+    onDropAccepted: (t) => {
+      e.onUploadFiles?.(t);
+    }
+  });
+  return {
+    enabled: r,
+    maxFiles: n,
+    getRootProps: () => {
+      const { onClick: t, ...a } = o.getRootProps();
+      return a;
+    },
+    getInputProps: (t) => ({
+      ...o.getInputProps(),
+      ...t ?? {}
+    }),
+    open: o.open,
+    inputRef: o.inputRef,
+    isDragActive: o.isDragActive
+  };
+}
+export {
+  f as createChatFileUpload,
+  i as resolveChatFileUploadMaxFiles
+};
+//# sourceMappingURL=useChatFileUpload.js.map

package/dist/headless/components/dataDisplay/chat/useChatFileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatFileUpload.js","sources":["../../../../../src/components/dataDisplay/chat/useChatFileUpload.ts"],"sourcesContent":["import { type Accessor } from \"solid-js\";\nimport { type DropzoneInputProps, createDropzone } from \"../../../primitives/createDropzone\";\nimport { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES } from \"./types\";\n\nexport interface CreateChatFileUploadOptions {\n  enabled?: Accessor<boolean> | boolean | undefined;\n  accept?: Record<string, string[]> | string | undefined;\n  maxFiles?: number | undefined;\n  onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;\n  disabled?: Accessor<boolean> | boolean | undefined;\n}\n\nexport interface ChatFileUploadRootProps {\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: () => void;\n  onDrop: (event: DragEvent) => void;\n}\n\nexport interface ChatFileUploadState {\n  enabled: Accessor<boolean>;\n  maxFiles: number;\n  getRootProps: () => ChatFileUploadRootProps;\n  getInputProps: (extra?: { id?: string }) => DropzoneInputProps & { id?: string };\n  open: () => void;\n  inputRef: (el: HTMLInputElement) => void;\n  isDragActive: Accessor<boolean>;\n}\n\nexport function resolveChatFileUploadMaxFiles(maxFiles?: number): number {\n  if (maxFiles == null) {\n    return CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES;\n  }\n\n  return Math.max(1, maxFiles);\n}\n\nconst read = (value: Accessor<boolean> | boolean | undefined): boolean =>\n  typeof value === \"function\" ? value() : Boolean(value);\n\n/**\n * Solid port of useChatFileUpload — wraps the createDropzone primitive but,\n * like the react-dropzone `noClick` config, exposes drag/drop root props\n * without a click handler so clicking the chat surface never opens the picker.\n */\nexport function createChatFileUpload(options: CreateChatFileUploadOptions = {}): ChatFileUploadState {\n  const resolvedMaxFiles = resolveChatFileUploadMaxFiles(options.maxFiles);\n  const enabled: Accessor<boolean> = () =>\n    read(options.enabled) && Boolean(options.onUploadFiles) && !read(options.disabled);\n\n  const dropzone = createDropzone({\n    accept: options.accept,\n    maxFiles: resolvedMaxFiles,\n    multiple: resolvedMaxFiles > 1,\n    get disabled() {\n      return !enabled();\n    },\n    onDropAccepted: (files) => {\n      void options.onUploadFiles?.(files);\n    },\n  });\n\n  const getRootProps = (): ChatFileUploadRootProps => {\n    const { onClick: _onClick, ...rest } = dropzone.getRootProps();\n    void _onClick;\n    return rest;\n  };\n\n  const getInputProps = (extra?: { id?: string }): DropzoneInputProps & { id?: string } => ({\n    ...dropzone.getInputProps(),\n    ...(extra ?? {}),\n  });\n\n  return {\n    enabled,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    open: dropzone.open,\n    inputRef: dropzone.inputRef,\n    isDragActive: dropzone.isDragActive,\n  };\n}\n\nexport default createChatFileUpload;\n"],"names":["resolveChatFileUploadMaxFiles","maxFiles","CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES","read","value","createChatFileUpload","options","resolvedMaxFiles","enabled","dropzone","createDropzone","files","_onClick","rest","extra"],"mappings":";;AA4BO,SAASA,EAA8BC,GAA2B;AACvE,SAAIA,KAAY,OACPC,IAGF,KAAK,IAAI,GAAGD,CAAQ;AAC7B;AAEA,MAAME,IAAO,CAACC,MACZ,OAAOA,KAAU,aAAaA,EAAA,IAAU,EAAQA;AAO3C,SAASC,EAAqBC,IAAuC,IAAyB;AACnG,QAAMC,IAAmBP,EAA8BM,EAAQ,QAAQ,GACjEE,IAA6B,MACjCL,EAAKG,EAAQ,OAAO,KAAK,EAAQA,EAAQ,iBAAkB,CAACH,EAAKG,EAAQ,QAAQ,GAE7EG,IAAWC,EAAe;AAAA,IAC9B,QAAQJ,EAAQ;AAAA,IAChB,UAAUC;AAAA,IACV,UAAUA,IAAmB;AAAA,IAC7B,IAAI,WAAW;AACb,aAAO,CAACC,EAAA;AAAA,IACV;AAAA,IACA,gBAAgB,CAACG,MAAU;AACzB,MAAKL,EAAQ,gBAAgBK,CAAK;AAAA,IACpC;AAAA,EAAA,CACD;AAaD,SAAO;AAAA,IACL,SAAAH;AAAA,IACA,UAAUD;AAAA,IACV,cAdmB,MAA+B;AAClD,YAAM,EAAE,SAASK,GAAU,GAAGC,EAAA,IAASJ,EAAS,aAAA;AAEhD,aAAOI;AAAA,IACT;AAAA,IAWE,eAToB,CAACC,OAAmE;AAAA,MACxF,GAAGL,EAAS,cAAA;AAAA,MACZ,GAAIK,KAAS,CAAA;AAAA,IAAC;AAAA,IAQd,MAAML,EAAS;AAAA,IACf,UAAUA,EAAS;AAAA,IACnB,cAAcA,EAAS;AAAA,EAAA;AAE3B;"}

package/dist/headless/components/dataDisplay/chat/useChatInfiniteScroll.js

@@ -0,0 +1,20 @@
+import { createEffect as l, onCleanup as d } from "solid-js";
+function h(e) {
+  const i = e.rootMargin ?? "80px";
+  l(() => {
+    const o = e.container(), n = e.sentinel(), s = e.hasMore?.() ?? !1, t = e.onLoadMore;
+    if (!o || !n || !s || !t || typeof IntersectionObserver > "u")
+      return;
+    const r = new IntersectionObserver(
+      (c) => {
+        c.some((f) => f.isIntersecting) && !(e.loading?.() ?? !1) && t();
+      },
+      { root: o, rootMargin: i, threshold: 0 }
+    );
+    r.observe(n), d(() => r.disconnect());
+  });
+}
+export {
+  h as createChatInfiniteScroll
+};
+//# sourceMappingURL=useChatInfiniteScroll.js.map

package/dist/headless/components/dataDisplay/chat/useChatInfiniteScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatInfiniteScroll.js","sources":["../../../../../src/components/dataDisplay/chat/useChatInfiniteScroll.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nexport interface CreateChatInfiniteScrollParams {\n  container: Accessor<HTMLElement | null | undefined>;\n  sentinel: Accessor<HTMLElement | null | undefined>;\n  onLoadMore?: (() => void | Promise<void>) | undefined;\n  hasMore?: Accessor<boolean>;\n  loading?: Accessor<boolean>;\n  rootMargin?: string;\n}\n\n/**\n * Solid port of useChatInfiniteScroll — observes a sentinel element near the\n * top of the scroll container and invokes onLoadMore when it becomes visible.\n */\nexport function createChatInfiniteScroll(params: CreateChatInfiniteScrollParams): void {\n  const rootMargin = params.rootMargin ?? \"80px\";\n\n  createEffect(() => {\n    const root = params.container();\n    const sentinel = params.sentinel();\n    const hasMore = params.hasMore?.() ?? false;\n    const onLoadMore = params.onLoadMore;\n\n    if (!root || !sentinel || !hasMore || !onLoadMore || typeof IntersectionObserver === \"undefined\") {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        if (entries.some((entry) => entry.isIntersecting) && !(params.loading?.() ?? false)) {\n          void onLoadMore();\n        }\n      },\n      { root, rootMargin, threshold: 0 }\n    );\n\n    observer.observe(sentinel);\n    onCleanup(() => observer.disconnect());\n  });\n}\n"],"names":["createChatInfiniteScroll","params","rootMargin","createEffect","root","sentinel","hasMore","onLoadMore","observer","entries","entry","onCleanup"],"mappings":";AAeO,SAASA,EAAyBC,GAA8C;AACrF,QAAMC,IAAaD,EAAO,cAAc;AAExC,EAAAE,EAAa,MAAM;AACjB,UAAMC,IAAOH,EAAO,UAAA,GACdI,IAAWJ,EAAO,SAAA,GAClBK,IAAUL,EAAO,UAAA,KAAe,IAChCM,IAAaN,EAAO;AAE1B,QAAI,CAACG,KAAQ,CAACC,KAAY,CAACC,KAAW,CAACC,KAAc,OAAO,uBAAyB;AACnF;AAGF,UAAMC,IAAW,IAAI;AAAA,MACnB,CAACC,MAAY;AACX,QAAIA,EAAQ,KAAK,CAACC,MAAUA,EAAM,cAAc,KAAK,EAAET,EAAO,UAAA,KAAe,OACtEM,EAAA;AAAA,MAET;AAAA,MACA,EAAE,MAAAH,GAAM,YAAAF,GAAY,WAAW,EAAA;AAAA,IAAE;AAGnC,IAAAM,EAAS,QAAQH,CAAQ,GACzBM,EAAU,MAAMH,EAAS,YAAY;AAAA,EACvC,CAAC;AACH;"}

package/dist/headless/components/dataDisplay/chat/useChatStickToBottom.js

@@ -0,0 +1,36 @@
+import { createEffect as h, onCleanup as p } from "solid-js";
+function v(e, l = 24) {
+  return e.scrollHeight - e.scrollTop - e.clientHeight <= l;
+}
+function u(e) {
+  e.scrollTop = e.scrollHeight;
+}
+function T(e) {
+  const l = e.threshold ?? 24;
+  let r = !0, i = 0, d, n, a = !1;
+  h(() => {
+    const o = e.container();
+    if (!o) return;
+    const t = () => {
+      r = v(o, l);
+    };
+    t(), o.addEventListener("scroll", t, { passive: !0 }), p(() => o.removeEventListener("scroll", t));
+  }), h(() => {
+    const o = e.messages(), t = e.container();
+    if (!t) return;
+    const c = o[0]?.id, s = o[o.length - 1]?.id;
+    if (!a)
+      u(t), r = !0, a = !0;
+    else {
+      const f = c !== void 0 && c !== d && s === n, g = s !== void 0 && s !== n;
+      f && i > 0 ? t.scrollTop += t.scrollHeight - i : g && r && u(t);
+    }
+    i = t.scrollHeight, d = c, n = s;
+  });
+}
+export {
+  T as createChatStickToBottom,
+  v as isScrolledToBottom,
+  u as scrollChatToBottom
+};
+//# sourceMappingURL=useChatStickToBottom.js.map

package/dist/headless/components/dataDisplay/chat/useChatStickToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatStickToBottom.js","sources":["../../../../../src/components/dataDisplay/chat/useChatStickToBottom.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nexport interface CreateChatStickToBottomParams {\n  container: Accessor<HTMLElement | null | undefined>;\n  messages: Accessor<readonly { id: string }[]>;\n  threshold?: number;\n}\n\nexport function isScrolledToBottom(element: HTMLElement, threshold = 24): boolean {\n  return element.scrollHeight - element.scrollTop - element.clientHeight <= threshold;\n}\n\nexport function scrollChatToBottom(element: HTMLElement): void {\n  element.scrollTop = element.scrollHeight;\n}\n\n/**\n * Solid port of useChatStickToBottom — keeps the scroll pinned to the newest\n * message while preserving position when older messages are prepended.\n */\nexport function createChatStickToBottom(params: CreateChatStickToBottomParams): void {\n  const threshold = params.threshold ?? 24;\n  let isAtBottom = true;\n  let previousScrollHeight = 0;\n  let previousFirstMessageId: string | undefined;\n  let previousLastMessageId: string | undefined;\n  let initialized = false;\n\n  // Scroll listener tracks whether the user is currently pinned to the bottom.\n  createEffect(() => {\n    const element = params.container();\n    if (!element) return;\n\n    const handleScroll = (): void => {\n      isAtBottom = isScrolledToBottom(element, threshold);\n    };\n\n    handleScroll();\n    element.addEventListener(\"scroll\", handleScroll, { passive: true });\n    onCleanup(() => element.removeEventListener(\"scroll\", handleScroll));\n  });\n\n  // Re-pin / preserve position whenever the message list changes.\n  createEffect(() => {\n    const messages = params.messages();\n    const element = params.container();\n    if (!element) return;\n\n    const firstMessageId = messages[0]?.id;\n    const lastMessageId = messages[messages.length - 1]?.id;\n\n    if (!initialized) {\n      scrollChatToBottom(element);\n      isAtBottom = true;\n      initialized = true;\n    } else {\n      const prepended =\n        firstMessageId !== undefined &&\n        firstMessageId !== previousFirstMessageId &&\n        lastMessageId === previousLastMessageId;\n      const appended = lastMessageId !== undefined && lastMessageId !== previousLastMessageId;\n\n      if (prepended && previousScrollHeight > 0) {\n        element.scrollTop += element.scrollHeight - previousScrollHeight;\n      } else if (appended && isAtBottom) {\n        scrollChatToBottom(element);\n      }\n    }\n\n    previousScrollHeight = element.scrollHeight;\n    previousFirstMessageId = firstMessageId;\n    previousLastMessageId = lastMessageId;\n  });\n}\n"],"names":["isScrolledToBottom","element","threshold","scrollChatToBottom","createChatStickToBottom","params","isAtBottom","previousScrollHeight","previousFirstMessageId","previousLastMessageId","initialized","createEffect","handleScroll","onCleanup","messages","firstMessageId","lastMessageId","prepended","appended"],"mappings":";AAQO,SAASA,EAAmBC,GAAsBC,IAAY,IAAa;AAChF,SAAOD,EAAQ,eAAeA,EAAQ,YAAYA,EAAQ,gBAAgBC;AAC5E;AAEO,SAASC,EAAmBF,GAA4B;AAC7D,EAAAA,EAAQ,YAAYA,EAAQ;AAC9B;AAMO,SAASG,EAAwBC,GAA6C;AACnF,QAAMH,IAAYG,EAAO,aAAa;AACtC,MAAIC,IAAa,IACbC,IAAuB,GACvBC,GACAC,GACAC,IAAc;AAGlB,EAAAC,EAAa,MAAM;AACjB,UAAMV,IAAUI,EAAO,UAAA;AACvB,QAAI,CAACJ,EAAS;AAEd,UAAMW,IAAe,MAAY;AAC/B,MAAAN,IAAaN,EAAmBC,GAASC,CAAS;AAAA,IACpD;AAEA,IAAAU,EAAA,GACAX,EAAQ,iBAAiB,UAAUW,GAAc,EAAE,SAAS,IAAM,GAClEC,EAAU,MAAMZ,EAAQ,oBAAoB,UAAUW,CAAY,CAAC;AAAA,EACrE,CAAC,GAGDD,EAAa,MAAM;AACjB,UAAMG,IAAWT,EAAO,SAAA,GAClBJ,IAAUI,EAAO,UAAA;AACvB,QAAI,CAACJ,EAAS;AAEd,UAAMc,IAAiBD,EAAS,CAAC,GAAG,IAC9BE,IAAgBF,EAASA,EAAS,SAAS,CAAC,GAAG;AAErD,QAAI,CAACJ;AACH,MAAAP,EAAmBF,CAAO,GAC1BK,IAAa,IACbI,IAAc;AAAA,SACT;AACL,YAAMO,IACJF,MAAmB,UACnBA,MAAmBP,KACnBQ,MAAkBP,GACdS,IAAWF,MAAkB,UAAaA,MAAkBP;AAElE,MAAIQ,KAAaV,IAAuB,IACtCN,EAAQ,aAAaA,EAAQ,eAAeM,IACnCW,KAAYZ,KACrBH,EAAmBF,CAAO;AAAA,IAE9B;AAEA,IAAAM,IAAuBN,EAAQ,cAC/BO,IAAyBO,GACzBN,IAAwBO;AAAA,EAC1B,CAAC;AACH;"}

package/dist/headless/components/dataDisplay/chat/utils.js

@@ -0,0 +1,59 @@
+import { CHAT_MESSAGE_DELIVERY_STATUSES as f, CHAT_EXPAND_LAYOUTS as o, CHAT_MESSAGE_STATUS_ICONS as l, CHAT_MESSAGE_STATUS_LABELS as a } from "./types.js";
+function i(e) {
+  return f.includes(e);
+}
+function g(e, t) {
+  const r = t?.[e];
+  if (r)
+    return r;
+  if (i(e))
+    return l[e];
+}
+function S(e) {
+  return i(e) ? a[e] : String(e);
+}
+function m(e) {
+  return e.mimeType?.startsWith("image/") ? !0 : /\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name);
+}
+function h(e) {
+  if (!e)
+    return "";
+  const t = e instanceof Date ? e : new Date(e);
+  return Number.isNaN(t.getTime()) ? String(e) : new Intl.DateTimeFormat(void 0, {
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(t);
+}
+function s(e) {
+  return e == null ? ["floating"] : e.length === 0 ? [] : o.filter((t) => e.includes(t));
+}
+function C(e, t) {
+  return t && t !== "closed" && e.includes(t) ? t : e[0] ?? "floating";
+}
+function T(e, t) {
+  return s(e).filter(
+    (r) => r !== "closed" && r !== t
+  );
+}
+function A(e) {
+  return e.showCloseButton === !1 ? !1 : e.showCloseButton === !0 || e.overlayContext && e.floatingTrigger && !e.embedded && (e.effectiveLayout === "floating" || e.effectiveLayout === "fullHeight") ? !0 : !!(e.floatingTrigger && !e.embedded && e.effectiveLayout === "floating");
+}
+function E(e, t = {}) {
+  if (e.key !== "Enter")
+    return !1;
+  const { shiftEnterNewline: r = !0, ctrlEnterNewline: u = !0 } = t, n = e.ctrlKey || e.metaKey;
+  return !!(r && e.shiftKey && !n || u && n && !e.shiftKey);
+}
+export {
+  h as formatChatTimestamp,
+  T as getChatLayoutActions,
+  i as isChatMessageDeliveryStatus,
+  m as isImageAttachment,
+  C as pickInitialLayout,
+  s as resolveAllowedLayouts,
+  g as resolveChatMessageStatusIcon,
+  S as resolveChatMessageStatusLabel,
+  E as shouldComposerNewlineOnEnter,
+  A as shouldShowChatCloseButton
+};
+//# sourceMappingURL=utils.js.map

package/dist/headless/components/dataDisplay/chat/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  type ChatAttachment,\n  type ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  type ChatMessageDeliveryStatus,\n  type ChatMessageStatus,\n  type ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  effectiveLayout?: ChatLayoutMode | undefined;\n  showCloseButton?: boolean | undefined;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,IAAQH,CAAM;AAC7B,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;AACrE,SAAIA,EAAW,UAAU,WAAW,QAAQ,IACnC,KAGF,mCAAmC,KAAKA,EAAW,IAAI;AAChE;AAEO,SAASC,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,IAGFD,EAAQ,CAAC,KAAK;AACvB;AAEO,SAASE,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAOO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}