@smwb/ui-react 2.0.0

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

@@ -0,0 +1,44 @@
+export { default as ChatLayout } from "./chatLayout";
+export type { ChatLayoutProps, ChatLayoutChatProps } from "./chatLayout";
+export { default as ChatOverlayLayout } from "./chatOverlayLayout";
+export type { ChatOverlayLayoutProps, ChatOverlayLayoutChatProps } from "./chatOverlayLayout";
+export { default as Chat } from "./chat";
+export type { ChatProps } from "./chat";
+export { default as ChatShell } from "./chatShell";
+export type { ChatShellProps } from "./chatShell";
+export { default as ChatHeader } from "./chatHeader";
+export type { ChatHeaderProps } from "./chatHeader";
+export { default as ChatMessages } from "./chatMessages";
+export type { ChatMessagesProps } from "./chatMessages";
+export { default as ChatMessageItem } from "./chatMessageItem";
+export type { ChatMessageItemProps } from "./chatMessageItem";
+export { default as ChatMessageIncoming } from "./chatMessageIncoming";
+export type { ChatMessageIncomingProps } from "./chatMessageIncoming";
+export { default as ChatMessageOutgoing } from "./chatMessageOutgoing";
+export type { ChatMessageOutgoingProps } from "./chatMessageOutgoing";
+export { default as ChatMessageSystem } from "./chatMessageSystem";
+export type { ChatMessageSystemProps } from "./chatMessageSystem";
+export { default as ChatMessageBubble } from "./chatMessageBubble";
+export type { ChatMessageBubbleProps } from "./chatMessageBubble";
+export { default as ChatMessageSkeleton } from "./chatMessageSkeleton";
+export type { ChatMessageSkeletonProps } from "./chatMessageSkeleton";
+export { default as ChatMessageStatus } from "./chatMessageStatus";
+export type { ChatMessageStatusProps } from "./chatMessageStatus";
+export { default as ChatMessageAvatar } from "./chatMessageAvatar";
+export type { ChatMessageAvatarProps } from "./chatMessageAvatar";
+export { default as ChatAttachments } from "./chatAttachments";
+export type { ChatAttachmentsProps } from "./chatAttachments";
+export { default as ChatAttachmentImage } from "./chatAttachmentImage";
+export type { ChatAttachmentImageProps } from "./chatAttachmentImage";
+export { useChatInfiniteScroll } from "./useChatInfiniteScroll";
+export type { UseChatInfiniteScrollParams } from "./useChatInfiniteScroll";
+export { useChatFileUpload, resolveChatFileUploadMaxFiles } from "./useChatFileUpload";
+export type { UseChatFileUploadOptions } from "./useChatFileUpload";
+export { useChatStickToBottom, isScrolledToBottom, scrollChatToBottom } from "./useChatStickToBottom";
+export type { UseChatStickToBottomParams } from "./useChatStickToBottom";
+export { default as ChatComposer } from "./chatComposer";
+export type { ChatComposerProps } from "./chatComposer";
+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 { ReactNode } from "react";
+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?: ReactNode;
+    author?: ChatAuthor;
+    attachments?: ChatAttachment[];
+    content?: ReactNode;
+    timestamp?: string | Date;
+    status?: ChatMessageStatus;
+}
+export interface ChatMessageRenderContext {
+    showAvatars: boolean;
+    showAttachments: boolean;
+    showStatus?: boolean;
+    statusIcons?: ChatMessageStatusIcons & Record<string, string | undefined>;
+    renderStatus?: (ctx: ChatMessageStatusRenderContext) => ReactNode;
+}
+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 { ReactNode } from \"react\";\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?: ReactNode;\n  author?: ChatAuthor;\n  attachments?: ChatAttachment[];\n  content?: ReactNode;\n  timestamp?: string | Date;\n  status?: ChatMessageStatus;\n}\n\nexport interface ChatMessageRenderContext {\n  showAvatars: boolean;\n  showAttachments: boolean;\n  showStatus?: boolean;\n  statusIcons?: ChatMessageStatusIcons & Record<string, string | undefined>;\n  renderStatus?: (ctx: ChatMessageStatusRenderContext) => ReactNode;\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,19 @@
+import { type Accept } from "react-dropzone";
+export interface UseChatFileUploadOptions {
+    enabled?: boolean;
+    accept?: Accept;
+    maxFiles?: number;
+    onUploadFiles?: (files: File[]) => void | Promise<void>;
+    disabled?: boolean;
+}
+export declare function resolveChatFileUploadMaxFiles(maxFiles?: number): number;
+export declare function useChatFileUpload({ enabled, accept, maxFiles, onUploadFiles, disabled, }: UseChatFileUploadOptions): {
+    enabled: boolean;
+    maxFiles: number;
+    getRootProps: <T extends import("react-dropzone").DropzoneRootProps>(props?: T) => T;
+    getInputProps: <T extends import("react-dropzone").DropzoneInputProps>(props?: T) => T;
+    open: () => void;
+    inputRef: import("react").RefObject<HTMLInputElement>;
+    isDragActive: boolean;
+};
+export default useChatFileUpload;

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

