@cossistant/react 0.0.26 → 0.0.28

package/primitives/index.parts.js

@@ -1,15 +1,16 @@
-import { SupportConfig } from "../support-config.js";
 import { Avatar } from "./avatar/avatar.js";
 import { AvatarFallback } from "./avatar/fallback.js";
 import { AvatarImage } from "./avatar/image.js";
 import { TypingIndicator } from "../support/components/typing-indicator.js";
-import { SupportBubble } from "./bubble.js";
+import { SupportConfig } from "../support-config.js";
 import { Button } from "./button.js";
 import { ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading } from "./conversation-timeline.js";
 import { FileInput, MultimodalInput, SupportInput } from "./multimodal-input.js";
 import { Router } from "./router.js";
 import { TimelineItem, TimelineItemContent, TimelineItemTimestamp } from "./timeline-item.js";
+import { TimelineItemAttachments, TimelineItemFiles, TimelineItemImages, extractFileParts, extractImageParts, hasAttachments } from "./timeline-item-attachments.js";
 import { TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator } from "./timeline-item-group.js";
+import { SupportTrigger } from "./trigger.js";
 import { SupportWindow } from "./window.js";
 
-export { Avatar, AvatarFallback, AvatarImage, SupportBubble as Bubble, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, Router, TimelineItem, TimelineItemContent, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemTimestamp, TypingIndicator, SupportWindow as Window };
+export { Avatar, AvatarFallback, AvatarImage, Button, SupportConfig as Config, ConversationTimeline, ConversationTimelineContainer, ConversationTimelineEmpty, ConversationTimelineLoading, FileInput, SupportInput as Input, MultimodalInput, Router, TimelineItem, TimelineItemAttachments, TimelineItemContent, TimelineItemFiles, TimelineItemGroup, TimelineItemGroupAvatar, TimelineItemGroupContent, TimelineItemGroupHeader, TimelineItemGroupReadIndicator, TimelineItemGroupSeenIndicator, TimelineItemImages, TimelineItemTimestamp, SupportTrigger as Trigger, TypingIndicator, SupportWindow as Window, extractFileParts, extractImageParts, hasAttachments };

package/primitives/multimodal-input.d.ts

@@ -16,7 +16,7 @@ type MultimodalInputProps = Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElem
  * clipboard uploads and auto-resizing while remaining composable via
  * `asChild`.
  */
