@arbidocs/blocks 0.4.122 → 0.4.124

package/dist/chunk-B4SRYJLM.cjs

@@ -1,107 +0,0 @@
-"use client";
-'use strict';
-
-var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
-var chunkPPCATBOY_cjs = require('./chunk-PPCATBOY.cjs');
-var react = require('react');
-
-function useMentionAutocomplete({
-  value,
-  onValueChange,
-  candidates,
-  textareaRef
-}) {
-  const [caret, setCaret] = react.useState(null);
-  const [dismissedAt, setDismissedAt] = react.useState(null);
-  react.useEffect(() => {
-    if (dismissedAt !== null && value[dismissedAt] !== "@") setDismissedAt(null);
-  }, [value, dismissedAt]);
-  const match = react.useMemo(() => {
-    if (caret === null) return null;
-    const query = chunk7UTB4PHM_cjs.findMentionQuery(value, Math.min(caret, value.length));
-    return query && candidates.some((candidate) => query.query === `${candidate.label} `) ? null : query;
-  }, [value, caret, candidates]);
-  const items = react.useMemo(
-    () => match ? chunk7UTB4PHM_cjs.filterMentionCandidates(candidates, match.query) : [],
-    [match, candidates]
-  );
-  const isOpen = !!match && items.length > 0 && dismissedAt !== match.start;
-  const readCaret = react.useCallback(() => {
-    const ta = textareaRef.current;
-    setCaret(ta ? ta.selectionStart : null);
-  }, [textareaRef]);
-  const pick = react.useCallback(
-    (candidate) => {
-      if (!match || caret === null) return;
-      const next = chunk7UTB4PHM_cjs.insertMention(value, match.start, Math.min(caret, value.length), candidate.label);
-      onValueChange(next.text);
-      setCaret(next.caret);
-      setDismissedAt(match.start);
-      requestAnimationFrame(() => {
-        const ta = textareaRef.current;
-        if (!ta) return;
-        ta.focus();
-        ta.setSelectionRange(next.caret, next.caret);
-      });
-    },
-    [match, caret, value, onValueChange, textareaRef]
-  );
-  const nav = chunk7UTB4PHM_cjs.useListKeyNav({
-    open: isOpen,
-    items,
-    onPick: pick,
-    onDismiss: () => setDismissedAt(match?.start ?? null),
-    resetKey: match?.query
-  });
-  const handleValueChange = react.useCallback(
-    (next) => {
-      onValueChange(next);
-      const ta = textareaRef.current;
-      setCaret(ta ? ta.selectionStart : next.length);
-      if (dismissedAt !== null && (next.length < value.length || next[dismissedAt] !== "@")) {
-        setDismissedAt(null);
-      }
-    },
-    [onValueChange, textareaRef, dismissedAt, value]
-  );
-  return {
-    isOpen,
-    items,
-    nav,
-    pick,
-    onValueChange: handleValueChange,
-    textareaProps: { onSelect: readCaret }
-  };
-}
-function useElementSize(ref) {
-  const [size, setSize] = react.useState({ width: 0, height: 0 });
-  react.useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const measure = () => {
-      const rect = el.getBoundingClientRect();
-      setSize(
-        (prev) => prev.width === rect.width && prev.height === rect.height ? prev : { width: rect.width, height: rect.height }
-      );
-    };
-    measure();
-    window.addEventListener("resize", measure);
-    const stopObserving = chunkPPCATBOY_cjs.observeResize(el, measure);
-    return () => {
-      window.removeEventListener("resize", measure);
-      stopObserving();
-    };
-  }, [ref]);
-  return size;
-}
-function rootFontSizePx() {
-  if (typeof document === "undefined") return 16;
-  const size = parseFloat(getComputedStyle(document.documentElement).fontSize);
-  return Number.isFinite(size) && size > 0 ? size : 16;
-}
-
-exports.rootFontSizePx = rootFontSizePx;
-exports.useElementSize = useElementSize;
-exports.useMentionAutocomplete = useMentionAutocomplete;
-//# sourceMappingURL=chunk-B4SRYJLM.cjs.map
-//# sourceMappingURL=chunk-B4SRYJLM.cjs.map