@@ -0,0 +1,42 @@
+import { useDropzone as F } from "react-dropzone";
+import { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES as d } from "./types.js";
+function A(e) {
+  return e == null ? d : Math.max(1, e);
+}
+function D({
+  enabled: e = !1,
+  accept: s,
+  maxFiles: n,
+  onUploadFiles: o,
+  disabled: l = !1
+}) {
+  const t = A(n), i = e && !!o && !l, { getRootProps: a, getInputProps: c, open: r, isDragActive: u, inputRef: p } = F({
+    accept: s,
+    maxFiles: t,
+    multiple: t > 1,
+    disabled: !i,
+    noClick: !0,
+    noKeyboard: !0,
+    useFsAccessApi: !1,
+    onDropAccepted: (f) => {
+      o && o(f);
+    }
+  });
+  return {
+    enabled: i,
+    maxFiles: t,
+    getRootProps: a,
+    getInputProps: c,
+    open: () => {
+      r == null || r();
+    },
+    inputRef: p,
+    isDragActive: u
+  };
+}
+export {
+  D as default,
+  A as resolveChatFileUploadMaxFiles,
+  D as useChatFileUpload
+};
+//# 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 { useDropzone, type Accept } from \"react-dropzone\";\nimport { CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES } from \"./types\";\n\nexport interface UseChatFileUploadOptions {\n  enabled?: boolean;\n  accept?: Accept;\n  maxFiles?: number;\n  onUploadFiles?: (files: File[]) => void | Promise<void>;\n  disabled?: 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\nexport function useChatFileUpload({\n  enabled = false,\n  accept,\n  maxFiles,\n  onUploadFiles,\n  disabled = false,\n}: UseChatFileUploadOptions) {\n  const resolvedMaxFiles = resolveChatFileUploadMaxFiles(maxFiles);\n  const active = enabled && Boolean(onUploadFiles) && !disabled;\n\n  const { getRootProps, getInputProps, open, isDragActive, inputRef } = useDropzone({\n    accept,\n    maxFiles: resolvedMaxFiles,\n    multiple: resolvedMaxFiles > 1,\n    disabled: !active,\n    noClick: true,\n    noKeyboard: true,\n    useFsAccessApi: false,\n    onDropAccepted: (files) => {\n      if (onUploadFiles) {\n        void onUploadFiles(files);\n      }\n    },\n  });\n\n  const openFilePicker = () => {\n    open?.();\n  };\n\n  return {\n    enabled: active,\n    maxFiles: resolvedMaxFiles,\n    getRootProps,\n    getInputProps,\n    open: openFilePicker,\n    inputRef,\n    isDragActive,\n  };\n}\n\nexport default useChatFileUpload;\n"],"names":["resolveChatFileUploadMaxFiles","maxFiles","CHAT_DEFAULT_FILE_UPLOAD_MAX_FILES","useChatFileUpload","enabled","accept","onUploadFiles","disabled","resolvedMaxFiles","active","getRootProps","getInputProps","open","isDragActive","inputRef","useDropzone","files"],"mappings":";;AAWO,SAASA,EAA8BC,GAA2B;AACvE,SAAIA,KAAY,OACPC,IAGF,KAAK,IAAI,GAAGD,CAAQ;AAC7B;AAEO,SAASE,EAAkB;AAAA,EAChC,SAAAC,IAAU;AAAA,EACV,QAAAC;AAAA,EACA,UAAAJ;AAAA,EACA,eAAAK;AAAA,EACA,UAAAC,IAAW;AACb,GAA6B;AAC3B,QAAMC,IAAmBR,EAA8BC,CAAQ,GACzDQ,IAASL,KAAW,EAAQE,KAAkB,CAACC,GAE/C,EAAE,cAAAG,GAAc,eAAAC,GAAe,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAA,IAAaC,EAAY;AAAA,IAChF,QAAAV;AAAA,IACA,UAAUG;AAAA,IACV,UAAUA,IAAmB;AAAA,IAC7B,UAAU,CAACC;AAAA,IACX,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,gBAAgB,CAACO,MAAU;AACzB,MAAIV,KACGA,EAAcU,CAAK;AAAA,IAE5B;AAAA,EAAA,CACD;AAMD,SAAO;AAAA,IACL,SAASP;AAAA,IACT,UAAUD;AAAA,IACV,cAAAE;AAAA,IACA,eAAAC;AAAA,IACA,MATqB,MAAM;AAC3B,MAAAC,KAAA,QAAAA;AAAA,IACF;AAAA,IAQE,UAAAE;AAAA,IACA,cAAAD;AAAA,EAAA;AAEJ;"}

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

