@particle-academy/react-fancy 6.9.0 → 6.11.0

package/dist/{chunk-L5NDZEL6.cjs.map → chunk-ZFXCZ2QO.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["forwardRef","Composer","useControllableState","useRef","useInlinePaste","useMemo","useCallback","useAcknowledgedSubmit","isImeComposing","jsxs","cn","jsx","paste","withSeparators","endsOf","Fragment","InlinePasteEditor","PastedFilesInput","visuallyHidden"],"mappings":"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","file":"chunk-L5NDZEL6.cjs","sourcesContent":["import { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { isImeComposing } from \"../../utils/ime\";\nimport { visuallyHidden } from \"../../utils/visually-hidden\";\nimport { useAcknowledgedSubmit } from \"../../hooks/use-acknowledged-submit\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport {\n  endsOf,\n  InlinePasteEditor,\n  PastedFilesInput,\n  useInlinePaste,\n  withSeparators,\n  type HeldImage,\n  type HeldPaste,\n  type InlinePasteEditorHandle,\n} from \"../PastePills\";\nimport type { ComposerProps } from \"./Composer.types\";\n\n/** Characters of a held paste shown at each end of the hover preview, unless `previewChars` says otherwise. */\nconst PREVIEW_CHARS = 20;\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      onSubmitError,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      sendDisabled = false,\n      name,\n      inputId,\n      className,\n      pasteThreshold,\n      pastePlacement = \"above\",\n      pasteImages = false,\n      previewChars = PREVIEW_CHARS,\n      renderPastePreview,\n      classNames,\n      heldPastes: controlledHeldPastes,\n      onHeldPastesChange,\n      heldImages: controlledHeldImages,\n      onHeldImagesChange,\n      pasteFilesName,\n    },\n    ref,\n  ) {\n    const inline = pastePlacement === \"inline\";\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const editorRef = useRef<InlinePasteEditorHandle>(null);\n    /*\n     * The holding logic lives in `usePastePills`, wrapped by `useInlinePaste` for\n     * the inline placement — which `PromptInput` shares, so the two components\n     * cannot disagree about what a pill means. The rule that must not drift is\n     * the one below: a send with pills still closed carries the text.\n     */\n    const paste = useInlinePaste({\n      pasteThreshold,\n      pasteImages,\n      previewChars,\n      renderPastePreview,\n      classNames,\n      disabled,\n      heldPastes: controlledHeldPastes,\n      onHeldPastesChange,\n      heldImages: controlledHeldImages,\n      onHeldImagesChange,\n      editorRef,\n    });\n    const pills = paste.pills;\n    const heldPastes = paste.heldPastes;\n    const pastedFiles = useMemo(\n      () => (inline && pasteImages ? paste.imagesIn(value).map((i) => i.file) : []),\n      [inline, pasteImages, paste, value],\n    );\n\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent<HTMLTextAreaElement>) => {\n        // Composable by design, so this reads as a question rather than a handover.\n        // Nothing else here wants the paste, so the answer is simply ignored.\n        pills.handlePaste(e);\n      },\n      [pills],\n    );\n\n    const handleInlineChange = useCallback(\n      (next: string) => {\n        setValue(next);\n        paste.prune(next);\n      },\n      [setValue, paste],\n    );\n\n    /** Everything the person believes they are sending, in the order they built it. */\n    const composeOutgoing = useCallback(() => {\n      if (inline) return paste.expand(value);\n\n      return [value, ...heldPastes.map((p) => p.text)].filter(Boolean).join(\"\\n\\n\");\n    }, [inline, value, heldPastes, paste]);\n\n    const hasContent = value.trim().length > 0 || (!inline && heldPastes.length > 0);\n\n    const focusInput = useCallback(() => {\n      if (inline) editorRef.current?.focus();\n      else textareaRef.current?.focus();\n    }, [inline]);\n\n    const ack = useAcknowledgedSubmit(onSubmitError);\n    const submitting = ack.status === \"submitting\";\n\n    /*\n     * The draft's REVISION: bumped by every render in which the text, a held\n     * paste or a held image differs from the last one seen — the person typing\n     * or pasting, or a host moving a controlled `value` / `heldPastes` /\n     * `heldImages`. An acknowledged send clears only if the revision is still\n     * the one it sent. Comparing content instead (5.70.0) threw away newer\n     * drafts that happened to compare equal: an edit typed and undone, a pill\n     * whose text the host changed under the same id.\n     */\n    const heldImages = paste.heldImages;\n    const revisionRef = useRef(0);\n    const seenRef = useRef({ value, heldPastes, heldImages });\n    const seen = seenRef.current;\n    if (seen.value !== value || seen.heldPastes !== heldPastes || seen.heldImages !== heldImages) {\n      if (\n        seen.value !== value ||\n        !samePastes(seen.heldPastes, heldPastes) ||\n        !sameImages(seen.heldImages, heldImages)\n      ) {\n        revisionRef.current += 1;\n      }\n      seenRef.current = { value, heldPastes, heldImages };\n    }\n\n    const handleSubmit = useCallback(() => {\n      if (!hasContent || disabled || sendDisabled || ack.busy()) return;\n\n      /*\n       * THE DANGEROUS STATE, and the reason this feature needed a spec rather than\n       * a guess. A pill reads as \"your paste is attached\" — so a send that drops it\n       * means asking a question about a document without the document, and nobody\n       * can tell: the sender believes it went, the receiver sees a question about\n       * nothing.\n       *\n       * Above the input, held pastes go out in arrival order after what was typed,\n       * because people type the question BEFORE pasting the thing it is about.\n       * Inline, every pill goes out exactly where it sits.\n       */\n      const images = inline ? paste.imagesIn(value) : [];\n\n      const result = onSubmit?.(composeOutgoing(), { images });\n      const sent = revisionRef.current;\n      ack.track(result, () => {\n        /*\n         * A void `onSubmit` reaches here synchronously, so `sent` is still the\n         * current revision and this clears exactly as it always has. An async one\n         * reaches here when it resolves: if anything changed the message while it\n         * was in flight, that message is newer than the send, even if it reads the\n         * same, and throwing it away is the one outcome nobody can undo. So only\n         * the revision that was sent is cleared.\n         */\n        if (revisionRef.current !== sent) return;\n        setValue(\"\");\n        paste.clear();\n      });\n      // Focus goes back to the text at once, as before: it stays editable while\n      // a send is in flight, and the send button the person may have clicked is\n      // about to be disabled.\n      focusInput();\n    }, [hasContent, disabled, sendDisabled, ack, value, inline, paste, onSubmit, composeOutgoing, setValue, focusInput]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      // Enter that confirms an IME composition finishes a word; it is not a send.\n      if (e.key === \"Enter\" && !e.shiftKey && !isImeComposing(e)) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    /** Above the input: click a pill to dump it in, APPENDED to what is already typed. */\n    const insertPaste = useCallback(\n      (held: HeldPaste) => {\n        // `expand` removes it and hands back the text; inserting is this\n        // component's job because the hook owns no DOM.\n        const text = pills.expand(held.id);\n\n        if (text === undefined) return;\n\n        setValue((current) => (current ? `${current}\\n\\n${text}` : text));\n        textareaRef.current?.focus();\n      },\n      [pills, setValue],\n    );\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        // Absent while idle; \"submitting\" while an onSubmit Promise is pending;\n        // \"error\" after one was refused, until the next send.\n        data-submit-state={ack.status === \"idle\" ? undefined : ack.status}\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        {!inline && heldPastes.length > 0 && (\n          <div\n            data-react-fancy-composer-paste-pills=\"\"\n            className=\"flex flex-wrap gap-1.5 px-3 pt-3\"\n          >\n            {heldPastes.map((paste) => (\n              // `group` + `group-hover` rather than hover state: the preview is\n              // presentation, and a useState for it would be one more thing an\n              // agent could desynchronise.\n              <span key={paste.id} className=\"group relative inline-flex\">\n                <button\n                  type=\"button\"\n                  data-react-fancy-composer-paste-pill={paste.id}\n                  onClick={() => insertPaste(paste)}\n                  disabled={disabled}\n                  // No `title`. A native tooltip plus the hover preview below\n                  // renders TWO tooltips on the same hover, at different delays.\n                  // The label says what clicking does; the preview says what the\n                  // text is, and it is linked rather than merely adjacent so a\n                  // screen reader reaches it too.\n                  aria-label={`Insert this pasted text, ${withSeparators(paste.text.length)} characters`}\n                  aria-describedby={`${paste.id}-preview`}\n                  // `pr-7` leaves room for the absolutely-positioned × that sits\n                  // over this button's right edge. With a smaller right padding the\n                  // × lands on top of the label.\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-full border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-zinc-50 py-1 ps-2.5 pe-7 text-xs text-zinc-700 transition-colors hover:bg-zinc-100 dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700\",\n                    classNames?.pill,\n                    classNames?.textPill,\n                  )}\n                >\n                  <span>\n                    Pasted text · {withSeparators(paste.text.length)} characters\n                  </span>\n                </button>\n\n                <button\n                  type=\"button\"\n                  data-react-fancy-composer-paste-pill-remove={paste.id}\n                  onClick={() => pills.remove(paste.id)}\n                  disabled={disabled}\n                  aria-label=\"Discard this pasted text\"\n                  className={cn(\n                    \"absolute end-1 top-1/2 -translate-y-1/2 rounded-full px-1 text-xs text-zinc-400 transition-colors hover:text-zinc-700 dark:hover:text-zinc-100\",\n                    classNames?.remove,\n                  )}\n                >\n                  ×\n                </button>\n\n                <span\n                  id={`${paste.id}-preview`}\n                  data-react-fancy-composer-paste-pill-preview={paste.id}\n                  role=\"tooltip\"\n                  className={cn(\n                    \"pointer-events-none absolute bottom-full start-0 z-10 mb-1 hidden max-w-xs whitespace-pre-wrap break-all rounded-md bg-zinc-900 px-2 py-1 text-xs text-white group-hover:block dark:bg-zinc-100 dark:text-zinc-900\",\n                    classNames?.preview,\n                  )}\n                >\n                  {renderPastePreview?.({ kind: \"text\", paste }) ??\n                    endsOf(paste.text, previewChars)}\n                </span>\n              </span>\n            ))}\n          </div>\n        )}\n\n        {inline ? (\n          <>\n            <InlinePasteEditor\n              ref={editorRef}\n              value={value}\n              known={paste.known}\n              onChange={handleInlineChange}\n              onSubmit={handleSubmit}\n              onPaste={paste.decidePaste}\n              onHostsChange={paste.onHostsChange}\n              placeholder={placeholder}\n              disabled={disabled}\n              id={inputId}\n              className={classNames?.input}\n            />\n            {paste.portals}\n            {/* A contenteditable is no form field, so `name` rides on a hidden\n                one carrying what a send would carry: the expanded text. */}\n            {name && <input type=\"hidden\" name={name} value={composeOutgoing()} />}\n            {pasteImages && pasteFilesName && (\n              <PastedFilesInput name={pasteFilesName} files={pastedFiles} />\n            )}\n          </>\n        ) : (\n          <textarea\n            ref={textareaRef}\n            // Its own handle, NOT the inline editor's `data-react-fancy-composer-input`:\n            // that one already means \"the contenteditable is on\", and a host that\n            // tests for it to pick a write path must not be handed a textarea.\n            data-react-fancy-composer-textarea=\"\"\n            id={inputId}\n            name={name}\n            value={value}\n            onChange={(e) => setValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            onPaste={handlePaste}\n            placeholder={placeholder}\n            disabled={disabled}\n            rows={3}\n            className={cn(\n              \"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\",\n              classNames?.input,\n            )}\n          />\n        )}\n        <div className=\"relative flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          {ack.status === \"error\" && (\n            // Mounted with its text, as `role=\"alert\"` is announced on insertion.\n            <div\n              role=\"alert\"\n              data-react-fancy-composer-error=\"\"\n              className=\"sr-only\"\n              style={visuallyHidden}\n            >\n              {ack.message}\n            </div>\n          )}\n          <button\n            type=\"button\"\n            data-react-fancy-composer-send=\"\"\n            onClick={handleSubmit}\n            disabled={disabled || sendDisabled || submitting || !hasContent}\n            aria-busy={submitting || undefined}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n\n/** Same pills, same content: a host echoing a copy of what it was told is not a new revision. */\nfunction samePastes(a: HeldPaste[], b: HeldPaste[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every((p, i) => p.id === b[i]!.id && p.text === b[i]!.text && p.label === b[i]!.label)\n  );\n}\n\nfunction sameImages(a: HeldImage[], b: HeldImage[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every((img, i) => img.id === b[i]!.id && img.label === b[i]!.label && img.file === b[i]!.file)\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Composer/Composer.tsx"],"names":["forwardRef","Composer","useControllableState","useRef","useInlinePaste","useMemo","useCallback","useAcknowledgedSubmit","isImeComposing","jsxs","cn","jsx","paste","withSeparators","endsOf","Fragment","InlinePasteEditor","PastedFilesInput","visuallyHidden"],"mappings":"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","file":"chunk-ZFXCZ2QO.cjs","sourcesContent":["import { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { isImeComposing } from \"../../utils/ime\";\nimport { visuallyHidden } from \"../../utils/visually-hidden\";\nimport { useAcknowledgedSubmit } from \"../../hooks/use-acknowledged-submit\";\nimport { useControllableState } from \"../../hooks/use-controllable-state\";\nimport {\n  endsOf,\n  InlinePasteEditor,\n  PastedFilesInput,\n  useInlinePaste,\n  withSeparators,\n  type HeldImage,\n  type HeldPaste,\n  type InlinePasteEditorHandle,\n} from \"../PastePills\";\nimport type { ComposerProps } from \"./Composer.types\";\n\n/** Characters of a held paste shown at each end of the hover preview, unless `previewChars` says otherwise. */\nconst PREVIEW_CHARS = 20;\n\nexport const Composer = forwardRef<HTMLDivElement, ComposerProps>(\n  function Composer(\n    {\n      value: controlledValue,\n      defaultValue = \"\",\n      onChange,\n      onSubmit,\n      onSubmitError,\n      placeholder = \"Type a message...\",\n      actions,\n      disabled = false,\n      sendDisabled = false,\n      name,\n      inputId,\n      className,\n      pasteThreshold,\n      pastePlacement = \"above\",\n      pasteImages = false,\n      previewChars = PREVIEW_CHARS,\n      renderPastePreview,\n      classNames,\n      heldPastes: controlledHeldPastes,\n      onHeldPastesChange,\n      heldImages: controlledHeldImages,\n      onHeldImagesChange,\n      pasteFilesName,\n    },\n    ref,\n  ) {\n    const inline = pastePlacement === \"inline\";\n    const [value, setValue] = useControllableState(\n      controlledValue,\n      defaultValue,\n      onChange,\n    );\n    const textareaRef = useRef<HTMLTextAreaElement>(null);\n    const editorRef = useRef<InlinePasteEditorHandle>(null);\n    /*\n     * The holding logic lives in `usePastePills`, wrapped by `useInlinePaste` for\n     * the inline placement — which `PromptInput` shares, so the two components\n     * cannot disagree about what a pill means. The rule that must not drift is\n     * the one below: a send with pills still closed carries the text.\n     */\n    const paste = useInlinePaste({\n      pasteThreshold,\n      pasteImages,\n      previewChars,\n      renderPastePreview,\n      classNames,\n      disabled,\n      heldPastes: controlledHeldPastes,\n      onHeldPastesChange,\n      heldImages: controlledHeldImages,\n      onHeldImagesChange,\n      editorRef,\n    });\n    const pills = paste.pills;\n    const heldPastes = paste.heldPastes;\n    const pastedFiles = useMemo(\n      () => (inline && pasteImages ? paste.imagesIn(value).map((i) => i.file) : []),\n      [inline, pasteImages, paste, value],\n    );\n\n    const handlePaste = useCallback(\n      (e: React.ClipboardEvent<HTMLTextAreaElement>) => {\n        // Composable by design, so this reads as a question rather than a handover.\n        // Nothing else here wants the paste, so the answer is simply ignored.\n        pills.handlePaste(e);\n      },\n      [pills],\n    );\n\n    const handleInlineChange = useCallback(\n      (next: string) => {\n        setValue(next);\n        paste.prune(next);\n      },\n      [setValue, paste],\n    );\n\n    /** Everything the person believes they are sending, in the order they built it. */\n    const composeOutgoing = useCallback(() => {\n      if (inline) return paste.expand(value);\n\n      return [value, ...heldPastes.map((p) => p.text)].filter(Boolean).join(\"\\n\\n\");\n    }, [inline, value, heldPastes, paste]);\n\n    const hasContent = value.trim().length > 0 || (!inline && heldPastes.length > 0);\n\n    const focusInput = useCallback(() => {\n      if (inline) editorRef.current?.focus();\n      else textareaRef.current?.focus();\n    }, [inline]);\n\n    const ack = useAcknowledgedSubmit(onSubmitError);\n    const submitting = ack.status === \"submitting\";\n\n    /*\n     * The draft's REVISION: bumped by every render in which the text, a held\n     * paste or a held image differs from the last one seen — the person typing\n     * or pasting, or a host moving a controlled `value` / `heldPastes` /\n     * `heldImages`. An acknowledged send clears only if the revision is still\n     * the one it sent. Comparing content instead (5.70.0) threw away newer\n     * drafts that happened to compare equal: an edit typed and undone, a pill\n     * whose text the host changed under the same id.\n     */\n    const heldImages = paste.heldImages;\n    const revisionRef = useRef(0);\n    const seenRef = useRef({ value, heldPastes, heldImages });\n    const seen = seenRef.current;\n    if (seen.value !== value || seen.heldPastes !== heldPastes || seen.heldImages !== heldImages) {\n      if (\n        seen.value !== value ||\n        !samePastes(seen.heldPastes, heldPastes) ||\n        !sameImages(seen.heldImages, heldImages)\n      ) {\n        revisionRef.current += 1;\n      }\n      seenRef.current = { value, heldPastes, heldImages };\n    }\n\n    const handleSubmit = useCallback(() => {\n      if (!hasContent || disabled || sendDisabled || ack.busy()) return;\n\n      /*\n       * THE DANGEROUS STATE, and the reason this feature needed a spec rather than\n       * a guess. A pill reads as \"your paste is attached\" — so a send that drops it\n       * means asking a question about a document without the document, and nobody\n       * can tell: the sender believes it went, the receiver sees a question about\n       * nothing.\n       *\n       * Above the input, held pastes go out in arrival order after what was typed,\n       * because people type the question BEFORE pasting the thing it is about.\n       * Inline, every pill goes out exactly where it sits.\n       */\n      const images = inline ? paste.imagesIn(value) : [];\n\n      const result = onSubmit?.(composeOutgoing(), { images });\n      const sent = revisionRef.current;\n      ack.track(result, () => {\n        /*\n         * A void `onSubmit` reaches here synchronously, so `sent` is still the\n         * current revision and this clears exactly as it always has. An async one\n         * reaches here when it resolves: if anything changed the message while it\n         * was in flight, that message is newer than the send, even if it reads the\n         * same, and throwing it away is the one outcome nobody can undo. So only\n         * the revision that was sent is cleared.\n         */\n        if (revisionRef.current !== sent) return;\n        setValue(\"\");\n        paste.clear();\n      });\n      // Focus goes back to the text at once, as before: it stays editable while\n      // a send is in flight, and the send button the person may have clicked is\n      // about to be disabled.\n      focusInput();\n    }, [hasContent, disabled, sendDisabled, ack, value, inline, paste, onSubmit, composeOutgoing, setValue, focusInput]);\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n      // Enter that confirms an IME composition finishes a word; it is not a send.\n      if (e.key === \"Enter\" && !e.shiftKey && !isImeComposing(e)) {\n        e.preventDefault();\n        handleSubmit();\n      }\n    };\n\n    /** Above the input: click a pill to dump it in, APPENDED to what is already typed. */\n    const insertPaste = useCallback(\n      (held: HeldPaste) => {\n        // `expand` removes it and hands back the text; inserting is this\n        // component's job because the hook owns no DOM.\n        const text = pills.expand(held.id);\n\n        if (text === undefined) return;\n\n        setValue((current) => (current ? `${current}\\n\\n${text}` : text));\n        textareaRef.current?.focus();\n      },\n      [pills, setValue],\n    );\n\n    return (\n      <div\n        data-react-fancy-composer=\"\"\n        // Absent while idle; \"submitting\" while an onSubmit Promise is pending;\n        // \"error\" after one was refused, until the next send.\n        data-submit-state={ack.status === \"idle\" ? undefined : ack.status}\n        ref={ref}\n        className={cn(\n          \"rounded-xl border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-[color:var(--fancy-surface,var(--color-white))] dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-[color:var(--fancy-surface-dark,var(--color-zinc-900))]\",\n          disabled && \"opacity-50\",\n          className,\n        )}\n      >\n        {!inline && heldPastes.length > 0 && (\n          <div\n            data-react-fancy-composer-paste-pills=\"\"\n            className=\"flex flex-wrap gap-1.5 px-3 pt-3\"\n          >\n            {heldPastes.map((paste) => (\n              // `group` + `group-hover` rather than hover state: the preview is\n              // presentation, and a useState for it would be one more thing an\n              // agent could desynchronise.\n              <span key={paste.id} className=\"group relative inline-flex\">\n                <button\n                  type=\"button\"\n                  data-react-fancy-composer-paste-pill={paste.id}\n                  onClick={() => insertPaste(paste)}\n                  disabled={disabled}\n                  // No `title`. A native tooltip plus the hover preview below\n                  // renders TWO tooltips on the same hover, at different delays.\n                  // The label says what clicking does; the preview says what the\n                  // text is, and it is linked rather than merely adjacent so a\n                  // screen reader reaches it too.\n                  aria-label={`Insert this pasted text, ${withSeparators(paste.text.length)} characters`}\n                  aria-describedby={`${paste.id}-preview`}\n                  // `pr-7` leaves room for the absolutely-positioned × that sits\n                  // over this button's right edge. With a smaller right padding the\n                  // × lands on top of the label.\n                  className={cn(\n                    \"inline-flex items-center gap-1.5 rounded-full border border-[color:var(--fancy-border,var(--color-zinc-200))] bg-zinc-50 py-1 ps-2.5 pe-7 text-xs text-zinc-700 transition-colors hover:bg-zinc-100 dark:border-[color:var(--fancy-border-dark,var(--color-zinc-700))] dark:bg-zinc-800 dark:text-zinc-200 dark:hover:bg-zinc-700\",\n                    classNames?.pill,\n                    classNames?.textPill,\n                  )}\n                >\n                  <span>\n                    Pasted text · {withSeparators(paste.text.length)} characters\n                  </span>\n                </button>\n\n                <button\n                  type=\"button\"\n                  data-react-fancy-composer-paste-pill-remove={paste.id}\n                  onClick={() => pills.remove(paste.id)}\n                  disabled={disabled}\n                  aria-label=\"Discard this pasted text\"\n                  className={cn(\n                    \"absolute end-1 top-1/2 -translate-y-1/2 rounded-full px-1 text-xs text-zinc-400 transition-colors hover:text-zinc-700 dark:hover:text-zinc-100\",\n                    classNames?.remove,\n                  )}\n                >\n                  ×\n                </button>\n\n                <span\n                  id={`${paste.id}-preview`}\n                  data-react-fancy-composer-paste-pill-preview={paste.id}\n                  role=\"tooltip\"\n                  className={cn(\n                    \"pointer-events-none absolute bottom-full start-0 z-10 mb-1 hidden max-w-xs whitespace-pre-wrap break-all rounded-md bg-zinc-900 px-2 py-1 text-xs text-white group-hover:block dark:bg-zinc-100 dark:text-zinc-900\",\n                    classNames?.preview,\n                  )}\n                >\n                  {renderPastePreview?.({ kind: \"text\", paste }) ??\n                    endsOf(paste.text, previewChars)}\n                </span>\n              </span>\n            ))}\n          </div>\n        )}\n\n        {inline ? (\n          <>\n            <InlinePasteEditor\n              ref={editorRef}\n              value={value}\n              known={paste.known}\n              onChange={handleInlineChange}\n              onSubmit={handleSubmit}\n              onPaste={paste.decidePaste}\n              onHostsChange={paste.onHostsChange}\n              placeholder={placeholder}\n              disabled={disabled}\n              id={inputId}\n              className={classNames?.input}\n            />\n            {paste.portals}\n            {/* A contenteditable is no form field, so `name` rides on a hidden\n                one carrying what a send would carry: the expanded text. */}\n            {name && <input type=\"hidden\" name={name} value={composeOutgoing()} />}\n            {pasteImages && pasteFilesName && (\n              <PastedFilesInput name={pasteFilesName} files={pastedFiles} />\n            )}\n          </>\n        ) : (\n          <textarea\n            ref={textareaRef}\n            // Its own handle, NOT the inline editor's `data-react-fancy-composer-input`:\n            // that one already means \"the contenteditable is on\", and a host that\n            // tests for it to pick a write path must not be handed a textarea.\n            data-react-fancy-composer-textarea=\"\"\n            id={inputId}\n            name={name}\n            value={value}\n            onChange={(e) => setValue(e.target.value)}\n            onKeyDown={handleKeyDown}\n            onPaste={handlePaste}\n            placeholder={placeholder}\n            disabled={disabled}\n            rows={3}\n            className={cn(\n              \"w-full resize-none bg-transparent px-4 pt-3 text-sm outline-none placeholder:text-zinc-400\",\n              classNames?.input,\n            )}\n          />\n        )}\n        <div className=\"relative flex items-center justify-between border-t border-zinc-100 px-3 py-2 dark:border-zinc-800\">\n          <div className=\"flex items-center gap-1\">{actions}</div>\n          {ack.status === \"error\" && (\n            // Mounted with its text, as `role=\"alert\"` is announced on insertion.\n            <div\n              role=\"alert\"\n              data-react-fancy-composer-error=\"\"\n              className=\"sr-only\"\n              style={visuallyHidden}\n            >\n              {ack.message}\n            </div>\n          )}\n          <button\n            type=\"button\"\n            data-react-fancy-composer-send=\"\"\n            onClick={handleSubmit}\n            disabled={disabled || sendDisabled || submitting || !hasContent}\n            aria-busy={submitting || undefined}\n            className=\"rounded-lg bg-zinc-900 px-3 py-1.5 text-sm font-medium text-white transition-colors hover:bg-zinc-800 disabled:opacity-50 dark:bg-white dark:text-zinc-900 dark:hover:bg-zinc-100\"\n          >\n            Send\n          </button>\n        </div>\n      </div>\n    );\n  },\n);\n\nComposer.displayName = \"Composer\";\n\n/** Same pills, same content: a host echoing a copy of what it was told is not a new revision. */\nfunction samePastes(a: HeldPaste[], b: HeldPaste[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every((p, i) => p.id === b[i]!.id && p.text === b[i]!.text && p.label === b[i]!.label)\n  );\n}\n\nfunction sameImages(a: HeldImage[], b: HeldImage[]): boolean {\n  return (\n    a.length === b.length &&\n    a.every((img, i) => img.id === b[i]!.id && img.label === b[i]!.label && img.file === b[i]!.file)\n  );\n}\n"]}

