@mieweb/ui 0.8.0-dev.22 → 0.8.0-dev.24

package/dist/index.js

@@ -1,73 +1,76 @@
-export { brands } from './chunk-TXRQQMG5.js';
+export { VisuallyHidden } from './chunk-H2CIKJQI.js';
+export { brands } from './chunk-CYMZ2QS5.js';
+export { webchartBrand } from './chunk-CW66SO5O.js';
 export { defaultBrand } from './chunk-PSTGFXQG.js';
 export { enterpriseHealthBrand } from './chunk-MTZPVOP6.js';
 export { miewebBrand } from './chunk-NERS5ZT6.js';
 export { wagglelineBrand } from './chunk-2NTYAALC.js';
-export { webchartBrand } from './chunk-CW66SO5O.js';
 export { createBrandPreset, generateBrandCSS, generateTailwindTheme } from './chunk-WOYUQ4AT.js';
 export { bluehiveBrand } from './chunk-3T7QGLNB.js';
 export { ccmeBrand } from './chunk-SCQRJPSV.js';
 export { ozwellBrand } from './chunk-5YUBQIC7.js';
 import { getModelBytes } from './chunk-6I7IDZ4A.js';
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-TNUL4LGG.js';
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-TNUL4LGG.js';
 import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-DVOQ3JNO.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from './chunk-DVOQ3JNO.js';
 import { Text } from './chunk-3YSIZ2CK.js';
 export { SmallMuted, Text, textVariants } from './chunk-3YSIZ2CK.js';
-export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-SH6B4MG5.js';
+export { ThemeProvider, ThemeProviderContext, ThemeToggle, themeToggleIconVariants, themeToggleVariants, useThemeContext } from './chunk-XBXDUAIM.js';
 export { Toggle, toggleVariants } from './chunk-PTZB2GKL.js';
 export { TranscriptView, formatTimestampMs } from './chunk-LAEIVOIY.js';
-export { VisuallyHidden } from './chunk-H2CIKJQI.js';
-export { SourceTip } from './chunk-KFEN2SRZ.js';
+import { Skeleton } from './chunk-ZIUADGAR.js';
+export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-ZIUADGAR.js';
+export { SourceTip } from './chunk-PHK4XBO5.js';
 export { Sparkline } from './chunk-CG4ZKJLE.js';
 import { Spinner, SpinnerWithLabel } from './chunk-UA7E7PDS.js';
 export { FullPageSpinner, Spinner, SpinnerWithLabel, spinnerVariants } from './chunk-UA7E7PDS.js';
 import { SparklesIcon, RefreshIcon, CloseIcon, AIMessageDisplay } from './chunk-22CYDCXA.js';
 export { AILogoIcon, AIMessageDisplay, AITypingIndicator, ChatBubble, ChevronIcon, CloseIcon, CollapsiblePill, MCPToolCallDisplay, MessageAvatar, RefreshIcon, ResourceLink, SendIcon, SparklesIcon, SpinnerIcon, ToolStatusIcon, getToolIcon } from './chunk-22CYDCXA.js';
-import { EmptyState } from './chunk-L2LH4CEN.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, useTypingIndicator } from './chunk-L2LH4CEN.js';
-import { validateFile, getFileType, generateAttachmentId, AttachmentPreviewItem, MessageComposer } from './chunk-R4E6DMZS.js';
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-R4E6DMZS.js';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-TNUL4LGG.js';
-export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-TNUL4LGG.js';
-export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-62FT5JRH.js';
+import { EmptyState } from './chunk-MXQ7J4BB.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, useTypingIndicator } from './chunk-MXQ7J4BB.js';
+import { useMentionAutocomplete, validateFile, getFileType, generateAttachmentId, AttachmentPreviewItem, MentionMenu, DragDropZone, MessageComposer } from './chunk-O6GJ4IYS.js';
+export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile } from './chunk-O6GJ4IYS.js';
+import { RecordButton } from './chunk-VNWJTCBQ.js';
+export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
+export { RichTextEditor, convertAngleBracketsToMustache, processDictation } from './chunk-5H7SAEQO.js';
 export { DateButton, DatePicker, RadioOption, SchedulePicker, TimeButton, TimePicker, dateButtonVariants, radioOptionVariants, timeButtonVariants } from './chunk-23AYDOCH.js';
 export { ScrollArea, scrollAreaVariants } from './chunk-HS25RPDW.js';