@@ -0,0 +1,11 @@
+import { RefObject } from "react";
+export interface UseChatInfiniteScrollParams {
+    containerRef: RefObject<HTMLElement | null>;
+    onLoadMore?: () => void | Promise<void>;
+    hasMore?: boolean;
+    loading?: boolean;
+    rootMargin?: string;
+}
+export declare function useChatInfiniteScroll({ containerRef, onLoadMore, hasMore, loading, rootMargin, }: UseChatInfiniteScrollParams): {
+    sentinelRef: RefObject<HTMLDivElement>;
+};

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

@@ -0,0 +1,26 @@
+import { useRef as l, useEffect as p } from "react";
+function d({
+  containerRef: t,
+  onLoadMore: e,
+  hasMore: n = !1,
+  loading: r = !1,
+  rootMargin: s = "80px"
+}) {
+  const c = l(null), f = l(r);
+  return f.current = r, p(() => {
+    const i = t.current, u = c.current;
+    if (!i || !u || !n || !e || typeof IntersectionObserver == "undefined")
+      return;
+    const o = new IntersectionObserver(
+      (v) => {
+        v.some((b) => b.isIntersecting) && !f.current && e();
+      },
+      { root: i, rootMargin: s, threshold: 0 }
+    );
+    return o.observe(u), () => o.disconnect();
+  }, [t, n, e, s]), { sentinelRef: c };
+}
+export {
+  d as useChatInfiniteScroll
+};
+//# 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 { RefObject, useEffect, useRef } from \"react\";\n\nexport interface UseChatInfiniteScrollParams {\n  containerRef: RefObject<HTMLElement | null>;\n  onLoadMore?: () => void | Promise<void>;\n  hasMore?: boolean;\n  loading?: boolean;\n  rootMargin?: string;\n}\n\nexport function useChatInfiniteScroll({\n  containerRef,\n  onLoadMore,\n  hasMore = false,\n  loading = false,\n  rootMargin = \"80px\",\n}: UseChatInfiniteScrollParams) {\n  const sentinelRef = useRef<HTMLDivElement>(null);\n  const loadingRef = useRef(loading);\n\n  loadingRef.current = loading;\n\n  useEffect(() => {\n    const root = containerRef.current;\n    const sentinel = sentinelRef.current;\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) && !loadingRef.current) {\n          void onLoadMore();\n        }\n      },\n      { root, rootMargin, threshold: 0 }\n    );\n\n    observer.observe(sentinel);\n\n    return () => observer.disconnect();\n  }, [containerRef, hasMore, onLoadMore, rootMargin]);\n\n  return { sentinelRef };\n}\n"],"names":["useChatInfiniteScroll","containerRef","onLoadMore","hasMore","loading","rootMargin","sentinelRef","useRef","loadingRef","useEffect","root","sentinel","observer","entries","entry"],"mappings":";AAUO,SAASA,EAAsB;AAAA,EACpC,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,YAAAC,IAAa;AACf,GAAgC;AAC9B,QAAMC,IAAcC,EAAuB,IAAI,GACzCC,IAAaD,EAAOH,CAAO;AAEjC,SAAAI,EAAW,UAAUJ,GAErBK,EAAU,MAAM;AACd,UAAMC,IAAOT,EAAa,SACpBU,IAAWL,EAAY;AAE7B,QAAI,CAACI,KAAQ,CAACC,KAAY,CAACR,KAAW,CAACD,KAAc,OAAO,wBAAyB;AACnF;AAGF,UAAMU,IAAW,IAAI;AAAA,MACnB,CAACC,MAAY;AACX,QAAIA,EAAQ,KAAK,CAACC,MAAUA,EAAM,cAAc,KAAK,CAACN,EAAW,WAC1DN,EAAA;AAAA,MAET;AAAA,MACA,EAAE,MAAAQ,GAAM,YAAAL,GAAY,WAAW,EAAA;AAAA,IAAE;AAGnC,WAAAO,EAAS,QAAQD,CAAQ,GAElB,MAAMC,EAAS,WAAA;AAAA,EACxB,GAAG,CAACX,GAAcE,GAASD,GAAYG,CAAU,CAAC,GAE3C,EAAE,aAAAC,EAAA;AACX;"}

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