-declare const MultimodalInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & {
+declare const MultimodalInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & {
   value: string;
   onChange: (value: string) => void;
   onSubmit?: () => void;
@@ -38,7 +38,7 @@ declare const FileInput: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttr
   onFileSelect?: (files: File[]) => void;
   asChild?: boolean;
 } & React$1.RefAttributes<HTMLInputElement>>;
-declare const SupportInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange"> & {
+declare const SupportInput: React$1.ForwardRefExoticComponent<Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "value"> & {
   value: string;
   onChange: (value: string) => void;
   onSubmit?: () => void;

package/primitives/multimodal-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multimodal-input.d.ts","names":[],"sources":["../../src/primitives/multimodal-input.tsx"],"sourcesContent":[],"mappings":";;;KAGY,oBAAA,GAAuB,KAClC,OAAA,CAAM,uBAAuB;;EADlB,QAAA,EAAA,CAAA,KAAA,EAAA,MAAoB,EAAA,GAAA,IAAA;EACF,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAA7B,YAAM,CAAA,EAAA,CAAA,KAAA,EAMiB,IANjB,EAAA,EAAA,GAAA,IAAA;EAD4B,OAAA,CAAA,EAAA,OAAA;EAOX,SAAA,CAAA,EAAA,MAAA;EAGf,KAAA,CAAA,EAAA,KAAA,GAAA,IAAA;EAAK,QAAA,CAAA,EAAA,OAAA;AASd,CAAA;;;;;;cAAa,iBAAe,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,uBAAA;;EAAA,QAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EA4GhB,YAAA,CAAA,EAAA,CAAA,KAAc,EAxHF,IAwHE,EAAA,EAAA,GAAA,IAAA;EAA6B,OAAA,CAAA,EAAA,OAAA;EAA1B,SAAM,CAAA,EAAA,MAAA;EACX,KAAA,CAAA,EAtHf,KAsHe,GAAA,IAAA;EAAI,QAAA,CAAA,EAAA,OAAA;AAQ5B,CAAA,wBAkCI,oBAAA,CAAA,CAAA;AAlCkB,KATV,cAAA,GAAiB,OAAA,CAAM,mBASb,CATiC,gBASjC,CAAA,GAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EARE,IAQF,EAAA,EAAA,GAAA,IAAA;EARE,OAAA,CAAA,EAAA,OAAA;;;;;AA6CxB;AAAyB,cArCZ,SAqCY,EArCH,OAAA,CAAA,yBAqCG,CArCH,OAAA,CAAA,mBAqCG,CArCH,gBAqCG,CAAA,GAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EA7CD,IA6CC,EAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,OAAA;CAtKD,wBAAA,iBAAA,CAAA,CAAA;AAGf,cAmKI,YAnKJ,EAmKgB,OAAA,CAAA,yBAnKhB,CAmKgB,IAnKhB,CAmKgB,OAAA,CAAA,sBAnKhB,CAmKgB,mBAnKhB,CAAA,EAAA,OAAA,GAAA,UAAA,CAAA,GAAA;;;EAmKgB,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAtKD,IAsKC,EAAA,EAAA,GAAA,IAAA;;;UAnKhB"}
+{"version":3,"file":"multimodal-input.d.ts","names":[],"sources":["../../src/primitives/multimodal-input.tsx"],"sourcesContent":[],"mappings":";;;KAGY,oBAAA,GAAuB,KAClC,OAAA,CAAM,uBAAuB;;EADlB,QAAA,EAAA,CAAA,KAAA,EAAA,MAAoB,EAAA,GAAA,IAAA;EACF,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAA7B,YAAM,CAAA,EAAA,CAAA,KAAA,EAMiB,IANjB,EAAA,EAAA,GAAA,IAAA;EAD4B,OAAA,CAAA,EAAA,OAAA;EAOX,SAAA,CAAA,EAAA,MAAA;EAGf,KAAA,CAAA,EAAA,KAAA,GAAA,IAAA;EAAK,QAAA,CAAA,EAAA,OAAA;AASd,CAAA;;;;;;cAAa,iBAAe,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,uBAAA;;EAAA,QAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EA4GhB,YAAA,CAAA,EAAA,CAAA,KAAc,EAxHF,IAwHE,EAAA,EAAA,GAAA,IAAA;EAA6B,OAAA,CAAA,EAAA,OAAA;EAA1B,SAAM,CAAA,EAAA,MAAA;EACX,KAAA,CAAA,EAtHf,KAsHe,GAAA,IAAA;EAAI,QAAA,CAAA,EAAA,OAAA;AAQ5B,CAAA,wBAkCI,oBAAA,CAAA,CAAA;AAlCkB,KATV,cAAA,GAAiB,OAAA,CAAM,mBASb,CATiC,gBASjC,CAAA,GAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EARE,IAQF,EAAA,EAAA,GAAA,IAAA;EARE,OAAA,CAAA,EAAA,OAAA;;;;;AA6CxB;AAAyB,cArCZ,SAqCY,EArCH,OAAA,CAAA,yBAqCG,CArCH,OAAA,CAAA,mBAqCG,CArCH,gBAqCG,CAAA,GAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EA7CD,IA6CC,EAAA,EAAA,GAAA,IAAA;EAAA,OAAA,CAAA,EAAA,OAAA;CAtKD,wBAAA,iBAAA,CAAA,CAAA;AAGf,cAmKI,YAnKJ,EAmKgB,OAAA,CAAA,yBAnKhB,CAmKgB,IAnKhB,CAmKgB,OAAA,CAAA,sBAnKhB,CAmKgB,mBAnKhB,CAAA,EAAA,UAAA,GAAA,OAAA,CAAA,GAAA;;;EAmKgB,QAAA,CAAA,EAAA,GAAA,GAAA,IAAA;EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAtKD,IAsKC,EAAA,EAAA,GAAA,IAAA;;;UAnKhB"}

package/primitives/timeline-item-attachments.d.ts

@@ -0,0 +1,100 @@
+import { TimelineItemParts, TimelinePartFile, TimelinePartImage } from "../timeline-item.js";
+import * as React$1 from "react";
+
+//#region src/primitives/timeline-item-attachments.d.ts
+
+/**
+ * Extract image parts from timeline item parts array.
+ */
+declare function extractImageParts(parts: TimelineItemParts): TimelinePartImage[];
+/**
+ * Extract file parts from timeline item parts array.
+ */
+declare function extractFileParts(parts: TimelineItemParts): TimelinePartFile[];
+/**
+ * Check if timeline item has any attachments (images or files).
+ */
+declare function hasAttachments(parts: TimelineItemParts): boolean;
+type TimelineItemImagesProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode | ((images: TimelinePartImage[], onImageClick?: (index: number) => void) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+  images: TimelinePartImage[];
+  /**
+   * Callback when an image is clicked (for lightbox).
+   */
+  onImageClick?: (index: number) => void;
+};
+/**
+ * Renders a grid of image thumbnails from timeline item parts.
+ * Supports custom rendering via children render prop.
+ */
+declare const TimelineItemImages: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode | ((images: TimelinePartImage[], onImageClick?: (index: number) => void) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+  images: TimelinePartImage[];
+  /**
+   * Callback when an image is clicked (for lightbox).
+   */
+  onImageClick?: (index: number) => void;
+} & React$1.RefAttributes<HTMLDivElement>>;
+type TimelineItemFilesProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode | ((files: TimelinePartFile[]) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+  files: TimelinePartFile[];
+};
+/**
+ * Renders a list of file attachments from timeline item parts.
+ * Supports custom rendering via children render prop.
+ */
+declare const TimelineItemFiles: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode | ((files: TimelinePartFile[]) => React$1.ReactNode);
+  asChild?: boolean;
+  className?: string;
+  files: TimelinePartFile[];
+} & React$1.RefAttributes<HTMLDivElement>>;
+type TimelineItemAttachmentsProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode;
+  asChild?: boolean;
+  className?: string;
+  parts: TimelineItemParts;
+  /**
+   * Callback when an image is clicked (for lightbox).
+   */
+  onImageClick?: (index: number) => void;
+  /**
+   * Custom className for the images container.
+   */
+  imagesClassName?: string;
+  /**
+   * Custom className for the files container.
+   */
+  filesClassName?: string;
+};
+/**
+ * Convenience component that renders both images and files from timeline parts.
+ * Extracts the appropriate parts and renders them in a single container.
+ */
+declare const TimelineItemAttachments: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
+  children?: React$1.ReactNode;
+  asChild?: boolean;
+  className?: string;
+  parts: TimelineItemParts;
+  /**
+   * Callback when an image is clicked (for lightbox).
+   */
+  onImageClick?: (index: number) => void;
+  /**
+   * Custom className for the images container.
+   */
+  imagesClassName?: string;
+  /**
+   * Custom className for the files container.
+   */
+  filesClassName?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { TimelineItemAttachments, TimelineItemAttachmentsProps, TimelineItemFiles, TimelineItemFilesProps, TimelineItemImages, TimelineItemImagesProps, extractFileParts, extractImageParts, hasAttachments };
+//# sourceMappingURL=timeline-item-attachments.d.ts.map

