@mieweb/ui 0.10.0-dev.12 → 0.10.0-dev.13

package/dist/index.cjs

@@ -27,8 +27,8 @@ var chunkYGA35Z2P_cjs = require('./chunk-YGA35Z2P.cjs');
 var chunk2G75X6TS_cjs = require('./chunk-2G75X6TS.cjs');
 var chunk7RV6CAP6_cjs = require('./chunk-7RV6CAP6.cjs');
 var chunkMYHV2ND3_cjs = require('./chunk-MYHV2ND3.cjs');
-var chunkOD47TTAW_cjs = require('./chunk-OD47TTAW.cjs');
-var chunkX4XPNTCZ_cjs = require('./chunk-X4XPNTCZ.cjs');
+var chunkV43ZFGCE_cjs = require('./chunk-V43ZFGCE.cjs');
+var chunkYQ2NQV5C_cjs = require('./chunk-YQ2NQV5C.cjs');
 var chunkJTSKPDPH_cjs = require('./chunk-JTSKPDPH.cjs');
 var chunkGD7EBGC4_cjs = require('./chunk-GD7EBGC4.cjs');
 var chunk3SZQRMHM_cjs = require('./chunk-3SZQRMHM.cjs');
@@ -1429,7 +1429,7 @@ function AIEmptyState({
     /* @__PURE__ */ jsxRuntime.jsx(SuggestedActions, { actions: suggestions, onSelect: onSuggestionSelect })
   ] }) : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkOD47TTAW_cjs.EmptyState,
+    chunkV43ZFGCE_cjs.EmptyState,
     {
       title,
       description,
@@ -1490,7 +1490,7 @@ function AIChat({
   renderMessageFooter
 }) {
   React13__namespace.useEffect(() => {
-    chunkX4XPNTCZ_cjs.notifyComposerMigrationOnce("AIChat");
+    chunkYQ2NQV5C_cjs.notifyComposerMigrationOnce("AIChat");
   }, []);
   const messages = React13__namespace.useMemo(
     () => session?.messages || messagesProp || [],
@@ -1626,7 +1626,7 @@ function AIChat({
     },
     [isHostControlled, hostOnValueChange]
   );
-  const { stopTyping } = chunkOD47TTAW_cjs.useTypingEmulation({
+  const { stopTyping } = chunkV43ZFGCE_cjs.useTypingEmulation({
     value: composerValue,
     onTypingStart,
     onTypingStop
@@ -1793,7 +1793,7 @@ function AIChat({
                 }
               ) }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "ai-chat-composer", className: "p-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                chunkX4XPNTCZ_cjs.ChatComposer,
+                chunkYQ2NQV5C_cjs.ChatComposer,
                 {
                   onSend: hostOnSend ? (message) => sendWithRestore(message, hostOnSend) : handleSend,
                   placeholder: inputPlaceholder,
@@ -1815,8 +1815,8 @@ function AIChat({
                   allowAttachments: composerRest.allowAttachments ?? legacyAttachments,
                   maxLength: composerRest.maxLength ?? 1600,
                   inputLabel: composerRest.inputLabel ?? "Message",
-                  acceptedFileTypes: composerRest.acceptedFileTypes ?? (legacyAttachments ? chunkX4XPNTCZ_cjs.DEFAULT_ACCEPTED_FILE_TYPES : void 0),
-                  maxFileSize: composerRest.maxFileSize ?? (legacyAttachments ? chunkX4XPNTCZ_cjs.DEFAULT_MAX_FILE_SIZE : void 0),
+                  acceptedFileTypes: composerRest.acceptedFileTypes ?? (legacyAttachments ? chunkYQ2NQV5C_cjs.DEFAULT_ACCEPTED_FILE_TYPES : void 0),
+                  maxFileSize: composerRest.maxFileSize ?? (legacyAttachments ? chunkYQ2NQV5C_cjs.DEFAULT_MAX_FILE_SIZE : void 0),
                   value: composerValue,
                   onValueChange: handleComposerValueChange
                 }
@@ -44821,159 +44821,159 @@ Object.defineProperty(exports, "getToolIcon", {
 });
 Object.defineProperty(exports, "AttachmentPreview", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.AttachmentPreview; }
+  get: function () { return chunkV43ZFGCE_cjs.AttachmentPreview; }
 });
 Object.defineProperty(exports, "ConversationHeader", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.ConversationHeader; }
+  get: function () { return chunkV43ZFGCE_cjs.ConversationHeader; }
 });
 Object.defineProperty(exports, "ConversationListItem", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.ConversationListItem; }
+  get: function () { return chunkV43ZFGCE_cjs.ConversationListItem; }
 });
 Object.defineProperty(exports, "ConversationListSkeleton", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.ConversationListSkeleton; }
+  get: function () { return chunkV43ZFGCE_cjs.ConversationListSkeleton; }
 });
 Object.defineProperty(exports, "DateSeparator", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.DateSeparator; }
