@particle-academy/react-fancy 5.50.0 → 5.51.0

package/dist/{chunk-KYZNCVRD.js → chunk-FYKOLKQZ.js}

@@ -1,7 +1,7 @@
-import { Tooltip } from './chunk-CF5KRDN4.js';
+import { Popover } from './chunk-6KXAFP2T.js';
 import { useControllableState } from './chunk-EDYAXGUM.js';
 import { cn } from './chunk-MMW2JGKZ.js';
-import { forwardRef, useRef, useCallback, useLayoutEffect, useImperativeHandle, useMemo, useState, useEffect } from 'react';
+import { forwardRef, useRef, useCallback, useLayoutEffect, useImperativeHandle, useState, useMemo, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -65,16 +65,26 @@ function endsOf(text, chars) {
 var PILL_BASE = "inline-flex select-none items-center rounded-md px-2 py-0.5 text-xs leading-5 transition-colors";
 var TEXT_PILL = "cursor-pointer bg-zinc-100 text-zinc-700 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700";
 var IMAGE_PILL = "bg-rose-100 font-medium text-rose-600 dark:bg-rose-500/20 dark:text-rose-300";
-var PREVIEW_BASE = "max-w-xs whitespace-pre-wrap break-all text-xs";
-function ImageThumb({ file }) {
+var PREVIEW_BASE = "max-w-xs whitespace-pre-wrap break-all p-2 text-xs";
+function ImageThumb({ file, label }) {
   const [url, setUrl] = useState(null);
+  const [failed, setFailed] = useState(false);
   useEffect(() => {
     if (typeof URL.createObjectURL !== "function") return;
     const made = URL.createObjectURL(file);
     setUrl(made);
+    setFailed(false);
     return () => URL.revokeObjectURL(made);
   }, [file]);
-  return url ? /* @__PURE__ */ jsx("img", { src: url, alt: "", className: "max-h-40 max-w-[16rem] rounded" }) : /* @__PURE__ */ jsx("span", { children: file.name });
+  return url && !failed ? /* @__PURE__ */ jsx(
+    "img",
+    {
+      src: url,
+      alt: label,
+      onError: () => setFailed(true),
+      className: "block max-h-40 max-w-[16rem] rounded"
+    }
+  ) : /* @__PURE__ */ jsx("span", { children: label });
 }
 function InlinePill({
   preview,
@@ -84,38 +94,45 @@ function InlinePill({
   disabled,
   onExpand
 }) {
+  const [open, setOpen] = useState(false);
   const id = preview.kind === "text" ? preview.paste.id : preview.image.id;
-  const content = /* @__PURE__ */ jsx("span", { "data-react-fancy-composer-paste-pill-preview": id, children: renderPastePreview?.(preview) ?? (preview.kind === "text" ? endsOf(preview.paste.text, previewChars) : /* @__PURE__ */ jsx(ImageThumb, { file: preview.image.file })) });
-  const tooltipClass = cn(PREVIEW_BASE, classNames?.preview);
-  if (preview.kind === "image") {
-    return /* @__PURE__ */ jsx(Tooltip, { content, className: tooltipClass, children: /* @__PURE__ */ jsx(
-      "span",
-      {
-        "data-react-fancy-composer-image-pill": id,
-        role: "img",
-        "aria-label": preview.image.label,
-        className: cn(PILL_BASE, IMAGE_PILL, classNames?.pill, classNames?.imagePill),
-        children: preview.image.label
-      }
-    ) });
-  }
-  const count = withSeparators(preview.paste.text.length);
-  return /* @__PURE__ */ jsx(Tooltip, { content, className: tooltipClass, children: /* @__PURE__ */ jsxs(
+  const content = /* @__PURE__ */ jsx("span", { "data-react-fancy-composer-paste-pill-preview": id, children: renderPastePreview?.(preview) ?? (preview.kind === "text" ? endsOf(preview.paste.text, previewChars) : /* @__PURE__ */ jsx(ImageThumb, { file: preview.image.file, label: preview.image.label })) });
+  const focusOpen = {
+    onFocus: () => setOpen(true),
+    onBlur: () => setOpen(false)
+  };
+  const pill = preview.kind === "image" ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-react-fancy-composer-image-pill": id,
+      role: "img",
+      tabIndex: 0,
+      "aria-label": preview.image.label,
+      ...focusOpen,
+      className: cn(PILL_BASE, IMAGE_PILL, classNames?.pill, classNames?.imagePill),
+      children: preview.image.label
+    }
+  ) : /* @__PURE__ */ jsxs(
     "button",
     {
       type: "button",
       "data-react-fancy-composer-paste-pill": id,
       onClick: () => onExpand(id),
       disabled,
-      "aria-label": `Insert this pasted text, ${count} characters`,
+      "aria-label": `Insert this pasted text, ${withSeparators(preview.paste.text.length)} characters`,
+      ...focusOpen,
       className: cn(PILL_BASE, TEXT_PILL, classNames?.pill, classNames?.textPill),
       children: [
         "Pasted text \xB7 ",
-        count,
+        withSeparators(preview.paste.text.length),
         " characters"
       ]
     }
-  ) });
+  );
+  return /* @__PURE__ */ jsxs(Popover, { hover: true, open, onOpenChange: setOpen, placement: "top", children: [
+    /* @__PURE__ */ jsx(Popover.Trigger, { children: pill }),
+    /* @__PURE__ */ jsx(Popover.Content, { className: cn(PREVIEW_BASE, classNames?.preview), children: content })
+  ] });
 }
 
 // src/components/PastePills/paste-markers.ts
@@ -639,5 +656,5 @@ function PastedFilesInput({ name, files, form }) {
 }
 
 export { HOST_ATTR, InlinePasteEditor, InlinePill, PILL_MARK, PastedFilesInput, endsOf, expandMarkers, markedIds, pasteMarker, segmentValue, useInlinePaste, usePastePills, withSeparators };
-//# sourceMappingURL=chunk-KYZNCVRD.js.map
-//# sourceMappingURL=chunk-KYZNCVRD.js.map
+//# sourceMappingURL=chunk-FYKOLKQZ.js.map
+//# sourceMappingURL=chunk-FYKOLKQZ.js.map

package/dist/chunk-FYKOLKQZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PastePills/use-paste-pills.ts","../src/components/PastePills/InlinePill.tsx","../src/components/PastePills/paste-markers.ts","../src/components/PastePills/use-inline-paste.tsx","../src/components/PastePills/InlinePasteEditor.tsx","../src/components/PastePills/PastedFilesInput.tsx"],"names":["useRef","useCallback","useState","jsx","InlinePasteEditor","id","range","jsxs","useEffect"],"mappings":"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","file":"chunk-FYKOLKQZ.js","sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\n\n/**\n * A paste held beside a composer rather than inserted into it.\n *\n * There is deliberately **no `length` field.** It would be `text.length` and\n * nothing else, and a derived value stored beside its source is a value that can\n * disagree with it — the two drift the moment anything edits one. Read\n * `paste.text.length`.\n */\nexport interface HeldPaste {\n  id: string;\n  text: string;\n}\n\n/**\n * The minimum of a clipboard event this hook touches.\n *\n * Structural rather than `React.ClipboardEvent` so a host can call it from a\n * native listener, a synthetic one, or a test double. React's own event satisfies\n * it.\n */\nexport interface PasteEventLike {\n  clipboardData?: { getData(type: string): string } | null;\n  preventDefault(): void;\n}\n\nexport interface UsePastePillsOptions {\n  /**\n   * Hold a paste of at least this many characters. Try 500 — about a long\n   * paragraph.\n   *\n   * **No default, on purpose.** Paste is a fundamental interaction, so holding one\n   * is something a host asks for rather than something it discovers. Omit this and\n   * `handlePaste` always returns `false` and touches nothing.\n   */\n  threshold?: number;\n  /** Own the list yourself. Omit to let the hook keep it. */\n  heldPastes?: HeldPaste[];\n  onHeldPastesChange?: (pastes: HeldPaste[]) => void;\n}\n\nexport interface UsePastePillsResult {\n  heldPastes: HeldPaste[];\n  /**\n   * Call this from your OWN paste handler. Returns `true` if it took the paste —\n   * in which case it has already called `preventDefault()` — and `false` if it\n   * declined, having touched nothing.\n   *\n   * Composable on purpose: a host whose handler already intercepts paste for its\n   * own reasons needs to ask \"did you want this?\" rather than hand over the event.\n   *\n   *     function onPaste(e) {\n   *       if (pills.handlePaste(e)) return;\n   *       // ...your own handling\n   *     }\n   */\n  handlePaste: (event: PasteEventLike) => boolean;\n  /**\n   * Hold `text` unconditionally and return the new pill's id.\n   *\n   * For a host that decides for itself what to hold and needs to know WHICH pill\n   * it made — `Composer`'s inline placement puts the pill at the caret, so it needs\n   * the id at paste time. Ignores `threshold`; the caller has already decided.\n   */\n  hold: (text: string) => string;\n  /**\n   * Removes the paste and returns its text, for the host to insert into its own\n   * surface. `undefined` if there is no such id.\n   *\n   * The hook cannot insert it — it owns no DOM and does not know what a host's\n   * surface is. That is the point.\n   */\n  expand: (id: string) => string | undefined;\n  /** Discard one without returning it. */\n  remove: (id: string) => void;\n  /** Empty the list, e.g. after a send. */\n  clear: () => void;\n}\n\n/**\n * Hold a large paste as state, so a composer can show it as a pill instead of\n * turning itself into a scrolling wall.\n *\n * ---------------------------------------------------------------------------\n * Why this is a hook and not just a feature of `Composer`\n * ---------------------------------------------------------------------------\n *\n * `Composer` shipped the behaviour in 5.31.0 and the MOIC estate, who specified it,\n * then established something I had missed: their chat input is a contenteditable\n * rendering inline `[deal:42|Acme]` badges, so they **cannot** adopt `Composer` (a\n * plain textarea) however much they want its behaviour. Their plan to delete their\n * own composer when ours landed could never have worked.\n *\n * So the logic lives here and **`Composer` is its first caller.** One\n * implementation rather than two, which matters more than the convenience: two\n * copies of a rule drift, and the copy nobody reads is the one that rots. The rule\n * that must not drift is the one in `Composer`'s own tests — a send with pills\n * still closed carries the text.\n *\n * It owns no DOM. The host renders the pills.\n *\n * ---------------------------------------------------------------------------\n * Who actually calls this (as of 5.32.0): `Composer`, and nothing else\n * ---------------------------------------------------------------------------\n *\n * The estate that specified it **withdrew before adopting it**, hours after it\n * shipped — their design moved the pill INTO the message as a `[paste:id|label]`\n * marker in the same grammar as their other object tags, which makes the message\n * itself the record of what is attached. A parallel `heldPastes` array would then be\n * a second place answering \"what am I sending?\", and the two would disagree the\n * moment someone backspaced a badge. Their reasoning was better than the spec.\n *\n * Recorded because a reader should not infer an extension point under active\n * external use. It is kept rather than withdrawn for two reasons that are about\n * cost, not optimism: it is published API on a 5.x package, so removing it needs a\n * major; and `Composer` calls it, so it is exercised by that component's tests on\n * every run and cannot rot unnoticed.\n *\n * **It gets no further surface without a real caller.** No extra options, no second\n * hook. An API with one hypothetical consumer is how a package accumulates surface\n * nobody uses.\n *\n * `hold` (5.38.0) met that bar: `Composer`'s inline placement — MOIC's\n * pill-inside-the-message design, built into the component — needs the id of the\n * pill it just made so it can put it at the caret.\n */\nexport function usePastePills({\n  threshold,\n  heldPastes: controlledHeldPastes,\n  onHeldPastesChange,\n}: UsePastePillsOptions = {}): UsePastePillsResult {\n  const [heldPastes, setHeldPastes] = useControllableState<HeldPaste[]>(\n    controlledHeldPastes,\n    [],\n    onHeldPastesChange,\n  );\n\n  /*\n   * A counter rather than `crypto.randomUUID()` or an index.\n   *\n   * An index is not an id — removing the first pill renumbers the rest, and a host\n   * keying its DOM on that remounts every pill and loses hover state. A counter in\n   * a ref is stable for the life of the component and needs no platform API that a\n   * server renderer might lack.\n   */\n  const nextId = useRef(0);\n\n  const hold = useCallback(\n    (text: string): string => {\n      /*\n       * Skip any id the list already holds. A controlled list can arrive seeded\n       * (restored drafts, an agent attaching a paste) before this counter has\n       * counted anything, and minting `paste-1` beside an existing `paste-1` gives\n       * two pills one id — expanding either then takes both.\n       */\n      let id: string;\n      do {\n        nextId.current += 1;\n        id = `paste-${nextId.current}`;\n      } while (heldPastes.some((p) => p.id === id));\n\n      setHeldPastes((current) => [...current, { id, text }]);\n\n      return id;\n    },\n    [heldPastes, setHeldPastes],\n  );\n\n  const handlePaste = useCallback(\n    (event: PasteEventLike): boolean => {\n      if (!threshold || threshold <= 0) return false;\n\n      const text = event.clipboardData?.getData(\"text/plain\") ?? \"\";\n\n      // Below the threshold, decline WITHOUT touching the event. A host calling\n      // this from inside its own handler has to be able to carry on as if the hook\n      // were not there.\n      if (text.length < threshold) return false;\n\n      event.preventDefault();\n      hold(text);\n\n      return true;\n    },\n    [threshold, hold],\n  );\n\n  const expand = useCallback(\n    (id: string): string | undefined => {\n      const found = heldPastes.find((p) => p.id === id);\n\n      if (found === undefined) return undefined;\n\n      setHeldPastes((current) => current.filter((p) => p.id !== id));\n\n      return found.text;\n    },\n    [heldPastes, setHeldPastes],\n  );\n\n  const remove = useCallback(\n    (id: string) => setHeldPastes((current) => current.filter((p) => p.id !== id)),\n    [setHeldPastes],\n  );\n\n  const clear = useCallback(() => setHeldPastes([]), [setHeldPastes]);\n\n  return { heldPastes, handlePaste, hold, expand, remove, clear };\n}\n","import { useEffect, useState, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Popover } from \"../Popover\";\nimport type { ComposerPasteClassNames, ComposerPastePreview } from \"./PastePills.types\";\n\n/**\n * Thousands separators, written out rather than left to `toLocaleString()`.\n *\n * The number exists so someone can size the paste at a glance, and `2,036` sizes\n * faster than `2036`. It is not left to the runtime locale because the label beside\n * it (\"Pasted text\") is not localised either, so a locale-formatted number next to\n * an English noun would be half a translation.\n */\nexport function withSeparators(n: number): string {\n  return String(n).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}\n\n/** First and last N characters, middle elided. The ends say WHICH paste this is. */\nexport function endsOf(text: string, chars: number): string {\n  if (text.length <= chars * 2) return text;\n\n  return `${text.slice(0, chars)} … ${text.slice(-chars)}`;\n}\n\nconst PILL_BASE =\n  \"inline-flex select-none items-center rounded-md px-2 py-0.5 text-xs leading-5 transition-colors\";\nconst TEXT_PILL =\n  \"cursor-pointer bg-zinc-100 text-zinc-700 hover:bg-zinc-200 dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700\";\nconst IMAGE_PILL =\n  \"bg-rose-100 font-medium text-rose-600 dark:bg-rose-500/20 dark:text-rose-300\";\n/** Merged onto the Popover panel's own defaults: tighter padding for a preview. */\nconst PREVIEW_BASE = \"max-w-xs whitespace-pre-wrap break-all p-2 text-xs\";\n\n/**\n * An image's thumbnail, made from the File only while the preview is open.\n *\n * If the image cannot be shown — a Content-Security-Policy without `blob:` in\n * `img-src` is the usual reason — the label is shown instead. A broken `<img>`\n * with an empty `alt` renders as nothing at all, which is how a preview ends up\n * as an empty box.\n */\nfunction ImageThumb({ file, label }: { file: File; label: string }) {\n  const [url, setUrl] = useState<string | null>(null);\n  const [failed, setFailed] = useState(false);\n\n  useEffect(() => {\n    if (typeof URL.createObjectURL !== \"function\") return;\n    const made = URL.createObjectURL(file);\n    setUrl(made);\n    setFailed(false);\n    return () => URL.revokeObjectURL(made);\n  }, [file]);\n\n  return url && !failed ? (\n    <img\n      src={url}\n      alt={label}\n      onError={() => setFailed(true)}\n      className=\"block max-h-40 max-w-[16rem] rounded\"\n    />\n  ) : (\n    <span>{label}</span>\n  );\n}\n\ninterface InlinePillProps {\n  preview: ComposerPastePreview;\n  previewChars: number;\n  renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;\n  classNames?: ComposerPasteClassNames;\n  disabled: boolean;\n  onExpand: (id: string) => void;\n}\n\n/**\n * One pill inside the message, portalled by `Composer` into a placeholder the\n * editor made. Internal — its own file so its props are not read as `Composer`'s.\n *\n * The preview is a hover `Popover` (portalled, so the scrolling input cannot clip\n * it), and it opens on FOCUS too, so a keyboard user reaches the same preview. It\n * was a `Tooltip` until 5.51.0; a tooltip is for a short label, not an image.\n */\nexport function InlinePill({\n  preview,\n  previewChars,\n  renderPastePreview,\n  classNames,\n  disabled,\n  onExpand,\n}: InlinePillProps) {\n  const [open, setOpen] = useState(false);\n  const id = preview.kind === \"text\" ? preview.paste.id : preview.image.id;\n  const content = (\n    <span data-react-fancy-composer-paste-pill-preview={id}>\n      {renderPastePreview?.(preview) ??\n        (preview.kind === \"text\" ? (\n          endsOf(preview.paste.text, previewChars)\n        ) : (\n          <ImageThumb file={preview.image.file} label={preview.image.label} />\n        ))}\n    </span>\n  );\n  const focusOpen = {\n    onFocus: () => setOpen(true),\n    onBlur: () => setOpen(false),\n  };\n\n  const pill =\n    preview.kind === \"image\" ? (\n      <span\n        data-react-fancy-composer-image-pill={id}\n        role=\"img\"\n        tabIndex={0}\n        aria-label={preview.image.label}\n        {...focusOpen}\n        className={cn(PILL_BASE, IMAGE_PILL, classNames?.pill, classNames?.imagePill)}\n      >\n        {preview.image.label}\n      </span>\n    ) : (\n      <button\n        type=\"button\"\n        data-react-fancy-composer-paste-pill={id}\n        onClick={() => onExpand(id)}\n        disabled={disabled}\n        aria-label={`Insert this pasted text, ${withSeparators(preview.paste.text.length)} characters`}\n        {...focusOpen}\n        className={cn(PILL_BASE, TEXT_PILL, classNames?.pill, classNames?.textPill)}\n      >\n        Pasted text · {withSeparators(preview.paste.text.length)} characters\n      </button>\n    );\n\n  return (\n    <Popover hover open={open} onOpenChange={setOpen} placement=\"top\">\n      <Popover.Trigger>{pill}</Popover.Trigger>\n      <Popover.Content className={cn(PREVIEW_BASE, classNames?.preview)}>\n        {content}\n      </Popover.Content>\n    </Popover>\n  );\n}\n","import type { HeldPaste } from \"./use-paste-pills\";\n\n/**\n * An image pasted into a `Composer` and held as a pill.\n *\n * `label` is stored rather than derived because the number in it is the order of\n * ARRIVAL: \"Pasted image 2\" must stay 2 after image 1 is deleted, and nothing left\n * in the list could recompute that.\n */\nexport interface HeldImage {\n  id: string;\n  file: File;\n  label: string;\n}\n\n/**\n * U+FFFC OBJECT REPLACEMENT CHARACTER — Unicode's own \"an embedded object sits\n * here\". A marker is the id wrapped in a pair of them.\n *\n * Why the message carries a marker at all: with inline placement the message\n * ITSELF is the record of what is attached and where, so there is one answer to\n * \"what am I sending?\" rather than a text plus a parallel list that can disagree\n * the moment someone backspaces a pill. This is the MOIC estate's design for their\n * own composer, and the reason they withdrew from the beside-the-input layout.\n *\n * Only a marker whose id the composer actually holds is a pill; anything else is\n * left as text, so a stray U+FFFC in pasted content cannot invent an attachment.\n */\nexport const PILL_MARK = \"\\uFFFC\";\n\nconst MARKER = /\\uFFFC([^\\uFFFC\\n]+)\\uFFFC/g;\n\n/** The marker for a held paste or image, for a host or agent writing `value` itself. */\nexport function pasteMarker(id: string): string {\n  return `${PILL_MARK}${id}${PILL_MARK}`;\n}\n\nexport type ValueSegment =\n  | { type: \"text\"; text: string }\n  | { type: \"pill\"; id: string };\n\n/** Split a value into text and pills. Markers for ids not in `known` stay text. */\nexport function segmentValue(value: string, known: ReadonlySet<string>): ValueSegment[] {\n  const out: ValueSegment[] = [];\n  let last = 0;\n\n  for (const match of value.matchAll(MARKER)) {\n    const id = match[1];\n    if (!known.has(id)) continue;\n\n    const start = match.index ?? 0;\n    if (start > last) out.push({ type: \"text\", text: value.slice(last, start) });\n    out.push({ type: \"pill\", id });\n    last = start + match[0].length;\n  }\n\n  if (last < value.length) out.push({ type: \"text\", text: value.slice(last) });\n\n  return out;\n}\n\n/** The id of every marker the value contains, in order, held or not. */\nexport function markedIds(value: string): string[] {\n  return Array.from(value.matchAll(MARKER), (m) => m[1]);\n}\n\n/**\n * What actually gets sent: every text pill replaced by its full text, every image\n * pill by `[Pasted image N]` so the reader of the message can see where the image\n * sat. The images themselves go to `onSubmit`'s second argument.\n */\nexport function expandMarkers(\n  value: string,\n  pastes: readonly HeldPaste[],\n  images: readonly HeldImage[],\n): string {\n  const text = new Map(pastes.map((p) => [p.id, p.text]));\n  const image = new Map(images.map((i) => [i.id, `[${i.label}]`]));\n\n  return value.replace(MARKER, (whole, id: string) => text.get(id) ?? image.get(id) ?? whole);\n}\n","import { useCallback, useMemo, useRef, useState, type ReactNode, type RefObject } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport { usePastePills, type HeldPaste } from \"./use-paste-pills\";\nimport { InlinePill } from \"./InlinePill\";\nimport type { InlinePasteEditorHandle, PillToInsert } from \"./InlinePasteEditor\";\nimport { expandMarkers, markedIds, type HeldImage } from \"./paste-markers\";\nimport type { ComposerPasteClassNames, ComposerPastePreview } from \"./PastePills.types\";\n\nexport interface UseInlinePasteOptions {\n  pasteThreshold?: number;\n  pasteImages?: boolean;\n  previewChars: number;\n  renderPastePreview?: (preview: ComposerPastePreview) => ReactNode;\n  classNames?: ComposerPasteClassNames;\n  disabled: boolean;\n  heldPastes?: HeldPaste[];\n  onHeldPastesChange?: (pastes: HeldPaste[]) => void;\n  heldImages?: HeldImage[];\n  onHeldImagesChange?: (images: HeldImage[]) => void;\n  editorRef: RefObject<InlinePasteEditorHandle | null>;\n  /**\n   * Give a text pill a line to itself. Default `true`; a single-line field\n   * (`Input`) has no lines to give, so its pills sit in the text.\n   */\n  blockText?: boolean;\n}\n\n/**\n * Everything inline paste pills need besides the editor itself: the held pastes\n * and images, deciding what a paste becomes, dropping a pill's hold when it is\n * deleted from the message, rendering the pills into the editor, and expanding\n * them on send.\n *\n * Shared by `Composer`, `PromptInput` and `Input` so they cannot disagree about\n * what a pill means. The rule that must not drift is the one `expand` and `imagesIn`\n * carry: a send with pills still closed carries everything they hold.\n */\nexport function useInlinePaste({\n  pasteThreshold,\n  pasteImages = false,\n  previewChars,\n  renderPastePreview,\n  classNames,\n  disabled,\n  heldPastes: controlledHeldPastes,\n  onHeldPastesChange,\n  heldImages: controlledHeldImages,\n  onHeldImagesChange,\n  editorRef,\n  blockText = true,\n}: UseInlinePasteOptions) {\n  const pills = usePastePills({\n    threshold: pasteThreshold,\n    heldPastes: controlledHeldPastes,\n    onHeldPastesChange,\n  });\n  const heldPastes = pills.heldPastes;\n  const [heldImages, setHeldImages] = useControllableState<HeldImage[]>(\n    controlledHeldImages,\n    [],\n    onHeldImagesChange,\n  );\n  const imageCount = useRef(0);\n\n  const known = useMemo(\n    () => new Set([...heldPastes.map((p) => p.id), ...heldImages.map((i) => i.id)]),\n    [heldPastes, heldImages],\n  );\n\n  const holdImage = useCallback(\n    (file: File): string => {\n      let id: string;\n      do {\n        imageCount.current += 1;\n        id = `image-${imageCount.current}`;\n      } while (heldImages.some((i) => i.id === id));\n\n      const image = { id, file, label: `Pasted image ${imageCount.current}` };\n      setHeldImages((current) => [...current, image]);\n\n      return id;\n    },\n    [heldImages, setHeldImages],\n  );\n\n  /** What a paste becomes. `null` means \"just text\". */\n  const decidePaste = useCallback(\n    (data: DataTransfer | null): PillToInsert[] | null => {\n      const text = data?.getData(\"text/plain\") ?? \"\";\n\n      // Only a PURE image paste: a clipboard with text as well usually carries a\n      // picture OF that text (copying from a document), and holding it would turn\n      // every pasted sentence into a screenshot of the sentence.\n      if (pasteImages && text === \"\") {\n        const files = Array.from(data?.files ?? []).filter((f) =>\n          f.type.startsWith(\"image/\"),\n        );\n        if (files.length > 0) {\n          return files.map((file) => ({ id: holdImage(file), block: false }));\n        }\n      }\n\n      if (pasteThreshold && pasteThreshold > 0 && text.length >= pasteThreshold) {\n        return [{ id: pills.hold(text), block: blockText }];\n      }\n\n      return null;\n    },\n    [pasteImages, pasteThreshold, holdImage, pills, blockText],\n  );\n\n  /*\n   * The message is the record of what is attached. A pill backspaced out of it is\n   * no longer attached, so its held entry goes too — otherwise state would say\n   * \"attached\" about something the message no longer contains.\n   */\n  const prune = useCallback(\n    (next: string) => {\n      const present = new Set(markedIds(next));\n      for (const paste of heldPastes) if (!present.has(paste.id)) pills.remove(paste.id);\n      if (heldImages.some((i) => !present.has(i.id))) {\n        setHeldImages((current) => current.filter((i) => present.has(i.id)));\n      }\n    },\n    [heldPastes, heldImages, pills, setHeldImages],\n  );\n\n  const [hosts, setHosts] = useState<ReadonlyMap<string, HTMLElement>>(new Map());\n  const onHostsChange = useCallback((next: ReadonlyMap<string, HTMLElement>) => {\n    setHosts((prev) => {\n      if (prev.size === next.size && [...next].every(([id, el]) => prev.get(id) === el)) {\n        return prev;\n      }\n      return next;\n    });\n  }, []);\n\n  /** Click a text pill and its full text takes the pill's place. */\n  const expandPill = useCallback(\n    (id: string) => {\n      const text = pills.expand(id);\n      if (text === undefined) return;\n      editorRef.current?.replacePill(id, text);\n    },\n    [pills, editorRef],\n  );\n\n  /** The value as it is sent: every text pill expanded, every image marked. */\n  const expand = useCallback(\n    (value: string) => expandMarkers(value, heldPastes, heldImages),\n    [heldPastes, heldImages],\n  );\n\n  /** The images the value still contains, in message order. */\n  const imagesIn = useCallback(\n    (value: string) =>\n      markedIds(value).flatMap((id) => heldImages.filter((i) => i.id === id)),\n    [heldImages],\n  );\n\n  const clear = useCallback(() => {\n    pills.clear();\n    setHeldImages([]);\n  }, [pills, setHeldImages]);\n\n  /** The pills, portalled into the placeholders the editor made. Render this anywhere. */\n  const portals = Array.from(hosts, ([id, host]) => {\n    const paste = heldPastes.find((p) => p.id === id);\n    const image = paste ? undefined : heldImages.find((i) => i.id === id);\n    const preview: ComposerPastePreview | null = paste\n      ? { kind: \"text\", paste }\n      : image\n        ? { kind: \"image\", image }\n        : null;\n\n    return preview\n      ? createPortal(\n          <InlinePill\n            preview={preview}\n            previewChars={previewChars}\n            renderPastePreview={renderPastePreview}\n            classNames={classNames}\n            disabled={disabled}\n            onExpand={expandPill}\n          />,\n          host,\n          id,\n        )\n      : null;\n  });\n\n  return {\n    pills,\n    heldPastes,\n    heldImages,\n    known,\n    decidePaste,\n    prune,\n    onHostsChange,\n    expand,\n    imagesIn,\n    clear,\n    portals,\n  };\n}\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { PILL_MARK, pasteMarker, segmentValue } from \"./paste-markers\";\n\n/** The attribute on the placeholder span a pill is portalled into. */\nexport const HOST_ATTR = \"data-react-fancy-composer-paste-host\";\n\n/** What a paste becomes, as decided by `Composer`. `block` pills get their own line. */\nexport interface PillToInsert {\n  id: string;\n  block: boolean;\n}\n\nexport interface InlinePasteEditorHandle {\n  focus(): void;\n  /** Swap a pill for plain text, where it sits. */\n  replacePill(id: string, text: string): void;\n  /**\n   * Replace the whole value and put the caret at `caret` (an offset into the\n   * value). For a host that edits text itself — `PromptInput`'s `/` and `@`\n   * pickers — where rebuilding from `value` alone would lose the caret.\n   */\n  setValue(value: string, caret: number): void;\n}\n\ninterface InlinePasteEditorProps {\n  value: string;\n  /** Ids the composer holds. A marker for anything else stays text. */\n  known: ReadonlySet<string>;\n  /** `caret` is the caret's offset into `value`, or `value.length` if it is elsewhere. */\n  onChange(value: string, caret: number): void;\n  onSubmit(): void;\n  /**\n   * Which key sends. `\"enter\"` (default): Enter sends, Shift+Enter is a newline.\n   * `\"mod-enter\"`: Ctrl/⌘+Enter sends and a plain Enter is a newline.\n   */\n  submitKey?: \"enter\" | \"mod-enter\";\n  /** Runs BEFORE the editor's own key handling; `preventDefault()` to claim the key. */\n  onKeyDown?(e: React.KeyboardEvent<HTMLDivElement>): void;\n  placeholderClassName?: string;\n  /** Height in px past which the input scrolls. Defaults to the class's max height. */\n  maxHeight?: number;\n  /** Return the pills a paste becomes, or null to insert its text as typed. */\n  onPaste(data: DataTransfer | null): PillToInsert[] | null;\n  /** Every pill placeholder currently in the editor, for the composer to portal into. */\n  onHostsChange(hosts: ReadonlyMap<string, HTMLElement>): void;\n  placeholder: string;\n  disabled: boolean;\n  className?: string;\n  /**\n   * `false` makes it a single-line field, as `Input` uses it: Enter always\n   * submits, and a newline in pasted text becomes a space, as a browser does for\n   * an `<input>`. A held paste keeps its newlines; it is only the field that has\n   * one line. Default `true`.\n   */\n  multiline?: boolean;\n  /** The editable surface's id, so a host can find it. */\n  id?: string;\n  /** Names the textbox for assistive tech; a `<div>` cannot be the target of a `<label>`. */\n  ariaLabelledBy?: string;\n  ariaInvalid?: boolean;\n  style?: React.CSSProperties;\n}\n\n/**\n * Walk a node's children back into a value string.\n *\n * `<br>` as the LAST child of its parent is filler — browsers put one in an empty\n * line, and this editor puts one after a trailing newline so the caret has a line\n * to sit on — so it counts for nothing. Block elements a browser invents count as\n * a line break before them. Non-breaking spaces become spaces: a browser inserts\n * them for typed spaces it fears would collapse, not because anyone asked.\n */\nfunction serialize(parent: Node, keep: (id: string) => boolean): string {\n  let out = \"\";\n  const children = Array.from(parent.childNodes);\n\n  children.forEach((node, i) => {\n    if (node.nodeType === Node.TEXT_NODE) {\n      out += (node.textContent ?? \"\").replace(/\\u00A0/g, \" \");\n      return;\n    }\n    if (!(node instanceof HTMLElement)) return;\n\n    const id = node.getAttribute(HOST_ATTR);\n    if (id !== null) {\n      if (keep(id)) out += pasteMarker(id);\n      return;\n    }\n    if (node.tagName === \"BR\") {\n      if (i !== children.length - 1) out += \"\\n\";\n      return;\n    }\n    if (/^(DIV|P)$/.test(node.tagName) && out.length > 0 && !out.endsWith(\"\\n\")) {\n      out += \"\\n\";\n    }\n    out += serialize(node, keep);\n  });\n\n  return out;\n}\n\nfunction makeHost(id: string): HTMLElement {\n  const host = document.createElement(\"span\");\n  host.setAttribute(\"contenteditable\", \"false\");\n  host.setAttribute(HOST_ATTR, id);\n  host.className = \"inline-block align-baseline\";\n  return host;\n}\n\n/** A value ending in a newline needs a `<br>` after it, or the caret has no line to sit on. */\nfunction ensureTrailingBreak(root: HTMLElement, value: string) {\n  const last = root.lastChild;\n  const hasBreak = last instanceof HTMLElement && last.tagName === \"BR\";\n\n  if (value.endsWith(\"\\n\") && !hasBreak) root.append(document.createElement(\"br\"));\n  if (!value.endsWith(\"\\n\") && hasBreak && value.length > 0) last.remove();\n}\n\nfunction placeCaretAfter(node: Node) {\n  const selection = window.getSelection();\n  if (!selection) return;\n\n  const range = document.createRange();\n  range.setStartAfter(node);\n  range.collapse(true);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\n/**\n * Put the caret `offset` characters into the serialised value. Walks the shape\n * `render` produces — text nodes, pill hosts (each worth its marker's length) and\n * a trailing `<br>` — so it is only called straight after a render.\n */\nfunction placeCaretAtOffset(root: HTMLElement, offset: number, keep: (id: string) => boolean) {\n  const selection = window.getSelection();\n  if (!selection) return;\n\n  const range = document.createRange();\n  let remaining = offset;\n  let placed = false;\n\n  for (const node of Array.from(root.childNodes)) {\n    if (node.nodeType === Node.TEXT_NODE) {\n      const length = node.textContent?.length ?? 0;\n      if (remaining <= length) {\n        range.setStart(node, remaining);\n        placed = true;\n        break;\n      }\n      remaining -= length;\n      continue;\n    }\n    const id = node instanceof HTMLElement ? node.getAttribute(HOST_ATTR) : null;\n    if (id !== null && keep(id)) {\n      const length = pasteMarker(id).length;\n      if (remaining < length) {\n        range.setStartAfter(node);\n        placed = true;\n        break;\n      }\n      remaining -= length;\n    }\n  }\n\n  if (!placed) {\n    range.selectNodeContents(root);\n    range.collapse(false);\n    const last = root.lastChild;\n    if (last instanceof HTMLElement && last.tagName === \"BR\") range.setStartBefore(last);\n  }\n  range.collapse(true);\n  selection.removeAllRanges();\n  selection.addRange(range);\n}\n\n/**\n * The plain-text-plus-pills surface behind `Composer`'s inline placement.\n *\n * The DOM is the source of truth WHILE TYPING and `value` is its serialisation;\n * the DOM is rebuilt from `value` only when `value` changes from outside (a send,\n * a host, an agent). Rebuilding on every keystroke would throw the caret away.\n *\n * Every insertion is done here by hand, never by the browser: a paste is always\n * intercepted, so no foreign HTML ever lands in the editor, and Enter is handled\n * so a browser never invents a `<div>` per line.\n */\nexport const InlinePasteEditor = forwardRef<InlinePasteEditorHandle, InlinePasteEditorProps>(\n  function InlinePasteEditor(\n    {\n      value,\n      known,\n      onChange,\n      onSubmit,\n      onPaste,\n      onHostsChange,\n      placeholder,\n      disabled,\n      className,\n      submitKey = \"enter\",\n      onKeyDown,\n      placeholderClassName,\n      maxHeight,\n      multiline = true,\n      id,\n      ariaLabelledBy,\n      ariaInvalid,\n      style,\n    },\n    ref,\n  ) {\n    const rootRef = useRef<HTMLDivElement>(null);\n    /** The last value this editor produced or rendered. Anything else came from outside. */\n    const lastValue = useRef<string | null>(null);\n    /**\n     * Ids inserted here whose hold has not reached `known` yet. A pill is held and\n     * placed in the same event, and the composer's state lands a render later.\n     */\n    const pending = useRef(new Set<string>());\n    const knownRef = useRef(known);\n    knownRef.current = known;\n\n    const keep = useCallback(\n      (id: string) => knownRef.current.has(id) || pending.current.has(id),\n      [],\n    );\n\n    const reportHosts = useCallback(() => {\n      const root = rootRef.current;\n      if (!root) return;\n\n      const hosts = new Map<string, HTMLElement>();\n      root.querySelectorAll<HTMLElement>(`[${HOST_ATTR}]`).forEach((el) => {\n        const id = el.getAttribute(HOST_ATTR)!;\n        if (keep(id)) hosts.set(id, el);\n      });\n      onHostsChange(hosts);\n    }, [keep, onHostsChange]);\n\n    /** The caret's offset into the serialised value, or its length if the caret is elsewhere. */\n    const caretOffset = useCallback(\n      (whole: string): number => {\n        const root = rootRef.current;\n        const selection = window.getSelection();\n        if (!root || !selection || selection.rangeCount === 0) return whole.length;\n\n        const range = selection.getRangeAt(0);\n        if (!root.contains(range.endContainer)) return whole.length;\n\n        const head = document.createRange();\n        head.selectNodeContents(root);\n        head.setEnd(range.endContainer, range.endOffset);\n        return serialize(head.cloneContents(), keep).length;\n      },\n      [keep],\n    );\n\n    /** Read the DOM back into a value and tell the composer. */\n    const emit = useCallback(() => {\n      const root = rootRef.current;\n      if (!root) return;\n\n      const next = serialize(root, keep);\n      ensureTrailingBreak(root, next);\n      reportHosts();\n\n      // Reported even when the value is unchanged: a host reading the caret (a\n      // `/` picker) needs to hear about it.\n      lastValue.current = next;\n      onChange(next, caretOffset(next));\n    }, [keep, onChange, reportHosts, caretOffset]);\n\n    /** Rebuild the DOM from a value. Throws the caret away; callers put it back. */\n    const render = useCallback(\n      (next: string) => {\n        const root = rootRef.current;\n        if (!root) return;\n\n        root.replaceChildren();\n        for (const segment of segmentValue(next, knownRef.current)) {\n          if (segment.type === \"text\") {\n            root.append(document.createTextNode(segment.text));\n          } else {\n            root.append(makeHost(segment.id));\n          }\n        }\n        ensureTrailingBreak(root, next);\n        lastValue.current = next;\n        reportHosts();\n      },\n      [reportHosts],\n    );\n\n    /** The caret's range, or the end of the editor if the caret is elsewhere. */\n    const caret = useCallback((): Range => {\n      const root = rootRef.current!;\n      const selection = window.getSelection();\n\n      if (selection && selection.rangeCount > 0) {\n        const range = selection.getRangeAt(0);\n        if (root.contains(range.commonAncestorContainer)) return range;\n      }\n\n      const range = document.createRange();\n      range.selectNodeContents(root);\n      range.collapse(false);\n      const last = root.lastChild;\n      if (last instanceof HTMLElement && last.tagName === \"BR\") {\n        range.setStartBefore(last);\n        range.collapse(true);\n      }\n      return range;\n    }, []);\n\n    /** Replace the selection with `nodes` and leave the caret after them. */\n    const insert = useCallback(\n      (build: (before: string, after: string) => Node[]) => {\n        const root = rootRef.current!;\n        const range = caret();\n        range.deleteContents();\n\n        const head = document.createRange();\n        head.selectNodeContents(root);\n        head.setEnd(range.startContainer, range.startOffset);\n        const tail = document.createRange();\n        tail.selectNodeContents(root);\n        tail.setStart(range.endContainer, range.endOffset);\n\n        const nodes = build(\n          serialize(head.cloneContents(), () => true),\n          serialize(tail.cloneContents(), () => true),\n        );\n        if (nodes.length === 0) return;\n\n        const fragment = document.createDocumentFragment();\n        nodes.forEach((n) => fragment.append(n));\n        range.insertNode(fragment);\n        placeCaretAfter(nodes[nodes.length - 1]);\n        emit();\n      },\n      [caret, emit],\n    );\n\n    const insertText = useCallback(\n      (text: string) => insert(() => (text ? [document.createTextNode(text)] : [])),\n      [insert],\n    );\n\n    /*\n     * Rebuild from `value` when it changed from outside — or when `known` now\n     * disagrees with the pills on screen, e.g. a host set a marker and then the\n     * paste it names. Never on our own edits: that would discard the caret.\n     */\n    useLayoutEffect(() => {\n      const root = rootRef.current;\n      if (!root) return;\n\n      for (const id of pending.current) if (known.has(id)) pending.current.delete(id);\n\n      const wanted = segmentValue(value, known)\n        .flatMap((s) => (s.type === \"pill\" ? [s.id] : []))\n        .join(PILL_MARK);\n      const onScreen = Array.from(root.querySelectorAll(`[${HOST_ATTR}]`))\n        .map((el) => el.getAttribute(HOST_ATTR))\n        .filter((id): id is string => id !== null && keep(id))\n        .join(PILL_MARK);\n\n      if (value === lastValue.current && wanted === onScreen) return;\n\n      render(value);\n    }, [value, known, keep, render]);\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        focus() {\n          const root = rootRef.current;\n          if (!root) return;\n          root.focus();\n          const range = caret();\n          const selection = window.getSelection();\n          selection?.removeAllRanges();\n          selection?.addRange(range);\n        },\n        replacePill(id, text) {\n          const root = rootRef.current;\n          const host = Array.from(\n            root?.querySelectorAll(`[${HOST_ATTR}]`) ?? [],\n          ).find((el) => el.getAttribute(HOST_ATTR) === id);\n          if (!root || !host) return;\n\n          const node = document.createTextNode(text);\n          host.replaceWith(node);\n          root.focus();\n          placeCaretAfter(node);\n          emit();\n        },\n        setValue(next, offset) {\n          const root = rootRef.current;\n          if (!root) return;\n\n          render(next);\n          root.focus();\n          placeCaretAtOffset(root, offset, keep);\n          emit();\n        },\n      }),\n      [caret, emit, render, keep],\n    );\n\n    const handlePaste = (e: React.ClipboardEvent<HTMLDivElement>) => {\n      // ALWAYS intercepted: a browser left to paste into a contenteditable inserts\n      // the clipboard's HTML, styles and all.\n      e.preventDefault();\n      if (disabled) return;\n\n      const pills = onPaste(e.clipboardData);\n\n      if (pills === null) {\n        const text = (e.clipboardData?.getData(\"text/plain\") ?? \"\").replace(/\\r\\n?/g, \"\\n\");\n        insertText(multiline ? text : text.replace(/\\n+/g, \" \"));\n        return;\n      }\n\n      for (const { id } of pills) pending.current.add(id);\n\n      insert((before, after) => {\n        const nodes: Node[] = [];\n\n        for (const { id, block } of pills) {\n          if (block) {\n            // A text pill gets a line to itself: a newline above unless it is\n            // already at the start of one, and below unless one follows.\n            const precededByBreak =\n              nodes.length === 0\n                ? before === \"\" || before.endsWith(\"\\n\")\n                : nodes[nodes.length - 1].textContent === \"\\n\";\n            if (!precededByBreak) nodes.push(document.createTextNode(\"\\n\"));\n            nodes.push(makeHost(id));\n            nodes.push(document.createTextNode(\"\\n\"));\n          } else {\n            nodes.push(makeHost(id));\n          }\n        }\n\n        // The trailing newline of a block pill is redundant if one already follows.\n        const last = nodes[nodes.length - 1];\n        if (last.textContent === \"\\n\" && after.startsWith(\"\\n\")) nodes.pop();\n\n        return nodes;\n      });\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(e);\n      if (e.defaultPrevented) return;\n      if (e.key !== \"Enter\" || e.nativeEvent.isComposing) return;\n\n      e.preventDefault();\n      const sends =\n        !multiline || (submitKey === \"mod-enter\" ? e.ctrlKey || e.metaKey : !e.shiftKey);\n      if (sends) {\n        onSubmit();\n      } else {\n        insertText(\"\\n\");\n      }\n    };\n\n    return (\n      <div className=\"relative\">\n        {value === \"\" && (\n          <span\n            aria-hidden=\"true\"\n            className={cn(\n              \"pointer-events-none absolute left-4 top-3 text-sm text-zinc-400\",\n              placeholderClassName,\n            )}\n          >\n            {placeholder}\n          </span>\n        )}\n        <div\n          ref={rootRef}\n          id={id}\n          data-react-fancy-composer-input=\"\"\n          role=\"textbox\"\n          aria-multiline={multiline}\n          aria-labelledby={ariaLabelledBy}\n          aria-invalid={ariaInvalid || undefined}\n          aria-placeholder={placeholder}\n          aria-disabled={disabled || undefined}\n          contentEditable={!disabled}\n          suppressContentEditableWarning\n          onInput={emit}\n          onPaste={handlePaste}\n          onKeyDown={handleKeyDown}\n          style={maxHeight === undefined ? style : { ...style, maxHeight }}\n          className={cn(\n            \"max-h-72 min-h-[4.5rem] w-full overflow-y-auto whitespace-pre-wrap break-words bg-transparent px-4 pt-3 text-sm outline-none\",\n            className,\n          )}\n        />\n      </div>\n    );\n  },\n);\n","import { useEffect, useRef } from \"react\";\n\nexport interface PastedFilesInputProps {\n  /** The form field name the files are submitted under. */\n  name: string;\n  /** The files to submit, in the order the message holds them. */\n  files: readonly File[];\n  /** Associate with a `<form id>` elsewhere in the document, as `<input form>` does. */\n  form?: string;\n}\n\n/**\n * A hidden `<input type=\"file\">` carrying the files pasted into a field, so a\n * plain `<form>` submits them with everything else.\n *\n * A pasted file is not in any form field: the clipboard hands it to the paste\n * handler and nowhere else. Held as a pill, it is attached as far as the person can\n * see, and a native submit would then post the text without it. A file input is\n * the one element a form posts files from, and its `files` can be set from a\n * `DataTransfer`, so the pills keep it in step: delete a pill and its file leaves\n * the input too.\n *\n * Hidden rather than visually hidden: `hidden` keeps it out of the tab order and\n * the accessibility tree, where the pills already represent it, and does not stop\n * a form submitting it.\n */\nexport function PastedFilesInput({ name, files, form }: PastedFilesInputProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    const el = ref.current;\n    // No DataTransfer (a server render, an old engine): nothing can be set, and\n    // the host still has the files from its own state.\n    if (!el || typeof DataTransfer === \"undefined\") return;\n\n    const transfer = new DataTransfer();\n    for (const file of files) transfer.items.add(file);\n    el.files = transfer.files;\n  }, [files]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"file\"\n      name={name}\n      form={form}\n      multiple\n      hidden\n      tabIndex={-1}\n      data-react-fancy-pasted-files={name}\n    />\n  );\n}\n"]}

package/dist/{chunk-FU6R6BZ4.js → chunk-GAB2QXHH.js}

@@ -1,13 +1,40 @@
 import { Textarea } from './chunk-DEFGT75G.js';
 import { Badge } from './chunk-6FCQD2KQ.js';
 import { Button } from './chunk-KODD54GT.js';
+import { Portal } from './chunk-WHEXTDPV.js';
 import { useRef, useState, useCallback, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+function isAdapter(target) {
+  return typeof target.getSelection === "function";
+}
+function targetElement(target) {
+  if (!target) return null;
+  if (!isAdapter(target)) return target.current;
+  const el = target.element;
+  if (!el) return null;
+  return el instanceof HTMLElement ? el : el.current;
+}
+function readTarget(target) {
+  if (!isAdapter(target)) {
+    const field = target.current;
+    if (!field) return null;
+    const start = field.selectionStart ?? 0;
+    const end = field.selectionEnd ?? 0;
+    if (start === end) return null;
+    return { start, end, point: selectionPoint(field, start, end) };
+  }
+  const range = target.getSelection();
+  if (!range || range.start === range.end) return null;
+  const rect = target.getSelectionRect?.() ?? targetElement(target)?.getBoundingClientRect() ?? null;
+  const point = rect ? { x: rect.left + rect.width / 2, y: rect.top } : { x: 0, y: 0 };
+  return { start: Math.min(range.start, range.end), end: Math.max(range.start, range.end), point };
+}
 function MagicWand({
   value,
   onValueChange,
   actions,
+  target,
   appearance = "floating",
   autoHide = true,
   rows = 6,
@@ -19,41 +46,69 @@ function MagicWand({
   const [sel, setSel] = useState(null);
   const [pos, setPos] = useState(null);
   const [busy, setBusy] = useState(null);
+  const external = target !== void 0;
+  const latest = useRef({ value, target });
+  latest.current = { value, target };
+  const hide = useCallback(() => {
+    setSel(null);
+    setPos(null);
+  }, []);
   const measureSelection = useCallback(() => {
     const ta = taRef.current;
     if (!ta) return;
     const start = ta.selectionStart ?? 0;
     const end = ta.selectionEnd ?? 0;
     if (start === end) {
-      setSel(null);
-      setPos(null);
+      hide();
       return;
     }
     const text = ta.value.slice(start, end);
     setSel({ start, end, text });
-    const rect = caretRect(ta, start, end);
-    if (rect) setPos({ x: rect.x, y: rect.y });
-  }, []);
+    const point = selectionPoint(ta, start, end);
+    const box = ta.offsetParent?.getBoundingClientRect() ?? ta.getBoundingClientRect();
+    setPos({ x: point.x - box.left, y: point.y - box.top });
+  }, [hide]);
+  const measureTarget = useCallback(() => {
+    const { target: t, value: v } = latest.current;
+    if (!t) return;
+    const read = readTarget(t);
+    if (!read) {
+      hide();
+      return;
+    }
+    setSel({ start: read.start, end: read.end, text: v.slice(read.start, read.end) });
+    setPos(read.point);
+  }, [hide]);
+  const [targetEl, setTargetEl] = useState(null);
   useEffect(() => {
-    if (!autoHide) return;
-    const onScroll = () => {
-      setSel(null);
-      setPos(null);
+    const next = targetElement(target);
+    if (next !== targetEl) setTargetEl(next);
+  });
+  useEffect(() => {
+    if (!targetEl) return;
+    const events = ["mouseup", "keyup", "select"];
+    for (const e of events) targetEl.addEventListener(e, measureTarget);
+    return () => {
+      for (const e of events) targetEl.removeEventListener(e, measureTarget);
     };
-    window.addEventListener("scroll", onScroll, true);
-    return () => window.removeEventListener("scroll", onScroll, true);
-  }, [autoHide]);
+  }, [targetEl, measureTarget]);
+  useEffect(() => {
+    if (!autoHide) return;
+    window.addEventListener("scroll", hide, true);
+    return () => window.removeEventListener("scroll", hide, true);
+  }, [autoHide, hide]);
   useEffect(() => {
     if (!autoHide) return;
     const onDocMouseDown = (e) => {
-      if (wandRef.current?.contains(e.target)) return;
-      if (taRef.current?.contains(e.target)) return;
-      setSel(null);
-      setPos(null);
+      const node = e.target;
+      if (wandRef.current?.contains(node)) return;
+      if (taRef.current?.contains(node)) return;
+      if (targetElement(latest.current.target)?.contains(node)) return;
+      hide();
     };
     document.addEventListener("mousedown", onDocMouseDown);
     return () => document.removeEventListener("mousedown", onDocMouseDown);
-  }, [autoHide]);
+  }, [autoHide, hide]);
   const handleAction = async (action) => {
     if (!sel) return;
     setBusy(action.id);
@@ -64,10 +119,25 @@ function MagicWand({
       onAction?.(action, sel, replacement);
     } finally {
       setBusy(null);
-      setSel(null);
-      setPos(null);
+      hide();
     }
   };
+  const wand = sel && pos ? /* @__PURE__ */ jsx(
+    Wand,
+    {
+      ref: wandRef,
+      pos,
+      fixed: external,
+      actions,
+      appearance,
+      busy,
+      onAction: handleAction,
+      selectionLength: sel.text.length
+    }
+  ) : null;
+  if (external) {
+    return wand ? /* @__PURE__ */ jsx(Portal, { children: wand }) : null;
+  }
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsx(
       Textarea,
@@ -82,23 +152,13 @@ function MagicWand({
         placeholder
       }
     ),
-    sel && pos && /* @__PURE__ */ jsx(
-      Wand,
-      {
-        ref: wandRef,
-        pos,
-        actions,
-        appearance,
-        busy,
-        onAction: handleAction,
-        selectionLength: sel.text.length
-      }
-    )
+    wand
   ] });
 }
 function Wand({
   ref,
   pos,
+  fixed,
   actions,
   appearance,
   busy,
@@ -109,7 +169,8 @@ function Wand({
     "div",
     {
       ref,
-      className: "absolute z-20 -translate-x-1/2 -translate-y-full",
+      "data-react-fancy-magic-wand": "",
+      className: `${fixed ? "fixed z-50" : "absolute z-20"} -translate-x-1/2 -translate-y-full`,
       style: { left: pos.x, top: pos.y - 6 },
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-full border border-violet-300 bg-white px-1.5 py-1 shadow-lg ring-1 ring-violet-200 dark:border-violet-700 dark:bg-zinc-900 dark:ring-violet-900", children: [
@@ -125,6 +186,7 @@ function Wand({
             {
               size: "sm",
               variant: "ghost",
+              "data-react-fancy-magic-wand-action": a.id,
               onClick: () => onAction(a),
               disabled: busy !== null,
               title: a.hint,
@@ -141,7 +203,7 @@ function Wand({
     }
   );
 }
-function caretRect(ta, start, end) {
+function selectionPoint(ta, start, end) {
   const div = document.createElement("div");
   const style = getComputedStyle(ta);
   const props = [
@@ -186,17 +248,17 @@ function caretRect(ta, start, end) {
   div.appendChild(startSpan);
   document.body.appendChild(div);
   const taRect = ta.getBoundingClientRect();
-  const parentRect = ta.offsetParent?.getBoundingClientRect() ?? taRect;
   const spanRect = startSpan.getBoundingClientRect();
   const divRect = div.getBoundingClientRect();
   const offsetX = spanRect.left - divRect.left;
   const offsetY = spanRect.top - divRect.top;
   document.body.removeChild(div);
-  const x = taRect.left - parentRect.left + offsetX + spanRect.width / 2;
-  const y = taRect.top - parentRect.top + offsetY - ta.scrollTop;
-  return { x, y };
+  return {
+    x: taRect.left + offsetX + spanRect.width / 2,
+    y: taRect.top + offsetY - ta.scrollTop
+  };
 }
 
 export { MagicWand };
-//# sourceMappingURL=chunk-FU6R6BZ4.js.map
-//# sourceMappingURL=chunk-FU6R6BZ4.js.map
+//# sourceMappingURL=chunk-GAB2QXHH.js.map
+//# sourceMappingURL=chunk-GAB2QXHH.js.map

package/dist/chunk-GAB2QXHH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MagicWand/MagicWand.tsx"],"names":[],"mappings":"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","file":"chunk-GAB2QXHH.js","sourcesContent":["import { useCallback, useEffect, useRef, useState, type RefObject } from \"react\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Portal } from \"../Portal\";\nimport { Textarea } from \"../inputs/Textarea/Textarea\";\n\n/**\n * MagicWand — selection-anchored floating toolbar for text inputs.\n *\n * When the user highlights text inside the wrapped <Textarea>, a small\n * pill of AI quick-actions floats above the selection. Clicking an\n * action invokes the host callback with the selected substring + range;\n * the host returns a replacement string and MagicWand swaps it in-place.\n *\n *   <MagicWand\n *     value={body}\n *     onValueChange={setBody}\n *     actions={[\n *       { id: \"rephrase\", label: \"Rephrase\", hint: \"same meaning, different words\",\n *         run: async (s) => await ai.rephrase(s) },\n *       …\n *     ]}\n *   />\n *\n * Pass `target` to act on a textarea, input or editor the HOST renders instead:\n * MagicWand then renders no textarea of its own, only the floating wand.\n *\n *   <textarea ref={ref} value={body} onChange={(e) => setBody(e.target.value)} />\n *   <MagicWand target={ref} value={body} onValueChange={setBody} actions={…} />\n *\n * Two appearances: `\"floating\"` (default — full labels) and `\"pill\"`\n * (icon-only, compact). Auto-hides on click-away or scroll by default.\n */\nexport type MagicWandSelection = { start: number; end: number; text: string };\n\nexport type MagicWandAction = {\n  /** Stable id, also shown as the busy-state key. */\n  id: string;\n  /** Display label (first character used in `pill` mode). */\n  label: string;\n  /** Tooltip body. */\n  hint?: string;\n  /** Optional kind chip rendered next to the label. */\n  tag?: string;\n  /** Returns the replacement text for the selection. */\n  run: (selection: string, range: MagicWandSelection) => Promise<string> | string;\n};\n\nexport type MagicWandAppearance = \"pill\" | \"floating\";\n\n/** A viewport rectangle, the shape `getBoundingClientRect()` returns. */\nexport type MagicWandRect = { left: number; top: number; width: number; height: number };\n\n/**\n * How MagicWand reads a selection out of an editor it does not own — a code\n * editor, a contenteditable, anything that is not a plain textarea.\n *\n * Read-only on purpose. The write goes through `onValueChange`, like every other\n * edit, so the host's `value` stays the one source of truth and the editor is\n * updated the way it always is: from that value.\n */\nexport interface MagicWandTargetAdapter {\n  /**\n   * The editor's element. MagicWand listens on it for `mouseup` / `keyup` /\n   * `select` to know the selection may have changed, and treats a click inside\n   * it as \"not away\" for `autoHide`.\n   */\n  element: RefObject<HTMLElement | null> | HTMLElement | null;\n  /** The selection as offsets into `value`. `null` or `start === end` hides the wand. */\n  getSelection: () => { start: number; end: number } | null;\n  /** Where the selection is on screen. Default: the top-centre of `element`. */\n  getSelectionRect?: () => MagicWandRect | null;\n}\n\n/** A host-owned textarea / input by ref, or an adapter for anything else. */\nexport type MagicWandTarget =\n  | RefObject<HTMLTextAreaElement | HTMLInputElement | null>\n  | MagicWandTargetAdapter;\n\nexport interface MagicWandProps {\n  /** Controlled value — of the built-in textarea, or of `target`. */\n  value: string;\n  /** Called on every edit, and with the result of an action. */\n  onValueChange: (v: string) => void;\n  /** Action list. */\n  actions: MagicWandAction[];\n  /**\n   * Act on a textarea / input / editor the host renders, instead of rendering\n   * one. A ref to a textarea or input works as is; anything else takes a\n   * `MagicWandTargetAdapter`. `value` must still be the target's current value.\n   */\n  target?: MagicWandTarget;\n  /** Visual treatment. Defaults to \"floating\". */\n  appearance?: MagicWandAppearance;\n  /** Auto-hide the wand on click-away or scroll. Defaults to true. */\n  autoHide?: boolean;\n  /** Textarea rows (built-in textarea only). */\n  rows?: number;\n  /** Placeholder (built-in textarea only). */\n  placeholder?: string;\n  /** Called after an action runs successfully. */\n  onAction?: (action: MagicWandAction, selection: MagicWandSelection, replacement: string) => void;\n}\n\nfunction isAdapter(target: MagicWandTarget): target is MagicWandTargetAdapter {\n  return typeof (target as MagicWandTargetAdapter).getSelection === \"function\";\n}\n\nfunction targetElement(target: MagicWandTarget | undefined): HTMLElement | null {\n  if (!target) return null;\n  if (!isAdapter(target)) return target.current;\n  const el = target.element;\n  if (!el) return null;\n  return el instanceof HTMLElement ? el : el.current;\n}\n\ntype TextField = HTMLTextAreaElement | HTMLInputElement;\n\n/** The selection and the viewport point the wand should sit above, or null. */\nfunction readTarget(\n  target: MagicWandTarget,\n): { start: number; end: number; point: { x: number; y: number } } | null {\n  if (!isAdapter(target)) {\n    const field = target.current as TextField | null;\n    if (!field) return null;\n    const start = field.selectionStart ?? 0;\n    const end = field.selectionEnd ?? 0;\n    if (start === end) return null;\n    return { start, end, point: selectionPoint(field, start, end) };\n  }\n\n  const range = target.getSelection();\n  if (!range || range.start === range.end) return null;\n  const rect = target.getSelectionRect?.() ?? targetElement(target)?.getBoundingClientRect() ?? null;\n  const point = rect ? { x: rect.left + rect.width / 2, y: rect.top } : { x: 0, y: 0 };\n  return { start: Math.min(range.start, range.end), end: Math.max(range.start, range.end), point };\n}\n\nexport function MagicWand({\n  value,\n  onValueChange,\n  actions,\n  target,\n  appearance = \"floating\",\n  autoHide = true,\n  rows = 6,\n  placeholder,\n  onAction,\n}: MagicWandProps) {\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const wandRef = useRef<HTMLDivElement>(null);\n  const [sel, setSel] = useState<MagicWandSelection | null>(null);\n  const [pos, setPos] = useState<{ x: number; y: number } | null>(null);\n  const [busy, setBusy] = useState<string | null>(null);\n\n  const external = target !== undefined;\n  // Latest value + target for the listeners, which attach once per element.\n  const latest = useRef({ value, target });\n  latest.current = { value, target };\n\n  const hide = useCallback(() => {\n    setSel(null);\n    setPos(null);\n  }, []);\n\n  const measureSelection = useCallback(() => {\n    const ta = taRef.current;\n    if (!ta) return;\n    const start = ta.selectionStart ?? 0;\n    const end = ta.selectionEnd ?? 0;\n    if (start === end) {\n      hide();\n      return;\n    }\n    const text = ta.value.slice(start, end);\n    setSel({ start, end, text });\n    // The built-in wand is positioned inside this component's `relative` box.\n    const point = selectionPoint(ta, start, end);\n    const box = (ta.offsetParent as HTMLElement | null)?.getBoundingClientRect() ?? ta.getBoundingClientRect();\n    setPos({ x: point.x - box.left, y: point.y - box.top });\n  }, [hide]);\n\n  const measureTarget = useCallback(() => {\n    const { target: t, value: v } = latest.current;\n    if (!t) return;\n    const read = readTarget(t);\n    if (!read) {\n      hide();\n      return;\n    }\n    setSel({ start: read.start, end: read.end, text: v.slice(read.start, read.end) });\n    setPos(read.point);\n  }, [hide]);\n\n  // The target's element is only known after the host renders it, so it is\n  // re-resolved after every render and the listeners move if it changes.\n  const [targetEl, setTargetEl] = useState<HTMLElement | null>(null);\n  useEffect(() => {\n    const next = targetElement(target);\n    if (next !== targetEl) setTargetEl(next);\n  });\n\n  useEffect(() => {\n    if (!targetEl) return;\n    const events = [\"mouseup\", \"keyup\", \"select\"] as const;\n    for (const e of events) targetEl.addEventListener(e, measureTarget);\n    return () => {\n      for (const e of events) targetEl.removeEventListener(e, measureTarget);\n    };\n  }, [targetEl, measureTarget]);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    window.addEventListener(\"scroll\", hide, true);\n    return () => window.removeEventListener(\"scroll\", hide, true);\n  }, [autoHide, hide]);\n\n  useEffect(() => {\n    if (!autoHide) return;\n    const onDocMouseDown = (e: MouseEvent) => {\n      const node = e.target as Node;\n      if (wandRef.current?.contains(node)) return;\n      if (taRef.current?.contains(node)) return;\n      if (targetElement(latest.current.target)?.contains(node)) return;\n      hide();\n    };\n    document.addEventListener(\"mousedown\", onDocMouseDown);\n    return () => document.removeEventListener(\"mousedown\", onDocMouseDown);\n  }, [autoHide, hide]);\n\n  const handleAction = async (action: MagicWandAction) => {\n    if (!sel) return;\n    setBusy(action.id);\n    try {\n      const replacement = await action.run(sel.text, sel);\n      const next = value.slice(0, sel.start) + replacement + value.slice(sel.end);\n      onValueChange(next);\n      onAction?.(action, sel, replacement);\n    } finally {\n      setBusy(null);\n      hide();\n    }\n  };\n\n  const wand =\n    sel && pos ? (\n      <Wand\n        ref={wandRef}\n        pos={pos}\n        fixed={external}\n        actions={actions}\n        appearance={appearance}\n        busy={busy}\n        onAction={handleAction}\n        selectionLength={sel.text.length}\n      />\n    ) : null;\n\n  if (external) {\n    return wand ? <Portal>{wand}</Portal> : null;\n  }\n\n  return (\n    <div className=\"relative\">\n      <Textarea\n        ref={taRef as unknown as React.Ref<HTMLTextAreaElement>}\n        value={value}\n        onValueChange={onValueChange}\n        onSelect={measureSelection}\n        onKeyUp={measureSelection}\n        onMouseUp={measureSelection}\n        rows={rows}\n        placeholder={placeholder}\n      />\n      {wand}\n    </div>\n  );\n}\n\nfunction Wand({\n  ref,\n  pos,\n  fixed,\n  actions,\n  appearance,\n  busy,\n  onAction,\n  selectionLength,\n}: {\n  ref: React.RefObject<HTMLDivElement | null>;\n  pos: { x: number; y: number };\n  /** Viewport-positioned (portalled, for an external target) rather than inside the wrapper. */\n  fixed: boolean;\n  actions: MagicWandAction[];\n  appearance: MagicWandAppearance;\n  busy: string | null;\n  onAction: (a: MagicWandAction) => void;\n  selectionLength: number;\n}) {\n  return (\n    <div\n      ref={ref}\n      data-react-fancy-magic-wand=\"\"\n      className={`${fixed ? \"fixed z-50\" : \"absolute z-20\"} -translate-x-1/2 -translate-y-full`}\n      style={{ left: pos.x, top: pos.y - 6 }}\n    >\n      <div className=\"flex items-center gap-1 rounded-full border border-violet-300 bg-white px-1.5 py-1 shadow-lg ring-1 ring-violet-200 dark:border-violet-700 dark:bg-zinc-900 dark:ring-violet-900\">\n        <span className=\"ml-1 mr-0.5 inline-flex items-center gap-1 text-[10px] font-medium text-violet-700 dark:text-violet-300\">\n          <span aria-hidden>✦</span>\n          {appearance === \"floating\" && (\n            <Badge color=\"violet\">{selectionLength} chars</Badge>\n          )}\n        </span>\n        {actions.map((a) => (\n          <Button\n            key={a.id}\n            size=\"sm\"\n            variant=\"ghost\"\n            data-react-fancy-magic-wand-action={a.id}\n            onClick={() => onAction(a)}\n            disabled={busy !== null}\n            title={a.hint}\n          >\n            {busy === a.id ? \"…\" : appearance === \"pill\" ? a.label[0] : a.label}\n            {appearance === \"floating\" && a.tag && (\n              <span className=\"ml-1 rounded-full bg-zinc-100 px-1 text-[9px] font-medium text-zinc-500 dark:bg-zinc-800\">\n                {a.tag}\n              </span>\n            )}\n          </Button>\n        ))}\n      </div>\n      <div className=\"absolute left-1/2 top-full -translate-x-1/2 -translate-y-px\">\n        <div className=\"h-2 w-2 rotate-45 border-b border-r border-violet-300 bg-white dark:border-violet-700 dark:bg-zinc-900\" />\n      </div>\n    </div>\n  );\n}\n\n/**\n * Caret/selection geometry: mirror the field into a hidden div and measure the\n * selected substring's bounding rect. Returns the VIEWPORT point at the top\n * centre of the selection. Not perfect for resized textareas, but works for\n * typical chat composers.\n */\nfunction selectionPoint(ta: TextField, start: number, end: number): { x: number; y: number } {\n  const div = document.createElement(\"div\");\n  const style = getComputedStyle(ta);\n  const props = [\n    \"boxSizing\",\n    \"width\",\n    \"height\",\n    \"overflowX\",\n    \"overflowY\",\n    \"borderTopWidth\",\n    \"borderRightWidth\",\n    \"borderBottomWidth\",\n    \"borderLeftWidth\",\n    \"paddingTop\",\n    \"paddingRight\",\n    \"paddingBottom\",\n    \"paddingLeft\",\n    \"fontStyle\",\n    \"fontVariant\",\n    \"fontWeight\",\n    \"fontStretch\",\n    \"fontSize\",\n    \"fontSizeAdjust\",\n    \"lineHeight\",\n    \"fontFamily\",\n    \"textAlign\",\n    \"textTransform\",\n    \"textIndent\",\n    \"letterSpacing\",\n    \"wordSpacing\",\n    \"tabSize\",\n  ] as const;\n  for (const p of props) (div.style as any)[p] = (style as any)[p];\n  div.style.position = \"absolute\";\n  div.style.top = \"-9999px\";\n  div.style.left = \"-9999px\";\n  div.style.whiteSpace = \"pre-wrap\";\n  div.style.wordWrap = \"break-word\";\n\n  const value = ta.value;\n  div.textContent = value.substring(0, start);\n  const startSpan = document.createElement(\"span\");\n  startSpan.textContent = value.substring(start, end) || \".\";\n  div.appendChild(startSpan);\n\n  document.body.appendChild(div);\n  const taRect = ta.getBoundingClientRect();\n  const spanRect = startSpan.getBoundingClientRect();\n  const divRect = div.getBoundingClientRect();\n  const offsetX = spanRect.left - divRect.left;\n  const offsetY = spanRect.top - divRect.top;\n  document.body.removeChild(div);\n\n  return {\n    x: taRect.left + offsetX + spanRect.width / 2,\n    y: taRect.top + offsetY - ta.scrollTop,\n  };\n}\n"]}

package/dist/{chunk-Z43BI7CQ.cjs → chunk-GU5BYZTR.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkTXTRTTG7_cjs = require('./chunk-TXTRTTG7.cjs');
-var chunk3WGRVDQR_cjs = require('./chunk-3WGRVDQR.cjs');
+var chunkFQZE5N2N_cjs = require('./chunk-FQZE5N2N.cjs');
 var chunkNBZC6LOB_cjs = require('./chunk-NBZC6LOB.cjs');
 var chunkRXDRYWVD_cjs = require('./chunk-RXDRYWVD.cjs');
 var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
@@ -146,7 +146,7 @@ function DrawerRoot({
       document.body.style.overflow = original;
     };
   }, [open, isViewport]);
-  const { mounted, className: animClass, ref: animRef } = chunk3WGRVDQR_cjs.useAnimation({
+  const { mounted, className: animClass, ref: animRef } = chunkFQZE5N2N_cjs.useAnimation({
     open,
     enterClass: ENTER[side],
     exitClass: EXIT[side]
@@ -214,5 +214,5 @@ var Drawer = Object.assign(DrawerRoot, {
 
 exports.Drawer = Drawer;
 exports.useDrawer = useDrawer;
-//# sourceMappingURL=chunk-Z43BI7CQ.cjs.map
-//# sourceMappingURL=chunk-Z43BI7CQ.cjs.map
+//# sourceMappingURL=chunk-GU5BYZTR.cjs.map
+//# sourceMappingURL=chunk-GU5BYZTR.cjs.map