@miiflow/assistant-ui 0.1.0

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunk3ERHTQXR_js=require('../chunk-3ERHTQXR.js'),chunkLJQHWCUK_js=require('../chunk-LJQHWCUK.js'),chunkNSTK5EUQ_js=require('../chunk-NSTK5EUQ.js');Object.defineProperty(exports,"useAttachments",{enumerable:true,get:function(){return chunk3ERHTQXR_js.b}});Object.defineProperty(exports,"useStreaming",{enumerable:true,get:function(){return chunk3ERHTQXR_js.a}});Object.defineProperty(exports,"useAutoScroll",{enumerable:true,get:function(){return chunkLJQHWCUK_js.a}});Object.defineProperty(exports,"useMessageComposer",{enumerable:true,get:function(){return chunkLJQHWCUK_js.b}});Object.defineProperty(exports,"useBrandingCSSVars",{enumerable:true,get:function(){return chunkNSTK5EUQ_js.b}});//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/hooks/index.mjs

@@ -0,0 +1,2 @@
+export{b as useAttachments,a as useStreaming}from'../chunk-3E2HG62U.mjs';export{a as useAutoScroll,b as useMessageComposer}from'../chunk-KPGHBLGY.mjs';export{b as useBrandingCSSVars}from'../chunk-CRNBTU42.mjs';//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/index.d.mts