+  get: function () { return chunkV43ZFGCE_cjs.DateSeparator; }
 });
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.EmptyState; }
+  get: function () { return chunkV43ZFGCE_cjs.EmptyState; }
 });
 Object.defineProperty(exports, "LightboxModal", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.LightboxModal; }
+  get: function () { return chunkV43ZFGCE_cjs.LightboxModal; }
 });
 Object.defineProperty(exports, "LoadMoreButton", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.LoadMoreButton; }
+  get: function () { return chunkV43ZFGCE_cjs.LoadMoreButton; }
 });
 Object.defineProperty(exports, "MessageBubble", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.MessageBubble; }
+  get: function () { return chunkV43ZFGCE_cjs.MessageBubble; }
 });
 Object.defineProperty(exports, "MessageList", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.MessageList; }
+  get: function () { return chunkV43ZFGCE_cjs.MessageList; }
 });
 Object.defineProperty(exports, "MessageStatusIcon", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.MessageStatusIcon; }
+  get: function () { return chunkV43ZFGCE_cjs.MessageStatusIcon; }
 });
 Object.defineProperty(exports, "MessageThread", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.MessageThread; }
+  get: function () { return chunkV43ZFGCE_cjs.MessageThread; }
 });
 Object.defineProperty(exports, "MessagingSplitView", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.MessagingSplitView; }
+  get: function () { return chunkV43ZFGCE_cjs.MessagingSplitView; }
 });
 Object.defineProperty(exports, "ReadReceiptIndicator", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.ReadReceiptIndicator; }
+  get: function () { return chunkV43ZFGCE_cjs.ReadReceiptIndicator; }
 });
 Object.defineProperty(exports, "SkeletonMessage", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.SkeletonMessage; }
+  get: function () { return chunkV43ZFGCE_cjs.SkeletonMessage; }
 });
 Object.defineProperty(exports, "TypingIndicator", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.TypingIndicator; }
+  get: function () { return chunkV43ZFGCE_cjs.TypingIndicator; }
 });
 Object.defineProperty(exports, "bubbleVariants", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.bubbleVariants; }
+  get: function () { return chunkV43ZFGCE_cjs.bubbleVariants; }
 });
 Object.defineProperty(exports, "formatDateLabel", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.formatDateLabel; }
+  get: function () { return chunkV43ZFGCE_cjs.formatDateLabel; }
 });
 Object.defineProperty(exports, "formatFileSize", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.formatFileSize; }
+  get: function () { return chunkV43ZFGCE_cjs.formatFileSize; }
 });
 Object.defineProperty(exports, "formatLastSeen", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.formatLastSeen; }
+  get: function () { return chunkV43ZFGCE_cjs.formatLastSeen; }
 });
 Object.defineProperty(exports, "getConversationSubtitle", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.getConversationSubtitle; }
+  get: function () { return chunkV43ZFGCE_cjs.getConversationSubtitle; }
 });
 Object.defineProperty(exports, "getConversationTitle", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.getConversationTitle; }
+  get: function () { return chunkV43ZFGCE_cjs.getConversationTitle; }
 });
 Object.defineProperty(exports, "groupMessagesByDate", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.groupMessagesByDate; }
+  get: function () { return chunkV43ZFGCE_cjs.groupMessagesByDate; }
 });
 Object.defineProperty(exports, "headerVariants", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.headerVariants; }
+  get: function () { return chunkV43ZFGCE_cjs.headerVariants; }
 });
 Object.defineProperty(exports, "isSameSenderGroup", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.isSameSenderGroup; }
+  get: function () { return chunkV43ZFGCE_cjs.isSameSenderGroup; }
 });
 Object.defineProperty(exports, "useMessageScroll", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.useMessageScroll; }
+  get: function () { return chunkV43ZFGCE_cjs.useMessageScroll; }
 });
 Object.defineProperty(exports, "useMessages", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.useMessages; }
+  get: function () { return chunkV43ZFGCE_cjs.useMessages; }
 });
 Object.defineProperty(exports, "useReadReceipts", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.useReadReceipts; }
+  get: function () { return chunkV43ZFGCE_cjs.useReadReceipts; }
 });
 Object.defineProperty(exports, "useTypingEmulation", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.useTypingEmulation; }
+  get: function () { return chunkV43ZFGCE_cjs.useTypingEmulation; }
 });
 Object.defineProperty(exports, "useTypingIndicator", {
   enumerable: true,
-  get: function () { return chunkOD47TTAW_cjs.useTypingIndicator; }
+  get: function () { return chunkV43ZFGCE_cjs.useTypingIndicator; }
 });
 Object.defineProperty(exports, "AttachmentPicker", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.AttachmentPicker; }
+  get: function () { return chunkYQ2NQV5C_cjs.AttachmentPicker; }
 });
 Object.defineProperty(exports, "AttachmentPreviewItem", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.AttachmentPreviewItem; }
+  get: function () { return chunkYQ2NQV5C_cjs.AttachmentPreviewItem; }
 });
 Object.defineProperty(exports, "CameraButton", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.CameraButton; }
