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

package/dist/components/AudioRecorder/index.d.cts

@@ -62,7 +62,7 @@ declare const audioRecorderVariants: (props?: ({
     variant?: "default" | "minimal" | "elevated" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const waveformContainerVariants: (props?: ({
-    state?: "paused" | "idle" | "listening" | "recording" | "stopped" | "playback" | null | undefined;
+    state?: "paused" | "idle" | "recording" | "listening" | "stopped" | "playback" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const controlButtonVariants: (props?: ({
     variant?: "primary" | "secondary" | "ghost" | "danger" | null | undefined;

package/dist/components/AudioRecorder/index.d.ts

@@ -62,7 +62,7 @@ declare const audioRecorderVariants: (props?: ({
     variant?: "default" | "minimal" | "elevated" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const waveformContainerVariants: (props?: ({
-    state?: "paused" | "idle" | "listening" | "recording" | "stopped" | "playback" | null | undefined;
+    state?: "paused" | "idle" | "recording" | "listening" | "stopped" | "playback" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const controlButtonVariants: (props?: ({
     variant?: "primary" | "secondary" | "ghost" | "danger" | null | undefined;

package/dist/index.cjs

@@ -3123,6 +3123,8 @@ var MessageComposer = React48__namespace.forwardRef(
     onSend,
     onTypingStart,
     onTypingStop,
+    value: controlledValue,
+    onValueChange,
     placeholder = "Type a message...",
     maxLength = 1600,
     showCharacterCount = false,
@@ -3138,10 +3140,24 @@ var MessageComposer = React48__namespace.forwardRef(
     replyTo = null,
     onCancelReply,
     variant = "default",
+    inputTrailing,
     className
   }, ref) => {
     const textareaRef = React48__namespace.useRef(null);
-    const [content, setContent] = React48__namespace.useState("");
+    const [internalContent, setInternalContent] = React48__namespace.useState("");
+    const isControlled = controlledValue !== void 0;
+    const content = isControlled ? controlledValue : internalContent;
+    const setContent = React48__namespace.useCallback(
+      (val) => {
+        if (isControlled) {
+          const newVal = typeof val === "function" ? val(controlledValue) : val;
+          onValueChange?.(newVal);
+        } else {
+          setInternalContent(val);
+        }
+      },
+      [isControlled, controlledValue, onValueChange]
+    );
     const [attachments, setAttachments] = React48__namespace.useState(
       []
     );
@@ -3383,7 +3399,8 @@ var MessageComposer = React48__namespace.forwardRef(
                           disabled: disabled || isSending,
                           rows: 1,
                           className: chunkOR5DRJCW_cjs.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",
@@ -3396,6 +3413,14 @@ var MessageComposer = React48__namespace.forwardRef(
                           "aria-describedby": showCharacterCount ? "char-count" : void 0
                         }
                       ),
+                      inputTrailing && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
                         "div",
                         {
@@ -4671,6 +4696,9 @@ function AIChat({
   size,
   height,
   composerProps,
+  talkToText = false,
+  onRecordingStart,
+  onRecordingComplete,
   className,
   onSendMessage,
   onToolCall: _onToolCall,
@@ -4825,6 +4853,18 @@ function AIChat({
                   showCameraButton: false,
                   showCharacterCount: false,
                   variant: "minimal",
+                  inputTrailing: talkToText ? /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkK7IGBNZA_cjs.RecordButton,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      showPulse: false,
+                      showWaveform: true,
+                      disabled: isGenerating,
+                      onRecordingStart,
+                      onRecordingComplete
+                    }
+                  ) : void 0,
                   ...composerProps
                 }
               )