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

package/dist/index.d.cts

@@ -1051,6 +1051,10 @@ interface MessageComposerProps {
     onTypingStart?: () => void;
     /** Called when the user stops typing */
     onTypingStop?: () => void;
+    /** Controlled value for the textarea */
+    value?: string;
+    /** Callback when value changes (for controlled mode) */
+    onValueChange?: (value: string) => void;
     /** Placeholder text */
     placeholder?: string;
     /** Maximum message length */
@@ -1085,6 +1089,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 +1145,12 @@ 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 starts */
+    onRecordingStart?: () => void;
+    /** 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 +1165,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, onRecordingStart, 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

@@ -1051,6 +1051,10 @@ interface MessageComposerProps {
     onTypingStart?: () => void;
     /** Called when the user stops typing */
     onTypingStop?: () => void;
+    /** Controlled value for the textarea */
+    value?: string;
+    /** Callback when value changes (for controlled mode) */
+    onValueChange?: (value: string) => void;
     /** Placeholder text */
     placeholder?: string;
     /** Maximum message length */
@@ -1085,6 +1089,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 +1145,12 @@ 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 starts */
+    onRecordingStart?: () => void;
+    /** 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 +1165,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, onRecordingStart, 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';
@@ -3130,6 +3131,8 @@ var MessageComposer = React48.forwardRef(
     onSend,
     onTypingStart,
     onTypingStop,
+    value: controlledValue,
+    onValueChange,
     placeholder = "Type a message...",
     maxLength = 1600,
     showCharacterCount = false,
@@ -3145,10 +3148,24 @@ var MessageComposer = React48.forwardRef(
     replyTo = null,
     onCancelReply,
     variant = "default",
+    inputTrailing,
     className
   }, ref) => {
     const textareaRef = React48.useRef(null);
-    const [content, setContent] = React48.useState("");
+    const [internalContent, setInternalContent] = React48.useState("");
+    const isControlled = controlledValue !== void 0;
+    const content = isControlled ? controlledValue : internalContent;
+    const setContent = React48.useCallback(
+      (val) => {
+        if (isControlled) {
+          const newVal = typeof val === "function" ? val(controlledValue) : val;
+          onValueChange?.(newVal);
+        } else {
+          setInternalContent(val);
+        }
+      },
+      [isControlled, controlledValue, onValueChange]
+    );
     const [attachments, setAttachments] = React48.useState(
       []
     );
@@ -3390,7 +3407,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 +3421,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 +4704,9 @@ function AIChat({
   size,
   height,
   composerProps,
+  talkToText = false,
+  onRecordingStart,
+  onRecordingComplete,
   className,
   onSendMessage,
   onToolCall: _onToolCall,
@@ -4832,6 +4861,18 @@ function AIChat({
                   showCameraButton: false,
                   showCharacterCount: false,
                   variant: "minimal",
+                  inputTrailing: talkToText ? /* @__PURE__ */ jsx(
+                    RecordButton,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      showPulse: false,
+                      showWaveform: true,
+                      disabled: isGenerating,
+                      onRecordingStart,
+                      onRecordingComplete
+                    }
+                  ) : void 0,
                   ...composerProps
                 }
               )