-export { SectionSpyNav } from './chunk-DWRIU4MW.js';
+export { SectionSpyNav } from './chunk-3RB35GYK.js';
 export { Separator, separatorVariants } from './chunk-OQWZYKJM.js';
-import { Skeleton } from './chunk-ZIUADGAR.js';
-export { Skeleton, SkeletonCard, SkeletonTable, SkeletonText, skeletonVariants } from './chunk-ZIUADGAR.js';
 export { Pagination, SimplePagination, paginationButtonVariants } from './chunk-PFKRHNYV.js';
-export { PhoneInput, PhoneInputGroup } from './chunk-GXODR6V4.js';
+export { PhoneInput, PhoneInputGroup } from './chunk-XOIIUO6O.js';
 import { Progress } from './chunk-CEQJGUAS.js';
 export { CircularProgress, Progress, circularProgressVariants, progressBarFillVariants, progressBarTrackVariants } from './chunk-CEQJGUAS.js';
 export { QuickAction, QuickActionGroup, QuickActionIcons, quickActionIconVariants, quickActionVariants } from './chunk-TQDZLRIE.js';
 export { ReadingProgressBar } from './chunk-WKSUL2ZN.js';
-import { RecordButton } from './chunk-VNWJTCBQ.js';
-export { RecordButton, formatDuration, recordButtonVariants } from './chunk-VNWJTCBQ.js';
-export { GlossaryTooltip } from './chunk-SRMTRD7F.js';
-export { Kbd, KeyboardShortcutsOverlay } from './chunk-X5ZPYYMS.js';
-export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-KY2CZK5F.js';
+export { FreshnessBadge, FreshnessDot, daysSince, freshnessLevel } from './chunk-HQ3XPCHG.js';
+export { GlossaryTooltip } from './chunk-L5W7TJQ5.js';
+export { Kbd, KeyboardShortcutsOverlay } from './chunk-I3DQXUSC.js';
+export { CodeBlock, MarkdownRenderer, highlightCode, useMarkdown } from './chunk-D25WH7MH.js';
+export { CsvBlock } from './chunk-NHN6A3ZO.js';
 export { HtmlPreviewBlock } from './chunk-EG7XFZ3W.js';
 export { MermaidBlock } from './chunk-ZB54MTMQ.js';
 export { SurveyBlock } from './chunk-OSPTA4UR.js';
-export { CsvBlock } from './chunk-NHN6A3ZO.js';
 export { FenceBlock } from './chunk-CK3KLRNF.js';
-export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-57DPXKUV.js';
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from './chunk-ONNY7UO4.js';
 export { Slider, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants } from './chunk-2BPIVWAK.js';
 import './chunk-RISZWWEQ.js';
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from './chunk-5WOB4UBD.js';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
 export { CopyButton } from './chunk-5QZ73PZC.js';
-import { CountryDropdownBase } from './chunk-T5BBZQ66.js';
-export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-T5BBZQ66.js';
-export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from './chunk-KRYJJMYN.js';
+import { CountryDropdownBase } from './chunk-QAKASRE6.js';
+export { CountryCodeDropdown, formatE164, validatePhoneNumber } from './chunk-QAKASRE6.js';
+export { CustomizableDashboard, DashboardCustomizePanel, consolidateColumns, mergeColumnOrder, moveAcrossColumns, reorderOnDrop, requiredColumns } from './chunk-6SAYPXHX.js';
 import { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
 export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-AQ564XO7.js';
-export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from './chunk-LMBXJZLG.js';
-import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-LZVPVY5P.js';
-export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu } from './chunk-LZVPVY5P.js';
+export { Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetTitle, sheetContentVariants, sheetOverlayVariants } from './chunk-ON4JULCA.js';
+import { Dropdown, DropdownItem, DropdownSeparator, DropdownContent, DropdownHeader } from './chunk-KU3XRHWA.js';
+export { Dropdown, DropdownContent, DropdownHeader, DropdownItem, DropdownLabel, DropdownSeparator, DropdownSubmenu } from './chunk-KU3XRHWA.js';
 export { FilterSummaryBar } from './chunk-6SCQ7FKT.js';
 export { FloatingWindow, MinimizedWindow } from './chunk-PYHFVYVZ.js';
