@mieweb/ui 0.6.1-dev.122 → 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

@@ -1,6 +1,4 @@
-export { VisuallyHidden } from './chunk-H2CIKJQI.js';
-export { brands } from './chunk-K3IVCUPP.js';
-export { miewebBrand } from './chunk-NERS5ZT6.js';
+export { brands } from './chunk-MV337VA7.js';
 export { wagglelineBrand } from './chunk-2NTYAALC.js';
 export { webchartBrand } from './chunk-CW66SO5O.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from './chunk-WOYUQ4AT.js';
@@ -9,8 +7,7 @@ export { ccmeBrand } from './chunk-SCQRJPSV.js';
 export { ozwellBrand } from './chunk-5YUBQIC7.js';
 export { defaultBrand } from './chunk-PSTGFXQG.js';
 export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
-import { Spinner, SpinnerWithLabel } from './chunk-VCO2IZOG.js';
-export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-VCO2IZOG.js';
+export { miewebBrand } from './chunk-NERS5ZT6.js';
 import { Switch } from './chunk-43GBCUSQ.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-43GBCUSQ.js';
 import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-KL2S36FM.js';
@@ -24,11 +21,11 @@ export { Textarea, textareaVariants } from './chunk-6LFG4JFF.js';
 export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-I56VBDSC.js';
 import { Tooltip } from './chunk-FZJBFJJR.js';
 export { Tooltip } from './chunk-FZJBFJJR.js';
-import { Progress } from './chunk-IYIYL2SQ.js';
-export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-IYIYL2SQ.js';
+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';
@@ -36,21 +33,21 @@ export { Select, selectTriggerVariants } from './chunk-R25H4N4Z.js';
 import { Skeleton } from './chunk-4Z6ZZKIY.js';
 export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-4Z6ZZKIY.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-JBB25LFB.js';
-import { Checkbox } from './chunk-XCLQZ4FV.js';
-export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-XCLQZ4FV.js';
+import { Spinner, SpinnerWithLabel } from './chunk-VCO2IZOG.js';
+export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-VCO2IZOG.js';
 export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-WFS6R2F5.js';
 import { DateInput } from './chunk-HYEJLKXI.js';
 export { DateInput } from './chunk-HYEJLKXI.js';
 import { Dropdown, DropdownItem, DropdownSeparator } from './chunk-MPOWJVV4.js';
 export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator } from './chunk-MPOWJVV4.js';
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-IUFDGB5O.js';
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-IUFDGB5O.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-WTDCNXZO.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-WTDCNXZO.js';
 export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-J3BU3JBX.js';
 export { PhoneInput, PhoneInputGroup } from './chunk-OX2RIVN7.js';
 import { Input } from './chunk-PVUDXJAI.js';
 export { Input, inputVariants } from './chunk-PVUDXJAI.js';
-import { Alert, AlertTitle, AlertDescription } from './chunk-MV3MTHWQ.js';
-export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-MV3MTHWQ.js';
+import { Progress } from './chunk-IYIYL2SQ.js';
+export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-IYIYL2SQ.js';
 export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-KAKH2UZA.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-TRZXK57D.js';
 import { Avatar } from './chunk-WO5CAOAN.js';
@@ -62,6 +59,8 @@ import { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
 export { Button, buttonVariants } from './chunk-ZVSW2KS6.js';
 import { Card, CardHeader, CardContent, CardTitle } from './chunk-6555OYRU.js';
 export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-6555OYRU.js';
+import { Checkbox } from './chunk-XCLQZ4FV.js';
+export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-XCLQZ4FV.js';
 import { Clock, FileText, ArrowLeft, Stethoscope, Users, Mail, Phone, Share, ChevronDown, User, Download, ExternalLink, MoreVertical, Pencil, Send, Calendar, Printer, ClipboardPlus, ClipboardCheck, FilePlus, FileCheck, Wheat, Pill, Bell, FileHeart, HeartPulse, AlertCircle as AlertCircle$1, Paperclip, ClipboardList, MoreHorizontal, Trash2, Plus, CheckCircle, Upload as Upload$1, Scan, Camera, ScanLine, RefreshCw as RefreshCw$1, Image, X as X$1, Eye, Check as Check$1 } from './chunk-LEMY57MI.js';
 import { useCommandK, useIsMobile, useMediaQuery, useScrollSpy } from './chunk-Q7NBJFEB.js';
 export { useCommandK, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery, useScrollSpy } from './chunk-Q7NBJFEB.js';
@@ -77,11 +76,13 @@ import './chunk-V2DF2GUE.js';
 import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './chunk-RC2YMOMS.js';
 export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from './chunk-RC2YMOMS.js';
 export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
-import { cn } from './chunk-F3SOEIN2.js';
-export { cn } from './chunk-F3SOEIN2.js';
 import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 export { miewebUIPreset, miewebUISafelist } from './chunk-2DS3RJ2D.js';
+import { Alert, AlertTitle, AlertDescription } from './chunk-MV3MTHWQ.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-MV3MTHWQ.js';
+import { cn } from './chunk-F3SOEIN2.js';
+export { cn } from './chunk-F3SOEIN2.js';
 import * as React48 from 'react';
 import React48__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -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
                 }
               )