package/primitives/timeline-item-attachments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item-attachments.d.ts","names":[],"sources":["../../src/primitives/timeline-item-attachments.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAcA;AAWgB,iBAXA,iBAAA,CAWwB,KAAA,EAVhC,iBAUoD,CAAA,EATzD,iBASyE,EAAA;AAO5E;AAQA;;AACC,iBAhBe,gBAAA,CAgBT,KAAA,EAhBiC,iBAgBjC,CAAA,EAhBqD,gBAgBrD,EAAA;;;;AAQE,iBAjBO,cAAA,CAiBD,KAAA,EAjBuB,iBAiBvB,CAAA,EAAA,OAAA;AAGN,KAZG,uBAAA,GAA0B,IAY7B,CAXR,OAAA,CAAM,cAWE,CAXa,cAWb,CAAA,EAAA,UAAA,CAAA,GAAA;EAAiB,QAAA,CAAA,EAPtB,OAAA,CAAM,SAOgB,GAAA,CAAA,CAAA,MAAA,EALd,iBAKc,EAAA,EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA,EAAA,GAHjB,OAAA,CAAM,SAGW,CAAA;EAWb,OAAA,CAAA,EAAA,OAAA;EAAkB,SAAA,CAAA,EAAA,MAAA;EAAA,MAAA,EAXtB,iBAWsB,EAAA;EAAA;;;EAdtB,YAAM,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAGN;;;;;AAwEG,cA7DC,kBA6DqB,EA7DH,OAAA,CAAA,yBA6DG,CA7DH,IA6DG,CA7DH,OAAA,CAAA,cA6DG,CA7DH,cA6DG,CAAA,EAAA,UAAA,CAAA,GAAA;EACZ,QAAA,CAAA,EAhFlB,OAAA,CAAM,SAgFY,GAAA,CAAA,CAAA,MAAA,EA9EV,iBA8EU,EAAA,EAAA,YAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA,EAAA,GA5Eb,OAAA,CAAM,SA4EO,CAAA;EAArB,OAAM,CAAA,EAAA,OAAA;EAD8B,SAAA,CAAA,EAAA,MAAA;EAIzB,MAAM,EA5ET,iBA4ES,EAAA;EAAqB;;;EAGf,YAAA,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;AAuBxB,CAAA,wBAAa,eAyDT,CAAA,CAAA;AAzD0B,KA9BlB,sBAAA,GAAyB,IA8BP,CA7B7B,OAAA,CAAM,cA6BuB,CA7BR,cA6BQ,CAAA,EAAA,UAAA,CAAA,GAAA;EAAA,QAAA,CAAA,EA1BlB,OAAA,CAAM,SA0BY,GAAA,CAAA,CAAA,KAAA,EA1BS,gBA0BT,EAAA,EAAA,GA1BgC,OAAA,CAAM,SA0BtC,CAAA;EAAA,OAAA,CAAA,EAAA,OAAA;EA1BlB,SAAM,CAAA,EAAA,MAAA;EAAqB,KAAA,EAG/B,gBAH+B,EAAA;CAAuB;;;;;AA0BhC,cAAjB,iBAAiB,EAAA,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,OAAA,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EA+DlB,QAAA,CAAA,EAzFA,OAAA,CAAM,SAyFN,GAAA,CAAA,CAA4B,KAAA,EAzFD,gBAyFC,EAAA,EAAA,GAzFsB,OAAA,CAAM,SAyF5B,CAAA;EAClB,OAAA,CAAA,EAAA,OAAA;EAArB,SAAM,CAAA,EAAA,MAAA;EADoC,KAAA,EAtFnC,gBAsFmC,EAAA;CAI/B,wBAAM,eAAA,CAAA,CAAA;AAGV,KAPI,4BAAA,GAA+B,IAOnC,CANP,OAAA,CAAM,cAMC,CANc,cAMd,CAAA,EAAA,UAAA,CAAA,GAAA;EAAiB,QAAA,CAAA,EAHb,OAAA,CAAM,SAGO;EAmBZ,OAAA,CAAA,EAAA,OAAA;EAAuB,SAAA,CAAA,EAAA,MAAA;EAAA,KAAA,EAnB5B,iBAmB4B;EAAA;;;;;;;;;;;;;;;;;cAAvB,yBAAuB,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;aAtBxB,OAAA,CAAM;;;SAGV"}

package/primitives/timeline-item-attachments.js

@@ -0,0 +1,151 @@
+"use client";
+
+
+import { useRenderElement } from "../utils/use-render-element.js";
+import * as React$1 from "react";
+import { formatFileSize } from "@cossistant/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/primitives/timeline-item-attachments.tsx
+/**
+* Extract image parts from timeline item parts array.
+*/
+function extractImageParts(parts) {
+	return parts.filter((part) => part.type === "image");
+}
+/**
+* Extract file parts from timeline item parts array.
+*/
+function extractFileParts(parts) {
+	return parts.filter((part) => part.type === "file");
+}
+/**
+* Check if timeline item has any attachments (images or files).
+*/
+function hasAttachments(parts) {
+	return parts.some((part) => part.type === "image" || part.type === "file");
+}
+/**
+* Renders a grid of image thumbnails from timeline item parts.
+* Supports custom rendering via children render prop.
+*/
+const TimelineItemImages = (() => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false, images, onImageClick,...props }, ref) => {
+		if (images.length === 0) return null;
+		const content = typeof children === "function" ? children(images, onImageClick) : children || /* @__PURE__ */ jsx("div", {
+			className: "flex flex-wrap gap-2",
+			children: images.map((image, index) => /* @__PURE__ */ jsx("button", {
+				className: "group relative overflow-hidden rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2",
+				onClick: () => onImageClick?.(index),
+				type: "button",
+				children: /* @__PURE__ */ jsx("img", {
+					alt: image.fileName || `Image ${index + 1}`,
+					className: "max-h-[200px] max-w-[300px] cursor-pointer rounded-lg object-cover transition-transform group-hover:scale-105",
+					loading: "lazy",
+					src: image.url
+				})
+			}, image.url))
+		});
+		return useRenderElement("div", {
+			className,
+			asChild
+		}, {
+			ref,
+			props: {
+				...props,
+				children: content
+			}
+		});
+	});
+	Component.displayName = "TimelineItemImages";
+	return Component;
+})();
+/**
+* Get file icon based on MIME type.
+*/
+function getFileIcon(mediaType) {
+	if (mediaType === "application/pdf") return "📄";
+	if (mediaType === "application/zip") return "🗜️";
+	if (mediaType.startsWith("text/")) return "📝";
+	return "📎";
+}
+/**
+* Renders a list of file attachments from timeline item parts.
+* Supports custom rendering via children render prop.
+*/
+const TimelineItemFiles = (() => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false, files,...props }, ref) => {
+		if (files.length === 0) return null;
+		const content = typeof children === "function" ? children(files) : children || /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-2",
+			children: files.map((file) => /* @__PURE__ */ jsxs("a", {
+				className: "flex items-center gap-2 rounded-lg bg-co-muted/50 px-3 py-2 text-sm transition-colors hover:bg-co-muted",
+				download: file.fileName,
+				href: file.url,
+				rel: "noopener noreferrer",
+				target: "_blank",
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "text-lg",
+						children: getFileIcon(file.mediaType)
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: "flex-1 truncate font-medium",
+						children: file.fileName || "Download file"
+					}),
+					file.size && /* @__PURE__ */ jsx("span", {
+						className: "text-co-muted-foreground text-xs",
+						children: formatFileSize(file.size)
+					})
+				]
+			}, file.url))
+		});
+		return useRenderElement("div", {
+			className,
+			asChild
+		}, {
+			ref,
+			props: {
+				...props,
+				children: content
+			}
+		});
+	});
+	Component.displayName = "TimelineItemFiles";
+	return Component;
+})();
+/**
+* Convenience component that renders both images and files from timeline parts.
+* Extracts the appropriate parts and renders them in a single container.
+*/
+const TimelineItemAttachments = (() => {
+	const Component = React$1.forwardRef(({ children, className, asChild = false, parts, onImageClick, imagesClassName, filesClassName,...props }, ref) => {
+		const images = extractImageParts(parts);
+		const files = extractFileParts(parts);
+		if (images.length === 0 && files.length === 0) return null;
+		const content = children || /* @__PURE__ */ jsxs(Fragment, { children: [images.length > 0 && /* @__PURE__ */ jsx(TimelineItemImages, {
+			className: imagesClassName,
+			images,
+			onImageClick
+		}), files.length > 0 && /* @__PURE__ */ jsx(TimelineItemFiles, {
+			className: filesClassName,
+			files
+		})] });
+		return useRenderElement("div", {
+			className,
+			asChild
+		}, {
+			ref,
+			props: {
+				...props,
+				children: content
+			}
+		});
+	});
+	Component.displayName = "TimelineItemAttachments";
+	return Component;
+})();
+
+//#endregion
+export { TimelineItemAttachments, TimelineItemFiles, TimelineItemImages, extractFileParts, extractImageParts, hasAttachments };
+//# sourceMappingURL=timeline-item-attachments.js.map