-export { FreshnessBadge, FreshnessDot, daysSince, freshnessLevel } from './chunk-HQ3XPCHG.js';
+import { Avatar } from './chunk-HZ4MBUC3.js';
+export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-HZ4MBUC3.js';
 import './chunk-IQ4KQJAO.js';
 export { Breadcrumb, BreadcrumbSlash } from './chunk-SCXELRRZ.js';
 import './chunk-OF7NTZ2I.js';
@@ -75,38 +78,40 @@ import { Checkbox } from './chunk-753Z3NXL.js';
 export { Checkbox, CheckboxGroup, checkboxVariants } from './chunk-753Z3NXL.js';
 export { ClampedText } from './chunk-L6MDULYB.js';
 export { CollabStatus, defaultCollabStatusLabels, useYjsCollabStatus } from './chunk-SVSHA7XV.js';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-BJKAVWED.js';
-export { miewebUIPreset, miewebUISafelist } from './chunk-PDS7OM73.js';
+import './chunk-7XUN3OQT.js';
+export { isHtmlEmpty, stripHtmlTags } from './chunk-ERLPVXOV.js';
+export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
+export { miewebUIPreset, miewebUISafelist } from './chunk-DGRXAIWK.js';
 export { Accordion } from './chunk-KRU6IGV7.js';
 import { Alert, AlertTitle, AlertDescription } from './chunk-3JWAABYI.js';
 export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-3JWAABYI.js';
-import { AlertDialog } from './chunk-FK2WTX7D.js';
-export { AlertDialog } from './chunk-FK2WTX7D.js';
+import { AlertDialog } from './chunk-OHDIJOGG.js';
+export { AlertDialog } from './chunk-OHDIJOGG.js';
 export { AudioPlayer, ProgressBar, audioPlayerVariants, formatTime as formatAudioTime, playButtonVariants } from './chunk-VVDE4CHU.js';
 export { AudioRecorder, audioRecorderVariants, controlButtonVariants, formatTime, waveformContainerVariants } from './chunk-2DW4PUJD.js';
-export { Autocomplete } from './chunk-UBOVDAD7.js';
-import { Avatar } from './chunk-HZ4MBUC3.js';
-export { Avatar, AvatarGroup, avatarVariants, getInitials } from './chunk-HZ4MBUC3.js';
+export { Autocomplete } from './chunk-QAQOCS2J.js';
 import { evaluateDue, completedKeys, normalizeOrders } from './chunk-Y5KEFV5O.js';
 export { buildChartOrderRows, buildEncounterOrderRows, dueForOrder, evaluateDue, evaluateProgram, isApplicable } from './chunk-Y5KEFV5O.js';
-import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-334BUQMR.js';
-export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-334BUQMR.js';
+import { useCodeLookupConfig, RowActionToolbar, RowIconButton, toolbarKeyNav, parseSig, labelToMedicationFields, MedicationEditor } from './chunk-ODYQYLO2.js';
+export { ALLERGY_TYPE_LABELS, AllergyList, AllergyManager, CodeLookupProvider, MEDICATION_STATUS_LABELS, MedicationEditor, MedicationList, MedicationReconciliation, RowActionToolbar, RowIconButton, labelToMedicationFields, lookupToMedicationFields, parseMedicationLabel, parseSig, toolbarKeyNav, useCodeLookupConfig } from './chunk-ODYQYLO2.js';
 import { Textarea } from './chunk-H3YO5GBM.js';
 export { Textarea, textareaVariants } from './chunk-H3YO5GBM.js';
