@smwb/ui-solid 0.3.0 → 0.4.1

package/dist/headless/source/components/dataDisplay/chat/chatShell.jsx

@@ -0,0 +1,66 @@
+import { Show, createEffect, mergeProps, onCleanup, splitProps } from "solid-js";
+import { Portal, isServer } from "solid-js/web";
+import cn from "clsx";
+function ChatShell(props) {
+  const merged = mergeProps(
+    { anchor: "bottom-right", themeMode: "inherit", embedded: false, overlayContext: false, fileDropzoneActive: false },
+    props
+  );
+  const [local] = splitProps(merged, [
+    "class",
+    "layout",
+    "anchor",
+    "themeMode",
+    "embedded",
+    "overlayContext",
+    "header",
+    "footer",
+    "children",
+    "fileDropzoneRootProps",
+    "fileDropzoneActive"
+  ]);
+  createEffect(() => {
+    if (local.layout !== "fullscreen") return;
+    const prev = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    onCleanup(() => {
+      document.body.style.overflow = prev;
+    });
+  });
+  const panel = () => <div
+    {...local.fileDropzoneRootProps ?? {}}
+    class={cn(
+      "smwb-chat-shell",
+      `smwb-chat-shell_${local.layout}`,
+      !local.embedded && `smwb-chat-shell_${local.anchor}`,
+      {
+        "smwb-dark": local.themeMode === "dark",
+        "smwb-chat-shell_embedded": local.embedded,
+        "smwb-chat-shell_overlay-context": local.overlayContext,
+        "smwb-chat-dropzone_active": local.fileDropzoneActive
+      },
+      local.class
+    )}
+    data-testid="chat-shell"
+    data-layout={local.layout}
+  >
+      <Show when={local.header}>
+        <div class="smwb-chat-shell__header">{local.header}</div>
+      </Show>
+      <div class="smwb-chat-shell__body">{local.children}</div>
+      <Show when={local.footer}>
+        <div class="smwb-chat-shell__footer">{local.footer}</div>
+      </Show>
+    </div>;
+  return <Show when={local.layout !== "closed"}>
+      <Show when={local.layout === "fullscreen"} fallback={panel()}>
+        <Portal mount={isServer ? void 0 : document.body}>{panel()}</Portal>
+      </Show>
+    </Show>;
+}
+var chatShell_default = ChatShell;
+export {
+  ChatShell,
+  chatShell_default as default
+};
+//# sourceMappingURL=chatShell.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatShell.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/chat/chatShell.tsx"],"sourcesContent":["import { type JSX, type ParentProps, Show, createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal, isServer } 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={(isServer ? undefined : document.body) as Node}>{panel()}</Portal>\n      </Show>\n    </Show>\n  );\n}\n\nexport default ChatShell;\n"],"mappings":"AAAA,SAAqC,MAAM,cAAc,YAAY,WAAW,kBAAkB;AAClG,SAAS,QAAQ,gBAAgB;AACjC,OAAO,QAAQ;AAgBR,SAAS,UAAU,OAAoC;AAC5D,QAAM,SAAS;AAAA,IACb,EAAE,QAAQ,gBAAyB,WAAW,WAAoB,UAAU,OAAO,gBAAgB,OAAO,oBAAoB,MAAM;AAAA,IACpI;AAAA,EACF;AACA,QAAM,CAAC,KAAK,IAAI,WAAW,QAAQ;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAGD,eAAa,MAAM;AACjB,QAAI,MAAM,WAAW,aAAc;AACnC,UAAM,OAAO,SAAS,KAAK,MAAM;AACjC,aAAS,KAAK,MAAM,WAAW;AAC/B,cAAU,MAAM;AACd,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC,CAAC;AAAA,EACH,CAAC;AAED,QAAM,QAAQ,MACZ,CAAC;AAAA,QACM,MAAM,yBAAyB,CAAC;AAAA,IACrC,OAAO;AAAA,MACL;AAAA,MACA,mBAAmB,MAAM,MAAM;AAAA,MAC/B,CAAC,MAAM,YAAY,mBAAmB,MAAM,MAAM;AAAA,MAClD;AAAA,QACE,aAAa,MAAM,cAAc;AAAA,QACjC,4BAA4B,MAAM;AAAA,QAClC,mCAAmC,MAAM;AAAA,QACzC,6BAA6B,MAAM;AAAA,MACrC;AAAA,MACA,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,IACZ,aAAa,MAAM;AAAA,GACpB;AAAA,MACC,CAAC,KAAK,MAAM,MAAM,QAAQ;AAAA,QACxB,CAAC,IAAI,MAAM,2BAA2B,MAAM,OAAO,EAAlD,IAAwD;AAAA,MAC3D,EAFC,KAEM;AAAA,MACP,CAAC,IAAI,MAAM,yBAAyB,MAAM,SAAS,EAAlD,IAAwD;AAAA,MACzD,CAAC,KAAK,MAAM,MAAM,QAAQ;AAAA,QACxB,CAAC,IAAI,MAAM,2BAA2B,MAAM,OAAO,EAAlD,IAAwD;AAAA,MAC3D,EAFC,KAEM;AAAA,IACT,EAxBC;AA2BH,SACE,CAAC,KAAK,MAAM,MAAM,WAAW,UAAU;AAAA,MACrC,CAAC,KAAK,MAAM,MAAM,WAAW,cAAc,UAAU,MAAM,GAAG;AAAA,QAC5D,CAAC,OAAO,OAAQ,WAAW,SAAY,SAAS,OAAgB,MAAM,EAAE,EAAvE,OAAgF;AAAA,MACnF,EAFC,KAEM;AAAA,IACT,EAJC;AAML;AAEA,IAAO,oBAAQ;","names":[],"file":"chatShell.jsx"}