package/dist/command.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkEC4ZYZNK_cjs = require('./chunk-EC4ZYZNK.cjs');
-require('./chunk-TXTRTTG7.cjs');
+var chunkNFUKNVB7_cjs = require('./chunk-NFUKNVB7.cjs');
+require('./chunk-RE3PMG47.cjs');
+require('./chunk-UOG3O3KP.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-6V44RRSB.cjs');
 require('./chunk-MKHYENKR.cjs');
@@ -14,11 +15,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Command", {
   enumerable: true,
-  get: function () { return chunkEC4ZYZNK_cjs.Command; }
+  get: function () { return chunkNFUKNVB7_cjs.Command; }
 });
 Object.defineProperty(exports, "useCommand", {
   enumerable: true,
-  get: function () { return chunkEC4ZYZNK_cjs.useCommand; }
+  get: function () { return chunkNFUKNVB7_cjs.useCommand; }
 });
 //# sourceMappingURL=command.cjs.map
 //# sourceMappingURL=command.cjs.map

package/dist/command.js

@@ -1,5 +1,6 @@
-export { Command, useCommand } from './chunk-R6O6SLXK.js';
-import './chunk-5U2DZ7AV.js';
+export { Command, useCommand } from './chunk-LG2O26CG.js';
+import './chunk-HHCVBIMM.js';
+import './chunk-MUV7OK3W.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-S42OGG43.js';
 import './chunk-5VMILVWD.js';