package/primitives/timeline-item-attachments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-item-attachments.js","names":["React"],"sources":["../../src/primitives/timeline-item-attachments.tsx"],"sourcesContent":["\"use client\";\n\nimport { formatFileSize } from \"@cossistant/core\";\nimport type {\n\tTimelineItemParts,\n\tTimelinePartFile,\n\tTimelinePartImage,\n} from \"@cossistant/types/api/timeline-item\";\nimport * as React from \"react\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\n/**\n * Extract image parts from timeline item parts array.\n */\nexport function extractImageParts(\n\tparts: TimelineItemParts\n): TimelinePartImage[] {\n\treturn parts.filter(\n\t\t(part): part is TimelinePartImage => part.type === \"image\"\n\t);\n}\n\n/**\n * Extract file parts from timeline item parts array.\n */\nexport function extractFileParts(parts: TimelineItemParts): TimelinePartFile[] {\n\treturn parts.filter((part): part is TimelinePartFile => part.type === \"file\");\n}\n\n/**\n * Check if timeline item has any attachments (images or files).\n */\nexport function hasAttachments(parts: TimelineItemParts): boolean {\n\treturn parts.some((part) => part.type === \"image\" || part.type === \"file\");\n}\n\n// ============================================================================\n// TimelineItemImages\n// ============================================================================\n\nexport type TimelineItemImagesProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?:\n\t\t| React.ReactNode\n\t\t| ((\n\t\t\t\timages: TimelinePartImage[],\n\t\t\t\tonImageClick?: (index: number) => void\n\t\t  ) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\timages: TimelinePartImage[];\n\t/**\n\t * Callback when an image is clicked (for lightbox).\n\t */\n\tonImageClick?: (index: number) => void;\n};\n\n/**\n * Renders a grid of image thumbnails from timeline item parts.\n * Supports custom rendering via children render prop.\n */\nexport const TimelineItemImages = (() => {\n\tconst Component = React.forwardRef<HTMLDivElement, TimelineItemImagesProps>(\n\t\t(\n\t\t\t{ children, className, asChild = false, images, onImageClick, ...props },\n\t\t\tref\n\t\t) => {\n\t\t\tif (images.length === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children(images, onImageClick)\n\t\t\t\t\t: children || (\n\t\t\t\t\t\t\t<div className=\"flex flex-wrap gap-2\">\n\t\t\t\t\t\t\t\t{images.map((image, index) => (\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tclassName=\"group relative overflow-hidden rounded-lg focus:outline-none focus:ring-2 focus:ring-offset-2\"\n\t\t\t\t\t\t\t\t\t\tkey={image.url}\n\t\t\t\t\t\t\t\t\t\tonClick={() => onImageClick?.(index)}\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{/* biome-ignore lint/performance/noImgElement: React package, not Next.js specific */}\n\t\t\t\t\t\t\t\t\t\t{/* biome-ignore lint/nursery/useImageSize: Dynamic image dimensions not known at render time */}\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={image.fileName || `Image ${index + 1}`}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"max-h-[200px] max-w-[300px] cursor-pointer rounded-lg object-cover transition-transform group-hover:scale-105\"\n\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\tsrc={image.url}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\n\t\t\t// biome-ignore lint/correctness/useHookAtTopLevel: useRenderElement is a utility function, not a hook\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"TimelineItemImages\";\n\treturn Component;\n})();\n\n// ============================================================================\n// TimelineItemFiles\n// ============================================================================\n\nexport type TimelineItemFilesProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode | ((files: TimelinePartFile[]) => React.ReactNode);\n\tasChild?: boolean;\n\tclassName?: string;\n\tfiles: TimelinePartFile[];\n};\n\n/**\n * Get file icon based on MIME type.\n */\nfunction getFileIcon(mediaType: string): string {\n\tif (mediaType === \"application/pdf\") {\n\t\treturn \"📄\";\n\t}\n\tif (mediaType === \"application/zip\") {\n\t\treturn \"🗜️\";\n\t}\n\tif (mediaType.startsWith(\"text/\")) {\n\t\treturn \"📝\";\n\t}\n\treturn \"📎\";\n}\n\n/**\n * Renders a list of file attachments from timeline item parts.\n * Supports custom rendering via children render prop.\n */\nexport const TimelineItemFiles = (() => {\n\tconst Component = React.forwardRef<HTMLDivElement, TimelineItemFilesProps>(\n\t\t({ children, className, asChild = false, files, ...props }, ref) => {\n\t\t\tif (files.length === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst content =\n\t\t\t\ttypeof children === \"function\"\n\t\t\t\t\t? children(files)\n\t\t\t\t\t: children || (\n\t\t\t\t\t\t\t<div className=\"flex flex-col gap-2\">\n\t\t\t\t\t\t\t\t{files.map((file) => (\n\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\tclassName=\"flex items-center gap-2 rounded-lg bg-co-muted/50 px-3 py-2 text-sm transition-colors hover:bg-co-muted\"\n\t\t\t\t\t\t\t\t\t\tdownload={file.fileName}\n\t\t\t\t\t\t\t\t\t\thref={file.url}\n\t\t\t\t\t\t\t\t\t\tkey={file.url}\n\t\t\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className=\"text-lg\">\n\t\t\t\t\t\t\t\t\t\t\t{getFileIcon(file.mediaType)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<span className=\"flex-1 truncate font-medium\">\n\t\t\t\t\t\t\t\t\t\t\t{file.fileName || \"Download file\"}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t{file.size && (\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"text-co-muted-foreground text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{formatFileSize(file.size)}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\n\t\t\t// biome-ignore lint/correctness/useHookAtTopLevel: useRenderElement is a utility function, not a hook\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"TimelineItemFiles\";\n\treturn Component;\n})();\n\n// ============================================================================\n// TimelineItemAttachments (convenience wrapper)\n// ============================================================================\n\nexport type TimelineItemAttachmentsProps = Omit<\n\tReact.HTMLAttributes<HTMLDivElement>,\n\t\"children\"\n> & {\n\tchildren?: React.ReactNode;\n\tasChild?: boolean;\n\tclassName?: string;\n\tparts: TimelineItemParts;\n\t/**\n\t * Callback when an image is clicked (for lightbox).\n\t */\n\tonImageClick?: (index: number) => void;\n\t/**\n\t * Custom className for the images container.\n\t */\n\timagesClassName?: string;\n\t/**\n\t * Custom className for the files container.\n\t */\n\tfilesClassName?: string;\n};\n\n/**\n * Convenience component that renders both images and files from timeline parts.\n * Extracts the appropriate parts and renders them in a single container.\n */\nexport const TimelineItemAttachments = (() => {\n\tconst Component = React.forwardRef<\n\t\tHTMLDivElement,\n\t\tTimelineItemAttachmentsProps\n\t>(\n\t\t(\n\t\t\t{\n\t\t\t\tchildren,\n\t\t\t\tclassName,\n\t\t\t\tasChild = false,\n\t\t\t\tparts,\n\t\t\t\tonImageClick,\n\t\t\t\timagesClassName,\n\t\t\t\tfilesClassName,\n\t\t\t\t...props\n\t\t\t},\n\t\t\tref\n\t\t) => {\n\t\t\tconst images = extractImageParts(parts);\n\t\t\tconst files = extractFileParts(parts);\n\n\t\t\tif (images.length === 0 && files.length === 0) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst content = children || (\n\t\t\t\t<>\n\t\t\t\t\t{images.length > 0 && (\n\t\t\t\t\t\t<TimelineItemImages\n\t\t\t\t\t\t\tclassName={imagesClassName}\n\t\t\t\t\t\t\timages={images}\n\t\t\t\t\t\t\tonImageClick={onImageClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t{files.length > 0 && (\n\t\t\t\t\t\t<TimelineItemFiles className={filesClassName} files={files} />\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t);\n\n\t\t\t// biome-ignore lint/correctness/useHookAtTopLevel: useRenderElement is a utility function, not a hook\n\t\t\treturn useRenderElement(\n\t\t\t\t\"div\",\n\t\t\t\t{\n\t\t\t\t\tclassName,\n\t\t\t\t\tasChild,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tref,\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tchildren: content,\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\tComponent.displayName = \"TimelineItemAttachments\";\n\treturn Component;\n})();\n"],"mappings":";;;;;;;;;;;;AAcA,SAAgB,kBACf,OACsB;AACtB,QAAO,MAAM,QACX,SAAoC,KAAK,SAAS,QACnD;;;;;AAMF,SAAgB,iBAAiB,OAA8C;AAC9E,QAAO,MAAM,QAAQ,SAAmC,KAAK,SAAS,OAAO;;;;;AAM9E,SAAgB,eAAe,OAAmC;AACjE,QAAO,MAAM,MAAM,SAAS,KAAK,SAAS,WAAW,KAAK,SAAS,OAAO;;;;;;AA8B3E,MAAa,4BAA4B;CACxC,MAAM,YAAYA,QAAM,YAEtB,EAAE,UAAU,WAAW,UAAU,OAAO,QAAQ,aAAc,GAAG,SACjE,QACI;AACJ,MAAI,OAAO,WAAW,EACrB,QAAO;EAGR,MAAM,UACL,OAAO,aAAa,aACjB,SAAS,QAAQ,aAAa,GAC9B,YACA,oBAAC;GAAI,WAAU;aACb,OAAO,KAAK,OAAO,UACnB,oBAAC;IACA,WAAU;IAEV,eAAe,eAAe,MAAM;IACpC,MAAK;cAIL,oBAAC;KACA,KAAK,MAAM,YAAY,SAAS,QAAQ;KACxC,WAAU;KACV,SAAQ;KACR,KAAK,MAAM;MACV;MAXG,MAAM,IAYH,CACR;IACG;AAIV,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;AAmBJ,SAAS,YAAY,WAA2B;AAC/C,KAAI,cAAc,kBACjB,QAAO;AAER,KAAI,cAAc,kBACjB,QAAO;AAER,KAAI,UAAU,WAAW,QAAQ,CAChC,QAAO;AAER,QAAO;;;;;;AAOR,MAAa,2BAA2B;CACvC,MAAM,YAAYA,QAAM,YACtB,EAAE,UAAU,WAAW,UAAU,OAAO,MAAO,GAAG,SAAS,QAAQ;AACnE,MAAI,MAAM,WAAW,EACpB,QAAO;EAGR,MAAM,UACL,OAAO,aAAa,aACjB,SAAS,MAAM,GACf,YACA,oBAAC;GAAI,WAAU;aACb,MAAM,KAAK,SACX,qBAAC;IACA,WAAU;IACV,UAAU,KAAK;IACf,MAAM,KAAK;IAEX,KAAI;IACJ,QAAO;;KAEP,oBAAC;MAAK,WAAU;gBACd,YAAY,KAAK,UAAU;OACtB;KACP,oBAAC;MAAK,WAAU;gBACd,KAAK,YAAY;OACZ;KACN,KAAK,QACL,oBAAC;MAAK,WAAU;gBACd,eAAe,KAAK,KAAK;OACpB;;MAbH,KAAK,IAeP,CACH;IACG;AAIV,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ;;;;;AAgCJ,MAAa,iCAAiC;CAC7C,MAAM,YAAYA,QAAM,YAKtB,EACC,UACA,WACA,UAAU,OACV,OACA,cACA,iBACA,eACA,GAAG,SAEJ,QACI;EACJ,MAAM,SAAS,kBAAkB,MAAM;EACvC,MAAM,QAAQ,iBAAiB,MAAM;AAErC,MAAI,OAAO,WAAW,KAAK,MAAM,WAAW,EAC3C,QAAO;EAGR,MAAM,UAAU,YACf,4CACE,OAAO,SAAS,KAChB,oBAAC;GACA,WAAW;GACH;GACM;IACb,EAEF,MAAM,SAAS,KACf,oBAAC;GAAkB,WAAW;GAAuB;IAAS,IAE7D;AAIJ,SAAO,iBACN,OACA;GACC;GACA;GACA,EACD;GACC;GACA,OAAO;IACN,GAAG;IACH,UAAU;IACV;GACD,CACD;GAEF;AAED,WAAU,cAAc;AACxB,QAAO;IACJ"}