package/dist/headless/source/components/dataDisplay/chat/index.js

@@ -0,0 +1,82 @@
+import { ChatLayout, default as default2 } from "./chatLayout";
+import { ChatOverlayLayout } from "./chatOverlayLayout";
+import { Chat, default as default3 } from "./chat";
+import { ChatShell } from "./chatShell";
+import { ChatHeader } from "./chatHeader";
+import { ChatMessages } from "./chatMessages";
+import { ChatMessageItem } from "./chatMessageItem";
+import { ChatMessageIncoming } from "./chatMessageIncoming";
+import { ChatMessageOutgoing } from "./chatMessageOutgoing";
+import { ChatMessageSystem } from "./chatMessageSystem";
+import { ChatMessageBubble } from "./chatMessageBubble";
+import { ChatMessageSkeleton } from "./chatMessageSkeleton";
+import { ChatMessageStatus } from "./chatMessageStatus";
+import { ChatMessageAvatar } from "./chatMessageAvatar";
+import { ChatAttachments } from "./chatAttachments";
+import { ChatAttachmentImage } from "./chatAttachmentImage";
+import { ChatIconButton } from "./chatIconButton";
+import { ChatComposer } from "./chatComposer";
+import { createChatInfiniteScroll } from "./useChatInfiniteScroll";
+import { createChatFileUpload, resolveChatFileUploadMaxFiles } from "./useChatFileUpload";
+import { createChatStickToBottom, isScrolledToBottom, scrollChatToBottom } from "./useChatStickToBottom";
+import {
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS
+} from "./types";
+import {
+  isImageAttachment,
+  formatChatTimestamp,
+  resolveAllowedLayouts,
+  isChatMessageDeliveryStatus,
+  resolveChatMessageStatusIcon,
+  resolveChatMessageStatusLabel,
+  shouldComposerNewlineOnEnter,
+  getChatLayoutActions,
+  shouldShowChatCloseButton
+} from "./utils";
+export {
+  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS,
+  Chat,
+  ChatAttachmentImage,
+  ChatAttachments,
+  ChatComposer,
+  ChatHeader,
+  ChatIconButton,
+  ChatLayout,
+  default2 as ChatLayoutDefault,
+  ChatMessageAvatar,
+  ChatMessageBubble,
+  ChatMessageIncoming,
+  ChatMessageItem,
+  ChatMessageOutgoing,
+  ChatMessageSkeleton,
+  ChatMessageStatus,
+  ChatMessageSystem,
+  ChatMessages,
+  ChatOverlayLayout,
+  ChatShell,
+  createChatFileUpload,
+  createChatInfiniteScroll,
+  createChatStickToBottom,
+  default3 as default,
+  formatChatTimestamp,
+  getChatLayoutActions,
+  isChatMessageDeliveryStatus,
+  isImageAttachment,
+  isScrolledToBottom,
+  resolveAllowedLayouts,
+  resolveChatFileUploadMaxFiles,
+  resolveChatMessageStatusIcon,
+  resolveChatMessageStatusLabel,
+  scrollChatToBottom,
+  shouldComposerNewlineOnEnter,
+  shouldShowChatCloseButton
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/chat/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/chat/index.ts"],
+  "sourcesContent": ["export { ChatLayout, default as ChatLayoutDefault } from \"./chatLayout\";\nexport type { ChatLayoutProps, ChatLayoutChatProps } from \"./chatLayout\";\nexport { ChatOverlayLayout } from \"./chatOverlayLayout\";\nexport type { ChatOverlayLayoutProps, ChatOverlayLayoutChatProps } from \"./chatOverlayLayout\";\nexport { Chat, default } from \"./chat\";\nexport type { ChatProps } from \"./chat\";\nexport { ChatShell } from \"./chatShell\";\nexport type { ChatShellProps } from \"./chatShell\";\nexport { ChatHeader } from \"./chatHeader\";\nexport type { ChatHeaderProps } from \"./chatHeader\";\nexport { ChatMessages } from \"./chatMessages\";\nexport type { ChatMessagesProps } from \"./chatMessages\";\nexport { ChatMessageItem } from \"./chatMessageItem\";\nexport type { ChatMessageItemProps } from \"./chatMessageItem\";\nexport { ChatMessageIncoming } from \"./chatMessageIncoming\";\nexport type { ChatMessageIncomingProps } from \"./chatMessageIncoming\";\nexport { ChatMessageOutgoing } from \"./chatMessageOutgoing\";\nexport type { ChatMessageOutgoingProps } from \"./chatMessageOutgoing\";\nexport { ChatMessageSystem } from \"./chatMessageSystem\";\nexport type { ChatMessageSystemProps } from \"./chatMessageSystem\";\nexport { ChatMessageBubble } from \"./chatMessageBubble\";\nexport type { ChatMessageBubbleProps } from \"./chatMessageBubble\";\nexport { ChatMessageSkeleton } from \"./chatMessageSkeleton\";\nexport type { ChatMessageSkeletonProps } from \"./chatMessageSkeleton\";\nexport { ChatMessageStatus } from \"./chatMessageStatus\";\nexport type { ChatMessageStatusProps } from \"./chatMessageStatus\";\nexport { ChatMessageAvatar } from \"./chatMessageAvatar\";\nexport type { ChatMessageAvatarProps } from \"./chatMessageAvatar\";\nexport { ChatAttachments } from \"./chatAttachments\";\nexport type { ChatAttachmentsProps } from \"./chatAttachments\";\nexport { ChatAttachmentImage } from \"./chatAttachmentImage\";\nexport type { ChatAttachmentImageProps } from \"./chatAttachmentImage\";\nexport { ChatIconButton } from \"./chatIconButton\";\nexport type { ChatIconButtonProps } from \"./chatIconButton\";\nexport { ChatComposer } from \"./chatComposer\";\nexport type { ChatComposerProps } from \"./chatComposer\";\nexport { createChatInfiniteScroll } from \"./useChatInfiniteScroll\";\nexport type { CreateChatInfiniteScrollParams } from \"./useChatInfiniteScroll\";\nexport { createChatFileUpload, resolveChatFileUploadMaxFiles } from \"./useChatFileUpload\";\nexport type { CreateChatFileUploadOptions, ChatFileUploadState } from \"./useChatFileUpload\";\nexport { createChatStickToBottom, isScrolledToBottom, scrollChatToBottom } from \"./useChatStickToBottom\";\nexport type { CreateChatStickToBottomParams } from \"./useChatStickToBottom\";\nexport type {\n  ChatMessage,\n  ChatAttachment,\n  ChatAuthor,\n  ChatMessageVariant,\n  ChatLayoutMode,\n  ChatAnchor,\n  ChatThemeMode,\n  ChatMessageRenderContext,\n  ChatLayoutSide,\n  ChatMessageDeliveryStatus,\n  ChatMessageStatus as ChatMessageStatusValue,\n  ChatMessageStatusIcons,\n  ChatMessageStatusRenderContext,\n} from \"./types\";\nexport {\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n} from \"./types\";\nexport {\n  isImageAttachment,\n  formatChatTimestamp,\n  resolveAllowedLayouts,\n  isChatMessageDeliveryStatus,\n  resolveChatMessageStatusIcon,\n  resolveChatMessageStatusLabel,\n  shouldComposerNewlineOnEnter,\n  getChatLayoutActions,\n  shouldShowChatCloseButton,\n} from \"./utils\";\nexport type { ChatComposerNewlineOptions } from \"./utils\";\n"],
+  "mappings": "AAAA,SAAS,YAAuB,WAAXA,gBAAoC;AAEzD,SAAS,yBAAyB;AAElC,SAAS,MAAM,WAAAA,gBAAe;AAE9B,SAAS,iBAAiB;AAE1B,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAE7B,SAAS,uBAAuB;AAEhC,SAAS,2BAA2B;AAEpC,SAAS,2BAA2B;AAEpC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAElC,SAAS,2BAA2B;AAEpC,SAAS,yBAAyB;AAElC,SAAS,yBAAyB;AAElC,SAAS,uBAAuB;AAEhC,SAAS,2BAA2B;AAEpC,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAE7B,SAAS,gCAAgC;AAEzC,SAAS,sBAAsB,qCAAqC;AAEpE,SAAS,yBAAyB,oBAAoB,0BAA0B;AAiBhF;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "names": ["default"]
+}

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

