@smwb/ui-solid 0.1.0

package/dist/components/dataDisplay/chat/chatMessages.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from "solid-js";
+import type { ChatMessage, ChatMessageRenderContext } from "./types";
+export interface ChatMessagesProps extends ChatMessageRenderContext {
+    class?: string | undefined;
+    messages: ChatMessage[];
+    onLoadMore?: (() => void | Promise<void>) | undefined;
+    hasMore?: boolean | undefined;
+    loading?: boolean | undefined;
+    loadingMore?: boolean | undefined;
+    loadingSkeletonCount?: number | undefined;
+    renderMessage?: ((message: ChatMessage, ctx: ChatMessageRenderContext) => JSX.Element) | undefined;
+}
+export declare function ChatMessages(props: ChatMessagesProps): JSX.Element;
+export default ChatMessages;

package/dist/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/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/components/dataDisplay/chat/chatOverlayLayout.d.ts

@@ -0,0 +1,16 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type ChatProps } from "./chat";
+import type { ChatLayoutMode, ChatLayoutSide } from "./types";
+export type ChatOverlayLayoutChatProps = Omit<ChatProps, "class" | "overlayContext" | "embedded" | "floatingTrigger" | "anchor" | "allowedLayouts" | "layout" | "defaultLayout" | "onLayoutChange" | "open" | "defaultOpen" | "onOpenChange">;
+export interface ChatOverlayLayoutProps extends ParentProps, JSX.HTMLAttributes<HTMLDivElement> {
+    contentClass?: string | undefined;
+    chatClass?: string | undefined;
+    side?: ChatLayoutSide | undefined;
+    chatWidth?: number | string | undefined;
+    allowedLayouts?: ChatLayoutMode[] | undefined;
+    defaultLayout?: ChatLayoutMode | undefined;
+    defaultOpen?: boolean | undefined;
+    chat: ChatOverlayLayoutChatProps;
+}
+export declare function ChatOverlayLayout(props: ChatOverlayLayoutProps): JSX.Element;
+export default ChatOverlayLayout;

package/dist/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/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/components/dataDisplay/chat/chatShell.d.ts

@@ -0,0 +1,16 @@
+import { type JSX, type ParentProps } from "solid-js";
+import type { ChatAnchor, ChatLayoutMode, ChatThemeMode } from "./types";
+export interface ChatShellProps extends ParentProps {
+    class?: string | undefined;
+    layout: ChatLayoutMode;
+    anchor?: ChatAnchor | undefined;
+    themeMode?: ChatThemeMode | undefined;
+    embedded?: boolean | undefined;
+    overlayContext?: boolean | undefined;
+    header?: JSX.Element;
+    footer?: JSX.Element;
+    fileDropzoneRootProps?: JSX.HTMLAttributes<HTMLDivElement> | undefined;
+    fileDropzoneActive?: boolean | undefined;
+}
+export declare function ChatShell(props: ChatShellProps): JSX.Element;
+export default ChatShell;

package/dist/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/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/components/dataDisplay/chat/index.d.ts