package/primitives/trigger.d.ts

@@ -0,0 +1,91 @@
+import * as React$1 from "react";
+
+//#region src/primitives/trigger.d.ts
+
+/**
+ * Render props provided to the Trigger's children function.
+ */
+type TriggerRenderProps = {
+  isOpen: boolean;
+  unreadCount: number;
+  isTyping: boolean;
+  toggle: () => void;
+};
+type TriggerProps = Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  /**
+   * Content to render inside the trigger.
+   * Can be a ReactNode or a function that receives render props.
+   *
+   * @example
+   * // Static content
+   * <Trigger>Help</Trigger>
+   *
+   * @example
+   * // Dynamic content with render props
+   * <Trigger>
+   *   {({ isOpen, unreadCount }) => (
+   *     <span>{isOpen ? "Close" : `Help (${unreadCount})`}</span>
+   *   )}
+   * </Trigger>
+   */
+  children?: React$1.ReactNode | ((props: TriggerRenderProps) => React$1.ReactNode);
+  /**
+   * When true, the Trigger will render its children directly,
+   * passing all props to the child element.
+   */
+  asChild?: boolean;
+  className?: string;
+};
+/**
+ * Trigger button that toggles the support window.
+ * Can be placed anywhere in the DOM - the window will position itself relative to this element.
+ *
+ * @example
+ * // Simple usage
+ * <Trigger className="my-button">Need help?</Trigger>
+ *
+ * @example
+ * // With render props
+ * <Trigger>
+ *   {({ isOpen, unreadCount, isTyping }) => (
+ *     <button className="flex items-center gap-2">
+ *       {isOpen ? "×" : "💬"}
+ *       {unreadCount > 0 && <span className="badge">{unreadCount}</span>}
+ *     </button>
+ *   )}
+ * </Trigger>
+ *
+ * @example
+ * // With asChild pattern
+ * <Trigger asChild>
+ *   <MyCustomButton>Help</MyCustomButton>
+ * </Trigger>
+ */
+declare const SupportTrigger: React$1.ForwardRefExoticComponent<Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+  /**
+   * Content to render inside the trigger.
+   * Can be a ReactNode or a function that receives render props.
+   *
+   * @example
+   * // Static content
+   * <Trigger>Help</Trigger>
+   *
+   * @example
+   * // Dynamic content with render props
+   * <Trigger>
+   *   {({ isOpen, unreadCount }) => (
+   *     <span>{isOpen ? "Close" : `Help (${unreadCount})`}</span>
+   *   )}
+   * </Trigger>
+   */
+  children?: React$1.ReactNode | ((props: TriggerRenderProps) => React$1.ReactNode);
+  /**
+   * When true, the Trigger will render its children directly,
+   * passing all props to the child element.
+   */
+  asChild?: boolean;
+  className?: string;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { SupportTrigger, TriggerProps, TriggerRenderProps };
+//# sourceMappingURL=trigger.d.ts.map