@@ -0,0 +1,25 @@
+const CHAT_MESSAGE_DELIVERY_STATUSES = ["pending", "sent", "delivered", "read"];
+const CHAT_MESSAGE_STATUS_ICONS = {
+  pending: "progress_activity",
+  sent: "check",
+  delivered: "done_all",
+  read: "done_all"
+};
+const CHAT_MESSAGE_STATUS_LABELS = {
+  pending: "\u0412 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0435",
+  sent: "\u041E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E",
+  delivered: "\u0414\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u043E",
+  read: "\u041F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043E"
+};
+const CHAT_EXPAND_LAYOUTS = ["floating", "fullHeight", "fullscreen"];
+const CHAT_OVERLAY_LAYOUTS = ["fullHeight", "floating"];
+const CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES = 10;
+export {
+  CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES,
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS,
+  CHAT_OVERLAY_LAYOUTS
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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: \"\u0412 \u043E\u0431\u0440\u0430\u0431\u043E\u0442\u043A\u0435\",\n  sent: \"\u041E\u0442\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u043E\",\n  delivered: \"\u0414\u043E\u0441\u0442\u0430\u0432\u043B\u0435\u043D\u043E\",\n  read: \"\u041F\u0440\u043E\u0447\u0438\u0442\u0430\u043D\u043E\",\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"],
+  "mappings": "AA6DO,MAAM,iCAA8D,CAAC,WAAW,QAAQ,aAAa,MAAM;AAE3G,MAAM,4BAAuE;AAAA,EAClF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AACR;AAEO,MAAM,6BAAwE;AAAA,EACnF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,WAAW;AAAA,EACX,MAAM;AACR;AAEO,MAAM,sBAAwC,CAAC,YAAY,cAAc,YAAY;AAErF,MAAM,uBAAyC,CAAC,cAAc,UAAU;AAExE,MAAM,qCAAqC;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import { createDropzone } from "../../../primitives/createDropzone";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES } from "./types";
+function resolveChatFileUploadMaxFiles(maxFiles) {
+  if (maxFiles == null) {
+    return CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES;
+  }
+  return Math.max(1, maxFiles);
+}
+const read = (value) => typeof value === "function" ? value() : Boolean(value);
+function createChatFileUpload(options = {}) {
+  const resolvedMaxFiles = resolveChatFileUploadMaxFiles(options.maxFiles);
+  const enabled = () => read(options.enabled) && Boolean(options.onUploadFiles) && !read(options.disabled);
+  const dropzone = createDropzone({
+    accept: options.accept,
+    maxFiles: resolvedMaxFiles,
+    multiple: resolvedMaxFiles > 1,
+    get disabled() {
+      return !enabled();
+    },
+    onDropAccepted: (files) => {
+      void options.onUploadFiles?.(files);
+    }
+  });
+  const getRootProps = () => {
+    const { onClick: _onClick, ...rest } = dropzone.getRootProps();
+    void _onClick;
+    return rest;
+  };
+  const getInputProps = (extra) => ({
+    ...dropzone.getInputProps(),
+    ...extra ?? {}
+  });
+  return {
+    enabled,
+    maxFiles: resolvedMaxFiles,
+    getRootProps,
+    getInputProps,
+    open: dropzone.open,
+    inputRef: dropzone.inputRef,
+    isDragActive: dropzone.isDragActive
+  };
+}
+var useChatFileUpload_default = createChatFileUpload;
+export {
+  createChatFileUpload,
+  useChatFileUpload_default as default,
+  resolveChatFileUploadMaxFiles
+};
+//# sourceMappingURL=useChatFileUpload.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 \u2014 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"],
+  "mappings": "AACA,SAAkC,sBAAsB;AACxD,SAAS,0CAA0C;AA0B5C,SAAS,8BAA8B,UAA2B;AACvE,MAAI,YAAY,MAAM;AACpB,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,GAAG,QAAQ;AAC7B;AAEA,MAAM,OAAO,CAAC,UACZ,OAAO,UAAU,aAAa,MAAM,IAAI,QAAQ,KAAK;AAOhD,SAAS,qBAAqB,UAAuC,CAAC,GAAwB;AACnG,QAAM,mBAAmB,8BAA8B,QAAQ,QAAQ;AACvE,QAAM,UAA6B,MACjC,KAAK,QAAQ,OAAO,KAAK,QAAQ,QAAQ,aAAa,KAAK,CAAC,KAAK,QAAQ,QAAQ;AAEnF,QAAM,WAAW,eAAe;AAAA,IAC9B,QAAQ,QAAQ;AAAA,IAChB,UAAU;AAAA,IACV,UAAU,mBAAmB;AAAA,IAC7B,IAAI,WAAW;AACb,aAAO,CAAC,QAAQ;AAAA,IAClB;AAAA,IACA,gBAAgB,CAAC,UAAU;AACzB,WAAK,QAAQ,gBAAgB,KAAK;AAAA,IACpC;AAAA,EACF,CAAC;AAED,QAAM,eAAe,MAA+B;AAClD,UAAM,EAAE,SAAS,UAAU,GAAG,KAAK,IAAI,SAAS,aAAa;AAC7D,SAAK;AACL,WAAO;AAAA,EACT;AAEA,QAAM,gBAAgB,CAAC,WAAmE;AAAA,IACxF,GAAG,SAAS,cAAc;AAAA,IAC1B,GAAI,SAAS,CAAC;AAAA,EAChB;AAEA,SAAO;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,MAAM,SAAS;AAAA,IACf,UAAU,SAAS;AAAA,IACnB,cAAc,SAAS;AAAA,EACzB;AACF;AAEA,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,27 @@
+import { createEffect, onCleanup } from "solid-js";
+function createChatInfiniteScroll(params) {
+  const rootMargin = params.rootMargin ?? "80px";
+  createEffect(() => {
+    const root = params.container();
+    const sentinel = params.sentinel();
+    const hasMore = params.hasMore?.() ?? false;
+    const onLoadMore = params.onLoadMore;
+    if (!root || !sentinel || !hasMore || !onLoadMore || typeof IntersectionObserver === "undefined") {
+      return;
+    }
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((entry) => entry.isIntersecting) && !(params.loading?.() ?? false)) {
+          void onLoadMore();
+        }
+      },
+      { root, rootMargin, threshold: 0 }
+    );
+    observer.observe(sentinel);
+    onCleanup(() => observer.disconnect());
+  });
+}
+export {
+  createChatInfiniteScroll
+};
+//# sourceMappingURL=useChatInfiniteScroll.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 \u2014 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"],
+  "mappings": "AAAA,SAAwB,cAAc,iBAAiB;AAehD,SAAS,yBAAyB,QAA8C;AACrF,QAAM,aAAa,OAAO,cAAc;AAExC,eAAa,MAAM;AACjB,UAAM,OAAO,OAAO,UAAU;AAC9B,UAAM,WAAW,OAAO,SAAS;AACjC,UAAM,UAAU,OAAO,UAAU,KAAK;AACtC,UAAM,aAAa,OAAO;AAE1B,QAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,WAAW,CAAC,cAAc,OAAO,yBAAyB,aAAa;AAChG;AAAA,IACF;AAEA,UAAM,WAAW,IAAI;AAAA,MACnB,CAAC,YAAY;AACX,YAAI,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,KAAK,EAAE,OAAO,UAAU,KAAK,QAAQ;AACnF,eAAK,WAAW;AAAA,QAClB;AAAA,MACF;AAAA,MACA,EAAE,MAAM,YAAY,WAAW,EAAE;AAAA,IACnC;AAEA,aAAS,QAAQ,QAAQ;AACzB,cAAU,MAAM,SAAS,WAAW,CAAC;AAAA,EACvC,CAAC;AACH;",
+  "names": []
+}

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