@@ -0,0 +1,11 @@
+import { RefObject } from "react";
+export interface UseChatStickToBottomParams {
+    containerRef: RefObject<HTMLElement | null>;
+    messages: readonly {
+        id: string;
+    }[];
+    threshold?: number;
+}
+export declare function isScrolledToBottom(element: HTMLElement, threshold?: number): boolean;
+export declare function scrollChatToBottom(element: HTMLElement): void;
+export declare function useChatStickToBottom({ containerRef, messages, threshold }: UseChatStickToBottomParams): void;

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

@@ -0,0 +1,38 @@
+import { useRef as c, useEffect as M, useLayoutEffect as T } from "react";
+function L(t, r = 24) {
+  return t.scrollHeight - t.scrollTop - t.clientHeight <= r;
+}
+function h(t) {
+  t.scrollTop = t.scrollHeight;
+}
+function B({ containerRef: t, messages: r, threshold: l = 24 }) {
+  const n = c(!0), u = c(0), d = c(), f = c();
+  M(() => {
+    const e = t.current;
+    if (!e)
+      return;
+    const o = () => {
+      n.current = L(e, l);
+    };
+    return o(), e.addEventListener("scroll", o, { passive: !0 }), () => e.removeEventListener("scroll", o);
+  }, [t, l]), T(() => {
+    var g, a;
+    const e = t.current;
+    if (!e)
+      return;
+    const o = u.current, p = d.current, v = f.current, i = (g = r[0]) == null ? void 0 : g.id, s = (a = r[r.length - 1]) == null ? void 0 : a.id;
+    if (p === void 0)
+      h(e), n.current = !0;
+    else {
+      const H = i !== void 0 && i !== p && s === v, I = s !== void 0 && s !== v;
+      H && o > 0 ? e.scrollTop += e.scrollHeight - o : I && n.current && h(e);
+    }
+    u.current = e.scrollHeight, d.current = i, f.current = s;
+  }, [t, r]);
+}
+export {
+  L as isScrolledToBottom,
+  h as scrollChatToBottom,
+  B as useChatStickToBottom
+};
+//# sourceMappingURL=useChatStickToBottom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChatStickToBottom.js","sources":["../../../../src/components/dataDisplay/chat/useChatStickToBottom.ts"],"sourcesContent":["import { RefObject, useEffect, useLayoutEffect, useRef } from \"react\";\n\nexport interface UseChatStickToBottomParams {\n  containerRef: RefObject<HTMLElement | null>;\n  messages: 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\nexport function useChatStickToBottom({ containerRef, messages, threshold = 24 }: UseChatStickToBottomParams) {\n  const isAtBottomRef = useRef(true);\n  const previousScrollHeightRef = useRef(0);\n  const previousFirstMessageIdRef = useRef<string | undefined>();\n  const previousLastMessageIdRef = useRef<string | undefined>();\n\n  useEffect(() => {\n    const element = containerRef.current;\n\n    if (!element) {\n      return;\n    }\n\n    const handleScroll = () => {\n      isAtBottomRef.current = isScrolledToBottom(element, threshold);\n    };\n\n    handleScroll();\n    element.addEventListener(\"scroll\", handleScroll, { passive: true });\n\n    return () => element.removeEventListener(\"scroll\", handleScroll);\n  }, [containerRef, threshold]);\n\n  useLayoutEffect(() => {\n    const element = containerRef.current;\n\n    if (!element) {\n      return;\n    }\n\n    const previousScrollHeight = previousScrollHeightRef.current;\n    const previousFirstMessageId = previousFirstMessageIdRef.current;\n    const previousLastMessageId = previousLastMessageIdRef.current;\n    const firstMessageId = messages[0]?.id;\n    const lastMessageId = messages[messages.length - 1]?.id;\n\n    if (previousFirstMessageId === undefined) {\n      scrollChatToBottom(element);\n      isAtBottomRef.current = 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 && isAtBottomRef.current) {\n        scrollChatToBottom(element);\n      }\n    }\n\n    previousScrollHeightRef.current = element.scrollHeight;\n    previousFirstMessageIdRef.current = firstMessageId;\n    previousLastMessageIdRef.current = lastMessageId;\n  }, [containerRef, messages]);\n}\n"],"names":["isScrolledToBottom","element","threshold","scrollChatToBottom","useChatStickToBottom","containerRef","messages","isAtBottomRef","useRef","previousScrollHeightRef","previousFirstMessageIdRef","previousLastMessageIdRef","useEffect","handleScroll","useLayoutEffect","previousScrollHeight","previousFirstMessageId","previousLastMessageId","firstMessageId","_a","lastMessageId","_b","prepended","appended"],"mappings":";AAQO,SAASA,EAAmBC,GAAsBC,IAAY,IAAa;AAChF,SAAOD,EAAQ,eAAeA,EAAQ,YAAYA,EAAQ,gBAAgBC;AAC5E;AAEO,SAASC,EAAmBF,GAA4B;AAC7D,EAAAA,EAAQ,YAAYA,EAAQ;AAC9B;AAEO,SAASG,EAAqB,EAAE,cAAAC,GAAc,UAAAC,GAAU,WAAAJ,IAAY,MAAkC;AAC3G,QAAMK,IAAgBC,EAAO,EAAI,GAC3BC,IAA0BD,EAAO,CAAC,GAClCE,IAA4BF,EAAA,GAC5BG,IAA2BH,EAAA;AAEjC,EAAAI,EAAU,MAAM;AACd,UAAMX,IAAUI,EAAa;AAE7B,QAAI,CAACJ;AACH;AAGF,UAAMY,IAAe,MAAM;AACzB,MAAAN,EAAc,UAAUP,EAAmBC,GAASC,CAAS;AAAA,IAC/D;AAEA,WAAAW,EAAA,GACAZ,EAAQ,iBAAiB,UAAUY,GAAc,EAAE,SAAS,IAAM,GAE3D,MAAMZ,EAAQ,oBAAoB,UAAUY,CAAY;AAAA,EACjE,GAAG,CAACR,GAAcH,CAAS,CAAC,GAE5BY,EAAgB,MAAM;;AACpB,UAAMb,IAAUI,EAAa;AAE7B,QAAI,CAACJ;AACH;AAGF,UAAMc,IAAuBN,EAAwB,SAC/CO,IAAyBN,EAA0B,SACnDO,IAAwBN,EAAyB,SACjDO,KAAiBC,IAAAb,EAAS,CAAC,MAAV,gBAAAa,EAAa,IAC9BC,KAAgBC,IAAAf,EAASA,EAAS,SAAS,CAAC,MAA5B,gBAAAe,EAA+B;AAErD,QAAIL,MAA2B;AAC7B,MAAAb,EAAmBF,CAAO,GAC1BM,EAAc,UAAU;AAAA,SACnB;AACL,YAAMe,IACJJ,MAAmB,UACnBA,MAAmBF,KACnBI,MAAkBH,GACdM,IAAWH,MAAkB,UAAaA,MAAkBH;AAElE,MAAIK,KAAaP,IAAuB,IACtCd,EAAQ,aAAaA,EAAQ,eAAec,IACnCQ,KAAYhB,EAAc,WACnCJ,EAAmBF,CAAO;AAAA,IAE9B;AAEA,IAAAQ,EAAwB,UAAUR,EAAQ,cAC1CS,EAA0B,UAAUQ,GACpCP,EAAyB,UAAUS;AAAA,EACrC,GAAG,CAACf,GAAcC,CAAQ,CAAC;AAC7B;"}

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

