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

package/dist/index.d.cts

@@ -80,6 +80,7 @@ export { Accessibility as AccessibilityIcon, Activity as ActivityIcon, AlertCirc
 export { R as ResolvedTheme, T as Theme, u as useTheme } from './useTheme-B9SWu6ui.cjs';
 export { A as AnchoredPlacement, U as UseAnchoredPositionOptions, a as UseAnchoredPositionReturn, u as useAnchoredPosition } from './useAnchoredPosition-CKwLSQW8.cjs';
 export { D as DEFAULT_FILLER_WORDS, a as DEFAULT_MIN_SILENCE_MS, b as DEFAULT_NL_SILENCE_MS, F as FillerAnalysis, S as SilenceThresholdCount, T as TranscriptClipboard, c as TranscriptEditStats, U as UseTranscriptEditsOptions, d as UseTranscriptEditsResult, e as buildPlaybackSegments, g as getSpeedAtIndex, i as initEditableWords, f as insertSilences, u as useTranscriptEdits } from './useTranscriptEdits-CGzlemHT.cjs';
+export { A as Animated, a as AnimatedPresence, b as AnimatedProps, d as MotionPresenceProps, M as MotionPreset, e as MotionPresetDefinition, c as MotionRuntime, f as MotionVariant, m as motionPresets, u as useMotionRuntime } from './Animated-Cs-naa2g.cjs';
 export { calculateAge, cn, dateToDisplayFormat, displayFormatToDateString, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, miewebUITwMergeConflicts, parseDateValue, unformatPhoneNumber } from './utils/index.cjs';
 export { i as isHtmlEmpty, s as stripHtmlTags } from './html-MdxqSzjD.cjs';
 export { default as miewebUIPreset, miewebUISafelist } from './tailwind-preset.cjs';
@@ -606,6 +607,25 @@ interface AIMessageDisplayProps {
  */
 declare function AIMessageDisplay({ message, userName, showAvatar, showTimestamp, onLinkClick, renderTextContent, renderMessageFooter, className, }: AIMessageDisplayProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A candidate for the composer's `@mention` autocomplete. Generic so any
+ * surface (multi-party chat, agent picker, …) can supply its own list.
+ */
+interface MentionOption {
+    /** Stable unique key for the suggestion list. */
+    id: string;
+    /** Display name shown in the suggestion list. */
+    label: string;
+    /** Text inserted after `@` on selection. Defaults to the first word of `label`. */
+    value?: string;
+    /** Optional secondary text shown after the label. */
+    description?: string;
+    /** Optional leading node (e.g. an avatar). */
+    icon?: React$1.ReactNode;
+    /** Optional trailing meta text (e.g. a kind tag). */
+    meta?: string;
+}
+
 /**
  * Messaging Component Types
  *
@@ -868,24 +888,6 @@ interface MessageGroup {
     messages: Message[];
 }
 
-/**
- * A candidate for the composer's `@mention` autocomplete. Generic so any
- * surface (multi-party chat, agent picker, …) can supply its own list.
- */
-interface MentionOption {
-    /** Stable id (returned to the host so it can map a selection back). */
-    id: string;
-    /** Display name shown in the suggestion list. */
-    label: string;
-    /** Text inserted after `@` on selection. Defaults to the first word of `label`. */
-    value?: string;
-    /** Optional secondary text shown after the label. */
-    description?: string;
-    /** Optional leading node (e.g. an avatar). */
-    icon?: React$1.ReactNode;
-    /** Optional trailing meta text (e.g. a kind tag). */
-    meta?: string;
-}
 interface CharacterCounterProps {
     current: number;
     max: number;
@@ -990,7 +992,7 @@ interface SuggestedActionsProps {
 }
 declare function SuggestedActions({ actions, onSelect, className, }: SuggestedActionsProps): react_jsx_runtime.JSX.Element;
 declare const chatVariants: (props?: ({
-    variant?: "floating" | "default" | "embedded" | null | undefined;
+    variant?: "default" | "floating" | "embedded" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks {
@@ -3308,7 +3310,7 @@ interface ChatComposerProps {
     textareaProps?: Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'>;
     /** Extra entries for the `+` menu, rendered after the built-in items. */
     addMenuItems?: ChatComposerMenuItem[];
-    /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, chips). @default true */
+    /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, drag-and-drop, chips). @default true */
     allowAttachments?: boolean;
     /** Accepted file types for the picker/paste validation (native `accept` tokens). */
     acceptedFileTypes?: string[];
@@ -3316,6 +3318,12 @@ interface ChatComposerProps {
     maxFileSize?: number;
     /** Maximum number of staged attachments. @default 10 */
     maxAttachments?: number;
+    /**
+     * Candidates for `@mention` autocomplete. When provided (non-empty), typing
+     * `@` opens a suggestion listbox (same behavior as `MessageComposer`).
+     * Omit to disable mentions entirely (default).
+     */
+    mentionOptions?: MentionOption[];
     /** Show the built-in mic button. @default false */
     showMic?: boolean;
     /** Called when the built-in mic button is clicked. */
@@ -3375,6 +3383,10 @@ interface ChatComposerProps {
     stopLabel?: string;
     /** Accessible label / empty-state text for the agent selector. @default 'Select agent' */
     agentSelectorLabel?: string;
+    /** Accessible label for the `@mention` suggestion listbox. @default 'Mention' */
+    mentionListLabel?: string;
+    /** Overlay text shown while dragging files over the composer. @default 'Drop files here' */
+    dropFilesLabel?: string;
     className?: string;
 }
 /**
@@ -6567,7 +6579,7 @@ declare const selectorVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "ghost" | "default" | "minimal" | null | undefined;
+    variant?: "default" | "ghost" | "minimal" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LanguageSelectorProps extends VariantProps<typeof selectorVariants>, VariantProps<typeof buttonVariants> {
     /** Currently selected language code */
@@ -7075,6 +7087,8 @@ interface DragDropZoneProps {
     disabled?: boolean;
     /** Called when an error occurs */
     onError?: (error: string) => void;
+    /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */
+    overlayLabel?: string;
     /** Children to render inside the zone */
     children: React$1.ReactNode;
     className?: string;
@@ -7082,7 +7096,7 @@ interface DragDropZoneProps {
 /**
  * A wrapper component that accepts drag-and-drop files.
  */
-declare function DragDropZone({ onFilesDropped, acceptedTypes, maxFileSize, maxFiles, disabled, onError, children, className, }: DragDropZoneProps): react_jsx_runtime.JSX.Element;
+declare function DragDropZone({ onFilesDropped, acceptedTypes, maxFileSize, maxFiles, disabled, onError, overlayLabel, children, className, }: DragDropZoneProps): react_jsx_runtime.JSX.Element;
 declare namespace DragDropZone {
     var displayName: string;
 }
@@ -9688,7 +9702,7 @@ interface ServiceListProps {
 declare function ServiceList({ services, basePath, onServiceClick, columns, showCounts, className, }: ServiceListProps): react_jsx_runtime.JSX.Element;
 
 declare const serviceBadgeVariants: (props?: ({
-    variant?: "secondary" | "ghost" | "outline" | "danger" | "default" | "warning" | "success" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "outline" | "danger" | "warning" | "success" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -10323,7 +10337,7 @@ interface DisclaimerTextProps {
 }
 declare function DisclaimerText({ children, variant, className, }: DisclaimerTextProps): react_jsx_runtime.JSX.Element;
 declare const footerVariants: (props?: ({
-    variant?: "primary" | "default" | "white" | "dark" | null | undefined;
+    variant?: "default" | "primary" | "white" | "dark" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SiteFooterProps extends VariantProps<typeof footerVariants> {
     logo?: {

package/dist/index.d.ts

@@ -80,6 +80,7 @@ export { Accessibility as AccessibilityIcon, Activity as ActivityIcon, AlertCirc
 export { R as ResolvedTheme, T as Theme, u as useTheme } from './useTheme-B9SWu6ui.js';
 export { A as AnchoredPlacement, U as UseAnchoredPositionOptions, a as UseAnchoredPositionReturn, u as useAnchoredPosition } from './useAnchoredPosition-CKwLSQW8.js';
 export { D as DEFAULT_FILLER_WORDS, a as DEFAULT_MIN_SILENCE_MS, b as DEFAULT_NL_SILENCE_MS, F as FillerAnalysis, S as SilenceThresholdCount, T as TranscriptClipboard, c as TranscriptEditStats, U as UseTranscriptEditsOptions, d as UseTranscriptEditsResult, e as buildPlaybackSegments, g as getSpeedAtIndex, i as initEditableWords, f as insertSilences, u as useTranscriptEdits } from './useTranscriptEdits-D32bLs0l.js';
+export { A as Animated, a as AnimatedPresence, b as AnimatedProps, d as MotionPresenceProps, M as MotionPreset, e as MotionPresetDefinition, c as MotionRuntime, f as MotionVariant, m as motionPresets, u as useMotionRuntime } from './Animated-Cs-naa2g.js';
 export { calculateAge, cn, dateToDisplayFormat, displayFormatToDateString, formatDateValue, formatPhoneNumber, isDateEmpty, isDateInFuture, isDateInPast, isPhoneNumberEmpty, isStorybookDocsMode, isValidDate, isValidDrivingAge, isValidPhoneNumber, miewebUITwMergeConflicts, parseDateValue, unformatPhoneNumber } from './utils/index.js';
 export { i as isHtmlEmpty, s as stripHtmlTags } from './html-MdxqSzjD.js';
 export { default as miewebUIPreset, miewebUISafelist } from './tailwind-preset.js';
@@ -606,6 +607,25 @@ interface AIMessageDisplayProps {
  */
 declare function AIMessageDisplay({ message, userName, showAvatar, showTimestamp, onLinkClick, renderTextContent, renderMessageFooter, className, }: AIMessageDisplayProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * A candidate for the composer's `@mention` autocomplete. Generic so any
+ * surface (multi-party chat, agent picker, …) can supply its own list.
+ */
+interface MentionOption {
+    /** Stable unique key for the suggestion list. */
+    id: string;
+    /** Display name shown in the suggestion list. */
+    label: string;
+    /** Text inserted after `@` on selection. Defaults to the first word of `label`. */
+    value?: string;
+    /** Optional secondary text shown after the label. */
+    description?: string;
+    /** Optional leading node (e.g. an avatar). */
+    icon?: React$1.ReactNode;
+    /** Optional trailing meta text (e.g. a kind tag). */
+    meta?: string;
+}
+
 /**
  * Messaging Component Types
  *
@@ -868,24 +888,6 @@ interface MessageGroup {
     messages: Message[];
 }
 
-/**
- * A candidate for the composer's `@mention` autocomplete. Generic so any
- * surface (multi-party chat, agent picker, …) can supply its own list.
- */
-interface MentionOption {
-    /** Stable id (returned to the host so it can map a selection back). */
-    id: string;
-    /** Display name shown in the suggestion list. */
-    label: string;
-    /** Text inserted after `@` on selection. Defaults to the first word of `label`. */
-    value?: string;
-    /** Optional secondary text shown after the label. */
-    description?: string;
-    /** Optional leading node (e.g. an avatar). */
-    icon?: React$1.ReactNode;
-    /** Optional trailing meta text (e.g. a kind tag). */
-    meta?: string;
-}
 interface CharacterCounterProps {
     current: number;
     max: number;
@@ -990,7 +992,7 @@ interface SuggestedActionsProps {
 }
 declare function SuggestedActions({ actions, onSelect, className, }: SuggestedActionsProps): react_jsx_runtime.JSX.Element;
 declare const chatVariants: (props?: ({
-    variant?: "floating" | "default" | "embedded" | null | undefined;
+    variant?: "default" | "floating" | "embedded" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface AIChatProps extends VariantProps<typeof chatVariants>, AIChatCallbacks {
@@ -3308,7 +3310,7 @@ interface ChatComposerProps {
     textareaProps?: Omit<React$1.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue'>;
     /** Extra entries for the `+` menu, rendered after the built-in items. */
     addMenuItems?: ChatComposerMenuItem[];
-    /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, chips). @default true */
+    /** Enable file attachments (built-in "Attach files" menu item, paste-to-attach, drag-and-drop, chips). @default true */
     allowAttachments?: boolean;
     /** Accepted file types for the picker/paste validation (native `accept` tokens). */
     acceptedFileTypes?: string[];
@@ -3316,6 +3318,12 @@ interface ChatComposerProps {
     maxFileSize?: number;
     /** Maximum number of staged attachments. @default 10 */
     maxAttachments?: number;
+    /**
+     * Candidates for `@mention` autocomplete. When provided (non-empty), typing
+     * `@` opens a suggestion listbox (same behavior as `MessageComposer`).
+     * Omit to disable mentions entirely (default).
+     */
+    mentionOptions?: MentionOption[];
     /** Show the built-in mic button. @default false */
     showMic?: boolean;
     /** Called when the built-in mic button is clicked. */
@@ -3375,6 +3383,10 @@ interface ChatComposerProps {
     stopLabel?: string;
     /** Accessible label / empty-state text for the agent selector. @default 'Select agent' */
     agentSelectorLabel?: string;
+    /** Accessible label for the `@mention` suggestion listbox. @default 'Mention' */
+    mentionListLabel?: string;
+    /** Overlay text shown while dragging files over the composer. @default 'Drop files here' */
+    dropFilesLabel?: string;
     className?: string;
 }
 /**
@@ -6567,7 +6579,7 @@ declare const selectorVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const buttonVariants: (props?: ({
     size?: "sm" | "md" | "lg" | null | undefined;
-    variant?: "ghost" | "default" | "minimal" | null | undefined;
+    variant?: "default" | "ghost" | "minimal" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LanguageSelectorProps extends VariantProps<typeof selectorVariants>, VariantProps<typeof buttonVariants> {
     /** Currently selected language code */
@@ -7075,6 +7087,8 @@ interface DragDropZoneProps {
     disabled?: boolean;
     /** Called when an error occurs */
     onError?: (error: string) => void;
+    /** Overlay text shown while dragging files over the zone. @default 'Drop files here' */
+    overlayLabel?: string;
     /** Children to render inside the zone */
     children: React$1.ReactNode;
     className?: string;
@@ -7082,7 +7096,7 @@ interface DragDropZoneProps {
 /**
  * A wrapper component that accepts drag-and-drop files.
  */
-declare function DragDropZone({ onFilesDropped, acceptedTypes, maxFileSize, maxFiles, disabled, onError, children, className, }: DragDropZoneProps): react_jsx_runtime.JSX.Element;
+declare function DragDropZone({ onFilesDropped, acceptedTypes, maxFileSize, maxFiles, disabled, onError, overlayLabel, children, className, }: DragDropZoneProps): react_jsx_runtime.JSX.Element;
 declare namespace DragDropZone {
     var displayName: string;
 }
@@ -9688,7 +9702,7 @@ interface ServiceListProps {
 declare function ServiceList({ services, basePath, onServiceClick, columns, showCounts, className, }: ServiceListProps): react_jsx_runtime.JSX.Element;
 
 declare const serviceBadgeVariants: (props?: ({
-    variant?: "secondary" | "ghost" | "outline" | "danger" | "default" | "warning" | "success" | "info" | null | undefined;
+    variant?: "default" | "secondary" | "ghost" | "outline" | "danger" | "warning" | "success" | "info" | null | undefined;
     size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -10323,7 +10337,7 @@ interface DisclaimerTextProps {
 }
 declare function DisclaimerText({ children, variant, className, }: DisclaimerTextProps): react_jsx_runtime.JSX.Element;
 declare const footerVariants: (props?: ({
-    variant?: "primary" | "default" | "white" | "dark" | null | undefined;
+    variant?: "default" | "primary" | "white" | "dark" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface SiteFooterProps extends VariantProps<typeof footerVariants> {
     logo?: {