@@ -0,0 +1,54 @@
+import { createEffect, onCleanup } from "solid-js";
+function isScrolledToBottom(element, threshold = 24) {
+  return element.scrollHeight - element.scrollTop - element.clientHeight <= threshold;
+}
+function scrollChatToBottom(element) {
+  element.scrollTop = element.scrollHeight;
+}
+function createChatStickToBottom(params) {
+  const threshold = params.threshold ?? 24;
+  let isAtBottom = true;
+  let previousScrollHeight = 0;
+  let previousFirstMessageId;
+  let previousLastMessageId;
+  let initialized = false;
+  createEffect(() => {
+    const element = params.container();
+    if (!element) return;
+    const handleScroll = () => {
+      isAtBottom = isScrolledToBottom(element, threshold);
+    };
+    handleScroll();
+    element.addEventListener("scroll", handleScroll, { passive: true });
+    onCleanup(() => element.removeEventListener("scroll", handleScroll));
+  });
+  createEffect(() => {
+    const messages = params.messages();
+    const element = params.container();
+    if (!element) return;
+    const firstMessageId = messages[0]?.id;
+    const lastMessageId = messages[messages.length - 1]?.id;
+    if (!initialized) {
+      scrollChatToBottom(element);
+      isAtBottom = true;
+      initialized = true;
+    } else {
+      const prepended = firstMessageId !== void 0 && firstMessageId !== previousFirstMessageId && lastMessageId === previousLastMessageId;
+      const appended = lastMessageId !== void 0 && lastMessageId !== previousLastMessageId;
+      if (prepended && previousScrollHeight > 0) {
+        element.scrollTop += element.scrollHeight - previousScrollHeight;
+      } else if (appended && isAtBottom) {
+        scrollChatToBottom(element);
+      }
+    }
+    previousScrollHeight = element.scrollHeight;
+    previousFirstMessageId = firstMessageId;
+    previousLastMessageId = lastMessageId;
+  });
+}
+export {
+  createChatStickToBottom,
+  isScrolledToBottom,
+  scrollChatToBottom
+};
+//# sourceMappingURL=useChatStickToBottom.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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 \u2014 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"],
+  "mappings": "AAAA,SAAwB,cAAc,iBAAiB;AAQhD,SAAS,mBAAmB,SAAsB,YAAY,IAAa;AAChF,SAAO,QAAQ,eAAe,QAAQ,YAAY,QAAQ,gBAAgB;AAC5E;AAEO,SAAS,mBAAmB,SAA4B;AAC7D,UAAQ,YAAY,QAAQ;AAC9B;AAMO,SAAS,wBAAwB,QAA6C;AACnF,QAAM,YAAY,OAAO,aAAa;AACtC,MAAI,aAAa;AACjB,MAAI,uBAAuB;AAC3B,MAAI;AACJ,MAAI;AACJ,MAAI,cAAc;AAGlB,eAAa,MAAM;AACjB,UAAM,UAAU,OAAO,UAAU;AACjC,QAAI,CAAC,QAAS;AAEd,UAAM,eAAe,MAAY;AAC/B,mBAAa,mBAAmB,SAAS,SAAS;AAAA,IACpD;AAEA,iBAAa;AACb,YAAQ,iBAAiB,UAAU,cAAc,EAAE,SAAS,KAAK,CAAC;AAClE,cAAU,MAAM,QAAQ,oBAAoB,UAAU,YAAY,CAAC;AAAA,EACrE,CAAC;AAGD,eAAa,MAAM;AACjB,UAAM,WAAW,OAAO,SAAS;AACjC,UAAM,UAAU,OAAO,UAAU;AACjC,QAAI,CAAC,QAAS;AAEd,UAAM,iBAAiB,SAAS,CAAC,GAAG;AACpC,UAAM,gBAAgB,SAAS,SAAS,SAAS,CAAC,GAAG;AAErD,QAAI,CAAC,aAAa;AAChB,yBAAmB,OAAO;AAC1B,mBAAa;AACb,oBAAc;AAAA,IAChB,OAAO;AACL,YAAM,YACJ,mBAAmB,UACnB,mBAAmB,0BACnB,kBAAkB;AACpB,YAAM,WAAW,kBAAkB,UAAa,kBAAkB;AAElE,UAAI,aAAa,uBAAuB,GAAG;AACzC,gBAAQ,aAAa,QAAQ,eAAe;AAAA,MAC9C,WAAW,YAAY,YAAY;AACjC,2BAAmB,OAAO;AAAA,MAC5B;AAAA,IACF;AAEA,2BAAuB,QAAQ;AAC/B,6BAAyB;AACzB,4BAAwB;AAAA,EAC1B,CAAC;AACH;",
+  "names": []
+}

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