@@ -0,0 +1,26 @@
+import { ChatAttachment, ChatLayoutMode, ChatMessageDeliveryStatus, ChatMessageStatus, ChatMessageStatusIcons } from "./types";
+export declare function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus;
+export declare function resolveChatMessageStatusIcon(status: ChatMessageStatus, icons?: ChatMessageStatusIcons & Record<string, string | undefined>): string | undefined;
+export declare function resolveChatMessageStatusLabel(status: ChatMessageStatus): string;
+export declare function isImageAttachment(attachment: ChatAttachment): boolean;
+export declare function formatChatTimestamp(value?: string | Date): string;
+export declare function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[];
+export declare function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode;
+export declare function getChatLayoutActions(allowedLayouts: ChatLayoutMode[], currentLayout?: ChatLayoutMode): Exclude<ChatLayoutMode, "closed">[];
+export declare function shouldShowChatCloseButton(options: {
+    floatingTrigger?: boolean;
+    embedded?: boolean;
+    overlayContext?: boolean;
+    effectiveLayout?: ChatLayoutMode;
+    showCloseButton?: boolean;
+}): boolean;
+export interface ChatComposerNewlineOptions {
+    shiftEnterNewline?: boolean;
+    ctrlEnterNewline?: boolean;
+}
+export declare function shouldComposerNewlineOnEnter(event: {
+    key: string;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+}, options?: ChatComposerNewlineOptions): boolean;

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

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

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

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