package/dist/chunk-B4SRYJLM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/chat/useMentionAutocomplete.ts","../src/lib/useElementSize.ts"],"names":["useState","useEffect","useMemo","findMentionQuery","filterMentionCandidates","useCallback","insertMention","useListKeyNav","useLayoutEffect","observeResize"],"mappings":";;;;;;AA6CO,SAAS,sBAAA,CAAuB;AAAA,EACrC,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA0D;AACxD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAwB,IAAI,CAAA;AAEtD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAwB,IAAI,CAAA;AAIlE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,gBAAgB,IAAA,IAAQ,KAAA,CAAM,WAAW,CAAA,KAAM,GAAA,iBAAoB,IAAI,CAAA;AAAA,EAC7E,CAAA,EAAG,CAAC,KAAA,EAAO,WAAW,CAAC,CAAA;AAEvB,EAAA,MAAM,KAAA,GAAQC,cAAQ,MAAM;AAC1B,IAAA,IAAI,KAAA,KAAU,MAAM,OAAO,IAAA;AAC3B,IAAA,MAAM,KAAA,GAAQC,mCAAiB,KAAA,EAAO,IAAA,CAAK,IAAI,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAEnE,IAAA,OAAO,KAAA,IAAS,UAAA,CAAW,IAAA,CAAK,CAAC,SAAA,KAAc,KAAA,CAAM,KAAA,KAAU,CAAA,EAAG,SAAA,CAAU,KAAK,CAAA,CAAA,CAAG,CAAA,GAChF,IAAA,GACA,KAAA;AAAA,EACN,CAAA,EAAG,CAAC,KAAA,EAAO,KAAA,EAAO,UAAU,CAAC,CAAA;AAC7B,EAAA,MAAM,KAAA,GAAQD,aAAA;AAAA,IACZ,MAAO,KAAA,GAAQE,yCAAA,CAAwB,YAAY,KAAA,CAAM,KAAK,IAAI,EAAC;AAAA,IACnE,CAAC,OAAO,UAAU;AAAA,GACpB;AACA,EAAA,MAAM,MAAA,GAAS,CAAC,CAAC,KAAA,IAAS,MAAM,MAAA,GAAS,CAAA,IAAK,gBAAgB,KAAA,CAAM,KAAA;AAEpE,EAAA,MAAM,SAAA,GAAYC,kBAAY,MAAM;AAClC,IAAA,MAAM,KAAK,WAAA,CAAY,OAAA;AACvB,IAAA,QAAA,CAAS,EAAA,GAAK,EAAA,CAAG,cAAA,GAAiB,IAAI,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,IAAA,GAAOA,iBAAA;AAAA,IACX,CAAC,SAAA,KAAgC;AAC/B,MAAA,IAAI,CAAC,KAAA,IAAS,KAAA,KAAU,IAAA,EAAM;AAC9B,MAAA,MAAM,IAAA,GAAOC,+BAAA,CAAc,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,KAAA,EAAO,KAAA,CAAM,MAAM,CAAA,EAAG,SAAA,CAAU,KAAK,CAAA;AAC7F,MAAA,aAAA,CAAc,KAAK,IAAI,CAAA;AACvB,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAEnB,MAAA,cAAA,CAAe,MAAM,KAAK,CAAA;AAC1B,MAAA,qBAAA,CAAsB,MAAM;AAC1B,QAAA,MAAM,KAAK,WAAA,CAAY,OAAA;AACvB,QAAA,IAAI,CAAC,EAAA,EAAI;AACT,QAAA,EAAA,CAAG,KAAA,EAAM;AACT,QAAA,EAAA,CAAG,iBAAA,CAAkB,IAAA,CAAK,KAAA,EAAO,IAAA,CAAK,KAAK,CAAA;AAAA,MAC7C,CAAC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,eAAe,WAAW;AAAA,GAClD;AAEA,EAAA,MAAM,MAAMC,+BAAA,CAAc;AAAA,IACxB,IAAA,EAAM,MAAA;AAAA,IACN,KAAA;AAAA,IACA,MAAA,EAAQ,IAAA;AAAA,IACR,SAAA,EAAW,MAAM,cAAA,CAAe,KAAA,EAAO,SAAS,IAAI,CAAA;AAAA,IACpD,UAAU,KAAA,EAAO;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,iBAAA,GAAoBF,iBAAA;AAAA,IACxB,CAAC,IAAA,KAAiB;AAChB,MAAA,aAAA,CAAc,IAAI,CAAA;AAClB,MAAA,MAAM,KAAK,WAAA,CAAY,OAAA;AACvB,MAAA,QAAA,CAAS,EAAA,GAAK,EAAA,CAAG,cAAA,GAAiB,IAAA,CAAK,MAAM,CAAA;AAE7C,MAAA,IAAI,WAAA,KAAgB,SAAS,IAAA,CAAK,MAAA,GAAS,MAAM,MAAA,IAAU,IAAA,CAAK,WAAW,CAAA,KAAM,GAAA,CAAA,EAAM;AACrF,QAAA,cAAA,CAAe,IAAI,CAAA;AAAA,MACrB;AAAA,IACF,CAAA;AAAA,IACA,CAAC,aAAA,EAAe,WAAA,EAAa,WAAA,EAAa,KAAK;AAAA,GACjD;AAEA,EAAA,OAAO;AAAA,IACL,MAAA;AAAA,IACA,KAAA;AAAA,IACA,GAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA,EAAe,iBAAA;AAAA,IACf,aAAA,EAAe,EAAE,QAAA,EAAU,SAAA;AAAU,GACvC;AACF;AClHO,SAAS,eAAsC,GAAA,EAAuC;AAC3F,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIL,cAAAA,CAAsB,EAAE,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,CAAA;AACrE,EAAAQ,qBAAA,CAAgB,MAAM;AACpB,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,MAAM,IAAA,GAAO,GAAG,qBAAA,EAAsB;AACtC,MAAA,OAAA;AAAA,QAAQ,CAAC,IAAA,KACP,IAAA,CAAK,KAAA,KAAU,IAAA,CAAK,SAAS,IAAA,CAAK,MAAA,KAAW,IAAA,CAAK,MAAA,GAC9C,OACA,EAAE,KAAA,EAAO,KAAK,KAAA,EAAO,MAAA,EAAQ,KAAK,MAAA;AAAO,OAC/C;AAAA,IACF,CAAA;AACA,IAAA,OAAA,EAAQ;AACR,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,OAAO,CAAA;AACzC,IAAA,MAAM,aAAA,GAAgBC,+BAAA,CAAc,EAAA,EAAI,OAAO,CAAA;AAC/C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,OAAO,CAAA;AAC5C,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAG,CAAC,CAAA;AACR,EAAA,OAAO,IAAA;AACT;AAGO,SAAS,cAAA,GAAyB;AACvC,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,EAAA;AAC5C,EAAA,MAAM,OAAO,UAAA,CAAW,gBAAA,CAAiB,QAAA,CAAS,eAAe,EAAE,QAAQ,CAAA;AAC3E,EAAA,OAAO,OAAO,QAAA,CAAS,IAAI,CAAA,IAAK,IAAA,GAAO,IAAI,IAAA,GAAO,EAAA;AACpD","file":"chunk-B4SRYJLM.cjs","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type RefObject,\n  type SyntheticEvent,\n} from 'react'\nimport { useListKeyNav, type UseListKeyNav } from '../lib/useListKeyNav'\nimport {\n  filterMentionCandidates,\n  findMentionQuery,\n  insertMention,\n  type MentionCandidate,\n} from './mentions'\n\nexport interface UseMentionAutocompleteOptions {\n  /** The draft. */\n  value: string\n  /** Writes the draft (the same setter the composer uses). */\n  onValueChange: (next: string) => void\n  /** Who can be mentioned: workspace members and the assistant. */\n  candidates: ReadonlyArray<MentionCandidate>\n  /** The composer textarea; read for the caret and refocused after a pick. */\n  textareaRef: RefObject<HTMLTextAreaElement | null>\n}\n\nexport interface UseMentionAutocomplete {\n  isOpen: boolean\n  /** Filtered candidates for the `@query` at the caret. */\n  items: MentionCandidate[]\n  /** Keyboard navigation; call `nav.handleKeyDown` first in the textarea's `onKeyDown`. */\n  nav: UseListKeyNav\n  /** Insert a candidate in place of the `@query`. */\n  pick: (candidate: MentionCandidate) => void\n  /** Wrap the composer's `onValueChange` with this so the caret is tracked as the user types. */\n  onValueChange: (next: string) => void\n  /** Spread onto the textarea (via `textareaProps`): tracks caret moves (clicks, arrows). */\n  textareaProps: { onSelect: (event: SyntheticEvent<HTMLTextAreaElement>) => void }\n}\n\n/**\n * Headless `@mention` autocomplete for a textarea: finds the `@query` at the caret, filters the\n * candidates, and on pick replaces the query with `@<label> `. Pair with {@link MentionMenu}.\n */\nexport function useMentionAutocomplete({\n  value,\n  onValueChange,\n  candidates,\n  textareaRef,\n}: UseMentionAutocompleteOptions): UseMentionAutocomplete {\n  const [caret, setCaret] = useState<number | null>(null)\n  // Escape dismisses the menu for the `@` it was opened at, until the user starts another one.\n  const [dismissedAt, setDismissedAt] = useState<number | null>(null)\n\n  // The draft can change from outside (cleared on send, restored on error): once the dismissed\n  // `@` is gone, re-arm so the next `@` there opens the menu again.\n  useEffect(() => {\n    if (dismissedAt !== null && value[dismissedAt] !== '@') setDismissedAt(null)\n  }, [value, dismissedAt])\n\n  const match = useMemo(() => {\n    if (caret === null) return null\n    const query = findMentionQuery(value, Math.min(caret, value.length))\n    // A completed recipient followed by a space is no longer an autocomplete query.\n    return query && candidates.some((candidate) => query.query === `${candidate.label} `)\n      ? null\n      : query\n  }, [value, caret, candidates])\n  const items = useMemo(\n    () => (match ? filterMentionCandidates(candidates, match.query) : []),\n    [match, candidates]\n  )\n  const isOpen = !!match && items.length > 0 && dismissedAt !== match.start\n\n  const readCaret = useCallback(() => {\n    const ta = textareaRef.current\n    setCaret(ta ? ta.selectionStart : null)\n  }, [textareaRef])\n\n  const pick = useCallback(\n    (candidate: MentionCandidate) => {\n      if (!match || caret === null) return\n      const next = insertMention(value, match.start, Math.min(caret, value.length), candidate.label)\n      onValueChange(next.text)\n      setCaret(next.caret)\n      // The inserted `@<label> ` is complete: keep the menu shut for this `@`.\n      setDismissedAt(match.start)\n      requestAnimationFrame(() => {\n        const ta = textareaRef.current\n        if (!ta) return\n        ta.focus()\n        ta.setSelectionRange(next.caret, next.caret)\n      })\n    },\n    [match, caret, value, onValueChange, textareaRef]\n  )\n\n  const nav = useListKeyNav({\n    open: isOpen,\n    items,\n    onPick: pick,\n    onDismiss: () => setDismissedAt(match?.start ?? null),\n    resetKey: match?.query,\n  })\n\n  const handleValueChange = useCallback(\n    (next: string) => {\n      onValueChange(next)\n      const ta = textareaRef.current\n      setCaret(ta ? ta.selectionStart : next.length)\n      // Deleting text (or the `@` itself) re-arms the menu: the user is editing that mention.\n      if (dismissedAt !== null && (next.length < value.length || next[dismissedAt] !== '@')) {\n        setDismissedAt(null)\n      }\n    },\n    [onValueChange, textareaRef, dismissedAt, value]\n  )\n\n  return {\n    isOpen,\n    items,\n    nav,\n    pick,\n    onValueChange: handleValueChange,\n    textareaProps: { onSelect: readCaret },\n  }\n}\n","import { useLayoutEffect, useState, type RefObject } from 'react'\nimport { observeResize } from './observe-resize'\n\nexport interface ElementSize {\n  width: number\n  height: number\n}\n\n/**\n * The border-box size of an element, kept current with a ResizeObserver. It is measured before\n * the first paint (layout effect), so a layout that depends on it never flashes the wrong mode.\n * Window resize is listened to as well (a no-ResizeObserver engine, jsdom, still re-measures).\n */\nexport function useElementSize<T extends HTMLElement>(ref: RefObject<T | null>): ElementSize {\n  const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 })\n  useLayoutEffect(() => {\n    const el = ref.current\n    if (!el) return\n    const measure = () => {\n      const rect = el.getBoundingClientRect()\n      setSize((prev) =>\n        prev.width === rect.width && prev.height === rect.height\n          ? prev\n          : { width: rect.width, height: rect.height }\n      )\n    }\n    measure()\n    window.addEventListener('resize', measure)\n    const stopObserving = observeResize(el, measure)\n    return () => {\n      window.removeEventListener('resize', measure)\n      stopObserving()\n    }\n  }, [ref])\n  return size\n}\n\n/** The root font size in px (what `rem` means), 16 when it cannot be read. */\nexport function rootFontSizePx(): number {\n  if (typeof document === 'undefined') return 16\n  const size = parseFloat(getComputedStyle(document.documentElement).fontSize)\n  return Number.isFinite(size) && size > 0 ? size : 16\n}\n"]}

package/dist/chunk-HOXKR26S.js

@@ -1,103 +0,0 @@
-"use client";
-import { findMentionQuery, filterMentionCandidates, insertMention, useListKeyNav } from './chunk-AA3PT6KR.js';
-import { observeResize } from './chunk-NPLYHR2E.js';
-import { useState, useEffect, useMemo, useCallback, useLayoutEffect } from 'react';
-
-function useMentionAutocomplete({
-  value,
-  onValueChange,
-  candidates,
-  textareaRef
-}) {
-  const [caret, setCaret] = useState(null);
-  const [dismissedAt, setDismissedAt] = useState(null);
-  useEffect(() => {
-    if (dismissedAt !== null && value[dismissedAt] !== "@") setDismissedAt(null);
-  }, [value, dismissedAt]);
-  const match = useMemo(() => {
-    if (caret === null) return null;
-    const query = findMentionQuery(value, Math.min(caret, value.length));
-    return query && candidates.some((candidate) => query.query === `${candidate.label} `) ? null : query;
-  }, [value, caret, candidates]);
-  const items = useMemo(
-    () => match ? filterMentionCandidates(candidates, match.query) : [],
-    [match, candidates]
-  );
-  const isOpen = !!match && items.length > 0 && dismissedAt !== match.start;
-  const readCaret = useCallback(() => {
-    const ta = textareaRef.current;
-    setCaret(ta ? ta.selectionStart : null);
-  }, [textareaRef]);
-  const pick = useCallback(
-    (candidate) => {
-      if (!match || caret === null) return;
-      const next = insertMention(value, match.start, Math.min(caret, value.length), candidate.label);
-      onValueChange(next.text);
-      setCaret(next.caret);
-      setDismissedAt(match.start);
-      requestAnimationFrame(() => {
-        const ta = textareaRef.current;
-        if (!ta) return;
-        ta.focus();
-        ta.setSelectionRange(next.caret, next.caret);
-      });
-    },
-    [match, caret, value, onValueChange, textareaRef]
-  );
-  const nav = useListKeyNav({
-    open: isOpen,
-    items,
-    onPick: pick,
-    onDismiss: () => setDismissedAt(match?.start ?? null),
-    resetKey: match?.query
-  });
-  const handleValueChange = useCallback(
-    (next) => {
-      onValueChange(next);
-      const ta = textareaRef.current;
-      setCaret(ta ? ta.selectionStart : next.length);
-      if (dismissedAt !== null && (next.length < value.length || next[dismissedAt] !== "@")) {
-        setDismissedAt(null);
-      }
-    },
-    [onValueChange, textareaRef, dismissedAt, value]
-  );
-  return {
-    isOpen,
-    items,
-    nav,
-    pick,
-    onValueChange: handleValueChange,
-    textareaProps: { onSelect: readCaret }
-  };
-}
-function useElementSize(ref) {
-  const [size, setSize] = useState({ width: 0, height: 0 });
-  useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    const measure = () => {
-      const rect = el.getBoundingClientRect();
-      setSize(
-        (prev) => prev.width === rect.width && prev.height === rect.height ? prev : { width: rect.width, height: rect.height }
-      );
-    };
-    measure();
-    window.addEventListener("resize", measure);
-    const stopObserving = observeResize(el, measure);
-    return () => {
-      window.removeEventListener("resize", measure);
-      stopObserving();
-    };
-  }, [ref]);
-  return size;
-}
-function rootFontSizePx() {
-  if (typeof document === "undefined") return 16;
-  const size = parseFloat(getComputedStyle(document.documentElement).fontSize);
-  return Number.isFinite(size) && size > 0 ? size : 16;
-}
-
-export { rootFontSizePx, useElementSize, useMentionAutocomplete };
-//# sourceMappingURL=chunk-HOXKR26S.js.map
-//# sourceMappingURL=chunk-HOXKR26S.js.map