@@ -0,0 +1,103 @@
+import {
+  CHAT_EXPAND_LAYOUTS,
+  CHAT_MESSAGE_DELIVERY_STATUSES,
+  CHAT_MESSAGE_STATUS_ICONS,
+  CHAT_MESSAGE_STATUS_LABELS
+} from "./types";
+function isChatMessageDeliveryStatus(status) {
+  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status);
+}
+function resolveChatMessageStatusIcon(status, icons) {
+  const custom = icons?.[status];
+  if (custom) {
+    return custom;
+  }
+  if (isChatMessageDeliveryStatus(status)) {
+    return CHAT_MESSAGE_STATUS_ICONS[status];
+  }
+  return void 0;
+}
+function resolveChatMessageStatusLabel(status) {
+  if (isChatMessageDeliveryStatus(status)) {
+    return CHAT_MESSAGE_STATUS_LABELS[status];
+  }
+  return String(status);
+}
+function isImageAttachment(attachment) {
+  if (attachment.mimeType?.startsWith("image/")) {
+    return true;
+  }
+  return /\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);
+}
+function formatChatTimestamp(value) {
+  if (!value) {
+    return "";
+  }
+  const date = value instanceof Date ? value : new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return String(value);
+  }
+  return new Intl.DateTimeFormat(void 0, {
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(date);
+}
+function resolveAllowedLayouts(input) {
+  if (input == null) {
+    return ["floating"];
+  }
+  if (input.length === 0) {
+    return [];
+  }
+  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));
+}
+function pickInitialLayout(allowed, preferred) {
+  if (preferred && preferred !== "closed" && allowed.includes(preferred)) {
+    return preferred;
+  }
+  return allowed[0] ?? "floating";
+}
+function getChatLayoutActions(allowedLayouts, currentLayout) {
+  return resolveAllowedLayouts(allowedLayouts).filter(
+    (mode) => mode !== "closed" && mode !== currentLayout
+  );
+}
+function shouldShowChatCloseButton(options) {
+  if (options.showCloseButton === false) {
+    return false;
+  }
+  if (options.showCloseButton === true) {
+    return true;
+  }
+  if (options.overlayContext && options.floatingTrigger && !options.embedded && (options.effectiveLayout === "floating" || options.effectiveLayout === "fullHeight")) {
+    return true;
+  }
+  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === "floating");
+}
+function shouldComposerNewlineOnEnter(event, options = {}) {
+  if (event.key !== "Enter") {
+    return false;
+  }
+  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;
+  const isCtrl = event.ctrlKey || event.metaKey;
+  if (shiftEnterNewline && event.shiftKey && !isCtrl) {
+    return true;
+  }
+  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {
+    return true;
+  }
+  return false;
+}
+export {
+  formatChatTimestamp,
+  getChatLayoutActions,
+  isChatMessageDeliveryStatus,
+  isImageAttachment,
+  pickInitialLayout,
+  resolveAllowedLayouts,
+  resolveChatMessageStatusIcon,
+  resolveChatMessageStatusLabel,
+  shouldComposerNewlineOnEnter,
+  shouldShowChatCloseButton
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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"],
+  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AAEA,SAAS,4BAA4B,QAAgE;AAC1G,SAAO,+BAA+B,SAAS,MAAmC;AACpF;AAEO,SAAS,6BACd,QACA,OACoB;AACpB,QAAM,SAAS,QAAQ,MAAM;AAC7B,MAAI,QAAQ;AACV,WAAO;AAAA,EACT;AAEA,MAAI,4BAA4B,MAAM,GAAG;AACvC,WAAO,0BAA0B,MAAM;AAAA,EACzC;AAEA,SAAO;AACT;AAEO,SAAS,8BAA8B,QAAmC;AAC/E,MAAI,4BAA4B,MAAM,GAAG;AACvC,WAAO,2BAA2B,MAAM;AAAA,EAC1C;AAEA,SAAO,OAAO,MAAM;AACtB;AAEO,SAAS,kBAAkB,YAAqC;AACrE,MAAI,WAAW,UAAU,WAAW,QAAQ,GAAG;AAC7C,WAAO;AAAA,EACT;AAEA,SAAO,mCAAmC,KAAK,WAAW,IAAI;AAChE;AAEO,SAAS,oBAAoB,OAA+B;AACjE,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;AAE3D,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,GAAG;AAChC,WAAO,OAAO,KAAK;AAAA,EACrB;AAEA,SAAO,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC,EAAE,OAAO,IAAI;AAChB;AAEO,SAAS,sBAAsB,OAA4C;AAChF,MAAI,SAAS,MAAM;AACjB,WAAO,CAAC,UAAU;AAAA,EACpB;AAEA,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,CAAC;AAAA,EACV;AAEA,SAAO,oBAAoB,OAAO,CAAC,SAAS,MAAM,SAAS,IAAI,CAAC;AAClE;AAEO,SAAS,kBAAkB,SAA2B,WAA4C;AACvG,MAAI,aAAa,cAAc,YAAY,QAAQ,SAAS,SAAS,GAAG;AACtE,WAAO;AAAA,EACT;AAEA,SAAO,QAAQ,CAAC,KAAK;AACvB;AAEO,SAAS,qBACd,gBACA,eACqC;AACrC,SAAO,sBAAsB,cAAc,EAAE;AAAA,IAC3C,CAAC,SAAoD,SAAS,YAAY,SAAS;AAAA,EACrF;AACF;AAEO,SAAS,0BAA0B,SAM9B;AACV,MAAI,QAAQ,oBAAoB,OAAO;AACrC,WAAO;AAAA,EACT;AAEA,MAAI,QAAQ,oBAAoB,MAAM;AACpC,WAAO;AAAA,EACT;AAEA,MACE,QAAQ,kBACR,QAAQ,mBACR,CAAC,QAAQ,aACR,QAAQ,oBAAoB,cAAc,QAAQ,oBAAoB,eACvE;AACA,WAAO;AAAA,EACT;AAEA,SAAO,QAAQ,QAAQ,mBAAmB,CAAC,QAAQ,YAAY,QAAQ,oBAAoB,UAAU;AACvG;AAOO,SAAS,6BACd,OACA,UAAsC,CAAC,GAC9B;AACT,MAAI,MAAM,QAAQ,SAAS;AACzB,WAAO;AAAA,EACT;AAEA,QAAM,EAAE,oBAAoB,MAAM,mBAAmB,KAAK,IAAI;AAC9D,QAAM,SAAS,MAAM,WAAW,MAAM;AAEtC,MAAI,qBAAqB,MAAM,YAAY,CAAC,QAAQ;AAClD,WAAO;AAAA,EACT;AAEA,MAAI,oBAAoB,UAAU,CAAC,MAAM,UAAU;AACjD,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/headless/source/components/dataDisplay/chip/chip.jsx

@@ -0,0 +1,119 @@
+import { Show, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Ripple } from "../../base/ripple";
+import { Icon } from "../../base/icon";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+import { callHandler } from "../../../primitives/callHandler";
+function Chip(props) {
+  const merged = mergeProps(
+    {
+      target: "_blank",
+      variant: "filled",
+      size: "medium",
+      color: "default",
+      disabled: false,
+      deleteAriaLabel: "Remove"
+    },
+    props
+  );
+  const [local, rest] = splitProps(merged, [
+    "label",
+    "class",
+    "deleteIcon",
+    "icon",
+    "onDelete",
+    "onDeleteMouseDown",
+    "asLink",
+    "href",
+    "target",
+    "selected",
+    "variant",
+    "size",
+    "color",
+    "disabled",
+    "onClick",
+    "deleteAriaLabel",
+    "ref"
+  ]);
+  let rippleActions;
+  const onPointerDown = (event) => {
+    if (!local.disabled) {
+      rippleActions?.onRipple(event);
+    }
+  };
+  const onDeleteMouseDown = (event) => {
+    callHandler(local.onDeleteMouseDown, event);
+    event.stopPropagation();
+  };
+  const classes = () => cn(
+    "smwb-chip",
+    `smwb-${local.variant}`,
+    `smwb-chip_size-${local.size}`,
+    local.color !== "default" && `smwb-chip_color-${local.color}`,
+    local.class,
+    { "smwb-disabled": local.disabled, "smwb-selected": local.selected }
+  );
+  const clickable = () => !!local.onClick && !local.disabled;
+  const inner = () => <>
+      <Show when={local.icon}>
+        <span class="smwb-chip__icon">{local.icon}</span>
+      </Show>
+      <span class="smwb-chip__label">{local.label}</span>
+      <Show when={local.onDelete}>
+        <button
+    type="button"
+    class="smwb-chip__delete-icon"
+    aria-label={local.deleteAriaLabel}
+    disabled={local.disabled}
+    onClick={local.onDelete}
+    onMouseDown={onDeleteMouseDown}
+  >
+          <Show when={local.deleteIcon} fallback={<Icon name="cancel" size={18} fill={1} />}>
+            {local.deleteIcon}
+          </Show>
+        </button>
+      </Show>
+      <Ripple actionRef={(actions) => rippleActions = actions} />
+    </>;
+  return <Show
+    when={local.asLink && local.href}
+    fallback={<span
+      {...rest}
+      ref={mergeRefs(local.ref)}
+      data-testid="chip"
+      class={classes()}
+      role={clickable() ? "button" : void 0}
+      tabindex={clickable() ? 0 : void 0}
+      aria-disabled={local.disabled || void 0}
+      onClick={clickable() ? () => local.onClick?.() : void 0}
+      onKeyDown={clickable() ? (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          local.onClick?.();
+        }
+      } : void 0}
+      onPointerDown={onPointerDown}
+    >
+          {inner()}
+        </span>}
+  >
+      <a
+    {...rest}
+    ref={mergeRefs(local.ref)}
+    data-testid="chip-link"
+    class={classes()}
+    href={local.href}
+    onPointerDown={onPointerDown}
+    target={local.target}
+    rel="noreferrer"
+  >
+        {inner()}
+      </a>
+    </Show>;
+}
+var chip_default = Chip;
+export {
+  Chip,
+  chip_default as default
+};
+//# sourceMappingURL=chip.jsx.map