package/dist/components/dataDisplay/chip/chip.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+export type ChipColor = "default" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {
+    className?: string;
+    variant?: "filled" | "outlined";
+    size?: "small" | "medium";
+    color?: ChipColor;
+    onDelete?: (event: React.SyntheticEvent) => void;
+    icon?: React.ReactNode;
+    deleteIcon?: React.ReactNode;
+    label: string;
+    onClick?: () => void;
+    onDeleteMouseDown?: React.MouseEventHandler;
+    disabled?: boolean;
+    asLink?: boolean;
+    href?: string;
+    /** Open the link in a new tab (asLink only). */
+    target?: string;
+    selected?: boolean;
+    /** Accessible label for the delete control. */
+    deleteAriaLabel?: string;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement | HTMLAnchorElement>>;
+export default Chip;

package/dist/components/dataDisplay/chip/chip.js

@@ -0,0 +1,99 @@
+import { jsx as t, jsxs as E, Fragment as F } from "react/jsx-runtime";
+import '../../../assets/styles/less/components/chip/chip.entry.css';/* empty css                                                   */
+import v from "react";
+import I from "clsx";
+import { Ripple as K } from "../../base/ripple/ripple.js";
+import { Icon as q } from "../../base/icon/icon.js";
+const T = v.forwardRef(function({
+  label: N,
+  className: x,
+  deleteIcon: l,
+  icon: m,
+  onDelete: r,
+  onMouseDown: n,
+  onDeleteMouseDown: c,
+  asLink: y,
+  href: o,
+  target: $ = "_blank",
+  selected: g,
+  variant: j = "filled",
+  size: z = "medium",
+  color: p = "default",
+  disabled: i = !1,
+  onClick: a,
+  deleteAriaLabel: B = "Remove",
+  ...d
+}, f) {
+  const b = v.useRef(null), h = (e) => {
+    n == null || n(e);
+  }, u = (e) => {
+    var R;
+    i || (R = b.current) == null || R.onRipple(e);
+  }, k = (e) => {
+    c == null || c(e), e.stopPropagation();
+  }, w = I(
+    "smwb-chip",
+    `smwb-${j}`,
+    `smwb-chip_size-${z}`,
+    p !== "default" && `smwb-chip_color-${p}`,
+    x,
+    { "smwb-disabled": i, "smwb-selected": g }
+  ), _ = /* @__PURE__ */ E(F, { children: [
+    m && /* @__PURE__ */ t("span", { className: "smwb-chip__icon", children: m }),
+    /* @__PURE__ */ t("span", { className: "smwb-chip__label", children: N }),
+    !!r && /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "smwb-chip__delete-icon",
+        "aria-label": B,
+        disabled: i,
+        onClick: r,
+        onMouseDown: k,
+        children: l || /* @__PURE__ */ t(q, { name: "cancel", size: 18, fill: 1 })
+      }
+    ),
+    /* @__PURE__ */ t(K, { actionRef: b })
+  ] });
+  if (y && o)
+    return /* @__PURE__ */ t(
+      "a",
+      {
+        ref: f,
+        "data-testid": "chip-link",
+        className: w,
+        href: o,
+        onMouseDown: h,
+        onPointerDown: u,
+        target: $,
+        rel: "noreferrer",
+        ...d,
+        children: _
+      }
+    );
+  const s = !!a && !i;
+  return /* @__PURE__ */ t(
+    "span",
+    {
+      ref: f,
+      "data-testid": "chip",
+      className: w,
+      role: s ? "button" : void 0,
+      tabIndex: s ? 0 : void 0,
+      "aria-disabled": i || void 0,
+      onClick: s ? a : void 0,
+      onKeyDown: s ? (e) => {
+        (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a == null || a());
+      } : void 0,
+      onMouseDown: h,
+      onPointerDown: u,
+      ...d,
+      children: _
+    }
+  );
+});
+export {
+  T as Chip,
+  T as default
+};
+//# sourceMappingURL=chip.js.map