+  get: function () { return chunkYQ2NQV5C_cjs.CameraButton; }
 });
 Object.defineProperty(exports, "ChatComposer", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.ChatComposer; }
+  get: function () { return chunkYQ2NQV5C_cjs.ChatComposer; }
 });
 Object.defineProperty(exports, "ComposerModelSelector", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.ComposerModelSelector; }
+  get: function () { return chunkYQ2NQV5C_cjs.ComposerModelSelector; }
 });
 Object.defineProperty(exports, "DragDropZone", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.DragDropZone; }
+  get: function () { return chunkYQ2NQV5C_cjs.DragDropZone; }
 });
 Object.defineProperty(exports, "generateAttachmentId", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.generateAttachmentId; }
+  get: function () { return chunkYQ2NQV5C_cjs.generateAttachmentId; }
 });
 Object.defineProperty(exports, "getFileType", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.getFileType; }
+  get: function () { return chunkYQ2NQV5C_cjs.getFileType; }
 });
 Object.defineProperty(exports, "validateFile", {
   enumerable: true,
-  get: function () { return chunkX4XPNTCZ_cjs.validateFile; }
+  get: function () { return chunkYQ2NQV5C_cjs.validateFile; }
 });
 Object.defineProperty(exports, "RecordButton", {
   enumerable: true,

package/dist/index.d.cts

@@ -1262,6 +1262,14 @@ interface ChatComposerProps {
      * with the composer's own.
      */
     textareaProps?: Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'>;
+    /**
+     * Custom node rendered at the leading edge, before the `+` menu (e.g. a
+     * voice-activation toggle). Wrapped in a 32px-tall (`h-8`) flex row so it
+     * aligns with the other controls; taller content overflows and stays
+     * vertically centered. Interaction state is not managed: pass your own
+     * disabled state when the composer is `disabled`.
+     */
+    leadingSlot?: React$1.ReactNode;
     /** Extra entries for the `+` menu, rendered after the built-in items. */
     addMenuItems?: ChatComposerMenuItem[];
     /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, drag-and-drop, chips). @default true */

package/dist/index.d.ts

@@ -1262,6 +1262,14 @@ interface ChatComposerProps {
      * with the composer's own.
      */
     textareaProps?: Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'>;
+    /**
+     * Custom node rendered at the leading edge, before the `+` menu (e.g. a
+     * voice-activation toggle). Wrapped in a 32px-tall (`h-8`) flex row so it
+     * aligns with the other controls; taller content overflows and stays
+     * vertically centered. Interaction state is not managed: pass your own
+     * disabled state when the composer is `disabled`.
+     */
+    leadingSlot?: React$1.ReactNode;
     /** Extra entries for the `+` menu, rendered after the built-in items. */
     addMenuItems?: ChatComposerMenuItem[];
     /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, drag-and-drop, chips). @default true */

package/dist/index.js

@@ -31,10 +31,10 @@ export { SourceTip } from './chunk-Z5V7SAZ4.js';
 export { Sparkline } from './chunk-CG4ZKJLE.js';
 import { SparklesIcon, RefreshIcon, CloseIcon, JumpToBottomButton, AIMessageDisplay } from './chunk-TZJQB4P2.js';
 export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-TZJQB4P2.js';
-import { useTypingEmulation, EmptyState } from './chunk-3M7TAXNR.js';
-export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingEmulation, useTypingIndicator } from './chunk-3M7TAXNR.js';
-import { notifyComposerMigrationOnce, ChatComposer, DEFAULT_MAX_FILE_SIZE, DEFAULT_ACCEPTED_FILE_TYPES } from './chunk-ACCAXVOG.js';
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, ChatComposer, ComposerModelSelector, DragDropZone, generateAttachmentId, getFileType, validateFile } from './chunk-ACCAXVOG.js';
+import { useTypingEmulation, EmptyState } from './chunk-3YFJBUX4.js';
+export { AttachmentPreview, ConversationHeader, ConversationListItem, ConversationListSkeleton, DateSeparator, EmptyState, LightboxModal, LoadMoreButton, MessageBubble, MessageList, MessageStatusIcon, MessageThread, MessagingSplitView, ReadReceiptIndicator, SkeletonMessage, TypingIndicator, bubbleVariants, formatDateLabel, formatFileSize, formatLastSeen, getConversationSubtitle, getConversationTitle, groupMessagesByDate, headerVariants, isSameSenderGroup, useMessageScroll, useMessages, useReadReceipts, useTypingEmulation, useTypingIndicator } from './chunk-3YFJBUX4.js';
+import { notifyComposerMigrationOnce, ChatComposer, DEFAULT_MAX_FILE_SIZE, DEFAULT_ACCEPTED_FILE_TYPES } from './chunk-4CXGT3P7.js';
+export { AttachmentPicker, AttachmentPreviewItem, CameraButton, ChatComposer, ComposerModelSelector, DragDropZone, generateAttachmentId, getFileType, validateFile } from './chunk-4CXGT3P7.js';
 import { RecordButton } from './chunk-VNWJTCBQ.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
 export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-OE5CKRUC.js';