-import { Tooltip } from './chunk-FJ7YPVKV.js';
-export { Tooltip } from './chunk-FJ7YPVKV.js';
+import { Tooltip } from './chunk-MUIDWFYJ.js';
+export { Tooltip } from './chunk-MUIDWFYJ.js';
 import { RadioGroup, Radio } from './chunk-EPSB4WTL.js';
 export { Radio, RadioGroup, radioVariants } from './chunk-EPSB4WTL.js';
 import { Label } from './chunk-I3WGZPI6.js';
 export { Label, labelVariants } from './chunk-I3WGZPI6.js';
-import { Select } from './chunk-ATOWMVZH.js';
-export { Select, selectTriggerVariants } from './chunk-ATOWMVZH.js';
-import { DateInput } from './chunk-7IBZA7G6.js';
-export { DateInput } from './chunk-7IBZA7G6.js';
+import { Select } from './chunk-DFYMIRMW.js';
+export { Select, selectTriggerVariants } from './chunk-DFYMIRMW.js';
+import { DateInput } from './chunk-OAZUDUGX.js';
+export { DateInput } from './chunk-OAZUDUGX.js';
 import { Card, CardHeader, CardContent, CardTitle } from './chunk-QYSUYB3S.js';
 export { Card, CardActions, CardBadge, CardCollapsible, CardContent, CardDescription, CardDivider, CardFooter, CardHeader, CardMedia, CardStat, CardTitle, cardAccentVariants, cardVariants } from './chunk-QYSUYB3S.js';
-import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-XMCIXHGH.js';
-export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-XMCIXHGH.js';
+import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './chunk-RC2YMOMS.js';
+export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from './chunk-RC2YMOMS.js';
+import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-Q7G56ZIO.js';
+export { Modal, ModalBody, ModalClose, ModalFooter, ModalHeader, ModalTitle, modalContentVariants, modalOverlayVariants } from './chunk-Q7G56ZIO.js';
 import './chunk-6NZXWKUE.js';
 import { Input, inputVariants } from './chunk-3IMM2PM4.js';
 export { Input, RequiredMark, floatingGroupLabelVariants, floatingGroupVariants, floatingLabelVariants, inputVariants } from './chunk-3IMM2PM4.js';
@@ -116,7 +121,11 @@ import { Badge } from './chunk-BMSG4NBH.js';
 export { Badge, badgeVariants } from './chunk-BMSG4NBH.js';
 import { Button, buttonVariants } from './chunk-KREUYVMZ.js';
 export { Button, buttonVariants } from './chunk-KREUYVMZ.js';
-import { useCommandK, useIsMobile, useMediaQuery } from './chunk-XUVEF2RQ.js';
+import { AnimatedPresence, Animated } from './chunk-WYMO3IIK.js';
+export { Animated, AnimatedPresence, motionPresets, useMotionRuntime } from './chunk-WYMO3IIK.js';
+import { cn } from './chunk-TQONQSJO.js';
+export { cn, miewebUITwMergeConflicts } from './chunk-TQONQSJO.js';
+import { useCommandK, useIsMobile, useMediaQuery, useDirection } from './chunk-XUVEF2RQ.js';
 export { RTL_LOCALES, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardShortcut, useMediaQuery } from './chunk-XUVEF2RQ.js';
 export { useTheme } from './chunk-KJZNEVYM.js';
 import { useScrollSpy } from './chunk-WBGUYSWY.js';
@@ -131,20 +140,13 @@ import { useFocusTrap } from './chunk-4SMSH4OY.js';
 export { useFocusTrap } from './chunk-4SMSH4OY.js';
 import { useEscapeKey } from './chunk-T4ME7QCT.js';
 export { useEscapeKey } from './chunk-T4ME7QCT.js';