package/dist/components/dataDisplay/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../../src/components/dataDisplay/chip/chip.tsx"],"sourcesContent":["import React from \"react\";\nimport cn from \"clsx\";\nimport { Ripple, RippleActionsRef } from \"../../base/ripple/ripple\";\nimport Icon from \"../../base/icon/icon\";\n\nexport type ChipColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ChipProps extends React.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {\n  className?: string;\n  variant?: \"filled\" | \"outlined\";\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  onDelete?: (event: React.SyntheticEvent) => void;\n  icon?: React.ReactNode;\n  deleteIcon?: React.ReactNode;\n  label: string;\n  onClick?: () => void;\n  onDeleteMouseDown?: React.MouseEventHandler;\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}\n\nexport const Chip = React.forwardRef<HTMLSpanElement | HTMLAnchorElement, ChipProps>(function Chip(\n  {\n    label,\n    className,\n    deleteIcon,\n    icon,\n    onDelete,\n    onMouseDown: onMouseDownProp,\n    onDeleteMouseDown: onDeleteMouseDownProp,\n    asLink,\n    href,\n    target = \"_blank\",\n    selected,\n    variant = \"filled\",\n    size = \"medium\",\n    color = \"default\",\n    disabled = false,\n    onClick,\n    deleteAriaLabel = \"Remove\",\n    ...rest\n  },\n  ref\n) {\n  const rippleRef = React.useRef<RippleActionsRef>(null);\n\n  const onMouseDown = (event: React.MouseEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    onMouseDownProp?.(event);\n  };\n\n  // Ripple on pointerdown so it fires for touch and pen, not just mouse.\n  const onPointerDown = (event: React.PointerEvent<HTMLSpanElement | HTMLAnchorElement>) => {\n    if (!disabled) {\n      rippleRef.current?.onRipple(event);\n    }\n  };\n\n  const onDeleteMouseDown = (event: React.MouseEvent) => {\n    onDeleteMouseDownProp?.(event);\n    event.stopPropagation();\n  };\n\n  const classes = cn(\n    \"smwb-chip\",\n    `smwb-${variant}`,\n    `smwb-chip_size-${size}`,\n    color !== \"default\" && `smwb-chip_color-${color}`,\n    className,\n    { \"smwb-disabled\": disabled, \"smwb-selected\": selected }\n  );\n\n  const deleteBtn = !!onDelete && (\n    <button\n      type=\"button\"\n      className=\"smwb-chip__delete-icon\"\n      aria-label={deleteAriaLabel}\n      disabled={disabled}\n      onClick={onDelete}\n      onMouseDown={onDeleteMouseDown}\n    >\n      {deleteIcon ? deleteIcon : <Icon name=\"cancel\" size={18} fill={1} />}\n    </button>\n  );\n\n  const inner = (\n    <>\n      {icon && <span className=\"smwb-chip__icon\">{icon}</span>}\n      <span className=\"smwb-chip__label\">{label}</span>\n      {deleteBtn}\n      <Ripple actionRef={rippleRef} />\n    </>\n  );\n\n  if (asLink && href) {\n    return (\n      <a\n        ref={ref as React.Ref<HTMLAnchorElement>}\n        data-testid=\"chip-link\"\n        className={classes}\n        href={href}\n        onMouseDown={onMouseDown}\n        onPointerDown={onPointerDown}\n        target={target}\n        rel=\"noreferrer\"\n        {...rest}\n      >\n        {inner}\n      </a>\n    );\n  }\n\n  const clickable = !!onClick && !disabled;\n\n  return (\n    <span\n      ref={ref}\n      data-testid=\"chip\"\n      className={classes}\n      role={clickable ? \"button\" : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      aria-disabled={disabled || undefined}\n      onClick={clickable ? onClick : undefined}\n      onKeyDown={\n        clickable\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.();\n              }\n            }\n          : undefined\n      }\n      onMouseDown={onMouseDown}\n      onPointerDown={onPointerDown}\n      {...rest}\n    >\n      {inner}\n    </span>\n  );\n});\n\nexport default Chip;\n"],"names":["Chip","React","label","className","deleteIcon","icon","onDelete","onMouseDownProp","onDeleteMouseDownProp","asLink","href","target","selected","variant","size","color","disabled","onClick","deleteAriaLabel","rest","ref","rippleRef","onMouseDown","event","onPointerDown","_a","onDeleteMouseDown","classes","cn","inner","jsxs","Fragment","jsx","Icon","Ripple","clickable"],"mappings":";;;;;;AA6BO,MAAMA,IAAOC,EAAM,WAA2D,SACnF;AAAA,EACE,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AAAA,EACb,mBAAmBC;AAAA,EACnB,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAYpB,EAAM,OAAyB,IAAI,GAE/CqB,IAAc,CAACC,MAAiE;AACpF,IAAAhB,KAAA,QAAAA,EAAkBgB;AAAA,EACpB,GAGMC,IAAgB,CAACD,MAAmE;;AACxF,IAAKP,MACHS,IAAAJ,EAAU,YAAV,QAAAI,EAAmB,SAASF;AAAA,EAEhC,GAEMG,IAAoB,CAACH,MAA4B;AACrD,IAAAf,KAAA,QAAAA,EAAwBe,IACxBA,EAAM,gBAAA;AAAA,EACR,GAEMI,IAAUC;AAAA,IACd;AAAA,IACA,QAAQf,CAAO;AAAA,IACf,kBAAkBC,CAAI;AAAA,IACtBC,MAAU,aAAa,mBAAmBA,CAAK;AAAA,IAC/CZ;AAAA,IACA,EAAE,iBAAiBa,GAAU,iBAAiBJ,EAAA;AAAA,EAAS,GAgBnDiB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAA1B,KAAQ,gBAAA2B,EAAC,QAAA,EAAK,WAAU,mBAAmB,UAAA3B,GAAK;AAAA,IACjD,gBAAA2B,EAAC,QAAA,EAAK,WAAU,oBAAoB,UAAA9B,GAAM;AAAA,IAhB5B,CAAC,CAACI,KAClB,gBAAA0B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,cAAYd;AAAA,QACZ,UAAAF;AAAA,QACA,SAASV;AAAA,QACT,aAAaoB;AAAA,QAEZ,UAAAtB,KAA0B,gBAAA4B,EAACC,GAAA,EAAK,MAAK,UAAS,MAAM,IAAI,MAAM,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IASlE,gBAAAD,EAACE,GAAA,EAAO,WAAWb,EAAA,CAAW;AAAA,EAAA,GAChC;AAGF,MAAIZ,KAAUC;AACZ,WACE,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,eAAY;AAAA,QACZ,WAAWO;AAAA,QACX,MAAAjB;AAAA,QACA,aAAAY;AAAA,QACA,eAAAE;AAAA,QACA,QAAAb;AAAA,QACA,KAAI;AAAA,QACH,GAAGQ;AAAA,QAEH,UAAAU;AAAA,MAAA;AAAA,IAAA;AAKP,QAAMM,IAAY,CAAC,CAAClB,KAAW,CAACD;AAEhC,SACE,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAZ;AAAA,MACA,eAAY;AAAA,MACZ,WAAWO;AAAA,MACX,MAAMQ,IAAY,WAAW;AAAA,MAC7B,UAAUA,IAAY,IAAI;AAAA,MAC1B,iBAAenB,KAAY;AAAA,MAC3B,SAASmB,IAAYlB,IAAU;AAAA,MAC/B,WACEkB,IACI,CAAC,MAAM;AACL,SAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,eAAA,GACFlB,KAAA,QAAAA;AAAA,MAEJ,IACA;AAAA,MAEN,aAAAK;AAAA,MACA,eAAAE;AAAA,MACC,GAAGL;AAAA,MAEH,UAAAU;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}