package/dist/chunk-HOXKR26S.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/chat/useMentionAutocomplete.ts","../src/lib/useElementSize.ts"],"names":["useState"],"mappings":"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","file":"chunk-HOXKR26S.js","sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type RefObject,\n  type SyntheticEvent,\n} from 'react'\nimport { useListKeyNav, type UseListKeyNav } from '../lib/useListKeyNav'\nimport {\n  filterMentionCandidates,\n  findMentionQuery,\n  insertMention,\n  type MentionCandidate,\n} from './mentions'\n\nexport interface UseMentionAutocompleteOptions {\n  /** The draft. */\n  value: string\n  /** Writes the draft (the same setter the composer uses). */\n  onValueChange: (next: string) => void\n  /** Who can be mentioned: workspace members and the assistant. */\n  candidates: ReadonlyArray<MentionCandidate>\n  /** The composer textarea; read for the caret and refocused after a pick. */\n  textareaRef: RefObject<HTMLTextAreaElement | null>\n}\n\nexport interface UseMentionAutocomplete {\n  isOpen: boolean\n  /** Filtered candidates for the `@query` at the caret. */\n  items: MentionCandidate[]\n  /** Keyboard navigation; call `nav.handleKeyDown` first in the textarea's `onKeyDown`. */\n  nav: UseListKeyNav\n  /** Insert a candidate in place of the `@query`. */\n  pick: (candidate: MentionCandidate) => void\n  /** Wrap the composer's `onValueChange` with this so the caret is tracked as the user types. */\n  onValueChange: (next: string) => void\n  /** Spread onto the textarea (via `textareaProps`): tracks caret moves (clicks, arrows). */\n  textareaProps: { onSelect: (event: SyntheticEvent<HTMLTextAreaElement>) => void }\n}\n\n/**\n * Headless `@mention` autocomplete for a textarea: finds the `@query` at the caret, filters the\n * candidates, and on pick replaces the query with `@<label> `. Pair with {@link MentionMenu}.\n */\nexport function useMentionAutocomplete({\n  value,\n  onValueChange,\n  candidates,\n  textareaRef,\n}: UseMentionAutocompleteOptions): UseMentionAutocomplete {\n  const [caret, setCaret] = useState<number | null>(null)\n  // Escape dismisses the menu for the `@` it was opened at, until the user starts another one.\n  const [dismissedAt, setDismissedAt] = useState<number | null>(null)\n\n  // The draft can change from outside (cleared on send, restored on error): once the dismissed\n  // `@` is gone, re-arm so the next `@` there opens the menu again.\n  useEffect(() => {\n    if (dismissedAt !== null && value[dismissedAt] !== '@') setDismissedAt(null)\n  }, [value, dismissedAt])\n\n  const match = useMemo(() => {\n    if (caret === null) return null\n    const query = findMentionQuery(value, Math.min(caret, value.length))\n    // A completed recipient followed by a space is no longer an autocomplete query.\n    return query && candidates.some((candidate) => query.query === `${candidate.label} `)\n      ? null\n      : query\n  }, [value, caret, candidates])\n  const items = useMemo(\n    () => (match ? filterMentionCandidates(candidates, match.query) : []),\n    [match, candidates]\n  )\n  const isOpen = !!match && items.length > 0 && dismissedAt !== match.start\n\n  const readCaret = useCallback(() => {\n    const ta = textareaRef.current\n    setCaret(ta ? ta.selectionStart : null)\n  }, [textareaRef])\n\n  const pick = useCallback(\n    (candidate: MentionCandidate) => {\n      if (!match || caret === null) return\n      const next = insertMention(value, match.start, Math.min(caret, value.length), candidate.label)\n      onValueChange(next.text)\n      setCaret(next.caret)\n      // The inserted `@<label> ` is complete: keep the menu shut for this `@`.\n      setDismissedAt(match.start)\n      requestAnimationFrame(() => {\n        const ta = textareaRef.current\n        if (!ta) return\n        ta.focus()\n        ta.setSelectionRange(next.caret, next.caret)\n      })\n    },\n    [match, caret, value, onValueChange, textareaRef]\n  )\n\n  const nav = useListKeyNav({\n    open: isOpen,\n    items,\n    onPick: pick,\n    onDismiss: () => setDismissedAt(match?.start ?? null),\n    resetKey: match?.query,\n  })\n\n  const handleValueChange = useCallback(\n    (next: string) => {\n      onValueChange(next)\n      const ta = textareaRef.current\n      setCaret(ta ? ta.selectionStart : next.length)\n      // Deleting text (or the `@` itself) re-arms the menu: the user is editing that mention.\n      if (dismissedAt !== null && (next.length < value.length || next[dismissedAt] !== '@')) {\n        setDismissedAt(null)\n      }\n    },\n    [onValueChange, textareaRef, dismissedAt, value]\n  )\n\n  return {\n    isOpen,\n    items,\n    nav,\n    pick,\n    onValueChange: handleValueChange,\n    textareaProps: { onSelect: readCaret },\n  }\n}\n","import { useLayoutEffect, useState, type RefObject } from 'react'\nimport { observeResize } from './observe-resize'\n\nexport interface ElementSize {\n  width: number\n  height: number\n}\n\n/**\n * The border-box size of an element, kept current with a ResizeObserver. It is measured before\n * the first paint (layout effect), so a layout that depends on it never flashes the wrong mode.\n * Window resize is listened to as well (a no-ResizeObserver engine, jsdom, still re-measures).\n */\nexport function useElementSize<T extends HTMLElement>(ref: RefObject<T | null>): ElementSize {\n  const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 })\n  useLayoutEffect(() => {\n    const el = ref.current\n    if (!el) return\n    const measure = () => {\n      const rect = el.getBoundingClientRect()\n      setSize((prev) =>\n        prev.width === rect.width && prev.height === rect.height\n          ? prev\n          : { width: rect.width, height: rect.height }\n      )\n    }\n    measure()\n    window.addEventListener('resize', measure)\n    const stopObserving = observeResize(el, measure)\n    return () => {\n      window.removeEventListener('resize', measure)\n      stopObserving()\n    }\n  }, [ref])\n  return size\n}\n\n/** The root font size in px (what `rem` means), 16 when it cannot be read. */\nexport function rootFontSizePx(): number {\n  if (typeof document === 'undefined') return 16\n  const size = parseFloat(getComputedStyle(document.documentElement).fontSize)\n  return Number.isFinite(size) && size > 0 ? size : 16\n}\n"]}