package/dist/composer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkL5NDZEL6_cjs = require('./chunk-L5NDZEL6.cjs');
+var chunkZFXCZ2QO_cjs = require('./chunk-ZFXCZ2QO.cjs');
 require('./chunk-JKD6CFIP.cjs');
-var chunkUORN3Z7R_cjs = require('./chunk-UORN3Z7R.cjs');
-require('./chunk-JV2HEOCB.cjs');
+var chunkTBLKVTJC_cjs = require('./chunk-TBLKVTJC.cjs');
+require('./chunk-MAY4NMRI.cjs');
 require('./chunk-2C64OVOZ.cjs');
 require('./chunk-6V44RRSB.cjs');
 require('./chunk-MKHYENKR.cjs');
-require('./chunk-XGGAAG74.cjs');
+require('./chunk-QQKWI7QP.cjs');
 require('./chunk-36IC3NDN.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
@@ -19,11 +19,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkL5NDZEL6_cjs.Composer; }
+  get: function () { return chunkZFXCZ2QO_cjs.Composer; }
 });
 Object.defineProperty(exports, "pasteMarker", {
   enumerable: true,
-  get: function () { return chunkUORN3Z7R_cjs.pasteMarker; }
+  get: function () { return chunkTBLKVTJC_cjs.pasteMarker; }
 });
 //# sourceMappingURL=composer.cjs.map
 //# sourceMappingURL=composer.cjs.map