package/primitives/trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.d.ts","names":[],"sources":["../../src/primitives/trigger.tsx"],"sourcesContent":[],"mappings":";;;;;;AAUA;AAOY,KAPA,kBAAA,GAOY;EACI,MAAA,EAAA,OAAA;EAA3B,WAAM,EAAA,MAAA;EADoB,QAAA,EAAA,OAAA;EAoBf,MAAM,EAAA,GAAA,GAAA,IAAA;CAAqB;AAAuB,KApBlD,YAAA,GAAe,IAoByC,CAnBnE,OAAA,CAAM,oBAmB6D,CAnBxC,iBAmBwC,CAAA,EAAA,UAAA,CAAA,GAAA;EAAS;AAkC7E;;;;;;;;;;;;;;;aAlCY,OAAA,CAAM,qBAAqB,uBAAuB,OAAA,CAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCvD,gBAAc,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,qBAAA;;;;;;;;;;;;;;;;;aAlCf,OAAA,CAAM,qBAAqB,uBAAuB,OAAA,CAAM"}

package/primitives/trigger.js

@@ -0,0 +1,74 @@
+import { useRenderElement } from "../utils/use-render-element.js";
+import { useTypingStore } from "../realtime/typing-store.js";
+import { useTriggerRef } from "../support/context/positioning.js";
+import { useSupportConfig } from "../support/store/support-store.js";
+import { useSupport } from "../provider.js";
+import * as React$1 from "react";
+
+//#region src/primitives/trigger.tsx
+/**
+* Trigger button that toggles the support window.
+* Can be placed anywhere in the DOM - the window will position itself relative to this element.
+*
+* @example
+* // Simple usage
+* <Trigger className="my-button">Need help?</Trigger>
+*
+* @example
+* // With render props
+* <Trigger>
+*   {({ isOpen, unreadCount, isTyping }) => (
+*     <button className="flex items-center gap-2">
+*       {isOpen ? "×" : "💬"}
+*       {unreadCount > 0 && <span className="badge">{unreadCount}</span>}
+*     </button>
+*   )}
+* </Trigger>
+*
+* @example
+* // With asChild pattern
+* <Trigger asChild>
+*   <MyCustomButton>Help</MyCustomButton>
+* </Trigger>
+*/
+const SupportTrigger = React$1.forwardRef(({ children, className, asChild = false,...props }, ref) => {
+	const { isOpen, toggle } = useSupportConfig();
+	const { unreadCount, visitor } = useSupport();
+	const visitorId = visitor?.id ?? null;
+	const setTriggerElement = useTriggerRef()?.setTriggerElement;
+	const mergedRef = React$1.useCallback((element) => {
+		setTriggerElement?.(element);
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	}, [ref, setTriggerElement]);
+	const renderProps = {
+		isOpen,
+		unreadCount,
+		isTyping: useTypingStore(React$1.useCallback((state) => Object.values(state.conversations).some((entries) => Object.values(entries).some((entry) => {
+			if (visitorId && entry.actorType === "visitor" && entry.actorId === visitorId) return false;
+			return true;
+		})), [visitorId])),
+		toggle
+	};
+	const content = typeof children === "function" ? children(renderProps) : children;
+	return useRenderElement("button", {
+		asChild,
+		className
+	}, {
+		ref: mergedRef,
+		state: renderProps,
+		props: {
+			type: "button",
+			"aria-haspopup": "dialog",
+			"aria-expanded": isOpen,
+			onClick: toggle,
+			...props,
+			children: content
+		}
+	});
+});
+SupportTrigger.displayName = "SupportTrigger";
+
+//#endregion
+export { SupportTrigger };
+//# sourceMappingURL=trigger.js.map