@@ -0,0 +1,46 @@
+export { ChatLayout, default as ChatLayoutDefault } from "./chatLayout";
+export type { ChatLayoutProps, ChatLayoutChatProps } from "./chatLayout";
+export { ChatOverlayLayout } from "./chatOverlayLayout";
+export type { ChatOverlayLayoutProps, ChatOverlayLayoutChatProps } from "./chatOverlayLayout";
+export { Chat, default } from "./chat";
+export type { ChatProps } from "./chat";
+export { ChatShell } from "./chatShell";
+export type { ChatShellProps } from "./chatShell";
+export { ChatHeader } from "./chatHeader";
+export type { ChatHeaderProps } from "./chatHeader";
+export { ChatMessages } from "./chatMessages";
+export type { ChatMessagesProps } from "./chatMessages";
+export { ChatMessageItem } from "./chatMessageItem";
+export type { ChatMessageItemProps } from "./chatMessageItem";
+export { ChatMessageIncoming } from "./chatMessageIncoming";
+export type { ChatMessageIncomingProps } from "./chatMessageIncoming";
+export { ChatMessageOutgoing } from "./chatMessageOutgoing";
+export type { ChatMessageOutgoingProps } from "./chatMessageOutgoing";
+export { ChatMessageSystem } from "./chatMessageSystem";
+export type { ChatMessageSystemProps } from "./chatMessageSystem";
+export { ChatMessageBubble } from "./chatMessageBubble";
+export type { ChatMessageBubbleProps } from "./chatMessageBubble";
+export { ChatMessageSkeleton } from "./chatMessageSkeleton";
+export type { ChatMessageSkeletonProps } from "./chatMessageSkeleton";
+export { ChatMessageStatus } from "./chatMessageStatus";
+export type { ChatMessageStatusProps } from "./chatMessageStatus";
+export { ChatMessageAvatar } from "./chatMessageAvatar";
+export type { ChatMessageAvatarProps } from "./chatMessageAvatar";
+export { ChatAttachments } from "./chatAttachments";
+export type { ChatAttachmentsProps } from "./chatAttachments";
+export { ChatAttachmentImage } from "./chatAttachmentImage";
+export type { ChatAttachmentImageProps } from "./chatAttachmentImage";
+export { ChatIconButton } from "./chatIconButton";
+export type { ChatIconButtonProps } from "./chatIconButton";
+export { ChatComposer } from "./chatComposer";
+export type { ChatComposerProps } from "./chatComposer";
+export { createChatInfiniteScroll } from "./useChatInfiniteScroll";
+export type { CreateChatInfiniteScrollParams } from "./useChatInfiniteScroll";
+export { createChatFileUpload, resolveChatFileUploadMaxFiles } from "./useChatFileUpload";
+export type { CreateChatFileUploadOptions, ChatFileUploadState } from "./useChatFileUpload";
+export { createChatStickToBottom, isScrolledToBottom, scrollChatToBottom } from "./useChatStickToBottom";
+export type { CreateChatStickToBottomParams } from "./useChatStickToBottom";
+export type { ChatMessage, ChatAttachment, ChatAuthor, ChatMessageVariant, ChatLayoutMode, ChatAnchor, ChatThemeMode, ChatMessageRenderContext, ChatLayoutSide, ChatMessageDeliveryStatus, ChatMessageStatus as ChatMessageStatusValue, ChatMessageStatusIcons, ChatMessageStatusRenderContext, } from "./types";
+export { CHAT_EXPAND_LAYOUTS, CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES, CHAT_MESSAGE_DELIVERY_STATUSES, CHAT_MESSAGE_STATUS_ICONS, CHAT_MESSAGE_STATUS_LABELS, } from "./types";
+export { isImageAttachment, formatChatTimestamp, resolveAllowedLayouts, isChatMessageDeliveryStatus, resolveChatMessageStatusIcon, resolveChatMessageStatusLabel, shouldComposerNewlineOnEnter, getChatLayoutActions, shouldShowChatCloseButton, } from "./utils";
+export type { ChatComposerNewlineOptions } from "./utils";

package/dist/components/dataDisplay/chat/types.d.ts

@@ -0,0 +1,53 @@
+import type { JSX } from "solid-js";
+export type ChatMessageVariant = "incoming" | "outgoing" | "system" | "custom";
+export type ChatLayoutMode = "closed" | "floating" | "fullHeight" | "fullscreen";
+export type ChatAnchor = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+export type ChatThemeMode = "inherit" | "light" | "dark";
+export type ChatLayoutSide = "left" | "right";
+export type ChatMessageDeliveryStatus = "pending" | "sent" | "delivered" | "read";
+export type ChatMessageStatus = ChatMessageDeliveryStatus | (string & {});
+export interface ChatMessageStatusIcons {
+    pending?: string;
+    sent?: string;
+    delivered?: string;
+    read?: string;
+}
+export interface ChatMessageStatusRenderContext {
+    message: ChatMessage;
+    status: ChatMessageStatus;
+}
+export interface ChatAttachment {
+    id: string;
+    name: string;
+    url?: string;
+    mimeType?: string;
+    size?: number;
+}
+export interface ChatAuthor {
+    name?: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+}
+export interface ChatMessage {
+    id: string;
+    variant: ChatMessageVariant;
+    text?: JSX.Element;
+    author?: ChatAuthor;
+    attachments?: ChatAttachment[];
+    content?: JSX.Element;
+    timestamp?: string | Date;
+    status?: ChatMessageStatus;
+}
+export interface ChatMessageRenderContext {
+    showAvatars: boolean;
+    showAttachments: boolean;
+    showStatus?: boolean | undefined;
+    statusIcons?: (ChatMessageStatusIcons & Record<string, string | undefined>) | undefined;
+    renderStatus?: ((ctx: ChatMessageStatusRenderContext) => JSX.Element) | undefined;
+}
+export declare const CHAT_MESSAGE_DELIVERY_STATUSES: ChatMessageDeliveryStatus[];
+export declare const CHAT_MESSAGE_STATUS_ICONS: Record<ChatMessageDeliveryStatus, string>;
+export declare const CHAT_MESSAGE_STATUS_LABELS: Record<ChatMessageDeliveryStatus, string>;
+export declare const CHAT_EXPAND_LAYOUTS: ChatLayoutMode[];
+export declare const CHAT_OVERLAY_LAYOUTS: ChatLayoutMode[];
+export declare const CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES = 10;

