@mieweb/ui 0.8.0-dev.9 → 0.9.0-dev.0

package/dist/{chunk-4KFVGIY6.js → chunk-NHN6A3ZO.js}

@@ -1,5 +1,5 @@
-import { FenceBlock } from './chunk-NLBT5O2X.js';
-import { Button } from './chunk-D2GID3YK.js';
+import { FenceBlock } from './chunk-CK3KLRNF.js';
+import { Button } from './chunk-KREUYVMZ.js';
 import { Download } from 'lucide-react';
 import { useState, useEffect, useMemo, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -178,5 +178,5 @@ var CsvBlock = ({ code, id }) => {
 };
 
 export { CsvBlock };
-//# sourceMappingURL=chunk-4KFVGIY6.js.map
-//# sourceMappingURL=chunk-4KFVGIY6.js.map
+//# sourceMappingURL=chunk-NHN6A3ZO.js.map
+//# sourceMappingURL=chunk-NHN6A3ZO.js.map

package/dist/{chunk-4KFVGIY6.js.map → chunk-NHN6A3ZO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":[],"mappings":"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","file":"chunk-4KFVGIY6.js","sourcesContent":["/** CSV data rendered as a sortable table. Requires `papaparse`. */\nimport { Download } from 'lucide-react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface CsvBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SortConfig {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\ntype CsvRow = Record<string, unknown>;\n// Minimal surface of papaparse we actually use, avoiding overload conflicts.\ninterface PapaApi {\n  parse(\n    input: string,\n    config?: Record<string, unknown>\n  ): {\n    meta: { fields?: string[] };\n    data: CsvRow[];\n    errors: Array<{ message: string }>;\n  };\n  unparse(data: unknown): string;\n}\n\nlet papaPromise: Promise<PapaApi> | null = null;\nfunction loadPapa() {\n  if (!papaPromise) {\n    papaPromise = import(/* @vite-ignore */ 'papaparse')\n      .then((mod: { default?: PapaApi } & Partial<PapaApi>) => {\n        const api: PapaApi = (mod.default ?? mod) as PapaApi;\n        if (!api?.parse) throw new Error('papaparse export not found');\n        return api;\n      })\n      .catch((err) => {\n        papaPromise = null;\n        throw err as Error;\n      });\n  }\n  return papaPromise;\n}\n\ninterface ParsedCsv {\n  headers: string[];\n  rows: CsvRow[];\n  error: string | null;\n}\n\nexport const CsvBlock: React.FC<CsvBlockProps> = ({ code, id }) => {\n  const [sortConfig, setSortConfig] = useState<SortConfig | null>(null);\n  const [papa, setPapa] = useState<PapaApi | null>(null);\n  const [loadError, setLoadError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadPapa()\n      .then((api) => {\n        if (!cancelled) setPapa(api);\n      })\n      .catch(() => {\n        if (!cancelled)\n          setLoadError(\n            'CSV preview requires the `papaparse` package. Install it with `npm install papaparse`.'\n          );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const parsed = useMemo<ParsedCsv>(() => {\n    if (!papa) return { headers: [], rows: [], error: null };\n    try {\n      const result = papa.parse(code, {\n        header: true,\n        dynamicTyping: true,\n        skipEmptyLines: 'greedy',\n      });\n      if (result.errors?.length) {\n        return {\n          headers: result.meta.fields ?? [],\n          rows: result.data,\n          error: result.errors.map((e) => e.message).join('; '),\n        };\n      }\n      return {\n        headers: result.meta.fields ?? [],\n        rows: result.data,\n        error: null,\n      };\n    } catch (err) {\n      return { headers: [], rows: [], error: (err as Error).message };\n    }\n  }, [code, papa]);\n\n  const sortedRows = useMemo(() => {\n    if (!sortConfig || parsed.error) return parsed.rows;\n    return [...parsed.rows].sort((a, b) => {\n      const aVal = a[sortConfig.column];\n      const bVal = b[sortConfig.column];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp =\n        typeof aVal === 'number' && typeof bVal === 'number'\n          ? aVal - bVal\n          : String(aVal).localeCompare(String(bVal));\n      return sortConfig.direction === 'asc' ? cmp : -cmp;\n    });\n  }, [parsed.rows, sortConfig, parsed.error]);\n\n  const handleSort = useCallback((column: string) => {\n    setSortConfig((prev) => {\n      if (prev?.column === column) {\n        return prev.direction === 'asc' ? { column, direction: 'desc' } : null;\n      }\n      return { column, direction: 'asc' };\n    });\n  }, []);\n\n  const handleExportCsv = useCallback(() => {\n    if (!papa) return;\n    const csvContent = papa.unparse(sortedRows);\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = `data-${id}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    setTimeout(() => URL.revokeObjectURL(url), 100);\n  }, [sortedRows, id, papa]);\n\n  if (loadError) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={loadError}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  if (!papa) {\n    return (\n      <FenceBlock code={code} language=\"csv\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading CSV parser…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  if (parsed.error) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={parsed.error}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  return (\n    <FenceBlock code={code} language=\"csv\" supportsRawView>\n      <div className=\"relative\">\n        <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700\">\n          <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n            {sortedRows.length} row{sortedRows.length !== 1 ? 's' : ''} ×{' '}\n            {parsed.headers.length} column\n            {parsed.headers.length !== 1 ? 's' : ''}\n          </span>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleExportCsv}\n            aria-label=\"Export CSV\"\n            className=\"h-7 gap-1 px-2 text-xs\"\n          >\n            <Download className=\"h-3 w-3\" />\n            Export\n          </Button>\n        </div>\n\n        <div className=\"max-h-96 overflow-auto\">\n          <table className=\"min-w-full text-sm\">\n            <thead className=\"sticky top-0 bg-neutral-100 dark:bg-neutral-800\">\n              <tr>\n                {parsed.headers.map((header) => {\n                  const isSorted = sortConfig?.column === header;\n                  const ariaSort = isSorted\n                    ? sortConfig.direction === 'asc'\n                      ? 'ascending'\n                      : 'descending'\n                    : 'none';\n                  return (\n                    <th\n                      key={header}\n                      scope=\"col\"\n                      aria-sort={ariaSort}\n                      className=\"px-3 py-2 text-start text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSort(header)}\n                        className=\"flex w-full cursor-pointer items-center gap-1 text-start font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200\"\n                      >\n                        {header}\n                        {isSorted && (\n                          <span aria-hidden=\"true\">\n                            {sortConfig.direction === 'asc' ? '↑' : '↓'}\n                          </span>\n                        )}\n                      </button>\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-neutral-200 dark:divide-neutral-700\">\n              {sortedRows.map((row, i) => (\n                <tr\n                  key={i}\n                  className=\"hover:bg-neutral-50 dark:hover:bg-neutral-800/50\"\n                >\n                  {parsed.headers.map((header) => (\n                    <td\n                      key={header}\n                      className=\"px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300\"\n                    >\n                      {row[header] != null ? String(row[header]) : ''}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":[],"mappings":"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","file":"chunk-NHN6A3ZO.js","sourcesContent":["/** CSV data rendered as a sortable table. Requires `papaparse`. */\nimport { Download } from 'lucide-react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface CsvBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SortConfig {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\ntype CsvRow = Record<string, unknown>;\n// Minimal surface of papaparse we actually use, avoiding overload conflicts.\ninterface PapaApi {\n  parse(\n    input: string,\n    config?: Record<string, unknown>\n  ): {\n    meta: { fields?: string[] };\n    data: CsvRow[];\n    errors: Array<{ message: string }>;\n  };\n  unparse(data: unknown): string;\n}\n\nlet papaPromise: Promise<PapaApi> | null = null;\nfunction loadPapa() {\n  if (!papaPromise) {\n    papaPromise = import(/* @vite-ignore */ 'papaparse')\n      .then((mod: { default?: PapaApi } & Partial<PapaApi>) => {\n        const api: PapaApi = (mod.default ?? mod) as PapaApi;\n        if (!api?.parse) throw new Error('papaparse export not found');\n        return api;\n      })\n      .catch((err) => {\n        papaPromise = null;\n        throw err as Error;\n      });\n  }\n  return papaPromise;\n}\n\ninterface ParsedCsv {\n  headers: string[];\n  rows: CsvRow[];\n  error: string | null;\n}\n\nexport const CsvBlock: React.FC<CsvBlockProps> = ({ code, id }) => {\n  const [sortConfig, setSortConfig] = useState<SortConfig | null>(null);\n  const [papa, setPapa] = useState<PapaApi | null>(null);\n  const [loadError, setLoadError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadPapa()\n      .then((api) => {\n        if (!cancelled) setPapa(api);\n      })\n      .catch(() => {\n        if (!cancelled)\n          setLoadError(\n            'CSV preview requires the `papaparse` package. Install it with `npm install papaparse`.'\n          );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const parsed = useMemo<ParsedCsv>(() => {\n    if (!papa) return { headers: [], rows: [], error: null };\n    try {\n      const result = papa.parse(code, {\n        header: true,\n        dynamicTyping: true,\n        skipEmptyLines: 'greedy',\n      });\n      if (result.errors?.length) {\n        return {\n          headers: result.meta.fields ?? [],\n          rows: result.data,\n          error: result.errors.map((e) => e.message).join('; '),\n        };\n      }\n      return {\n        headers: result.meta.fields ?? [],\n        rows: result.data,\n        error: null,\n      };\n    } catch (err) {\n      return { headers: [], rows: [], error: (err as Error).message };\n    }\n  }, [code, papa]);\n\n  const sortedRows = useMemo(() => {\n    if (!sortConfig || parsed.error) return parsed.rows;\n    return [...parsed.rows].sort((a, b) => {\n      const aVal = a[sortConfig.column];\n      const bVal = b[sortConfig.column];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp =\n        typeof aVal === 'number' && typeof bVal === 'number'\n          ? aVal - bVal\n          : String(aVal).localeCompare(String(bVal));\n      return sortConfig.direction === 'asc' ? cmp : -cmp;\n    });\n  }, [parsed.rows, sortConfig, parsed.error]);\n\n  const handleSort = useCallback((column: string) => {\n    setSortConfig((prev) => {\n      if (prev?.column === column) {\n        return prev.direction === 'asc' ? { column, direction: 'desc' } : null;\n      }\n      return { column, direction: 'asc' };\n    });\n  }, []);\n\n  const handleExportCsv = useCallback(() => {\n    if (!papa) return;\n    const csvContent = papa.unparse(sortedRows);\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = `data-${id}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    setTimeout(() => URL.revokeObjectURL(url), 100);\n  }, [sortedRows, id, papa]);\n\n  if (loadError) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={loadError}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  if (!papa) {\n    return (\n      <FenceBlock code={code} language=\"csv\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading CSV parser…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  if (parsed.error) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={parsed.error}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  return (\n    <FenceBlock code={code} language=\"csv\" supportsRawView>\n      <div className=\"relative\">\n        <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700\">\n          <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n            {sortedRows.length} row{sortedRows.length !== 1 ? 's' : ''} ×{' '}\n            {parsed.headers.length} column\n            {parsed.headers.length !== 1 ? 's' : ''}\n          </span>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleExportCsv}\n            aria-label=\"Export CSV\"\n            className=\"h-7 gap-1 px-2 text-xs\"\n          >\n            <Download className=\"h-3 w-3\" />\n            Export\n          </Button>\n        </div>\n\n        <div className=\"max-h-96 overflow-auto\">\n          <table className=\"min-w-full text-sm\">\n            <thead className=\"sticky top-0 bg-neutral-100 dark:bg-neutral-800\">\n              <tr>\n                {parsed.headers.map((header) => {\n                  const isSorted = sortConfig?.column === header;\n                  const ariaSort = isSorted\n                    ? sortConfig.direction === 'asc'\n                      ? 'ascending'\n                      : 'descending'\n                    : 'none';\n                  return (\n                    <th\n                      key={header}\n                      scope=\"col\"\n                      aria-sort={ariaSort}\n                      className=\"px-3 py-2 text-start text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSort(header)}\n                        className=\"flex w-full cursor-pointer items-center gap-1 text-start font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200\"\n                      >\n                        {header}\n                        {isSorted && (\n                          <span aria-hidden=\"true\">\n                            {sortConfig.direction === 'asc' ? '↑' : '↓'}\n                          </span>\n                        )}\n                      </button>\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-neutral-200 dark:divide-neutral-700\">\n              {sortedRows.map((row, i) => (\n                <tr\n                  key={i}\n                  className=\"hover:bg-neutral-50 dark:hover:bg-neutral-800/50\"\n                >\n                  {parsed.headers.map((header) => (\n                    <td\n                      key={header}\n                      className=\"px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300\"\n                    >\n                      {row[header] != null ? String(row[header]) : ''}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/{chunk-KLLRTTC5.js → chunk-O6GJ4IYS.js}

@@ -1,9 +1,9 @@
-import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
 import { cn } from './chunk-TQONQSJO.js';
-import * as React2 from 'react';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import * as React3 from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { createPortal } from 'react-dom';
 import { cva } from 'class-variance-authority';
+import { createPortal } from 'react-dom';
 
 function getFileType(mimeType) {
   if (mimeType.startsWith("image/")) return "image";
@@ -49,6 +49,7 @@ function AttachmentPreviewItem({
   attachment,
   onRemove,
   onRetry,
+  disabled = false,
   className
 }) {
   const { file, previewUrl, type, state, progress } = attachment;
@@ -68,7 +69,20 @@ function AttachmentPreviewItem({
       ),
       children: [
         (isImage || isVideo) && previewUrl ? /* @__PURE__ */ jsxs("div", { className: "relative h-20 w-20", children: [
-          /* @__PURE__ */ jsx(
+          isVideo ? /* @__PURE__ */ jsx(
+            "video",
+            {
+              src: previewUrl,
+              "aria-label": file.name,
+              muted: true,
+              playsInline: true,
+              preload: "metadata",
+              className: cn(
+                "h-full w-full object-cover",
+                (isUploading || isFailed) && "opacity-50"
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
             "img",
             {
               src: previewUrl,
@@ -111,7 +125,7 @@ function AttachmentPreviewItem({
                 )
               }
             ),
-            /* @__PURE__ */ jsx("span", { className: "mt-1 max-w-full truncate px-1 text-xs text-neutral-500", children: file.name.split(".").pop()?.toUpperCase() })
+            /* @__PURE__ */ jsx("span", { className: "mt-1 max-w-full truncate px-1 text-xs text-neutral-600 dark:text-neutral-400", children: file.name.split(".").pop()?.toUpperCase() })
           ] })
         ),
         isUploading && progress !== void 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs("div", { className: "text-center text-white", children: [
@@ -175,7 +189,8 @@ function AttachmentPreviewItem({
             {
               type: "button",
               onClick: onRetry,
-              className: "mt-1 text-xs text-white underline hover:no-underline",
+              disabled,
+              className: "mt-1 text-xs text-white underline hover:no-underline disabled:no-underline disabled:opacity-50",
               children: "Retry"
             }
           )
@@ -185,13 +200,15 @@ function AttachmentPreviewItem({
           {
             type: "button",
             onClick: onRemove,
+            disabled,
             className: cn(
               "absolute -end-1 -top-1 z-10",
               "rounded-full p-1",
               "bg-neutral-900 text-white",
               "opacity-0 group-hover:opacity-100",
               "focus:ring-primary-500 focus:opacity-100 focus:ring-2 focus:outline-none",
-              "transition-opacity"
+              "transition-opacity",
+              "disabled:cursor-not-allowed disabled:group-hover:opacity-0"
             ),
             "aria-label": `Remove ${file.name}`,
             children: /* @__PURE__ */ jsx(
@@ -232,7 +249,7 @@ function AttachmentPreviewItem({
   );
 }
 AttachmentPreviewItem.displayName = "AttachmentPreviewItem";
-var AttachmentPicker = React2.forwardRef(
+var AttachmentPicker = React3.forwardRef(
   ({
     onFilesSelected,
     acceptedTypes = ["image/*", "video/*", ".pdf", ".doc", ".docx"],
@@ -245,8 +262,8 @@ var AttachmentPicker = React2.forwardRef(
     className,
     children
   }, ref) => {
-    const inputRef = React2.useRef(null);
-    React2.useImperativeHandle(ref, () => inputRef.current);
+    const inputRef = React3.useRef(null);
+    React3.useImperativeHandle(ref, () => inputRef.current);
     const handleClick = () => {
       inputRef.current?.click();
     };
@@ -335,11 +352,12 @@ function DragDropZone({
   maxFiles = 10,
   disabled = false,
   onError,
+  overlayLabel = "Drop files here",
   children,
   className
 }) {
-  const [isDragging, setIsDragging] = React2.useState(false);
-  const dragCounterRef = React2.useRef(0);
+  const [isDragging, setIsDragging] = React3.useState(false);
+  const dragCounterRef = React3.useRef(0);
   const handleDragEnter = (event) => {
     event.preventDefault();
     event.stopPropagation();
@@ -426,7 +444,7 @@ function DragDropZone({
                   )
                 }
               ),
-              /* @__PURE__ */ jsx("p", { className: "text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium", children: "Drop files here" })
+              /* @__PURE__ */ jsx("p", { className: "text-primary-700 dark:text-primary-300 mt-2 text-sm font-medium", children: overlayLabel })
             ] })
           }
         )
@@ -441,7 +459,7 @@ function CameraButton({
   disabled = false,
   className
 }) {
-  const inputRef = React2.useRef(null);
+  const inputRef = React3.useRef(null);
   const handleClick = () => {
     inputRef.current?.click();
   };
@@ -526,6 +544,162 @@ function activeMentionQuery(value, caret) {
   const query = match[2];
   return { query, start: caret - query.length - 1 };
 }
+function useMentionAutocomplete({
+  options,
+  value,
+  setValue,
+  textareaRef
+}) {
+  const enabled = !!options && options.length > 0;
+  const [mention, setMention] = React3.useState(null);
+  const [highlight, setHighlight] = React3.useState(0);
+  const listId = React3.useId();
+  const optionId = React3.useCallback(
+    (index) => `${listId}-option-${index}`,
+    [listId]
+  );
+  const suggestions = React3.useMemo(() => {
+    if (!mention || !options) return [];
+    const q = mention.query.toLowerCase();
+    return options.filter((o) => o.label.toLowerCase().includes(q));
+  }, [mention, options]);
+  const menuOpen = enabled && mention !== null && suggestions.length > 0;
+  const {
+    anchorRef,
+    floatingRef,
+    style: menuStyle
+  } = useAnchoredPosition({
+    open: menuOpen,
+    placement: "top-start",
+    maxHeight: 224
+  });
+  const clampedHighlight = menuOpen ? Math.min(highlight, suggestions.length - 1) : -1;
+  const activeOptionId = menuOpen ? optionId(clampedHighlight) : void 0;
+  const sync = React3.useCallback(
+    (nextValue, caret) => {
+      if (!enabled) return;
+      setMention(activeMentionQuery(nextValue, caret));
+      setHighlight(0);
+    },
+    [enabled]
+  );
+  const insert = (option) => {
+    if (!mention) return;
+    const insertValue = option.value ?? option.label.split(" ")[0];
+    const before = value.slice(0, mention.start);
+    const after = value.slice(mention.start + 1 + mention.query.length);
+    const insertText = `@${insertValue} `;
+    setValue(before + insertText + after);
+    setMention(null);
+    const caret = before.length + insertText.length;
+    requestAnimationFrame(() => {
+      const el = textareaRef.current;
+      if (el) {
+        el.focus();
+        el.setSelectionRange(caret, caret);
+      }
+    });
+  };
+  const handleKeyDown = (event) => {
+    if (!menuOpen) return false;
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      setHighlight(
+        (h) => (Math.min(h, suggestions.length - 1) + 1) % suggestions.length
+      );
+      return true;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      setHighlight(
+        (h) => (Math.min(h, suggestions.length - 1) - 1 + suggestions.length) % suggestions.length
+      );
+      return true;
+    }
+    if (event.key === "Enter" || event.key === "Tab") {
+      event.preventDefault();
+      const chosen = suggestions[clampedHighlight];
+      if (chosen) insert(chosen);
+      return true;
+    }
+    if (event.key === "Escape") {
+      event.preventDefault();
+      setMention(null);
+      return true;
+    }
+    return false;
+  };
+  const inputProps = enabled ? {
+    "aria-controls": menuOpen ? listId : void 0,
+    "aria-activedescendant": activeOptionId,
+    "aria-autocomplete": "list"
+  } : {};
+  return {
+    enabled,
+    menuOpen,
+    suggestions,
+    highlight: clampedHighlight,
+    listId,
+    optionId,
+    anchorRef,
+    floatingRef,
+    menuStyle,
+    sync,
+    insert,
+    setHighlight,
+    handleKeyDown,
+    inputProps
+  };
+}
+function MentionMenu({
+  mention,
+  label = "Mention",
+  dataSlot = "composer-mention-list"
+}) {
+  if (!mention.menuOpen) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref: mention.floatingRef,
+        style: mention.menuStyle,
+        id: mention.listId,
+        role: "listbox",
+        "aria-label": label,
+        "data-slot": dataSlot,
+        className: "w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800",
+        children: mention.suggestions.map((option, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            id: mention.optionId(i),
+            role: "option",
+            "aria-selected": i === mention.highlight,
+            onMouseDown: (e) => {
+              e.preventDefault();
+              mention.insert(option);
+            },
+            onMouseEnter: () => mention.setHighlight(i),
+            className: cn(
+              "flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm",
+              i === mention.highlight ? "bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100" : "text-neutral-700 dark:text-neutral-200"
+            ),
+            children: [
+              option.icon,
+              /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
+                option.description && /* @__PURE__ */ jsx("span", { className: "ms-1 text-xs text-neutral-400", children: option.description })
+              ] }),
+              option.meta && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-400", children: option.meta })
+            ]
+          }
+        ) }, option.id))
+      }
+    ),
+    document.body
+  );
+}
+MentionMenu.displayName = "MentionMenu";
 function isFileAccepted(file, accepted) {
   if (!accepted || accepted.length === 0) return true;
   const mime = file.type;
@@ -597,7 +771,7 @@ var sendButtonVariants = cva(
     }
   }
 );
-var SendButton = React2.forwardRef(
+var SendButton = React3.forwardRef(
   ({ className, variant, canSend, isLoading, disabled, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -662,7 +836,7 @@ var SendButton = React2.forwardRef(
   }
 );
 SendButton.displayName = "SendButton";
-var MessageComposer = React2.forwardRef(
+var MessageComposer = React3.forwardRef(
   ({
     onSend,
     onTypingStart,
@@ -688,11 +862,11 @@ var MessageComposer = React2.forwardRef(
     mentionOptions,
     className
   }, ref) => {
-    const textareaRef = React2.useRef(null);
-    const [internalContent, setInternalContent] = React2.useState("");
+    const textareaRef = React3.useRef(null);
+    const [internalContent, setInternalContent] = React3.useState("");
     const isControlled = controlledValue !== void 0;
     const content = isControlled ? controlledValue : internalContent;
-    const setContent = React2.useCallback(
+    const setContent = React3.useCallback(
       (val) => {
         if (isControlled) {
           const newVal = typeof val === "function" ? val(controlledValue) : val;
@@ -703,20 +877,20 @@ var MessageComposer = React2.forwardRef(
       },
       [isControlled, controlledValue, onValueChange]
     );
-    const [attachments, setAttachments] = React2.useState(
+    const [attachments, setAttachments] = React3.useState(
       []
     );
-    const [isTyping, setIsTyping] = React2.useState(false);
-    const typingTimeoutRef = React2.useRef(null);
-    React2.useImperativeHandle(ref, () => textareaRef.current);
-    React2.useEffect(() => {
+    const [isTyping, setIsTyping] = React3.useState(false);
+    const typingTimeoutRef = React3.useRef(null);
+    React3.useImperativeHandle(ref, () => textareaRef.current);
+    React3.useEffect(() => {
       const textarea = textareaRef.current;
       if (textarea) {
         textarea.style.height = "auto";
         textarea.style.height = `${Math.min(textarea.scrollHeight, 150)}px`;
       }
     }, [content]);
-    React2.useEffect(() => {
+    React3.useEffect(() => {
       if (content.length > 0 && !isTyping) {
         setIsTyping(true);
         onTypingStart?.();
@@ -736,63 +910,22 @@ var MessageComposer = React2.forwardRef(
         }
       };
     }, [content, isTyping, onTypingStart, onTypingStop]);
-    React2.useEffect(() => {
+    React3.useEffect(() => {
       if (autoFocus) {
         textareaRef.current?.focus();
       }
     }, [autoFocus]);
-    React2.useEffect(() => {
+    React3.useEffect(() => {
       if (replyTo) {
         textareaRef.current?.focus();
       }
     }, [replyTo]);
-    const mentionsEnabled = !!mentionOptions && mentionOptions.length > 0;
-    const [mention, setMention] = React2.useState(null);
-    const [mentionHighlight, setMentionHighlight] = React2.useState(0);
-    const mentionListId = React2.useId();
-    const mentionOptionId = (i) => `${mentionListId}-option-${i}`;
-    const mentionSuggestions = React2.useMemo(() => {
-      if (!mention || !mentionOptions) return [];
-      const q = mention.query.toLowerCase();
-      return mentionOptions.filter((o) => o.label.toLowerCase().includes(q));
-    }, [mention, mentionOptions]);
-    const mentionMenuOpen = mentionsEnabled && mention !== null && mentionSuggestions.length > 0;
-    const {
-      anchorRef: mentionAnchorRef,
-      floatingRef: mentionFloatingRef,
-      style: mentionStyle
-    } = useAnchoredPosition({
-      open: mentionMenuOpen,
-      placement: "top-start",
-      maxHeight: 224
+    const mention = useMentionAutocomplete({
+      options: mentionOptions,
+      value: content,
+      setValue: setContent,
+      textareaRef
     });
-    const clampedMentionHighlight = mentionMenuOpen ? Math.min(mentionHighlight, mentionSuggestions.length - 1) : -1;
-    const activeMentionOptionId = mentionMenuOpen ? mentionOptionId(clampedMentionHighlight) : void 0;
-    const syncMention = React2.useCallback(
-      (value, caret) => {
-        if (!mentionsEnabled) return;
-        setMention(activeMentionQuery(value, caret));
-        setMentionHighlight(0);
-      },
-      [mentionsEnabled]
-    );
-    const insertMention = (option) => {
-      if (!mention) return;
-      const insertValue = option.value ?? option.label.split(" ")[0];
-      const before = content.slice(0, mention.start);
-      const after = content.slice(mention.start + 1 + mention.query.length);
-      const insert = `@${insertValue} `;
-      setContent(before + insert + after);
-      setMention(null);
-      const caret = before.length + insert.length;
-      requestAnimationFrame(() => {
-        const el = textareaRef.current;
-        if (el) {
-          el.focus();
-          el.setSelectionRange(caret, caret);
-        }
-      });
-    };
     const canSend = (content.trim().length > 0 || attachments.length > 0) && content.length <= maxLength && !disabled && !isSending;
     const handleSubmit = async (event) => {
       event.preventDefault();
@@ -814,31 +947,7 @@ var MessageComposer = React2.forwardRef(
       }
     };
     const handleKeyDown = (event) => {
-      if (mentionMenuOpen) {
-        if (event.key === "ArrowDown") {
-          event.preventDefault();
-          setMentionHighlight((h) => (h + 1) % mentionSuggestions.length);
-          return;
-        }
-        if (event.key === "ArrowUp") {
-          event.preventDefault();
-          setMentionHighlight(
-            (h) => (h - 1 + mentionSuggestions.length) % mentionSuggestions.length
-          );
-          return;
-        }
-        if (event.key === "Enter" || event.key === "Tab") {
-          event.preventDefault();
-          const chosen = mentionSuggestions[mentionHighlight] ?? mentionSuggestions[0];
-          if (chosen) insertMention(chosen);
-          return;
-        }
-        if (event.key === "Escape") {
-          event.preventDefault();
-          setMention(null);
-          return;
-        }
-      }
+      if (mention.handleKeyDown(event)) return;
       if (event.key === "Enter" && !event.shiftKey) {
         event.preventDefault();
         if (canSend) {
@@ -884,7 +993,7 @@ var MessageComposer = React2.forwardRef(
         return prev.filter((a) => a.id !== attachmentId);
       });
     };
-    React2.useEffect(() => {
+    React3.useEffect(() => {
       const currentAttachments = attachments;
       return () => {
         currentAttachments.forEach((a) => {
@@ -1015,49 +1124,9 @@ var MessageComposer = React2.forwardRef(
                       {
                         "data-slot": "composer-input-wrapper",
                         className: "relative flex-1",
-                        ref: mentionAnchorRef,
+                        ref: mention.anchorRef,
                         children: [
-                          mentionMenuOpen && createPortal(
-                            /* @__PURE__ */ jsx(
-                              "ul",
-                              {
-                                ref: mentionFloatingRef,
-                                style: mentionStyle,
-                                id: mentionListId,
-                                role: "listbox",
-                                "aria-label": "Mention",
-                                "data-slot": "composer-mention-list",
-                                className: "w-64 overflow-y-auto rounded-lg border border-neutral-200 bg-white py-1 shadow-lg dark:border-neutral-700 dark:bg-neutral-800",
-                                children: mentionSuggestions.map((option, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
-                                  "button",
-                                  {
-                                    type: "button",
-                                    id: mentionOptionId(i),
-                                    role: "option",
-                                    "aria-selected": i === clampedMentionHighlight,
-                                    onMouseDown: (e) => {
-                                      e.preventDefault();
-                                      insertMention(option);
-                                    },
-                                    onMouseEnter: () => setMentionHighlight(i),
-                                    className: cn(
-                                      "flex w-full items-center gap-2 px-3 py-1.5 text-start text-sm",
-                                      i === clampedMentionHighlight ? "bg-primary-100 text-primary-900 dark:bg-primary-900/40 dark:text-primary-100" : "text-neutral-700 dark:text-neutral-200"
-                                    ),
-                                    children: [
-                                      option.icon,
-                                      /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1 truncate", children: [
-                                        /* @__PURE__ */ jsx("span", { className: "font-medium", children: option.label }),
-                                        option.description && /* @__PURE__ */ jsx("span", { className: "ms-1 text-xs text-neutral-400", children: option.description })
-                                      ] }),
-                                      option.meta && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-neutral-400", children: option.meta })
-                                    ]
-                                  }
-                                ) }, option.id))
-                              }
-                            ),
-                            document.body
-                          ),
+                          /* @__PURE__ */ jsx(MentionMenu, { mention }),
                           /* @__PURE__ */ jsx(
                             "textarea",
                             {
@@ -1066,14 +1135,14 @@ var MessageComposer = React2.forwardRef(
                               value: content,
                               onChange: (e) => {
                                 setContent(e.target.value);
-                                syncMention(
+                                mention.sync(
                                   e.target.value,
                                   e.target.selectionStart ?? e.target.value.length
                                 );
                               },
                               onClick: (e) => {
                                 const el = e.currentTarget;
-                                syncMention(el.value, el.selectionStart ?? el.value.length);
+                                mention.sync(el.value, el.selectionStart ?? el.value.length);
                               },
                               onKeyDown: handleKeyDown,
                               onPaste: handlePaste,
@@ -1093,11 +1162,7 @@ var MessageComposer = React2.forwardRef(
                               ),
                               "aria-label": "Message",
                               "aria-describedby": showCharacterCount ? "char-count" : void 0,
-                              ...mentionsEnabled ? {
-                                "aria-controls": mentionMenuOpen ? mentionListId : void 0,
-                                "aria-activedescendant": activeMentionOptionId,
-                                "aria-autocomplete": "list"
-                              } : {}
+                              ...mention.inputProps
                             }
                           ),
                           inputTrailing && /* @__PURE__ */ jsx(
@@ -1140,6 +1205,6 @@ var MessageComposer = React2.forwardRef(
 );
 MessageComposer.displayName = "MessageComposer";
 
-export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, validateFile };
-//# sourceMappingURL=chunk-KLLRTTC5.js.map
-//# sourceMappingURL=chunk-KLLRTTC5.js.map
+export { AttachmentPicker, AttachmentPreviewItem, CameraButton, CharacterCounter, DragDropZone, MentionMenu, MessageComposer, SendButton, generateAttachmentId, getFileType, sendButtonVariants, useMentionAutocomplete, validateFile };
+//# sourceMappingURL=chunk-O6GJ4IYS.js.map
+//# sourceMappingURL=chunk-O6GJ4IYS.js.map