@@ -0,0 +1,157 @@
+export { A as Attachment, C as ChatMessage, M as MessageData, a as Participant, P as ParticipantRole, R as ReasoningChunk, S as SourceReference, b as SourceTypeConfig, c as SuggestedAction, d as SuggestedActionType } from './message-ufYsvKXP.mjs';
+export { a as StreamChunk, b as StreamingOptions, c as StreamingState } from './streaming-CF63E6iS.mjs';
+export { B as BrandingData } from './branding-SzYU4ncD.mjs';
+export { ChatContext, ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from './context/index.mjs';
+export { useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useStreaming } from './hooks/index.mjs';
+export { A as AvatarPrimitive, C as ComposerContext, a as ComposerInput, b as ComposerSubmit, M as MessageComposerPrimitive, c as MessageContentPrimitive, d as MessageContext, e as MessagePrimitive, f as MessageTimestampPrimitive, u as useComposer, g as useMessage } from './avatar-D5eHcfjf.mjs';
+export { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.mjs';
+export { A as AttachmentPreview, a as Avatar, C as ChatContainer, b as ChatLayout, M as MarkdownContent, c as Message, d as MessageComposer, e as MessageList, S as StreamingText, f as SuggestedActions, T as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-CsFaFNcu.mjs';
+import { ClassValue } from 'clsx';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence.
+ * Combines clsx for conditional classes with tailwind-merge for conflict resolution.
+ *
+ * @example
+ * cn("px-4 py-2", "px-6") // => "py-2 px-6"
+ * cn("text-red-500", isActive && "text-blue-500") // => "text-blue-500" when isActive
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Format a date for display in chat messages.
+ */
+/**
+ * Format a timestamp for display.
+ * - Today: "2:30 PM"
+ * - This year: "Dec 15, 2:30 PM"
+ * - Other years: "Dec 15, 2024, 2:30 PM"
+ */
+declare function formatMessageTime(date: Date | string): string;
+/**
+ * Format a relative time (e.g., "2 minutes ago").
+ */
+declare function formatRelativeTime(date: Date | string): string;
+
+/**
+ * Given a background color string, return the best contrast text color.
+ * Returns "#ffffff" for dark backgrounds and "#1D2033" for light backgrounds.
+ * Falls back to "#ffffff" if the color cannot be parsed.
+ */
+declare function getContrastTextColor(bgColor: string): string;
+
+/**
+ * Design tokens for the chat UI.
+ * These map to CSS custom properties for easy theming.
+ */
+declare const chatTokens: {
+    readonly spacing: {
+        /** Vertical spacing between messages (16px) */
+        readonly messageBetween: "1rem";
+        /** Message bubble horizontal padding (14px) */
+        readonly messagePx: "0.875rem";
+        /** Message bubble vertical padding (10px) */
+        readonly messagePy: "0.625rem";
+        /** Container padding (16px) */
+        readonly container: "1rem";
+        /** Composer padding (16px) */
+        readonly composerPadding: "1rem";
+    };
+    readonly typography: {
+        readonly message: {
+            readonly fontSize: "1rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0px";
+        };
+        readonly caption: {
+            readonly fontSize: "0.875rem";
+            readonly lineHeight: 1.4;
+        };
+        readonly small: {
+            readonly fontSize: "0.8125rem";
+            readonly lineHeight: 1.3;
+        };
+    };
+    readonly borderRadius: {
+        readonly message: "0.5rem";
+        readonly input: "1rem";
+        readonly panel: "0.5rem";
+        readonly button: "0.5rem";
+        readonly chip: "0.25rem";
+    };
+    readonly colors: {
+        readonly primary: "var(--chat-primary, #106997)";
+        readonly secondary: "var(--chat-secondary, #56C18A)";
+        readonly error: "var(--chat-error, #B1001B)";
+        readonly warning: "var(--chat-warning, #DD9652)";
+        readonly messageBg: "var(--chat-message-bg, rgba(0, 0, 0, 0.03))";
+        readonly userMessageBg: "var(--chat-user-message-bg, var(--chat-primary, #106997))";
+        readonly userMessageText: "var(--chat-user-message-text, #ffffff)";
+        readonly panelBg: "var(--chat-panel-bg, rgba(0, 0, 0, 0.02))";
+        readonly panelBorder: "var(--chat-panel-border, rgba(0, 0, 0, 0.06))";
+        readonly border: "var(--chat-border, rgba(0, 0, 0, 0.06))";
+        readonly borderHover: "var(--chat-border-hover, rgba(0, 0, 0, 0.12))";
+        readonly text: "var(--chat-text, #1D2033)";
+        readonly subtle: "var(--chat-text-subtle, rgba(0, 0, 0, 0.5))";
+        readonly placeholder: "var(--chat-placeholder, rgba(0, 0, 0, 0.4))";
+        readonly status: {
+            readonly pending: {
+                readonly main: "rgba(0, 0, 0, 0.3)";
+                readonly bg: "rgba(0, 0, 0, 0.05)";
+            };
+            readonly running: {
+                readonly main: "rgb(99, 102, 241)";
+                readonly bg: "rgba(99, 102, 241, 0.08)";
+            };
+            readonly completed: {
+                readonly main: "rgb(16, 185, 129)";
+                readonly bg: "rgba(16, 185, 129, 0.08)";
+            };
+            readonly failed: {
+                readonly main: "rgb(239, 68, 68)";
+                readonly bg: "rgba(239, 68, 68, 0.08)";
+            };
+        };
+    };
+    readonly shadows: {
+        readonly subtle: "0 1px 2px rgba(0, 0, 0, 0.04)";
+        readonly input: "0 2px 8px rgba(0, 0, 0, 0.08)";
+        readonly inputFocus: "0 4px 16px rgba(0, 0, 0, 0.12)";
+        readonly button: "0 1px 3px rgba(0, 0, 0, 0.08)";
+        readonly buttonHover: "0 2px 6px rgba(0, 0, 0, 0.12)";
+        readonly primary: "0 2px 6px rgba(16, 105, 151, 0.3)";
+        readonly primaryHover: "0 4px 12px rgba(16, 105, 151, 0.4)";
+    };
+    readonly animations: {
+        readonly messageEntrance: {
+            readonly initial: {
+                readonly opacity: 0;
+                readonly y: 8;
+            };
+            readonly animate: {
+                readonly opacity: 1;
+                readonly y: 0;
+            };
+            readonly transition: {
+                readonly duration: 0.3;
+                readonly ease: readonly [0.4, 0, 0.2, 1];
+            };
+        };
+        readonly fadeIn: {
+            readonly initial: {
+                readonly opacity: 0;
+            };
+            readonly animate: {
+                readonly opacity: 1;
+            };
+            readonly transition: {
+                readonly duration: 0.2;
+            };
+        };
+    };
+};
+type ChatTokens = typeof chatTokens;
+
+export { type ChatTokens, chatTokens, cn, formatMessageTime, formatRelativeTime, getContrastTextColor };

package/dist/index.d.ts

@@ -0,0 +1,157 @@
+export { A as Attachment, C as ChatMessage, M as MessageData, a as Participant, P as ParticipantRole, R as ReasoningChunk, S as SourceReference, b as SourceTypeConfig, c as SuggestedAction, d as SuggestedActionType } from './message-B21_kqE2.js';
+export { a as StreamChunk, b as StreamingOptions, c as StreamingState } from './streaming-CF63E6iS.js';
+export { B as BrandingData } from './branding-SzYU4ncD.js';
+export { ChatContext, ChatContextValue, ChatProvider, ChatProviderProps, useChatContext } from './context/index.js';
+export { useAttachments, useAutoScroll, useBrandingCSSVars, useMessageComposer, useStreaming } from './hooks/index.js';
+export { A as AvatarPrimitive, C as ComposerContext, a as ComposerInput, b as ComposerSubmit, M as MessageComposerPrimitive, c as MessageContentPrimitive, d as MessageContext, e as MessagePrimitive, f as MessageTimestampPrimitive, u as useComposer, g as useMessage } from './avatar-DftdWqSs.js';
+export { ActionButton, MessageList as MessageListPrimitive, StreamingText as StreamingTextPrimitive, SuggestedActionsContext, SuggestedActions as SuggestedActionsPrimitive, TypingIndicator as TypingIndicatorPrimitive, useSuggestedActions } from './primitives/index.js';
+export { A as AttachmentPreview, a as Avatar, C as ChatContainer, b as ChatLayout, M as MarkdownContent, c as Message, d as MessageComposer, e as MessageList, S as StreamingText, f as SuggestedActions, T as TypingIndicator, W as WelcomeScreen } from './WelcomeScreen-TrcbOYob.js';
+import { ClassValue } from 'clsx';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Utility function to merge Tailwind CSS classes with proper precedence.
+ * Combines clsx for conditional classes with tailwind-merge for conflict resolution.
+ *
+ * @example
+ * cn("px-4 py-2", "px-6") // => "py-2 px-6"
+ * cn("text-red-500", isActive && "text-blue-500") // => "text-blue-500" when isActive
+ */
+declare function cn(...inputs: ClassValue[]): string;
+
+/**
+ * Format a date for display in chat messages.
+ */
+/**
+ * Format a timestamp for display.
+ * - Today: "2:30 PM"
+ * - This year: "Dec 15, 2:30 PM"
+ * - Other years: "Dec 15, 2024, 2:30 PM"
+ */
+declare function formatMessageTime(date: Date | string): string;
+/**
+ * Format a relative time (e.g., "2 minutes ago").
+ */
+declare function formatRelativeTime(date: Date | string): string;
+
+/**
+ * Given a background color string, return the best contrast text color.
+ * Returns "#ffffff" for dark backgrounds and "#1D2033" for light backgrounds.
+ * Falls back to "#ffffff" if the color cannot be parsed.
+ */
+declare function getContrastTextColor(bgColor: string): string;
+
+/**
+ * Design tokens for the chat UI.
+ * These map to CSS custom properties for easy theming.
+ */
+declare const chatTokens: {
+    readonly spacing: {
+        /** Vertical spacing between messages (16px) */
+        readonly messageBetween: "1rem";
+        /** Message bubble horizontal padding (14px) */
+        readonly messagePx: "0.875rem";
+        /** Message bubble vertical padding (10px) */
+        readonly messagePy: "0.625rem";
+        /** Container padding (16px) */
+        readonly container: "1rem";
+        /** Composer padding (16px) */
+        readonly composerPadding: "1rem";
+    };
+    readonly typography: {
+        readonly message: {
+            readonly fontSize: "1rem";
+            readonly lineHeight: 1.5;
+            readonly letterSpacing: "0px";
+        };
+        readonly caption: {
+            readonly fontSize: "0.875rem";
+            readonly lineHeight: 1.4;
+        };
+        readonly small: {
+            readonly fontSize: "0.8125rem";
+            readonly lineHeight: 1.3;
+        };
+    };
+    readonly borderRadius: {
+        readonly message: "0.5rem";
+        readonly input: "1rem";
+        readonly panel: "0.5rem";
+        readonly button: "0.5rem";
+        readonly chip: "0.25rem";
+    };
+    readonly colors: {
+        readonly primary: "var(--chat-primary, #106997)";
+        readonly secondary: "var(--chat-secondary, #56C18A)";
+        readonly error: "var(--chat-error, #B1001B)";
+        readonly warning: "var(--chat-warning, #DD9652)";
+        readonly messageBg: "var(--chat-message-bg, rgba(0, 0, 0, 0.03))";
+        readonly userMessageBg: "var(--chat-user-message-bg, var(--chat-primary, #106997))";
+        readonly userMessageText: "var(--chat-user-message-text, #ffffff)";
+        readonly panelBg: "var(--chat-panel-bg, rgba(0, 0, 0, 0.02))";
+        readonly panelBorder: "var(--chat-panel-border, rgba(0, 0, 0, 0.06))";
+        readonly border: "var(--chat-border, rgba(0, 0, 0, 0.06))";
+        readonly borderHover: "var(--chat-border-hover, rgba(0, 0, 0, 0.12))";
+        readonly text: "var(--chat-text, #1D2033)";
+        readonly subtle: "var(--chat-text-subtle, rgba(0, 0, 0, 0.5))";
+        readonly placeholder: "var(--chat-placeholder, rgba(0, 0, 0, 0.4))";
+        readonly status: {
+            readonly pending: {
+                readonly main: "rgba(0, 0, 0, 0.3)";
+                readonly bg: "rgba(0, 0, 0, 0.05)";
+            };
+            readonly running: {
+                readonly main: "rgb(99, 102, 241)";
+                readonly bg: "rgba(99, 102, 241, 0.08)";
+            };
+            readonly completed: {
+                readonly main: "rgb(16, 185, 129)";
+                readonly bg: "rgba(16, 185, 129, 0.08)";
+            };
+            readonly failed: {
+                readonly main: "rgb(239, 68, 68)";
+                readonly bg: "rgba(239, 68, 68, 0.08)";
+            };
+        };
+    };
+    readonly shadows: {
+        readonly subtle: "0 1px 2px rgba(0, 0, 0, 0.04)";
+        readonly input: "0 2px 8px rgba(0, 0, 0, 0.08)";
+        readonly inputFocus: "0 4px 16px rgba(0, 0, 0, 0.12)";
+        readonly button: "0 1px 3px rgba(0, 0, 0, 0.08)";
+        readonly buttonHover: "0 2px 6px rgba(0, 0, 0, 0.12)";
+        readonly primary: "0 2px 6px rgba(16, 105, 151, 0.3)";
+        readonly primaryHover: "0 4px 12px rgba(16, 105, 151, 0.4)";
+    };
+    readonly animations: {
+        readonly messageEntrance: {
+            readonly initial: {
+                readonly opacity: 0;
+                readonly y: 8;
+            };
+            readonly animate: {
+                readonly opacity: 1;
+                readonly y: 0;
+            };
+            readonly transition: {
+                readonly duration: 0.3;
+                readonly ease: readonly [0.4, 0, 0.2, 1];
+            };
+        };
+        readonly fadeIn: {
+            readonly initial: {
+                readonly opacity: 0;
+            };
+            readonly animate: {
+                readonly opacity: 1;
+            };
+            readonly transition: {
+                readonly duration: 0.2;
+            };
+        };
+    };
+};
+type ChatTokens = typeof chatTokens;
+
+export { type ChatTokens, chatTokens, cn, formatMessageTime, formatRelativeTime, getContrastTextColor };

package/dist/index.js

@@ -0,0 +1,2 @@
+'use strict';var chunkBA3VCHRC_js=require('./chunk-BA3VCHRC.js'),chunk3KB4JYSQ_js=require('./chunk-3KB4JYSQ.js'),chunk3ERHTQXR_js=require('./chunk-3ERHTQXR.js'),chunkLJQHWCUK_js=require('./chunk-LJQHWCUK.js'),chunkOCKHJ4WO_js=require('./chunk-OCKHJ4WO.js'),chunkNSTK5EUQ_js=require('./chunk-NSTK5EUQ.js');var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},Q={...m,year:"numeric",...i};function p(t){let e=typeof t=="string"?new Date(t):t,a=new Date;return e.getDate()===a.getDate()&&e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===a.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",Q)}function X(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),s=Math.floor(g/1e3),r=Math.floor(s/60),o=Math.floor(r/60),n=Math.floor(o/24);return s<60?"just now":r<60?`${r} minute${r===1?"":"s"} ago`:o<24?`${o} hour${o===1?"":"s"} ago`:n<7?`${n} day${n===1?"":"s"} ago`:p(e)}var Z={spacing:{messageBetween:"1rem",messagePx:"0.875rem",messagePy:"0.625rem",container:"1rem",composerPadding:"1rem"},typography:{message:{fontSize:"1rem",lineHeight:1.5,letterSpacing:"0px"},caption:{fontSize:"0.875rem",lineHeight:1.4},small:{fontSize:"0.8125rem",lineHeight:1.3}},borderRadius:{message:"0.5rem",input:"1rem",panel:"0.5rem",button:"0.5rem",chip:"0.25rem"},colors:{primary:"var(--chat-primary, #106997)",secondary:"var(--chat-secondary, #56C18A)",error:"var(--chat-error, #B1001B)",warning:"var(--chat-warning, #DD9652)",messageBg:"var(--chat-message-bg, rgba(0, 0, 0, 0.03))",userMessageBg:"var(--chat-user-message-bg, var(--chat-primary, #106997))",userMessageText:"var(--chat-user-message-text, #ffffff)",panelBg:"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))",panelBorder:"var(--chat-panel-border, rgba(0, 0, 0, 0.06))",border:"var(--chat-border, rgba(0, 0, 0, 0.06))",borderHover:"var(--chat-border-hover, rgba(0, 0, 0, 0.12))",text:"var(--chat-text, #1D2033)",subtle:"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))",placeholder:"var(--chat-placeholder, rgba(0, 0, 0, 0.4))",status:{pending:{main:"rgba(0, 0, 0, 0.3)",bg:"rgba(0, 0, 0, 0.05)"},running:{main:"rgb(99, 102, 241)",bg:"rgba(99, 102, 241, 0.08)"},completed:{main:"rgb(16, 185, 129)",bg:"rgba(16, 185, 129, 0.08)"},failed:{main:"rgb(239, 68, 68)",bg:"rgba(239, 68, 68, 0.08)"}}},shadows:{subtle:"0 1px 2px rgba(0, 0, 0, 0.04)",input:"0 2px 8px rgba(0, 0, 0, 0.08)",inputFocus:"0 4px 16px rgba(0, 0, 0, 0.12)",button:"0 1px 3px rgba(0, 0, 0, 0.08)",buttonHover:"0 2px 6px rgba(0, 0, 0, 0.12)",primary:"0 2px 6px rgba(16, 105, 151, 0.3)",primaryHover:"0 4px 12px rgba(16, 105, 151, 0.4)"},animations:{messageEntrance:{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.3,ease:[.4,0,.2,1]}},fadeIn:{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2}}}};Object.defineProperty(exports,"AttachmentPreview",{enumerable:true,get:function(){return chunkBA3VCHRC_js.b}});Object.defineProperty(exports,"Avatar",{enumerable:true,get:function(){return chunkBA3VCHRC_js.c}});Object.defineProperty(exports,"ChatContainer",{enumerable:true,get:function(){return chunkBA3VCHRC_js.d}});Object.defineProperty(exports,"ChatLayout",{enumerable:true,get:function(){return chunkBA3VCHRC_js.Y}});Object.defineProperty(exports,"MarkdownContent",{enumerable:true,get:function(){return chunkBA3VCHRC_js.f}});Object.defineProperty(exports,"Message",{enumerable:true,get:function(){return chunkBA3VCHRC_js.S}});Object.defineProperty(exports,"MessageComposer",{enumerable:true,get:function(){return chunkBA3VCHRC_js.T}});Object.defineProperty(exports,"MessageList",{enumerable:true,get:function(){return chunkBA3VCHRC_js.U}});Object.defineProperty(exports,"StreamingText",{enumerable:true,get:function(){return chunkBA3VCHRC_js.A}});Object.defineProperty(exports,"SuggestedActions",{enumerable:true,get:function(){return chunkBA3VCHRC_js.B}});Object.defineProperty(exports,"TypingIndicator",{enumerable:true,get:function(){return chunkBA3VCHRC_js.W}});Object.defineProperty(exports,"WelcomeScreen",{enumerable:true,get:function(){return chunkBA3VCHRC_js.Z}});Object.defineProperty(exports,"cn",{enumerable:true,get:function(){return chunkBA3VCHRC_js.a}});Object.defineProperty(exports,"ActionButton",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.q}});Object.defineProperty(exports,"AvatarPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.l}});Object.defineProperty(exports,"ComposerContext",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.g}});Object.defineProperty(exports,"ComposerInput",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.j}});Object.defineProperty(exports,"ComposerSubmit",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.k}});Object.defineProperty(exports,"MessageComposerPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.i}});Object.defineProperty(exports,"MessageContentPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.d}});Object.defineProperty(exports,"MessageContext",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.a}});Object.defineProperty(exports,"MessageListPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.f}});Object.defineProperty(exports,"MessagePrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.c}});Object.defineProperty(exports,"MessageTimestampPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.e}});Object.defineProperty(exports,"StreamingTextPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.m}});Object.defineProperty(exports,"SuggestedActionsContext",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.n}});Object.defineProperty(exports,"SuggestedActionsPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.p}});Object.defineProperty(exports,"TypingIndicatorPrimitive",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.r}});Object.defineProperty(exports,"useComposer",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.h}});Object.defineProperty(exports,"useMessage",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.b}});Object.defineProperty(exports,"useSuggestedActions",{enumerable:true,get:function(){return chunk3KB4JYSQ_js.o}});Object.defineProperty(exports,"useAttachments",{enumerable:true,get:function(){return chunk3ERHTQXR_js.b}});Object.defineProperty(exports,"useStreaming",{enumerable:true,get:function(){return chunk3ERHTQXR_js.a}});Object.defineProperty(exports,"useAutoScroll",{enumerable:true,get:function(){return chunkLJQHWCUK_js.a}});Object.defineProperty(exports,"useMessageComposer",{enumerable:true,get:function(){return chunkLJQHWCUK_js.b}});Object.defineProperty(exports,"ChatContext",{enumerable:true,get:function(){return chunkOCKHJ4WO_js.a}});Object.defineProperty(exports,"ChatProvider",{enumerable:true,get:function(){return chunkOCKHJ4WO_js.b}});Object.defineProperty(exports,"useChatContext",{enumerable:true,get:function(){return chunkOCKHJ4WO_js.c}});Object.defineProperty(exports,"getContrastTextColor",{enumerable:true,get:function(){return chunkNSTK5EUQ_js.a}});Object.defineProperty(exports,"useBrandingCSSVars",{enumerable:true,get:function(){return chunkNSTK5EUQ_js.b}});exports.chatTokens=Z;exports.formatMessageTime=p;exports.formatRelativeTime=X;//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/format-date.ts","../src/styles/tokens.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays","chatTokens"],"mappings":"iTAIA,IAAMA,EAA0C,CAC9C,IAAA,CAAM,UACN,MAAA,CAAQ,SAAA,CACR,OAAQ,IACV,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,MAAO,OAAA,CACP,GAAA,CAAK,SACP,CAAA,CAEMC,CAAAA,CAA0C,CAC9C,GAAGD,CAAAA,CACH,IAAA,CAAM,SAAA,CACN,GAAGD,CACL,CAAA,CAQO,SAASG,CAAAA,CAAkBC,CAAAA,CAA6B,CAC7D,IAAMC,CAAAA,CAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,IAAA,CAAKA,CAAI,EAAIA,CAAAA,CAChDE,CAAAA,CAAM,IAAI,IAAA,CAOhB,OAJED,CAAAA,CAAE,OAAA,KAAcC,CAAAA,CAAI,OAAA,IACpBD,CAAAA,CAAE,QAAA,KAAeC,CAAAA,CAAI,QAAA,EAAS,EAC9BD,CAAAA,CAAE,aAAY,GAAMC,CAAAA,CAAI,aAAY,CAG7BD,CAAAA,CAAE,mBAAmB,OAAA,CAASL,CAAW,CAAA,CAG/BK,CAAAA,CAAE,aAAY,GAAMC,CAAAA,CAAI,aAAY,CAG9C,CAAA,EAAGD,EAAE,kBAAA,CAAmB,OAAA,CAASJ,CAAW,CAAC,CAAA,EAAA,EAAKI,EAAE,kBAAA,CAAmB,OAAA,CAASL,CAAW,CAAC,CAAA,CAAA,CAG9FK,EAAE,kBAAA,CAAmB,OAAA,CAASH,CAAW,CAClD,CAKO,SAASK,CAAAA,CAAmBH,EAA6B,CAC9D,IAAMC,EAAI,OAAOD,CAAAA,EAAS,QAAA,CAAW,IAAI,KAAKA,CAAI,CAAA,CAAIA,EAEhDI,CAAAA,CADM,IAAI,MAAK,CACF,OAAA,EAAQ,CAAIH,CAAAA,CAAE,SAAQ,CACnCI,CAAAA,CAAc,KAAK,KAAA,CAAMD,CAAAA,CAAS,GAAI,CAAA,CACtCE,CAAAA,CAAc,KAAK,KAAA,CAAMD,CAAAA,CAAc,EAAE,CAAA,CACzCE,CAAAA,CAAY,KAAK,KAAA,CAAMD,CAAAA,CAAc,EAAE,CAAA,CACvCE,CAAAA,CAAW,IAAA,CAAK,KAAA,CAAMD,EAAY,EAAE,CAAA,CAE1C,OAAIF,CAAAA,CAAc,EAAA,CACT,WAGLC,CAAAA,CAAc,EAAA,CACT,GAAGA,CAAW,CAAA,OAAA,EAAUA,IAAgB,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAGzDC,CAAAA,CAAY,GACP,CAAA,EAAGA,CAAS,CAAA,KAAA,EAAQA,CAAAA,GAAc,EAAI,EAAA,CAAK,GAAG,OAGnDC,CAAAA,CAAW,CAAA,CACN,GAAGA,CAAQ,CAAA,IAAA,EAAOA,IAAa,CAAA,CAAI,EAAA,CAAK,GAAG,CAAA,IAAA,CAAA,CAG7CT,CAAAA,CAAkBE,CAAC,CAC5B,KCzEaQ,CAAAA,CAAa,CACxB,OAAA,CAAS,CAEP,eAAgB,MAAA,CAEhB,SAAA,CAAW,WAEX,SAAA,CAAW,UAAA,CAEX,UAAW,MAAA,CAEX,eAAA,CAAiB,MACnB,CAAA,CAEA,WAAY,CACV,OAAA,CAAS,CACP,QAAA,CAAU,MAAA,CACV,WAAY,GAAA,CACZ,aAAA,CAAe,KACjB,CAAA,CACA,QAAS,CACP,QAAA,CAAU,WACV,UAAA,CAAY,GACd,EACA,KAAA,CAAO,CACL,SAAU,WAAA,CACV,UAAA,CAAY,GACd,CACF,CAAA,CAEA,aAAc,CACZ,OAAA,CAAS,SACT,KAAA,CAAO,MAAA,CACP,KAAA,CAAO,QAAA,CACP,OAAQ,QAAA,CACR,IAAA,CAAM,SACR,CAAA,CAEA,MAAA,CAAQ,CAEN,OAAA,CAAS,8BAAA,CACT,UAAW,gCAAA,CACX,KAAA,CAAO,6BACP,OAAA,CAAS,8BAAA,CAGT,UAAW,6CAAA,CACX,aAAA,CAAe,4DACf,eAAA,CAAiB,wCAAA,CAGjB,OAAA,CAAS,2CAAA,CACT,YAAa,+CAAA,CAGb,MAAA,CAAQ,0CACR,WAAA,CAAa,+CAAA,CAGb,KAAM,2BAAA,CACN,MAAA,CAAQ,8CACR,WAAA,CAAa,6CAAA,CAGb,OAAQ,CACN,OAAA,CAAS,CACP,IAAA,CAAM,oBAAA,CACN,GAAI,qBACN,CAAA,CACA,OAAA,CAAS,CACP,KAAM,mBAAA,CACN,EAAA,CAAI,0BACN,CAAA,CACA,SAAA,CAAW,CACT,IAAA,CAAM,mBAAA,CACN,EAAA,CAAI,0BACN,EACA,MAAA,CAAQ,CACN,KAAM,kBAAA,CACN,EAAA,CAAI,yBACN,CACF,CACF,CAAA,CAEA,OAAA,CAAS,CACP,MAAA,CAAQ,+BAAA,CACR,MAAO,+BAAA,CACP,UAAA,CAAY,iCACZ,MAAA,CAAQ,+BAAA,CACR,YAAa,+BAAA,CACb,OAAA,CAAS,oCACT,YAAA,CAAc,oCAChB,EAEA,UAAA,CAAY,CACV,gBAAiB,CACf,OAAA,CAAS,CAAE,OAAA,CAAS,EAAG,CAAA,CAAG,CAAE,EAC5B,OAAA,CAAS,CAAE,QAAS,CAAA,CAAG,CAAA,CAAG,CAAE,CAAA,CAC5B,UAAA,CAAY,CAAE,QAAA,CAAU,EAAA,CAAK,KAAM,CAAC,EAAA,CAAK,EAAG,EAAA,CAAK,CAAC,CAAE,CACtD,EACA,MAAA,CAAQ,CACN,QAAS,CAAE,OAAA,CAAS,CAAE,CAAA,CACtB,OAAA,CAAS,CAAE,OAAA,CAAS,CAAE,EACtB,UAAA,CAAY,CAAE,SAAU,EAAI,CAC9B,CACF,CACF","file":"index.js","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n","/**\n * Design tokens for the chat UI.\n * These map to CSS custom properties for easy theming.\n */\n\nexport const chatTokens = {\n  spacing: {\n    /** Vertical spacing between messages (16px) */\n    messageBetween: \"1rem\",\n    /** Message bubble horizontal padding (14px) */\n    messagePx: \"0.875rem\",\n    /** Message bubble vertical padding (10px) */\n    messagePy: \"0.625rem\",\n    /** Container padding (16px) */\n    container: \"1rem\",\n    /** Composer padding (16px) */\n    composerPadding: \"1rem\",\n  },\n\n  typography: {\n    message: {\n      fontSize: \"1rem\",\n      lineHeight: 1.5,\n      letterSpacing: \"0px\",\n    },\n    caption: {\n      fontSize: \"0.875rem\",\n      lineHeight: 1.4,\n    },\n    small: {\n      fontSize: \"0.8125rem\",\n      lineHeight: 1.3,\n    },\n  },\n\n  borderRadius: {\n    message: \"0.5rem\",\n    input: \"1rem\",\n    panel: \"0.5rem\",\n    button: \"0.5rem\",\n    chip: \"0.25rem\",\n  },\n\n  colors: {\n    // CSS custom property references\n    primary: \"var(--chat-primary, #106997)\",\n    secondary: \"var(--chat-secondary, #56C18A)\",\n    error: \"var(--chat-error, #B1001B)\",\n    warning: \"var(--chat-warning, #DD9652)\",\n\n    // Message backgrounds\n    messageBg: \"var(--chat-message-bg, rgba(0, 0, 0, 0.03))\",\n    userMessageBg: \"var(--chat-user-message-bg, var(--chat-primary, #106997))\",\n    userMessageText: \"var(--chat-user-message-text, #ffffff)\",\n\n    // Panel backgrounds\n    panelBg: \"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))\",\n    panelBorder: \"var(--chat-panel-border, rgba(0, 0, 0, 0.06))\",\n\n    // Borders\n    border: \"var(--chat-border, rgba(0, 0, 0, 0.06))\",\n    borderHover: \"var(--chat-border-hover, rgba(0, 0, 0, 0.12))\",\n\n    // Text\n    text: \"var(--chat-text, #1D2033)\",\n    subtle: \"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))\",\n    placeholder: \"var(--chat-placeholder, rgba(0, 0, 0, 0.4))\",\n\n    // Status colors\n    status: {\n      pending: {\n        main: \"rgba(0, 0, 0, 0.3)\",\n        bg: \"rgba(0, 0, 0, 0.05)\",\n      },\n      running: {\n        main: \"rgb(99, 102, 241)\",\n        bg: \"rgba(99, 102, 241, 0.08)\",\n      },\n      completed: {\n        main: \"rgb(16, 185, 129)\",\n        bg: \"rgba(16, 185, 129, 0.08)\",\n      },\n      failed: {\n        main: \"rgb(239, 68, 68)\",\n        bg: \"rgba(239, 68, 68, 0.08)\",\n      },\n    },\n  },\n\n  shadows: {\n    subtle: \"0 1px 2px rgba(0, 0, 0, 0.04)\",\n    input: \"0 2px 8px rgba(0, 0, 0, 0.08)\",\n    inputFocus: \"0 4px 16px rgba(0, 0, 0, 0.12)\",\n    button: \"0 1px 3px rgba(0, 0, 0, 0.08)\",\n    buttonHover: \"0 2px 6px rgba(0, 0, 0, 0.12)\",\n    primary: \"0 2px 6px rgba(16, 105, 151, 0.3)\",\n    primaryHover: \"0 4px 12px rgba(16, 105, 151, 0.4)\",\n  },\n\n  animations: {\n    messageEntrance: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },\n    },\n    fadeIn: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      transition: { duration: 0.2 },\n    },\n  },\n} as const;\n\nexport type ChatTokens = typeof chatTokens;\n"]}

package/dist/index.mjs

@@ -0,0 +1,2 @@
+export{b as AttachmentPreview,c as Avatar,d as ChatContainer,Y as ChatLayout,f as MarkdownContent,S as Message,T as MessageComposer,U as MessageList,A as StreamingText,B as SuggestedActions,W as TypingIndicator,Z as WelcomeScreen,a as cn}from'./chunk-3GQNGDXX.mjs';export{q as ActionButton,l as AvatarPrimitive,g as ComposerContext,j as ComposerInput,k as ComposerSubmit,i as MessageComposerPrimitive,d as MessageContentPrimitive,a as MessageContext,f as MessageListPrimitive,c as MessagePrimitive,e as MessageTimestampPrimitive,m as StreamingTextPrimitive,n as SuggestedActionsContext,p as SuggestedActionsPrimitive,r as TypingIndicatorPrimitive,h as useComposer,b as useMessage,o as useSuggestedActions}from'./chunk-MFCWFFJV.mjs';export{b as useAttachments,a as useStreaming}from'./chunk-3E2HG62U.mjs';export{a as useAutoScroll,b as useMessageComposer}from'./chunk-KPGHBLGY.mjs';export{a as ChatContext,b as ChatProvider,c as useChatContext}from'./chunk-RTT6LULU.mjs';export{a as getContrastTextColor,b as useBrandingCSSVars}from'./chunk-CRNBTU42.mjs';var i={hour:"numeric",minute:"2-digit",hour12:true},m={month:"short",day:"numeric"},Q={...m,year:"numeric",...i};function p(t){let e=typeof t=="string"?new Date(t):t,a=new Date;return e.getDate()===a.getDate()&&e.getMonth()===a.getMonth()&&e.getFullYear()===a.getFullYear()?e.toLocaleTimeString("en-US",i):e.getFullYear()===a.getFullYear()?`${e.toLocaleDateString("en-US",m)}, ${e.toLocaleTimeString("en-US",i)}`:e.toLocaleDateString("en-US",Q)}function X(t){let e=typeof t=="string"?new Date(t):t,g=new Date().getTime()-e.getTime(),s=Math.floor(g/1e3),r=Math.floor(s/60),o=Math.floor(r/60),n=Math.floor(o/24);return s<60?"just now":r<60?`${r} minute${r===1?"":"s"} ago`:o<24?`${o} hour${o===1?"":"s"} ago`:n<7?`${n} day${n===1?"":"s"} ago`:p(e)}var Z={spacing:{messageBetween:"1rem",messagePx:"0.875rem",messagePy:"0.625rem",container:"1rem",composerPadding:"1rem"},typography:{message:{fontSize:"1rem",lineHeight:1.5,letterSpacing:"0px"},caption:{fontSize:"0.875rem",lineHeight:1.4},small:{fontSize:"0.8125rem",lineHeight:1.3}},borderRadius:{message:"0.5rem",input:"1rem",panel:"0.5rem",button:"0.5rem",chip:"0.25rem"},colors:{primary:"var(--chat-primary, #106997)",secondary:"var(--chat-secondary, #56C18A)",error:"var(--chat-error, #B1001B)",warning:"var(--chat-warning, #DD9652)",messageBg:"var(--chat-message-bg, rgba(0, 0, 0, 0.03))",userMessageBg:"var(--chat-user-message-bg, var(--chat-primary, #106997))",userMessageText:"var(--chat-user-message-text, #ffffff)",panelBg:"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))",panelBorder:"var(--chat-panel-border, rgba(0, 0, 0, 0.06))",border:"var(--chat-border, rgba(0, 0, 0, 0.06))",borderHover:"var(--chat-border-hover, rgba(0, 0, 0, 0.12))",text:"var(--chat-text, #1D2033)",subtle:"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))",placeholder:"var(--chat-placeholder, rgba(0, 0, 0, 0.4))",status:{pending:{main:"rgba(0, 0, 0, 0.3)",bg:"rgba(0, 0, 0, 0.05)"},running:{main:"rgb(99, 102, 241)",bg:"rgba(99, 102, 241, 0.08)"},completed:{main:"rgb(16, 185, 129)",bg:"rgba(16, 185, 129, 0.08)"},failed:{main:"rgb(239, 68, 68)",bg:"rgba(239, 68, 68, 0.08)"}}},shadows:{subtle:"0 1px 2px rgba(0, 0, 0, 0.04)",input:"0 2px 8px rgba(0, 0, 0, 0.08)",inputFocus:"0 4px 16px rgba(0, 0, 0, 0.12)",button:"0 1px 3px rgba(0, 0, 0, 0.08)",buttonHover:"0 2px 6px rgba(0, 0, 0, 0.12)",primary:"0 2px 6px rgba(16, 105, 151, 0.3)",primaryHover:"0 4px 12px rgba(16, 105, 151, 0.4)"},animations:{messageEntrance:{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{duration:.3,ease:[.4,0,.2,1]}},fadeIn:{initial:{opacity:0},animate:{opacity:1},transition:{duration:.2}}}};export{Z as chatTokens,p as formatMessageTime,X as formatRelativeTime};//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/format-date.ts","../src/styles/tokens.ts"],"names":["TIME_FORMAT","DATE_FORMAT","FULL_FORMAT","formatMessageTime","date","d","now","formatRelativeTime","diffMs","diffSeconds","diffMinutes","diffHours","diffDays","chatTokens"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Format a date for display in chat messages.\n */\n\nconst TIME_FORMAT: Intl.DateTimeFormatOptions = {\n  hour: \"numeric\",\n  minute: \"2-digit\",\n  hour12: true,\n};\n\nconst DATE_FORMAT: Intl.DateTimeFormatOptions = {\n  month: \"short\",\n  day: \"numeric\",\n};\n\nconst FULL_FORMAT: Intl.DateTimeFormatOptions = {\n  ...DATE_FORMAT,\n  year: \"numeric\",\n  ...TIME_FORMAT,\n};\n\n/**\n * Format a timestamp for display.\n * - Today: \"2:30 PM\"\n * - This year: \"Dec 15, 2:30 PM\"\n * - Other years: \"Dec 15, 2024, 2:30 PM\"\n */\nexport function formatMessageTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n\n  const isToday =\n    d.getDate() === now.getDate() &&\n    d.getMonth() === now.getMonth() &&\n    d.getFullYear() === now.getFullYear();\n\n  if (isToday) {\n    return d.toLocaleTimeString(\"en-US\", TIME_FORMAT);\n  }\n\n  const isThisYear = d.getFullYear() === now.getFullYear();\n\n  if (isThisYear) {\n    return `${d.toLocaleDateString(\"en-US\", DATE_FORMAT)}, ${d.toLocaleTimeString(\"en-US\", TIME_FORMAT)}`;\n  }\n\n  return d.toLocaleDateString(\"en-US\", FULL_FORMAT);\n}\n\n/**\n * Format a relative time (e.g., \"2 minutes ago\").\n */\nexport function formatRelativeTime(date: Date | string): string {\n  const d = typeof date === \"string\" ? new Date(date) : date;\n  const now = new Date();\n  const diffMs = now.getTime() - d.getTime();\n  const diffSeconds = Math.floor(diffMs / 1000);\n  const diffMinutes = Math.floor(diffSeconds / 60);\n  const diffHours = Math.floor(diffMinutes / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffSeconds < 60) {\n    return \"just now\";\n  }\n\n  if (diffMinutes < 60) {\n    return `${diffMinutes} minute${diffMinutes === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffHours < 24) {\n    return `${diffHours} hour${diffHours === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  if (diffDays < 7) {\n    return `${diffDays} day${diffDays === 1 ? \"\" : \"s\"} ago`;\n  }\n\n  return formatMessageTime(d);\n}\n","/**\n * Design tokens for the chat UI.\n * These map to CSS custom properties for easy theming.\n */\n\nexport const chatTokens = {\n  spacing: {\n    /** Vertical spacing between messages (16px) */\n    messageBetween: \"1rem\",\n    /** Message bubble horizontal padding (14px) */\n    messagePx: \"0.875rem\",\n    /** Message bubble vertical padding (10px) */\n    messagePy: \"0.625rem\",\n    /** Container padding (16px) */\n    container: \"1rem\",\n    /** Composer padding (16px) */\n    composerPadding: \"1rem\",\n  },\n\n  typography: {\n    message: {\n      fontSize: \"1rem\",\n      lineHeight: 1.5,\n      letterSpacing: \"0px\",\n    },\n    caption: {\n      fontSize: \"0.875rem\",\n      lineHeight: 1.4,\n    },\n    small: {\n      fontSize: \"0.8125rem\",\n      lineHeight: 1.3,\n    },\n  },\n\n  borderRadius: {\n    message: \"0.5rem\",\n    input: \"1rem\",\n    panel: \"0.5rem\",\n    button: \"0.5rem\",\n    chip: \"0.25rem\",\n  },\n\n  colors: {\n    // CSS custom property references\n    primary: \"var(--chat-primary, #106997)\",\n    secondary: \"var(--chat-secondary, #56C18A)\",\n    error: \"var(--chat-error, #B1001B)\",\n    warning: \"var(--chat-warning, #DD9652)\",\n\n    // Message backgrounds\n    messageBg: \"var(--chat-message-bg, rgba(0, 0, 0, 0.03))\",\n    userMessageBg: \"var(--chat-user-message-bg, var(--chat-primary, #106997))\",\n    userMessageText: \"var(--chat-user-message-text, #ffffff)\",\n\n    // Panel backgrounds\n    panelBg: \"var(--chat-panel-bg, rgba(0, 0, 0, 0.02))\",\n    panelBorder: \"var(--chat-panel-border, rgba(0, 0, 0, 0.06))\",\n\n    // Borders\n    border: \"var(--chat-border, rgba(0, 0, 0, 0.06))\",\n    borderHover: \"var(--chat-border-hover, rgba(0, 0, 0, 0.12))\",\n\n    // Text\n    text: \"var(--chat-text, #1D2033)\",\n    subtle: \"var(--chat-text-subtle, rgba(0, 0, 0, 0.5))\",\n    placeholder: \"var(--chat-placeholder, rgba(0, 0, 0, 0.4))\",\n\n    // Status colors\n    status: {\n      pending: {\n        main: \"rgba(0, 0, 0, 0.3)\",\n        bg: \"rgba(0, 0, 0, 0.05)\",\n      },\n      running: {\n        main: \"rgb(99, 102, 241)\",\n        bg: \"rgba(99, 102, 241, 0.08)\",\n      },\n      completed: {\n        main: \"rgb(16, 185, 129)\",\n        bg: \"rgba(16, 185, 129, 0.08)\",\n      },\n      failed: {\n        main: \"rgb(239, 68, 68)\",\n        bg: \"rgba(239, 68, 68, 0.08)\",\n      },\n    },\n  },\n\n  shadows: {\n    subtle: \"0 1px 2px rgba(0, 0, 0, 0.04)\",\n    input: \"0 2px 8px rgba(0, 0, 0, 0.08)\",\n    inputFocus: \"0 4px 16px rgba(0, 0, 0, 0.12)\",\n    button: \"0 1px 3px rgba(0, 0, 0, 0.08)\",\n    buttonHover: \"0 2px 6px rgba(0, 0, 0, 0.12)\",\n    primary: \"0 2px 6px rgba(16, 105, 151, 0.3)\",\n    primaryHover: \"0 4px 12px rgba(16, 105, 151, 0.4)\",\n  },\n\n  animations: {\n    messageEntrance: {\n      initial: { opacity: 0, y: 8 },\n      animate: { opacity: 1, y: 0 },\n      transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] },\n    },\n    fadeIn: {\n      initial: { opacity: 0 },\n      animate: { opacity: 1 },\n      transition: { duration: 0.2 },\n    },\n  },\n} as const;\n\nexport type ChatTokens = typeof chatTokens;\n"]}

package/dist/message-B21_kqE2.d.ts

@@ -0,0 +1,78 @@
+import { S as StreamingChunk, C as ClarificationData } from './streaming-CF63E6iS.js';
+
+/**
+ * Citation source types for AI-generated content.
+ */
+interface SourceReference {
+    index: number;
+    reference_label: string;
+    source_type: string;
+    tool_name: string;
+    title: string;
+    description?: string;
+    url?: string;
+    document_id?: string;
+    tool_execution_id?: string;
+    query?: string;
+    snippet?: string;
+    full_content?: string;
+    metadata?: Record<string, unknown>;
+}
+interface SourceTypeConfig {
+    label: string;
+    color: string;
+}
+
+type ParticipantRole = "user" | "assistant" | "system";
+interface Participant {
+    id: string;
+    name?: string;
+    role: ParticipantRole;
+    avatarUrl?: string;
+}
+interface Attachment {
+    id: string;
+    filename: string;
+    mimeType: string;
+    size: number;
+    url?: string;
+    previewUrl?: string;
+    isImage?: boolean;
+    isVideo?: boolean;
+    isDocument?: boolean;
+    humanReadableSize?: string;
+    fileExtension?: string;
+}
+interface MessageData {
+    id: string;
+    textContent: string;
+    participant?: Participant;
+    createdAt: string | Date;
+    updatedAt?: string | Date;
+    attachments?: Attachment[];
+    isStreaming?: boolean;
+    metadata?: Record<string, unknown>;
+}
+type SuggestedActionType = "send_message" | "navigate" | "copy_text" | "compose_email" | "search_emails" | "open_modal" | "api_call";
+interface SuggestedAction {
+    id: string;
+    label: string;
+    value: string;
+    icon?: string;
+    type?: SuggestedActionType;
+    context?: Record<string, unknown>;
+}
+interface ChatMessage extends MessageData {
+    suggestedActions?: SuggestedAction[];
+    reasoning?: StreamingChunk[];
+    citations?: SourceReference[];
+    pendingClarification?: ClarificationData;
+}
+interface ReasoningChunk {
+    id: string;
+    type: "thinking" | "planning" | "executing" | "complete";
+    content: string;
+    timestamp: string | Date;
+}
+
+export type { Attachment as A, ChatMessage as C, MessageData as M, ParticipantRole as P, ReasoningChunk as R, SourceReference as S, Participant as a, SourceTypeConfig as b, SuggestedAction as c, SuggestedActionType as d };

package/dist/message-ufYsvKXP.d.mts

@@ -0,0 +1,78 @@
+import { S as StreamingChunk, C as ClarificationData } from './streaming-CF63E6iS.mjs';
+
+/**
+ * Citation source types for AI-generated content.
+ */
+interface SourceReference {
+    index: number;
+    reference_label: string;
+    source_type: string;
+    tool_name: string;
+    title: string;
+    description?: string;
+    url?: string;
+    document_id?: string;
+    tool_execution_id?: string;
+    query?: string;
+    snippet?: string;
+    full_content?: string;
+    metadata?: Record<string, unknown>;
+}
+interface SourceTypeConfig {
+    label: string;
+    color: string;
+}
+
+type ParticipantRole = "user" | "assistant" | "system";
+interface Participant {
+    id: string;
+    name?: string;
+    role: ParticipantRole;
+    avatarUrl?: string;
+}
+interface Attachment {
+    id: string;
+    filename: string;
+    mimeType: string;
+    size: number;
+    url?: string;
+    previewUrl?: string;
+    isImage?: boolean;
+    isVideo?: boolean;
+    isDocument?: boolean;
+    humanReadableSize?: string;
+    fileExtension?: string;
+}
+interface MessageData {
+    id: string;
+    textContent: string;
+    participant?: Participant;
+    createdAt: string | Date;
+    updatedAt?: string | Date;
+    attachments?: Attachment[];
+    isStreaming?: boolean;
+    metadata?: Record<string, unknown>;
+}
+type SuggestedActionType = "send_message" | "navigate" | "copy_text" | "compose_email" | "search_emails" | "open_modal" | "api_call";
+interface SuggestedAction {
+    id: string;
+    label: string;
+    value: string;
+    icon?: string;
+    type?: SuggestedActionType;
+    context?: Record<string, unknown>;
+}
+interface ChatMessage extends MessageData {
+    suggestedActions?: SuggestedAction[];
+    reasoning?: StreamingChunk[];
+    citations?: SourceReference[];
+    pendingClarification?: ClarificationData;
+}
+interface ReasoningChunk {
+    id: string;
+    type: "thinking" | "planning" | "executing" | "complete";
+    content: string;
+    timestamp: string | Date;
+}
+
+export type { Attachment as A, ChatMessage as C, MessageData as M, ParticipantRole as P, ReasoningChunk as R, SourceReference as S, Participant as a, SourceTypeConfig as b, SuggestedAction as c, SuggestedActionType as d };

package/dist/primitives/index.d.mts

@@ -0,0 +1,86 @@
+export { A as Avatar, h as AvatarProps, C as ComposerContext, a as ComposerInput, i as ComposerInputProps, b as ComposerSubmit, j as ComposerSubmitProps, e as Message, M as MessageComposer, k as MessageComposerProps, c as MessageContent, l as MessageContentProps, d as MessageContext, m as MessageProps, f as MessageTimestamp, n as MessageTimestampProps, u as useComposer, g as useMessage } from '../avatar-D5eHcfjf.mjs';
+import * as react from 'react';
+import { HTMLAttributes, ReactNode, ButtonHTMLAttributes } from 'react';
+import { c as SuggestedAction } from '../message-ufYsvKXP.mjs';
+import '../streaming-CF63E6iS.mjs';
+
+interface MessageListProps extends HTMLAttributes<HTMLDivElement> {
+    /** Messages to render */
+    children: ReactNode;
+    /** Whether to auto-scroll to bottom on new messages */
+    autoScroll?: boolean;
+    /** Threshold from bottom to trigger auto-scroll (pixels) */
+    scrollThreshold?: number;
+}
+/**
+ * Headless MessageList primitive.
+ * Provides a scrollable container with auto-scroll behavior.
+ */
+declare const MessageList: react.ForwardRefExoticComponent<MessageListProps & react.RefAttributes<HTMLDivElement>>;
+
+interface StreamingTextProps extends HTMLAttributes<HTMLDivElement> {
+    /** The content to display */
+    content: string;
+    /** Whether the text is currently streaming */
+    isStreaming?: boolean;
+    /** Show a cursor indicator while streaming */
+    showCursor?: boolean;
+    /** Custom cursor element */
+    cursor?: ReactNode;
+    /** Children override (takes precedence over content) */
+    children?: ReactNode;
+}
+/**
+ * Headless StreamingText primitive.
+ * Renders text with streaming indicator support.
+ */
+declare const StreamingText: react.ForwardRefExoticComponent<StreamingTextProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SuggestedActionsContextValue {
+    actions: SuggestedAction[];
+    onSelect: (action: SuggestedAction) => void;
+}
+declare const SuggestedActionsContext: react.Context<SuggestedActionsContextValue | null>;
+/**
+ * Hook to access suggested actions context.
+ */
+declare function useSuggestedActions(): SuggestedActionsContextValue;
+interface SuggestedActionsProps {
+    /** List of suggested actions */
+    actions: SuggestedAction[];
+    /** Callback when an action is selected */
+    onSelect: (action: SuggestedAction) => void;
+    /** Children to render */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Headless SuggestedActions primitive.
+ * Provides context for rendering action buttons.
+ */
+declare const SuggestedActions: react.ForwardRefExoticComponent<SuggestedActionsProps & react.RefAttributes<HTMLDivElement>>;
+interface ActionButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /** The action this button represents */
+    action: SuggestedAction;
+    /** Children to render inside button */
+    children?: ReactNode;
+}
+/**
+ * Button for a suggested action.
+ */
+declare const ActionButton: react.ForwardRefExoticComponent<ActionButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface TypingIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+    /** Custom content to show while typing */
+    children?: ReactNode;
+    /** Number of dots to show */
+    dotCount?: number;
+}
+/**
+ * Headless TypingIndicator primitive.
+ * Shows animated dots or custom content.
+ */
+declare const TypingIndicator: react.ForwardRefExoticComponent<TypingIndicatorProps & react.RefAttributes<HTMLDivElement>>;
+
+export { ActionButton, type ActionButtonProps, MessageList, type MessageListProps, StreamingText, type StreamingTextProps, SuggestedActions, SuggestedActionsContext, type SuggestedActionsProps, TypingIndicator, type TypingIndicatorProps, useSuggestedActions };