package/dist/headless/source/components/dataDisplay/chip/chip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/chip/chip.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type ChipColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {\n  variant?: \"filled\" | \"outlined\";\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  onDelete?: (event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void;\n  icon?: JSX.Element;\n  deleteIcon?: JSX.Element;\n  label: string;\n  onClick?: () => void;\n  onDeleteMouseDown?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;\n  disabled?: boolean;\n  asLink?: boolean;\n  href?: string;\n  /** Open the link in a new tab (asLink only). */\n  target?: string;\n  selected?: boolean;\n  /** Accessible label for the delete control. */\n  deleteAriaLabel?: string;\n  ref?: Ref<HTMLSpanElement | HTMLAnchorElement>;\n}\n\nexport function Chip(props: ChipProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      target: \"_blank\",\n      variant: \"filled\" as const,\n      size: \"medium\" as const,\n      color: \"default\" as ChipColor,\n      disabled: false,\n      deleteAriaLabel: \"Remove\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"class\",\n    \"deleteIcon\",\n    \"icon\",\n    \"onDelete\",\n    \"onDeleteMouseDown\",\n    \"asLink\",\n    \"href\",\n    \"target\",\n    \"selected\",\n    \"variant\",\n    \"size\",\n    \"color\",\n    \"disabled\",\n    \"onClick\",\n    \"deleteAriaLabel\",\n    \"ref\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) {\n      rippleActions?.onRipple(event);\n    }\n  };\n\n  const onDeleteMouseDown: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    callHandler(local.onDeleteMouseDown, event);\n    event.stopPropagation();\n  };\n\n  const classes = (): string =>\n    cn(\n      \"smwb-chip\",\n      `smwb-${local.variant}`,\n      `smwb-chip_size-${local.size}`,\n      local.color !== \"default\" && `smwb-chip_color-${local.color}`,\n      local.class,\n      { \"smwb-disabled\": local.disabled, \"smwb-selected\": local.selected }\n    );\n\n  const clickable = (): boolean => !!local.onClick && !local.disabled;\n\n  const inner = (): JSX.Element => (\n    <>\n      <Show when={local.icon}>\n        <span class=\"smwb-chip__icon\">{local.icon}</span>\n      </Show>\n      <span class=\"smwb-chip__label\">{local.label}</span>\n      <Show when={local.onDelete}>\n        <button\n          type=\"button\"\n          class=\"smwb-chip__delete-icon\"\n          aria-label={local.deleteAriaLabel}\n          disabled={local.disabled}\n          onClick={local.onDelete}\n          onMouseDown={onDeleteMouseDown}\n        >\n          <Show when={local.deleteIcon} fallback={<Icon name=\"cancel\" size={18} fill={1} />}>\n            {local.deleteIcon}\n          </Show>\n        </button>\n      </Show>\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </>\n  );\n\n  return (\n    <Show\n      when={local.asLink && local.href}\n      fallback={\n        <span\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid=\"chip\"\n          class={classes()}\n          role={clickable() ? \"button\" : undefined}\n          tabindex={clickable() ? 0 : undefined}\n          aria-disabled={local.disabled || undefined}\n          onClick={clickable() ? () => local.onClick?.() : undefined}\n          onKeyDown={\n            clickable()\n              ? (event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    local.onClick?.();\n                  }\n                }\n              : undefined\n          }\n          onPointerDown={onPointerDown}\n        >\n          {inner()}\n        </span>\n      }\n    >\n      <a\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        data-testid=\"chip-link\"\n        class={classes()}\n        href={local.href}\n        onPointerDown={onPointerDown}\n        target={local.target}\n        rel=\"noreferrer\"\n      >\n        {inner()}\n      </a>\n    </Show>\n  );\n}\n\nexport default Chip;\n"],"mappings":"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","names":[],"file":"chip.jsx"}