@arbidocs/blocks 0.4.93 → 0.4.95

package/dist/{chunk-B4SRYJLM.cjs → chunk-KBPHLW2R.cjs}

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkPPCATBOY_cjs = require('./chunk-PPCATBOY.cjs');
+var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var react = require('react');
 
 function useMentionAutocomplete({
@@ -103,5 +103,5 @@ function rootFontSizePx() {
 exports.rootFontSizePx = rootFontSizePx;
 exports.useElementSize = useElementSize;
 exports.useMentionAutocomplete = useMentionAutocomplete;
-//# sourceMappingURL=chunk-B4SRYJLM.cjs.map
-//# sourceMappingURL=chunk-B4SRYJLM.cjs.map
+//# sourceMappingURL=chunk-KBPHLW2R.cjs.map
+//# sourceMappingURL=chunk-KBPHLW2R.cjs.map

package/dist/{chunk-B4SRYJLM.cjs.map → chunk-KBPHLW2R.cjs.map}

@@ -1 +1 @@
-{"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"]}
+{"version":3,"sources":["../src/chat/useMentionAutocomplete.ts","../src/lib/useElementSize.ts"],"names":["useState","useEffect","useMemo","findMentionQuery","filterMentionCandidates","useCallback","insertMention","useListKeyNav","useLayoutEffect","observeResize"],"mappings":"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","file":"chunk-KBPHLW2R.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-IF6VAYIA.cjs → chunk-OYMYNYFV.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkXKSFJYOD_cjs = require('./chunk-XKSFJYOD.cjs');
-var chunkMP6FK43E_cjs = require('./chunk-MP6FK43E.cjs');
+var chunkVYKMBLDX_cjs = require('./chunk-VYKMBLDX.cjs');
 var chunkVGOFFCMT_cjs = require('./chunk-VGOFFCMT.cjs');
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
@@ -1598,8 +1598,8 @@ function LabelPinRow({
   );
 }
 function AssistantToaster(props) {
-  const dock = chunkMP6FK43E_cjs.useAssistantDock();
-  const { isDockAvailable } = chunkMP6FK43E_cjs.useChatSurface();
+  const dock = chunkVYKMBLDX_cjs.useAssistantDock();
+  const { isDockAvailable } = chunkVYKMBLDX_cjs.useChatSurface();
   return /* @__PURE__ */ jsxRuntime.jsx(chunkXKSFJYOD_cjs.Toaster, { ...props, dockOpen: dock.isOpen && isDockAvailable });
 }
 function hasMessageBody(value, recipientLabel = "ARBI") {
@@ -1709,5 +1709,5 @@ exports.isLongPastedText = isLongPastedText;
 exports.useDismissibleCard = useDismissibleCard;
 exports.useLongPaste = useLongPaste;
 exports.useRecipientDraft = useRecipientDraft;
-//# sourceMappingURL=chunk-IF6VAYIA.cjs.map
-//# sourceMappingURL=chunk-IF6VAYIA.cjs.map
+//# sourceMappingURL=chunk-OYMYNYFV.cjs.map
+//# sourceMappingURL=chunk-OYMYNYFV.cjs.map