package/dist/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/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/components/dataDisplay/chat/useChatFileUpload.d.ts

@@ -0,0 +1,35 @@
+import { type Accessor } from "solid-js";
+import { type DropzoneInputProps } from "../../../primitives/createDropzone";
+export interface CreateChatFileUploadOptions {
+    enabled?: Accessor<boolean> | boolean | undefined;
+    accept?: Record<string, string[]> | string | undefined;
+    maxFiles?: number | undefined;
+    onUploadFiles?: ((files: File[]) => void | Promise<void>) | undefined;
+    disabled?: Accessor<boolean> | boolean | undefined;
+}
+export interface ChatFileUploadRootProps {
+    onDragOver: (event: DragEvent) => void;
+    onDragLeave: () => void;
+    onDrop: (event: DragEvent) => void;
+}
+export interface ChatFileUploadState {
+    enabled: Accessor<boolean>;
+    maxFiles: number;
+    getRootProps: () => ChatFileUploadRootProps;
+    getInputProps: (extra?: {
+        id?: string;
+    }) => DropzoneInputProps & {
+        id?: string;
+    };
+    open: () => void;
+    inputRef: (el: HTMLInputElement) => void;
+    isDragActive: Accessor<boolean>;
+}
+export declare function resolveChatFileUploadMaxFiles(maxFiles?: number): number;
+/**
+ * Solid port of useChatFileUpload — wraps the createDropzone primitive but,
+ * like the react-dropzone `noClick` config, exposes drag/drop root props
+ * without a click handler so clicking the chat surface never opens the picker.
+ */
+export declare function createChatFileUpload(options?: CreateChatFileUploadOptions): ChatFileUploadState;
+export default createChatFileUpload;

package/dist/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/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/components/dataDisplay/chat/useChatInfiniteScroll.d.ts

@@ -0,0 +1,14 @@
+import { type Accessor } from "solid-js";
+export interface CreateChatInfiniteScrollParams {
+    container: Accessor<HTMLElement | null | undefined>;
+    sentinel: Accessor<HTMLElement | null | undefined>;
+    onLoadMore?: (() => void | Promise<void>) | undefined;
+    hasMore?: Accessor<boolean>;
+    loading?: Accessor<boolean>;
+    rootMargin?: string;
+}
+/**
+ * Solid port of useChatInfiniteScroll — observes a sentinel element near the
+ * top of the scroll container and invokes onLoadMore when it becomes visible.
+ */
+export declare function createChatInfiniteScroll(params: CreateChatInfiniteScrollParams): void;

package/dist/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/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/components/dataDisplay/chat/useChatStickToBottom.d.ts

@@ -0,0 +1,15 @@
+import { type Accessor } from "solid-js";
+export interface CreateChatStickToBottomParams {
+    container: Accessor<HTMLElement | null | undefined>;
+    messages: Accessor<readonly {
+        id: string;
+    }[]>;
+    threshold?: number;
+}
+export declare function isScrolledToBottom(element: HTMLElement, threshold?: number): boolean;
+export declare function scrollChatToBottom(element: HTMLElement): void;
+/**
+ * Solid port of useChatStickToBottom — keeps the scroll pinned to the newest
+ * message while preserving position when older messages are prepended.
+ */
+export declare function createChatStickToBottom(params: CreateChatStickToBottomParams): void;

package/dist/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