package/dist/composer.js

@@ -1,11 +1,11 @@
-export { Composer } from './chunk-KAKKZDCE.js';
+export { Composer } from './chunk-J57JSHDC.js';
 import './chunk-J6IQHJET.js';
-export { pasteMarker } from './chunk-RSB2P3JK.js';
-import './chunk-6RXEWM3V.js';
+export { pasteMarker } from './chunk-FECD3WKN.js';
+import './chunk-FNHKZMMI.js';
 import './chunk-I3LAFKJU.js';
 import './chunk-S42OGG43.js';
 import './chunk-5VMILVWD.js';
-import './chunk-GJWNZMJT.js';
+import './chunk-RUEDMYBF.js';
 import './chunk-US5R36TQ.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';

package/dist/drawer.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunk7NRG77U5_cjs = require('./chunk-7NRG77U5.cjs');
-require('./chunk-TXTRTTG7.cjs');
+var chunkTXQT6S4D_cjs = require('./chunk-TXQT6S4D.cjs');
+require('./chunk-RE3PMG47.cjs');
+require('./chunk-UOG3O3KP.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
@@ -12,11 +13,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunk7NRG77U5_cjs.Drawer; }
+  get: function () { return chunkTXQT6S4D_cjs.Drawer; }
 });
 Object.defineProperty(exports, "useDrawer", {
   enumerable: true,
-  get: function () { return chunk7NRG77U5_cjs.useDrawer; }
+  get: function () { return chunkTXQT6S4D_cjs.useDrawer; }
 });
 //# sourceMappingURL=drawer.cjs.map
 //# sourceMappingURL=drawer.cjs.map