+import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
+export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 import { useClickOutside } from './chunk-62ZOA6PX.js';
 export { useClickOutside } from './chunk-62ZOA6PX.js';
 import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
 export { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
 export { isDarkMode, useIsDarkMode } from './chunk-RUGHNFQG.js';
-import './chunk-7XUN3OQT.js';
-export { isHtmlEmpty, stripHtmlTags } from './chunk-ERLPVXOV.js';
-export { formatPhoneNumber, isPhoneNumberEmpty, isValidPhoneNumber, unformatPhoneNumber } from './chunk-ZVPJ2MH6.js';
-import { dateToDisplayFormat, isValidDate, displayFormatToDateString } from './chunk-RC2YMOMS.js';
-export { calculateAge, dateToDisplayFormat, displayFormatToDateString, formatDateValue, isDateEmpty, isDateInFuture, isDateInPast, isValidDate, isValidDrivingAge, parseDateValue } from './chunk-RC2YMOMS.js';
-import { cn } from './chunk-TQONQSJO.js';
-export { cn, miewebUITwMergeConflicts } from './chunk-TQONQSJO.js';
-import { isStorybookDocsMode } from './chunk-VSQF22GL.js';
-export { isStorybookDocsMode } from './chunk-VSQF22GL.js';
 import * as React13 from 'react';
 import React13__default, { createContext, useState, useEffect, useCallback, useMemo, useContext, useRef } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -12532,6 +12534,7 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
   acceptedFileTypes,
   maxFileSize,
   maxAttachments = 10,
+  mentionOptions,
   showMic = false,
   onMicClick,
   micSlot,
@@ -12557,6 +12560,8 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
   sendLabel = "Send message",
   stopLabel = "Stop generating",
   agentSelectorLabel = "Select agent",
+  mentionListLabel = "Mention",
+  dropFilesLabel = "Drop files here",
   className
 }, ref) {
   const [internalValue, setInternalValue] = React13.useState("");
@@ -12580,6 +12585,12 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
     },
     [isControlled, onValueChange]
   );