package/primitives/trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trigger.js","names":["React","renderProps: TriggerRenderProps"],"sources":["../../src/primitives/trigger.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useSupport } from \"../provider\";\nimport { useTypingStore } from \"../realtime/typing-store\";\nimport { useSupportConfig } from \"../support\";\nimport { useTriggerRef } from \"../support/context/positioning\";\nimport { useRenderElement } from \"../utils/use-render-element\";\n\n/**\n * Render props provided to the Trigger's children function.\n */\nexport type TriggerRenderProps = {\n\tisOpen: boolean;\n\tunreadCount: number;\n\tisTyping: boolean;\n\ttoggle: () => void;\n};\n\nexport type TriggerProps = Omit<\n\tReact.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\"children\"\n> & {\n\t/**\n\t * Content to render inside the trigger.\n\t * Can be a ReactNode or a function that receives render props.\n\t *\n\t * @example\n\t * // Static content\n\t * <Trigger>Help</Trigger>\n\t *\n\t * @example\n\t * // Dynamic content with render props\n\t * <Trigger>\n\t *   {({ isOpen, unreadCount }) => (\n\t *     <span>{isOpen ? \"Close\" : `Help (${unreadCount})`}</span>\n\t *   )}\n\t * </Trigger>\n\t */\n\tchildren?: React.ReactNode | ((props: TriggerRenderProps) => React.ReactNode);\n\t/**\n\t * When true, the Trigger will render its children directly,\n\t * passing all props to the child element.\n\t */\n\tasChild?: boolean;\n\tclassName?: string;\n};\n\n/**\n * Trigger button that toggles the support window.\n * Can be placed anywhere in the DOM - the window will position itself relative to this element.\n *\n * @example\n * // Simple usage\n * <Trigger className=\"my-button\">Need help?</Trigger>\n *\n * @example\n * // With render props\n * <Trigger>\n *   {({ isOpen, unreadCount, isTyping }) => (\n *     <button className=\"flex items-center gap-2\">\n *       {isOpen ? \"×\" : \"💬\"}\n *       {unreadCount > 0 && <span className=\"badge\">{unreadCount}</span>}\n *     </button>\n *   )}\n * </Trigger>\n *\n * @example\n * // With asChild pattern\n * <Trigger asChild>\n *   <MyCustomButton>Help</MyCustomButton>\n * </Trigger>\n */\nexport const SupportTrigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n\t({ children, className, asChild = false, ...props }, ref) => {\n\t\tconst { isOpen, toggle } = useSupportConfig();\n\t\tconst { unreadCount, visitor } = useSupport();\n\t\tconst visitorId = visitor?.id ?? null;\n\t\tconst triggerRefContext = useTriggerRef();\n\n\t\t// Extract setTriggerElement for stable dependency (state setter has stable identity)\n\t\tconst setTriggerElement = triggerRefContext?.setTriggerElement;\n\n\t\t// Merge the external ref with the positioning context ref\n\t\t// Using setTriggerElement directly ensures stable ref callback identity\n\t\tconst mergedRef = React.useCallback(\n\t\t\t(element: HTMLButtonElement | null) => {\n\t\t\t\t// Set the positioning context ref\n\t\t\t\tsetTriggerElement?.(element);\n\n\t\t\t\t// Handle the forwarded ref\n\t\t\t\tif (typeof ref === \"function\") {\n\t\t\t\t\tref(element);\n\t\t\t\t} else if (ref) {\n\t\t\t\t\tref.current = element;\n\t\t\t\t}\n\t\t\t},\n\t\t\t[ref, setTriggerElement]\n\t\t);\n\n\t\tconst hasTyping = useTypingStore(\n\t\t\tReact.useCallback(\n\t\t\t\t(state) =>\n\t\t\t\t\tObject.values(state.conversations).some((entries) =>\n\t\t\t\t\t\tObject.values(entries).some((entry) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tvisitorId &&\n\t\t\t\t\t\t\t\tentry.actorType === \"visitor\" &&\n\t\t\t\t\t\t\t\tentry.actorId === visitorId\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t})\n\t\t\t\t\t),\n\t\t\t\t[visitorId]\n\t\t\t)\n\t\t);\n\n\t\tconst renderProps: TriggerRenderProps = {\n\t\t\tisOpen,\n\t\t\tunreadCount,\n\t\t\tisTyping: hasTyping,\n\t\t\ttoggle,\n\t\t};\n\n\t\tconst content =\n\t\t\ttypeof children === \"function\" ? children(renderProps) : children;\n\n\t\treturn useRenderElement(\n\t\t\t\"button\",\n\t\t\t{\n\t\t\t\tasChild,\n\t\t\t\tclassName,\n\t\t\t},\n\t\t\t{\n\t\t\t\tref: mergedRef,\n\t\t\t\tstate: renderProps,\n\t\t\t\tprops: {\n\t\t\t\t\ttype: \"button\",\n\t\t\t\t\t\"aria-haspopup\": \"dialog\",\n\t\t\t\t\t\"aria-expanded\": isOpen,\n\t\t\t\t\tonClick: toggle,\n\t\t\t\t\t...props,\n\t\t\t\t\tchildren: content,\n\t\t\t\t},\n\t\t\t}\n\t\t);\n\t}\n);\n\nSupportTrigger.displayName = \"SupportTrigger\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAa,iBAAiBA,QAAM,YAClC,EAAE,UAAU,WAAW,UAAU,MAAO,GAAG,SAAS,QAAQ;CAC5D,MAAM,EAAE,QAAQ,WAAW,kBAAkB;CAC7C,MAAM,EAAE,aAAa,YAAY,YAAY;CAC7C,MAAM,YAAY,SAAS,MAAM;CAIjC,MAAM,oBAHoB,eAAe,EAGI;CAI7C,MAAM,YAAYA,QAAM,aACtB,YAAsC;AAEtC,sBAAoB,QAAQ;AAG5B,MAAI,OAAO,QAAQ,WAClB,KAAI,QAAQ;WACF,IACV,KAAI,UAAU;IAGhB,CAAC,KAAK,kBAAkB,CACxB;CAsBD,MAAMC,cAAkC;EACvC;EACA;EACA,UAvBiB,eACjBD,QAAM,aACJ,UACA,OAAO,OAAO,MAAM,cAAc,CAAC,MAAM,YACxC,OAAO,OAAO,QAAQ,CAAC,MAAM,UAAU;AACtC,OACC,aACA,MAAM,cAAc,aACpB,MAAM,YAAY,UAElB,QAAO;AAGR,UAAO;IACN,CACF,EACF,CAAC,UAAU,CACX,CACD;EAMA;EACA;CAED,MAAM,UACL,OAAO,aAAa,aAAa,SAAS,YAAY,GAAG;AAE1D,QAAO,iBACN,UACA;EACC;EACA;EACA,EACD;EACC,KAAK;EACL,OAAO;EACP,OAAO;GACN,MAAM;GACN,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,GAAG;GACH,UAAU;GACV;EACD,CACD;EAEF;AAED,eAAe,cAAc"}