package/dist/drawer.d.cts

@@ -55,6 +55,8 @@ interface DrawerHeaderProps {
     /** Show the close button. Default `true`. */
     closable?: boolean;
     className?: string;
+    /** Accessible name of the close button. Default `"Close"`; pass your locale's word. */
+    closeLabel?: string;
 }
 interface DrawerBodyProps {
     children: ReactNode;
@@ -69,7 +71,12 @@ interface DrawerContainerProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 
-declare function DrawerHeader({ children, closable, className }: DrawerHeaderProps): react.JSX.Element;
+/**
+ * The close button draws at 26px (18px icon + `p-1`) and HITS at 44px (WCAG
+ * 2.5.5, AAA): a `::before` overhangs it by 9px, inside the header's `py-3`. The
+ * look is unchanged; see ModalHeader for why this over a size option.
+ */
+declare function DrawerHeader({ children, closable, className, closeLabel }: DrawerHeaderProps): react.JSX.Element;
 declare namespace DrawerHeader {
     var displayName: string;
 }

package/dist/drawer.d.ts

@@ -55,6 +55,8 @@ interface DrawerHeaderProps {
     /** Show the close button. Default `true`. */
     closable?: boolean;
     className?: string;
+    /** Accessible name of the close button. Default `"Close"`; pass your locale's word. */
+    closeLabel?: string;
 }
 interface DrawerBodyProps {
     children: ReactNode;
@@ -69,7 +71,12 @@ interface DrawerContainerProps extends HTMLAttributes<HTMLDivElement> {
     className?: string;
 }
 
-declare function DrawerHeader({ children, closable, className }: DrawerHeaderProps): react.JSX.Element;
+/**
+ * The close button draws at 26px (18px icon + `p-1`) and HITS at 44px (WCAG
+ * 2.5.5, AAA): a `::before` overhangs it by 9px, inside the header's `py-3`. The
+ * look is unchanged; see ModalHeader for why this over a size option.
+ */
+declare function DrawerHeader({ children, closable, className, closeLabel }: DrawerHeaderProps): react.JSX.Element;
 declare namespace DrawerHeader {
     var displayName: string;
 }

package/dist/drawer.js

@@ -1,5 +1,6 @@
-export { Drawer, useDrawer } from './chunk-ZBXJDQXN.js';
-import './chunk-5U2DZ7AV.js';
+export { Drawer, useDrawer } from './chunk-JJYMRV62.js';
+import './chunk-HHCVBIMM.js';
+import './chunk-MUV7OK3W.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';

package/dist/dropdown.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunkQAM6N3VG_cjs = require('./chunk-QAM6N3VG.cjs');
+var chunkHEGM5LMZ_cjs = require('./chunk-HEGM5LMZ.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-MKHYENKR.cjs');
-require('./chunk-XGGAAG74.cjs');
+require('./chunk-QQKWI7QP.cjs');
 require('./chunk-36IC3NDN.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
@@ -14,11 +14,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunkQAM6N3VG_cjs.Dropdown; }
+  get: function () { return chunkHEGM5LMZ_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "useDropdown", {
   enumerable: true,
-  get: function () { return chunkQAM6N3VG_cjs.useDropdown; }
+  get: function () { return chunkHEGM5LMZ_cjs.useDropdown; }
 });
 //# sourceMappingURL=dropdown.cjs.map
 //# sourceMappingURL=dropdown.cjs.map

package/dist/dropdown.js

@@ -1,7 +1,7 @@
-export { Dropdown, useDropdown } from './chunk-DW2PHLOA.js';
+export { Dropdown, useDropdown } from './chunk-H5LJFN7D.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-5VMILVWD.js';
-import './chunk-GJWNZMJT.js';
+import './chunk-RUEDMYBF.js';
 import './chunk-US5R36TQ.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';

package/dist/editor.cjs

@@ -5,7 +5,7 @@ require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-VQJ5LJJH.cjs');
 require('./chunk-4GOOSZEK.cjs');
-require('./chunk-TXTRTTG7.cjs');
+require('./chunk-UOG3O3KP.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-AIA5UNQ5.cjs');
 require('./chunk-U4KUW3RK.cjs');
@@ -13,7 +13,7 @@ require('./chunk-WOURDD4U.cjs');
 require('./chunk-2C64OVOZ.cjs');
 require('./chunk-INC35VEE.cjs');
 require('./chunk-5WXY3Q6X.cjs');
-require('./chunk-XGGAAG74.cjs');
+require('./chunk-QQKWI7QP.cjs');
 require('./chunk-36IC3NDN.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-L3V3BYVS.cjs');

package/dist/editor.js

@@ -3,7 +3,7 @@ import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-RP43ZFZP.js';
 import './chunk-ZQ3VXRUY.js';
-import './chunk-5U2DZ7AV.js';
+import './chunk-MUV7OK3W.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-TJ66S5K6.js';
 import './chunk-ZL5QVNKG.js';
@@ -11,7 +11,7 @@ import './chunk-7GRIO5AZ.js';
 import './chunk-I3LAFKJU.js';
 import './chunk-QSRYTWQN.js';
 import './chunk-2X54BVXG.js';
-import './chunk-GJWNZMJT.js';
+import './chunk-RUEDMYBF.js';
 import './chunk-US5R36TQ.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-NRXK42LO.js';