package/dist/components/dataDisplay/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Chip } from "./chip";
+export type { ChipProps, ChipColor } from "./chip";

package/dist/components/dataDisplay/expansionPanel/expansionPanel.d.ts

@@ -0,0 +1,56 @@
+import React, { ReactNode } from "react";
+export type ExpansionMode = "tile" | "row" | "fullscreen";
+export interface ExpansionPanelLabels {
+    /** Tooltip/aria for the control that expands a tile to a full grid row. */
+    expandRow?: string;
+    /** Tooltip/aria for the control that collapses a full row back to a tile. */
+    collapseRow?: string;
+    /** Tooltip/aria for the control that opens the panel fullscreen. */
+    expandFullscreen?: string;
+    /** Tooltip/aria for the control that closes fullscreen. */
+    closeFullscreen?: string;
+    /** Text shown in the original slot while the panel is fullscreen. */
+    placeholder?: string;
+    /** Label of the button in the placeholder that closes fullscreen. */
+    placeholderClose?: string;
+}
+export interface ExpansionPanelRenderContext {
+    mode: ExpansionMode;
+    isFullscreen: boolean;
+    isFullRow: boolean;
+}
+export interface ExpansionPanelControlsContext extends ExpansionPanelRenderContext {
+    setMode: (next: ExpansionMode | ((current: ExpansionMode) => ExpansionMode)) => void;
+    toggleRow: () => void;
+    openFullscreen: () => void;
+    closeFullscreen: () => void;
+    labels: Required<ExpansionPanelLabels>;
+}
+type ExpansionPanelChildren = ReactNode | ((ctx: ExpansionPanelRenderContext) => ReactNode);
+type ExpansionPanelControls = ReactNode | ((ctx: ExpansionPanelControlsContext) => ReactNode);
+export interface ExpansionPanelProps {
+    className?: string;
+    /** Content of the panel header (left side of the control bar). */
+    header?: ReactNode;
+    /** Controlled layout mode. */
+    mode?: ExpansionMode;
+    /** Initial mode for the uncontrolled component. */
+    defaultMode?: ExpansionMode;
+    /** Fired with the next mode whenever it changes. */
+    onModeChange?: (mode: ExpansionMode) => void;
+    /** Render the panel as a plain card without row/fullscreen controls. */
+    disableExpand?: boolean;
+    /** Hide the built-in control bar (consumer drives `mode` itself). */
+    noControls?: boolean;
+    /** Replace the built-in row/fullscreen controls with a custom node or render prop. */
+    renderControls?: ExpansionPanelControls;
+    /** Close fullscreen when the backdrop is clicked. Default: true. */
+    closeOnOutsideClick?: boolean;
+    /** Close fullscreen when Escape is pressed. Default: true. */
+    closeOnEsc?: boolean;
+    /** Accessible labels / tooltips for the built-in controls. */
+    labels?: ExpansionPanelLabels;
+    children?: ExpansionPanelChildren;
+}
+export declare const ExpansionPanel: React.ForwardRefExoticComponent<ExpansionPanelProps & React.RefAttributes<HTMLDivElement>>;
+export default ExpansionPanel;