+  const mention = useMentionAutocomplete({
+    options: mentionOptions,
+    value,
+    setValue,
+    textareaRef
+  });
   const resizeTextarea = React13.useCallback(() => {
     const textarea = textareaRef.current;
     if (!textarea) return;
@@ -12714,6 +12725,7 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
     textareaRef.current?.focus();
   };
   const handleKeyDown = (event) => {
+    if (mention.handleKeyDown(event)) return;
     if (event.key === "Enter" && !event.shiftKey) {
       event.preventDefault();
       handleSend();
@@ -12766,48 +12778,69 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
       }
     ),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[auto_minmax(0,1fr)_auto]", children: [
-      /* @__PURE__ */ jsx("div", { className: cells.input, children: /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          ...textareaProps,
-          ref: textareaRef,
-          "data-slot": "chat-composer-input",
-          value,
-          onChange: (event) => {
-            textareaProps?.onChange?.(event);
-            setValue(event.target.value);
-          },
-          onKeyDown: (event) => {
-            textareaProps?.onKeyDown?.(event);
-            if (event.defaultPrevented) return;
-            handleKeyDown(event);
-          },
-          onPaste: (event) => {
-            textareaProps?.onPaste?.(event);
-            if (event.defaultPrevented) return;
-            handlePaste(event);
-          },
-          placeholder,
-          disabled,
-          autoFocus,
-          rows: 1,
-          "aria-label": inputLabel,
-          style: {
-            ...textareaProps?.style,
-            maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
-          },
-          className: cn(
-            "block w-full resize-none bg-transparent",
-            "rounded-lg text-sm",
-            cells.textarea,
-            "text-neutral-900 placeholder:text-neutral-400 dark:text-white dark:placeholder:text-neutral-500",
-            // Ring the input itself on focus rather than the whole shell.
-            "focus:ring-primary-500 focus:ring-1 focus:outline-none",
-            "disabled:cursor-not-allowed",
-            textareaProps?.className
-          )
-        }
-      ) }),
+      /* @__PURE__ */ jsxs("div", { className: cells.input, ref: mention.anchorRef, children: [
+        /* @__PURE__ */ jsx(
+          MentionMenu,
+          {
+            mention,
+            label: mentionListLabel,
+            dataSlot: "chat-composer-mention-list"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            ...textareaProps,
+            ref: textareaRef,
+            "data-slot": "chat-composer-input",
+            value,
+            onChange: (event) => {
+              textareaProps?.onChange?.(event);
+              setValue(event.target.value);
+              mention.sync(
+                event.target.value,
+                event.target.selectionStart ?? event.target.value.length
+              );
+            },
+            onKeyDown: (event) => {
+              textareaProps?.onKeyDown?.(event);
+              if (event.defaultPrevented) return;
+              handleKeyDown(event);
+            },
+            onClick: (event) => {
+              textareaProps?.onClick?.(event);
+              if (event.defaultPrevented) return;
+              const el = event.currentTarget;
+              mention.sync(el.value, el.selectionStart ?? el.value.length);
+            },
+            onPaste: (event) => {
+              textareaProps?.onPaste?.(event);
+              if (event.defaultPrevented) return;
+              handlePaste(event);
+            },
+            placeholder,
+            disabled,
+            autoFocus,
+            rows: 1,
+            "aria-label": inputLabel,
+            ...mention.inputProps,
+            style: {
+              ...textareaProps?.style,
+              maxHeight: typeof maxHeight === "number" ? `${maxHeight}px` : maxHeight
+            },
+            className: cn(
+              "block w-full resize-none bg-transparent",
+              "rounded-lg text-sm",
+              cells.textarea,
+              "text-neutral-900 placeholder:text-neutral-400 dark:text-white dark:placeholder:text-neutral-500",
+              // Ring the input itself on focus rather than the whole shell.
+              "focus:ring-primary-500 focus:ring-1 focus:outline-none",
+              "disabled:cursor-not-allowed",
+              textareaProps?.className
+            )
+          }
+        )
+      ] }),
       showAddMenu && /* @__PURE__ */ jsx("div", { className: cells.add, children: /* @__PURE__ */ jsxs(
         Dropdown,
         {
@@ -13022,6 +13055,17 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
       ]
     }
   );
+  const card = /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "chat-composer-card",
+      className: cn(
+        "rounded-2xl border border-neutral-200 bg-white shadow-sm",
+        "dark:border-[#2e2e30] dark:bg-[#1c1c1e]"
+      ),
+      children: composerCard
+    }
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -13032,17 +13076,16 @@ var ChatComposer = React13.forwardRef(function ChatComposer2({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(
-          "div",
+        allowAttachments ? /* @__PURE__ */ jsx(
+          DragDropZone,
           {
-            "data-slot": "chat-composer-card",
-            className: cn(
-              "rounded-2xl border border-neutral-200 bg-white shadow-sm",
-              "dark:border-[#2e2e30] dark:bg-[#1c1c1e]"
-            ),
-            children: composerCard
+            onFilesDropped: addFiles,
+            maxFiles: Number.MAX_SAFE_INTEGER,
+            disabled,
+            overlayLabel: dropFilesLabel,
+            children: card
           }
-        ),
+        ) : card,
         selectorsRow
       ]
     }
@@ -41564,33 +41607,49 @@ function Sidebar({
   "data-testid": testId = "sidebar"
 }) {
   const { isCollapsed, isMobileOpen, closeMobile, isMobileViewport } = useSidebar();
+  const navRef = useRef(null);
+  const isRtl = useDirection(navRef) === "rtl";
   const width = isMobileViewport ? expandedWidth : isCollapsed ? collapsedWidth : expandedWidth;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isMobileViewport && isMobileOpen && /* @__PURE__ */ jsx(
-      "div",
+    isMobileViewport && /* @__PURE__ */ jsx(AnimatedPresence, { children: isMobileOpen && /* @__PURE__ */ jsx(
+      Animated,
       {
+        preset: "overlay",
+        mode: "presence",
         "data-slot": "sidebar-backdrop",
-        className: "fixed inset-0 z-40 bg-black/50 lg:hidden",
+        className: "fixed inset-0 z-40 bg-black/50",
         onClick: closeMobile,
         "aria-hidden": "true"
-      }
-    ),
+      },
+      "sidebar-backdrop"
+    ) }),
     /* @__PURE__ */ jsx(
-      "nav",
+      Animated,
       {
+        ref: navRef,
+        as: "nav",
+        preset: "drawerStart",
+        mode: "toggle",
+        enabled: isMobileViewport,
+        open: isMobileOpen,
+        custom: isRtl,
         "data-slot": "sidebar",
         "data-testid": testId,
         className: cn(
           "flex h-screen flex-col",
           "border-e border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
-          "transition-all duration-300 ease-in-out",
           // Mobile positioning (start-pinned; off-canvas direction flips in RTL)
           isMobileViewport && "fixed start-0 top-0 z-50",
-          isMobileViewport && (isMobileOpen ? "translate-x-0" : "-translate-x-full rtl:translate-x-full"),
-          // Desktop positioning
-          !isMobileViewport && "relative",
+          // Desktop positioning. Collapsing animates `width`, which motion does
+          // not drive, so this transition belongs on both paths — but scoped to
+          // desktop, where width is the only thing that changes.
+          !isMobileViewport && "relative transition-[width,min-width] duration-300 ease-in-out",
           className
         ),
+        fallbackClassName: cn(
+          isMobileViewport && "transition-transform duration-300 ease-in-out",
+          isMobileViewport && (isMobileOpen ? "translate-x-0" : "-translate-x-full rtl:translate-x-full")
+        ),
         style: {
           width,
           minWidth: width,
@@ -41633,7 +41692,7 @@ function SidebarHeader({
           "button",
           {
             onClick: closeMobile,
-            className: "-me-2 rounded-lg p-2 text-neutral-500 transition-colors hover:bg-neutral-100 lg:hidden dark:hover:bg-neutral-800",
+            className: "-me-2 rounded-lg p-2 text-neutral-500 transition-colors hover:bg-neutral-100 dark:hover:bg-neutral-800",
             "aria-label": "Close navigation",
             children: /* @__PURE__ */ jsx(XIcon4, {})
           }
@@ -41725,17 +41784,31 @@ function SidebarNavGroup({
               children: icon
             }
           ),
-          !showCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-start", children: label }),
-            /* @__PURE__ */ jsx(
-              "span",
+          /* @__PURE__ */ jsxs(AnimatedPresence, { initial: false, children: [
+            !showCollapsed && /* @__PURE__ */ jsx(
+              Animated,
               {
+                as: "span",
+                preset: "sidebarLabel",
+                mode: "presence",
+                className: "flex-1 truncate text-start",
+                children: label
+              },
+              "label"
+            ),
+            !showCollapsed && /* @__PURE__ */ jsx(
+              Animated,
+              {
+                as: "span",
+                preset: "sidebarLabel",
+                mode: "presence",
                 className: cn(
                   "ms-2 flex-shrink-0 transition-transform duration-200",
                   effectiveExpanded && "rotate-180"
                 ),
                 children: /* @__PURE__ */ jsx(ChevronDownIcon4, {})
-              }
+              },
+              "chevron"
             )
           ] })
         ]
@@ -41785,17 +41858,31 @@ function SidebarNavItem({
         children: icon
       }
     ),
-    !showCollapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-start", children: label }),
-      badge && /* @__PURE__ */ jsx(
-        "span",
+    /* @__PURE__ */ jsxs(AnimatedPresence, { initial: false, children: [
+      !showCollapsed && /* @__PURE__ */ jsx(
+        Animated,
         {
+          as: "span",
+          preset: "sidebarLabel",
+          mode: "presence",
+          className: "flex-1 truncate text-start",
+          children: label
+        },
+        "label"
+      ),
+      !showCollapsed && badge && /* @__PURE__ */ jsx(
+        Animated,
+        {
+          as: "span",
+          preset: "sidebarLabel",
+          mode: "presence",
           className: cn(
             "ms-2 rounded-full px-2 py-0.5 text-xs font-medium",
             isActive ? "bg-primary-100 dark:bg-primary-900/30 text-primary-700 dark:text-primary-300" : "bg-neutral-100 text-neutral-600 dark:bg-neutral-700 dark:text-neutral-400"
           ),
           children: badge
-        }
+        },
+        "badge"
       )
     ] })
   ] });