@mieweb/ui 0.6.1-dev.123 → 0.6.1-dev.124

package/dist/index.d.cts

@@ -1085,6 +1085,8 @@ interface MessageComposerProps {
     onCancelReply?: () => void;
     /** Visual variant - 'default' shows border-t, 'minimal' has no border */
     variant?: 'default' | 'minimal';
+    /** Content to render inside the input wrapper (e.g. a mic button) */
+    inputTrailing?: React$1.ReactNode;
     /** Additional class name */
     className?: string;
 }
@@ -1139,6 +1141,10 @@ interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks
     height?: string | number;
     /** Props to pass to the MessageComposer */
     composerProps?: Partial<MessageComposerProps>;
+    /** Enable talk-to-text microphone button inside the input */
+    talkToText?: boolean;
+    /** Callback when recording completes (receives audio blob and duration) */
+    onRecordingComplete?: (blob: Blob, duration: number) => void;
     /** Callback when close button is clicked (shows close button when provided) */
     onClose?: () => void;
     /**
@@ -1153,7 +1159,7 @@ interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks
  * A complete AI chat interface with message history, input, and tool call support.
  * Reuses MessageComposer from the Messaging components for consistent UX.
  */
-declare function AIChat({ session, messages: messagesProp, isGenerating: isGeneratingProp, userName, title, suggestions, showHeader, showTimestamps, inputPlaceholder, variant, size, height, composerProps, className, onSendMessage, onToolCall: _onToolCall, onResourceClick, onSuggestedAction, onCancel, onClear, onClose, renderTextContent, }: AIChatProps): react_jsx_runtime.JSX.Element;
+declare function AIChat({ session, messages: messagesProp, isGenerating: isGeneratingProp, userName, title, suggestions, showHeader, showTimestamps, inputPlaceholder, variant, size, height, composerProps, talkToText, onRecordingComplete, className, onSendMessage, onToolCall: _onToolCall, onResourceClick, onSuggestedAction, onCancel, onClear, onClose, renderTextContent, }: AIChatProps): react_jsx_runtime.JSX.Element;
 
 interface AIChatTriggerProps {
     /** Whether the chat is open */

package/dist/index.d.ts

@@ -1085,6 +1085,8 @@ interface MessageComposerProps {
     onCancelReply?: () => void;
     /** Visual variant - 'default' shows border-t, 'minimal' has no border */
     variant?: 'default' | 'minimal';
+    /** Content to render inside the input wrapper (e.g. a mic button) */
+    inputTrailing?: React$1.ReactNode;
     /** Additional class name */
     className?: string;
 }
@@ -1139,6 +1141,10 @@ interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks
     height?: string | number;
     /** Props to pass to the MessageComposer */
     composerProps?: Partial<MessageComposerProps>;
+    /** Enable talk-to-text microphone button inside the input */
+    talkToText?: boolean;
+    /** Callback when recording completes (receives audio blob and duration) */
+    onRecordingComplete?: (blob: Blob, duration: number) => void;
     /** Callback when close button is clicked (shows close button when provided) */
     onClose?: () => void;
     /**
@@ -1153,7 +1159,7 @@ interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks
  * A complete AI chat interface with message history, input, and tool call support.
  * Reuses MessageComposer from the Messaging components for consistent UX.
  */
-declare function AIChat({ session, messages: messagesProp, isGenerating: isGeneratingProp, userName, title, suggestions, showHeader, showTimestamps, inputPlaceholder, variant, size, height, composerProps, className, onSendMessage, onToolCall: _onToolCall, onResourceClick, onSuggestedAction, onCancel, onClear, onClose, renderTextContent, }: AIChatProps): react_jsx_runtime.JSX.Element;
+declare function AIChat({ session, messages: messagesProp, isGenerating: isGeneratingProp, userName, title, suggestions, showHeader, showTimestamps, inputPlaceholder, variant, size, height, composerProps, talkToText, onRecordingComplete, className, onSendMessage, onToolCall: _onToolCall, onResourceClick, onSuggestedAction, onCancel, onClear, onClose, renderTextContent, }: AIChatProps): react_jsx_runtime.JSX.Element;
 
 interface AIChatTriggerProps {
     /** Whether the chat is open */

package/dist/index.js

@@ -25,6 +25,7 @@ export { VisuallyHidden } from './chunk-H2CIKJQI.js';
 export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-3CJBUAJ4.js';
 import { RadioGroup, Radio } from './chunk-EZKRAW2X.js';
 export { Radio, RadioGroup, radioVariants } from './chunk-EZKRAW2X.js';
+import { RecordButton } from './chunk-QVJBUWJQ.js';
 export { RecordButton, formatDuration, recordButtonVariants } from './chunk-QVJBUWJQ.js';
 export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-4DMZAVB2.js';
 import { Select } from './chunk-R25H4N4Z.js';
@@ -3145,6 +3146,7 @@ var MessageComposer = React48.forwardRef(
     replyTo = null,
     onCancelReply,
     variant = "default",
+    inputTrailing,
     className
   }, ref) => {
     const textareaRef = React48.useRef(null);
@@ -3390,7 +3392,8 @@ var MessageComposer = React48.forwardRef(
                           disabled: disabled || isSending,
                           rows: 1,
                           className: cn(
-                            "w-full resize-none rounded-2xl px-4 py-2.5",
+                            "w-full resize-none rounded-2xl py-2.5",
+                            inputTrailing ? "pr-10 pl-4" : "px-4",
                             "bg-neutral-100 dark:bg-neutral-800",
                             "text-neutral-900 dark:text-neutral-100",
                             "placeholder:text-neutral-400 dark:placeholder:text-neutral-500",
@@ -3403,6 +3406,14 @@ var MessageComposer = React48.forwardRef(
                           "aria-describedby": showCharacterCount ? "char-count" : void 0
                         }
                       ),
+                      inputTrailing && /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          "data-slot": "composer-input-trailing",
+                          className: "pointer-events-none absolute top-0 right-1 flex h-[44px] items-center [&>*]:pointer-events-auto",
+                          children: inputTrailing
+                        }
+                      ),
                       showCharacterCount && /* @__PURE__ */ jsx(
                         "div",
                         {
@@ -4678,6 +4689,8 @@ function AIChat({
   size,
   height,
   composerProps,
+  talkToText = false,
+  onRecordingComplete,
   className,
   onSendMessage,
   onToolCall: _onToolCall,
@@ -4832,6 +4845,17 @@ function AIChat({
                   showCameraButton: false,
                   showCharacterCount: false,
                   variant: "minimal",
+                  inputTrailing: talkToText ? /* @__PURE__ */ jsx(
+                    RecordButton,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      showPulse: false,
+                      showWaveform: true,
+                      disabled: isGenerating,
+                      onRecordingComplete
+                    }
+                  ) : void 0,
                   ...composerProps
                 }
               )