package/primitives/window.d.ts

@@ -11,10 +11,21 @@ type WindowProps = Omit<React$1.HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: React$1.ReactNode | ((props: WindowRenderProps) => React$1.ReactNode);
   asChild?: boolean;
   closeOnEscape?: boolean;
+  /**
+   * Whether to trap focus within the dialog when open.
+   * @default true
+   */
+  trapFocus?: boolean;
+  /**
+   * Whether to restore focus to the previously focused element when closing.
+   * @default true
+   */
+  restoreFocus?: boolean;
   id?: string;
 };
 /**
- * Dialog container with open/close state and escape key handling.
+ * Dialog container with open/close state, escape key handling,
+ * focus trap, and focus restoration.
  *
  * @example
  * <Window isOpen={isOpen} onOpenChange={setOpen}>
@@ -29,6 +40,16 @@ declare const SupportWindow: React$1.ForwardRefExoticComponent<Omit<React$1.HTML
   children?: React$1.ReactNode | ((props: WindowRenderProps) => React$1.ReactNode);
   asChild?: boolean;
   closeOnEscape?: boolean;
+  /**
+   * Whether to trap focus within the dialog when open.
+   * @default true
+   */
+  trapFocus?: boolean;
+  /**
+   * Whether to restore focus to the previously focused element when closing.
+   * @default true
+   */
+  restoreFocus?: boolean;
   id?: string;
 } & React$1.RefAttributes<HTMLDivElement>>;
 //#endregion

package/primitives/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","names":[],"sources":["../../src/primitives/window.tsx"],"sourcesContent":[],"mappings":";;;KAIY,iBAAA;;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AAKZ,CAAA;AACsB,KADV,WAAA,GAAc,IACJ,CAArB,OAAA,CAAM,cAAe,CAAA,cAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAArB,MAAM,CAAA,EAAA,OAAA;EADmB,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAMd,QAAM,CAAA,EAAN,OAAA,CAAM,SAAA,GAAA,CAAA,CAAA,KAAA,EAAqB,iBAArB,EAAA,GAA2C,OAAA,CAAM,SAAjD,CAAA;EAAqB,OAAA,CAAA,EAAA,OAAA;EAAsB,aAAM,CAAA,EAAA,OAAA;EAAS,EAAA,CAAA,EAAA,MAAA;AAgB5E,CAAA;;;;;;;;;;;cAAa,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;;;aAhBd,OAAA,CAAM,qBAAqB,sBAAsB,OAAA,CAAM"}
+{"version":3,"file":"window.d.ts","names":[],"sources":["../../src/primitives/window.tsx"],"sourcesContent":[],"mappings":";;;KAIY,iBAAA;;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;AAKZ,CAAA;AACsB,KADV,WAAA,GAAc,IACJ,CAArB,OAAA,CAAM,cAAe,CAAA,cAAA,CAAA,EAAA,UAAA,CAAA,GAAA;EAArB,MAAM,CAAA,EAAA,OAAA;EADmB,YAAA,CAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,GAAA,IAAA;EAMd,QAAM,CAAA,EAAN,OAAA,CAAM,SAAA,GAAA,CAAA,CAAA,KAAA,EAAqB,iBAArB,EAAA,GAA2C,OAAA,CAAM,SAAjD,CAAA;EAAqB,OAAA,CAAA,EAAA,OAAA;EAAsB,aAAM,CAAA,EAAA,OAAA;EAAS;AA2D5E;;;EAA0B,SAAA,CAAA,EAAA,OAAA;EA3Dd;;;;;EA2Dc,EAAA,CAAA,EAAA,MAAA;CAAA;;;;;;;;;;;;cAAb,eAAa,OAAA,CAAA,0BAAA,KAAA,OAAA,CAAA,eAAA;;;aA3Dd,OAAA,CAAM,qBAAqB,sBAAsB,OAAA,CAAM"}