@gabvdl/ui 0.0.14

package/dist/components/rich-input/rich-input.js

@@ -0,0 +1,351 @@
+import { jsxs as h, jsx as n, Fragment as Be } from "react/jsx-runtime";
+import { forwardRef as Ke, useRef as F, useState as d, useCallback as l, useEffect as w, useLayoutEffect as Ve, useImperativeHandle as Qe } from "react";
+import { Upload as _e, Loader2 as $e, Paperclip as Ge, History as Je, SendHorizontal as Xe } from "lucide-react";
+import { cn as W } from "../../lib/utils.js";
+import { useFileDrop as Ye } from "../drop-zone/use-file-drop.js";
+import { defaultComposePrompt as Ze } from "./compose.js";
+import { useDraft as We } from "./use-draft.js";
+import { useFileUpload as et } from "./use-file-upload.js";
+import { useGuidelines as tt } from "./use-guidelines.js";
+import { useInputHistory as rt } from "./use-input-history.js";
+import { useMention as nt } from "./use-mention.js";
+import { UnsendBanner as st, ReverseSearchBar as ot, MentionMenu as it, AttachmentChips as lt, TagChips as ct, GuidelinesSwitch as at, TagScrollList as ut, HistorySheet as dt } from "./parts.js";
+const he = 22, Dt = Ke(function({
+  defaultValue: N = "",
+  placeholder: q = "Type a message…",
+  disabled: v = !1,
+  className: M,
+  autoFocus: xe = !1,
+  minRows: ye = 2,
+  maxRows: O = 12,
+  onSubmit: S,
+  undoWindowMs: D = 3e3,
+  submitKey: j = "enter",
+  cacheKey: ee,
+  cacheLocation: be = "local",
+  uploadFiles: k,
+  accept: C,
+  maxFiles: T,
+  fileFilter: we,
+  fileDrop: Ne,
+  dropDirectories: Se = !0,
+  tags: te = [],
+  onTagsChange: A,
+  guidelines: De,
+  guidelinesToggle: U = !1,
+  defaultGuidelinesOn: ke = !0,
+  onGuidelinesToggle: R,
+  tagListRows: Ce = 3,
+  showMax: Ae,
+  mentionPrefix: re = "#",
+  history: m = !0,
+  composePrompt: ne = Ze,
+  toolbarExtra: Re
+}, He) {
+  const a = F(null), se = F(null), [i, B, oe] = We(ee, be), [ie, ze] = d(!1), o = tt(te), r = et({ upload: k, accept: C, maxFiles: T, filter: we }), s = rt(m ? ee ?? "default" : null), Ie = k !== void 0 || C !== void 0 || T !== void 0, K = v || r.uploading, V = Ye({
+    onFiles: (e) => void r.add(e),
+    disabled: !(Ne ?? Ie) || K,
+    recursive: Se
+  }), [Q, Ee] = d(!1), [Pe, le] = d(!1), [Fe, _] = d(!1), [H, Le] = d(ke), $ = !U || H, [f, x] = d(null), [z, G] = d(null), [qe, ce] = d(0), y = F(null), I = F(null), c = l(
+    (e) => {
+      B(e);
+    },
+    [B]
+  );
+  w(() => {
+    ie || (ze(!0), N && !i && B(N));
+  }, [ie]), w(() => {
+    var g;
+    if (typeof window > "u" || !window.matchMedia) return;
+    const e = window.matchMedia("(pointer: coarse)"), t = () => Ee(e.matches);
+    return t(), (g = e.addEventListener) == null || g.call(e, "change", t), () => {
+      var P;
+      return (P = e.removeEventListener) == null ? void 0 : P.call(e, "change", t);
+    };
+  }, []), w(() => A == null ? void 0 : A(o.active), [o.active, A]), w(() => R == null ? void 0 : R(H), [H, R]);
+  const u = nt({
+    tags: te,
+    value: i,
+    setValue: c,
+    taRef: a,
+    prefix: re,
+    onPick: (e) => o.setOn(e.id, !0)
+  });
+  Ve(() => {
+    const e = a.current;
+    e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, O * he)}px`);
+  }, [i, O]);
+  const p = l(() => {
+    y.current && clearTimeout(y.current), I.current && clearInterval(I.current), y.current = null, I.current = null;
+  }, []);
+  w(() => () => p(), [p]);
+  const E = l(() => {
+    oe(), r.reset(), o.clear(), le(!1), s.resetCursor();
+  }, [oe, r, o, s]), J = o.toggles.filter((e) => (e.group ?? "guideline") !== "tag"), ae = o.toggles.filter((e) => e.group === "tag"), ue = (De ?? J.length > 0) && $, de = l(() => {
+    const e = i.trim();
+    if (!e && r.files.length === 0 || r.uploading) return null;
+    const t = $ ? o.lines : [], g = ne({ text: e, guidelines: t, tags: o.active, files: r.files });
+    return { text: e, prompt: g, files: r.files, tags: o.active };
+  }, [i, r.files, r.uploading, ne, o.lines, o.active, $]), X = l(
+    (e) => {
+      S == null || S(e);
+    },
+    [S]
+  ), b = l(() => {
+    const e = de();
+    if (e) {
+      if (s.push(e.text), E(), D <= 0) {
+        X(e);
+        return;
+      }
+      p(), G(e), ce(Math.ceil(D / 1e3)), I.current = setInterval(() => ce((t) => Math.max(0, t - 1)), 1e3), y.current = setTimeout(() => {
+        p(), G(null), X(e);
+      }, D);
+    }
+  }, [de, s, E, D, p, X]), Y = l(() => {
+    if (!y.current || !z) return null;
+    p();
+    const e = z;
+    G(null), c(e.text), r.setFiles(e.files);
+    for (const t of e.tags) o.setOn(t.id, !0);
+    return requestAnimationFrame(() => {
+      var t;
+      return (t = a.current) == null ? void 0 : t.focus();
+    }), e;
+  }, [z, p, c, r, o]);
+  Qe(
+    He,
+    () => ({
+      focus: () => {
+        var e;
+        return (e = a.current) == null ? void 0 : e.focus();
+      },
+      blur: () => {
+        var e;
+        return (e = a.current) == null ? void 0 : e.blur();
+      },
+      clear: () => E(),
+      getValue: () => i,
+      setValue: (e) => c(e),
+      setFiles: (e) => r.setFiles(e),
+      submit: b,
+      cancelSend: Y
+    }),
+    [E, i, c, r, b, Y]
+  );
+  const fe = l(() => {
+    const e = a.current, t = s.prev(i);
+    return t == null ? !1 : (c(t), requestAnimationFrame(() => e == null ? void 0 : e.setSelectionRange(t.length, t.length)), !0);
+  }, [s, i, c]), pe = l(() => {
+    const e = s.next();
+    if (e == null) return !1;
+    c(e);
+    const t = a.current;
+    return requestAnimationFrame(() => t == null ? void 0 : t.setSelectionRange(e.length, e.length)), !0;
+  }, [s, c]), me = l(() => {
+    s.resetSearch(), x({ query: "", match: null });
+  }, [s]), Me = l(
+    (e) => x({ query: e, match: s.reverseSearch(e) }),
+    [s]
+  ), Oe = l(
+    () => x((e) => e && { ...e, match: s.reverseSearch(e.query, !0) }),
+    [s]
+  ), je = l(() => {
+    const e = f == null ? void 0 : f.match;
+    x(null), e != null && (c(e), requestAnimationFrame(() => {
+      const t = a.current;
+      t == null || t.focus(), t == null || t.setSelectionRange(e.length, e.length);
+    }));
+  }, [f, c]), Te = l(
+    (e) => {
+      if (u.onKeyDown(e)) return;
+      if (e.ctrlKey && e.key.toLowerCase() === "r" && m) {
+        e.preventDefault(), me();
+        return;
+      }
+      const t = e.currentTarget, g = t.selectionStart === 0 && t.selectionEnd === 0, P = t.selectionStart === i.length && t.selectionEnd === i.length;
+      if (e.key === "ArrowUp" && m && g && fe()) {
+        e.preventDefault();
+        return;
+      }
+      if (e.key === "ArrowDown" && m && s.browsing && P && pe()) {
+        e.preventDefault();
+        return;
+      }
+      if (e.key === "Enter") {
+        const Z = e.metaKey || e.ctrlKey, Ue = j === "mod+enter" ? Z : !e.shiftKey && (Q ? Z : !0);
+        if (Q && j !== "mod+enter" && !Z) return;
+        Ue && (e.preventDefault(), b());
+      }
+    },
+    [u, m, me, i.length, fe, pe, s.browsing, j, Q, b]
+  ), ge = (i.trim().length > 0 || r.files.length > 0) && !K;
+  return /* @__PURE__ */ h("div", { className: W("flex flex-col gap-2", M), children: [
+    z ? /* @__PURE__ */ n(st, { countdown: qe, onUndo: Y }) : /* @__PURE__ */ h(
+      "div",
+      {
+        ...V.rootProps,
+        className: W(
+          "relative rounded-2xl border border-input bg-card p-2 transition-colors focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/40",
+          v && "opacity-60",
+          V.dragging && "border-primary ring-2 ring-primary/40"
+        ),
+        children: [
+          V.dragging && /* @__PURE__ */ h("div", { className: "pointer-events-none absolute inset-0 z-20 flex items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-primary/60 bg-card/80 text-xs font-medium text-primary", children: [
+            /* @__PURE__ */ n(_e, { className: "size-4" }),
+            "Drop files to attach"
+          ] }),
+          f ? /* @__PURE__ */ n(
+            ot,
+            {
+              query: f.query,
+              match: f.match,
+              onQueryChange: Me,
+              onNext: Oe,
+              onAccept: je,
+              onClose: () => x(null)
+            }
+          ) : u.open ? /* @__PURE__ */ n(
+            it,
+            {
+              matches: u.matches,
+              active: u.active,
+              prefix: re,
+              onHover: u.setActive,
+              onPick: u.pick
+            }
+          ) : null,
+          /* @__PURE__ */ n(lt, { files: r.files, onRemove: r.remove }),
+          /* @__PURE__ */ n(
+            "textarea",
+            {
+              ref: a,
+              value: i,
+              disabled: v,
+              autoFocus: xe,
+              placeholder: q,
+              rows: ye,
+              onChange: (e) => {
+                c(e.target.value), s.resetCursor(), u.syncCaret();
+              },
+              onSelect: u.syncCaret,
+              onKeyDown: Te,
+              onPaste: (e) => {
+                k && e.clipboardData.files.length > 0 && (e.preventDefault(), r.add(e.clipboardData.files));
+              },
+              style: { maxHeight: O * he },
+              className: "w-full resize-none bg-transparent px-2 py-1 text-sm leading-[22px] text-foreground outline-none placeholder:text-muted-foreground"
+            }
+          ),
+          (U || ue && J.length > 0) && /* @__PURE__ */ n("div", { className: "px-1 pt-1.5", children: /* @__PURE__ */ n(
+            ct,
+            {
+              tags: ue ? J : [],
+              selected: o.selected,
+              onToggle: o.toggle,
+              showMax: Ae,
+              expanded: Pe,
+              onExpand: () => le(!0),
+              leading: U ? /* @__PURE__ */ n(at, { on: H, onToggle: () => Le((e) => !e) }) : void 0
+            }
+          ) }),
+          ae.length > 0 && /* @__PURE__ */ n("div", { className: "px-1 pt-1.5", children: /* @__PURE__ */ n(
+            ut,
+            {
+              tags: ae,
+              selected: o.selected,
+              onToggle: o.toggle,
+              rows: Ce
+            }
+          ) }),
+          r.error && /* @__PURE__ */ n("p", { className: "px-2 pt-1 text-xs text-destructive", children: r.error }),
+          /* @__PURE__ */ h("div", { className: "mt-1.5 flex items-center gap-1.5 px-1", children: [
+            k !== void 0 || C !== void 0 || T !== void 0 ? /* @__PURE__ */ h(Be, { children: [
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  ref: se,
+                  type: "file",
+                  multiple: !0,
+                  accept: C,
+                  className: "hidden",
+                  onChange: (e) => void r.add(e.target.files),
+                  onClick: (e) => {
+                    e.currentTarget.value = "";
+                  }
+                }
+              ),
+              /* @__PURE__ */ n(
+                ve,
+                {
+                  label: "Attach files",
+                  disabled: K,
+                  onClick: () => {
+                    var e;
+                    return (e = se.current) == null ? void 0 : e.click();
+                  },
+                  children: r.uploading ? /* @__PURE__ */ n($e, { className: "size-4 animate-spin" }) : /* @__PURE__ */ n(Ge, { className: "size-4" })
+                }
+              )
+            ] }) : null,
+            Re,
+            /* @__PURE__ */ h("div", { className: "ml-auto flex items-center gap-1.5", children: [
+              m && s.entries.length > 0 && /* @__PURE__ */ n(ve, { label: "History", onClick: () => _(!0), children: /* @__PURE__ */ n(Je, { className: "size-4" }) }),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Send",
+                  disabled: !ge,
+                  onClick: b,
+                  className: W(
+                    "inline-flex size-8 items-center justify-center rounded-lg transition-colors",
+                    ge ? "bg-primary text-primary-foreground hover:bg-primary/90" : "bg-muted text-muted-foreground"
+                  ),
+                  children: /* @__PURE__ */ n(Xe, { className: "size-4" })
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    Fe && /* @__PURE__ */ n(
+      dt,
+      {
+        entries: s.entries,
+        onClose: () => _(!1),
+        onPick: (e) => {
+          c(e), _(!1), requestAnimationFrame(() => {
+            const t = a.current;
+            t == null || t.focus(), t == null || t.setSelectionRange(e.length, e.length);
+          });
+        }
+      }
+    )
+  ] });
+});
+function ve({
+  label: L,
+  disabled: N,
+  onClick: q,
+  children: v
+}) {
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      type: "button",
+      "aria-label": L,
+      title: L,
+      disabled: N,
+      onMouseDown: (M) => M.preventDefault(),
+      onClick: q,
+      className: "inline-flex size-8 items-center justify-center rounded-lg border border-transparent text-muted-foreground transition-colors hover:border-input hover:text-foreground disabled:opacity-50",
+      children: v
+    }
+  );
+}
+export {
+  Dt as RichInput
+};
+//# sourceMappingURL=rich-input.js.map

package/dist/components/rich-input/rich-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-input.js","sources":["../../../src/components/rich-input/rich-input.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactNode,\n} from 'react';\nimport { History, Loader2, Paperclip, SendHorizontal, Upload } from 'lucide-react';\n\nimport { cn } from '../../lib/utils';\nimport { useFileDrop } from '../drop-zone/use-file-drop';\nimport { defaultComposePrompt } from './compose';\nimport { useDraft } from './use-draft';\nimport { useFileUpload } from './use-file-upload';\nimport { useGuidelines } from './use-guidelines';\nimport { useInputHistory } from './use-input-history';\nimport { useMention } from './use-mention';\nimport {\n  AttachmentChips,\n  GuidelinesSwitch,\n  HistorySheet,\n  MentionMenu,\n  ReverseSearchBar,\n  TagChips,\n  TagScrollList,\n  UnsendBanner,\n} from './parts';\nimport type { ComposeInput, GuidelineTag, RichFile, RichInputHandle, RichSendPayload } from './types';\n\nconst LINE_HEIGHT = 22;\n\nexport interface RichInputProps {\n  /** Initial text (ignored when a cached draft exists). */\n  defaultValue?: string;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n  autoFocus?: boolean;\n  minRows?: number;\n  maxRows?: number;\n\n  /** Fired once the un-send window elapses (or immediately when it is 0). */\n  onSubmit?: (payload: RichSendPayload) => void | Promise<void>;\n  /** ms to hold a submission so it can be un-sent. 0 disables. Default 3000. */\n  undoWindowMs?: number;\n  /** `'enter'` (default): Enter submits, Shift+Enter newline. `'mod+enter'`: ⌘/Ctrl+Enter submits. */\n  submitKey?: 'enter' | 'mod+enter';\n\n  /** Persist the draft under this key (localStorage). Also namespaces history. */\n  cacheKey?: string;\n  cacheLocation?: 'local' | 'session';\n\n  /** Upload handler. Omit to keep files client-side (object URLs). */\n  uploadFiles?: (files: File[]) => Promise<RichFile[]>;\n  accept?: string;\n  maxFiles?: number;\n  fileFilter?: (file: File) => boolean | string;\n  /**\n   * Attach files dropped anywhere on the composer. On by default whenever file\n   * support is (i.e. one of `uploadFiles` / `accept` / `maxFiles` is set); the\n   * drops go through the same `accept` / `maxFiles` / `fileFilter` checks as the\n   * paperclip. Dragged text still drops into the textarea as usual.\n   */\n  fileDrop?: boolean;\n  /** Expand dropped folders into their files (Chromium/WebKit). Default true. */\n  dropDirectories?: boolean;\n\n  /** Guideline / mention tags. */\n  tags?: GuidelineTag[];\n  onTagsChange?: (active: GuidelineTag[]) => void;\n  /** Show the guideline toggle chip row. Defaults to true when toggle tags exist. */\n  guidelines?: boolean;\n  /**\n   * Render a built-in on/off master switch for the guideline chips. When off,\n   * the guideline lines are dropped from the composed prompt and the guideline\n   * chip row is hidden; `group: 'tag'` chips are unaffected. Default false.\n   */\n  guidelinesToggle?: boolean;\n  /** Initial state of the guidelines master switch. Default true. */\n  defaultGuidelinesOn?: boolean;\n  /** Notified when the guidelines master switch flips. */\n  onGuidelinesToggle?: (on: boolean) => void;\n  /** Height (in chip rows) of the scrollable `group: 'tag'` list. Default 3. */\n  tagListRows?: number;\n  /** Chips shown before a \"+N more\" button. */\n  showMax?: number;\n  /** Mention trigger symbol. Default `#`. */\n  mentionPrefix?: string;\n\n  /** Enable Up-arrow / Ctrl+R history + the mobile history sheet. Default true. */\n  history?: boolean;\n\n  /** Override how the final prompt string is composed. */\n  composePrompt?: (input: ComposeInput) => string;\n\n  /** Extra buttons rendered in the toolbar's left cluster. */\n  toolbarExtra?: ReactNode;\n}\n\nexport const RichInput = forwardRef<RichInputHandle, RichInputProps>(function RichInput(\n  {\n    defaultValue = '',\n    placeholder = 'Type a message…',\n    disabled = false,\n    className,\n    autoFocus = false,\n    minRows = 2,\n    maxRows = 12,\n    onSubmit,\n    undoWindowMs = 3000,\n    submitKey = 'enter',\n    cacheKey,\n    cacheLocation = 'local',\n    uploadFiles,\n    accept,\n    maxFiles,\n    fileFilter,\n    fileDrop,\n    dropDirectories = true,\n    tags = [],\n    onTagsChange,\n    guidelines,\n    guidelinesToggle = false,\n    defaultGuidelinesOn = true,\n    onGuidelinesToggle,\n    tagListRows = 3,\n    showMax,\n    mentionPrefix = '#',\n    history: historyEnabled = true,\n    composePrompt = defaultComposePrompt,\n    toolbarExtra,\n  },\n  ref,\n) {\n  const taRef = useRef<HTMLTextAreaElement>(null);\n  const fileRef = useRef<HTMLInputElement>(null);\n\n  const [value, setValueRaw, clearDraft] = useDraft(cacheKey, cacheLocation);\n  const [seeded, setSeeded] = useState(false);\n  const gl = useGuidelines(tags);\n  const files = useFileUpload({ upload: uploadFiles, accept, maxFiles, filter: fileFilter });\n  const hist = useInputHistory(historyEnabled ? (cacheKey ?? 'default') : null);\n\n  const filesEnabled = uploadFiles !== undefined || accept !== undefined || maxFiles !== undefined;\n  const busy = disabled || files.uploading;\n\n  // A drop is just another way to pick files: useFileDrop only hands us the\n  // dragged files (expanding folders), `files.add` still runs the accept /\n  // maxFiles / fileFilter checks and surfaces the same errors as the paperclip.\n  const drop = useFileDrop({\n    onFiles: (list) => void files.add(list),\n    disabled: !(fileDrop ?? filesEnabled) || busy,\n    recursive: dropDirectories,\n  });\n\n  const [coarse, setCoarse] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const [sheetOpen, setSheetOpen] = useState(false);\n\n  // Guideline master switch (only surfaced when `guidelinesToggle` is set).\n  const [guidelinesOn, setGuidelinesOn] = useState(defaultGuidelinesOn);\n  const guidelinesActive = !guidelinesToggle || guidelinesOn;\n\n  // Reverse search (Ctrl+R).\n  const [rsearch, setRsearch] = useState<{ query: string; match: string | null } | null>(null);\n\n  // Un-send window.\n  const [pending, setPending] = useState<RichSendPayload | null>(null);\n  const [countdown, setCountdown] = useState(0);\n  const queueTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const tickTimer = useRef<ReturnType<typeof setInterval> | null>(null);\n\n  const setValue = useCallback(\n    (v: string) => {\n      setValueRaw(v);\n    },\n    [setValueRaw],\n  );\n\n  // Seed the initial defaultValue once (only when there is no cached draft).\n  useEffect(() => {\n    if (seeded) return;\n    setSeeded(true);\n    if (defaultValue && !value) setValueRaw(defaultValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [seeded]);\n\n  useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mq = window.matchMedia('(pointer: coarse)');\n    const update = () => setCoarse(mq.matches);\n    update();\n    mq.addEventListener?.('change', update);\n    return () => mq.removeEventListener?.('change', update);\n  }, []);\n\n  useEffect(() => onTagsChange?.(gl.active), [gl.active, onTagsChange]);\n  useEffect(() => onGuidelinesToggle?.(guidelinesOn), [guidelinesOn, onGuidelinesToggle]);\n\n  const mention = useMention({\n    tags,\n    value,\n    setValue,\n    taRef,\n    prefix: mentionPrefix,\n    onPick: (tag) => gl.setOn(tag.id, true),\n  });\n\n  // Auto-grow the textarea between min/max rows.\n  useLayoutEffect(() => {\n    const el = taRef.current;\n    if (!el) return;\n    el.style.height = 'auto';\n    el.style.height = `${Math.min(el.scrollHeight, maxRows * LINE_HEIGHT)}px`;\n  }, [value, maxRows]);\n\n  const clearTimers = useCallback(() => {\n    if (queueTimer.current) clearTimeout(queueTimer.current);\n    if (tickTimer.current) clearInterval(tickTimer.current);\n    queueTimer.current = null;\n    tickTimer.current = null;\n  }, []);\n\n  useEffect(() => () => clearTimers(), [clearTimers]);\n\n  const resetInput = useCallback(() => {\n    clearDraft();\n    files.reset();\n    gl.clear();\n    setExpanded(false);\n    hist.resetCursor();\n  }, [clearDraft, files, gl, hist]);\n\n  // Guideline toggles (default group) vs. scrollable tag toggles (`group: 'tag'`).\n  const guidelineToggles = gl.toggles.filter((t) => (t.group ?? 'guideline') !== 'tag');\n  const tagToggles = gl.toggles.filter((t) => t.group === 'tag');\n  // The guideline chip row shows when there are guideline chips (or forced via\n  // `guidelines`), and only while the master switch is on.\n  const showGuidelines = (guidelines ?? guidelineToggles.length > 0) && guidelinesActive;\n\n  const buildPayload = useCallback((): RichSendPayload | null => {\n    const base = value.trim();\n    if ((!base && files.files.length === 0) || files.uploading) return null;\n    // Master switch off ⇒ drop the guideline lines (send the prompt as typed).\n    const lines = guidelinesActive ? gl.lines : [];\n    const prompt = composePrompt({ text: base, guidelines: lines, tags: gl.active, files: files.files });\n    return { text: base, prompt, files: files.files, tags: gl.active };\n  }, [value, files.files, files.uploading, composePrompt, gl.lines, gl.active, guidelinesActive]);\n\n  const fire = useCallback(\n    (payload: RichSendPayload) => {\n      void onSubmit?.(payload);\n    },\n    [onSubmit],\n  );\n\n  const submit = useCallback(() => {\n    const payload = buildPayload();\n    if (!payload) return;\n    hist.push(payload.text);\n    resetInput();\n\n    if (undoWindowMs <= 0) {\n      fire(payload);\n      return;\n    }\n    clearTimers();\n    setPending(payload);\n    setCountdown(Math.ceil(undoWindowMs / 1000));\n    tickTimer.current = setInterval(() => setCountdown((c) => Math.max(0, c - 1)), 1000);\n    queueTimer.current = setTimeout(() => {\n      clearTimers();\n      setPending(null);\n      fire(payload);\n    }, undoWindowMs);\n  }, [buildPayload, hist, resetInput, undoWindowMs, clearTimers, fire]);\n\n  const cancelSend = useCallback((): RichSendPayload | null => {\n    if (!queueTimer.current || !pending) return null;\n    clearTimers();\n    const restored = pending;\n    setPending(null);\n    setValue(restored.text);\n    files.setFiles(restored.files);\n    for (const t of restored.tags) gl.setOn(t.id, true);\n    requestAnimationFrame(() => taRef.current?.focus());\n    return restored;\n  }, [pending, clearTimers, setValue, files, gl]);\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => taRef.current?.focus(),\n      blur: () => taRef.current?.blur(),\n      clear: () => resetInput(),\n      getValue: () => value,\n      setValue: (v: string) => setValue(v),\n      setFiles: (f) => files.setFiles(f),\n      submit,\n      cancelSend,\n    }),\n    [resetInput, value, setValue, files, submit, cancelSend],\n  );\n\n  /* ── history navigation ──────────────────────────────────────────────── */\n  const recallPrev = useCallback(() => {\n    const el = taRef.current;\n    const got = hist.prev(value);\n    if (got == null) return false;\n    setValue(got);\n    requestAnimationFrame(() => el?.setSelectionRange(got.length, got.length));\n    return true;\n  }, [hist, value, setValue]);\n\n  const recallNext = useCallback(() => {\n    const got = hist.next();\n    if (got == null) return false;\n    setValue(got);\n    const el = taRef.current;\n    requestAnimationFrame(() => el?.setSelectionRange(got.length, got.length));\n    return true;\n  }, [hist, setValue]);\n\n  /* ── reverse search ──────────────────────────────────────────────────── */\n  const openReverse = useCallback(() => {\n    hist.resetSearch();\n    setRsearch({ query: '', match: null });\n  }, [hist]);\n\n  const reverseType = useCallback(\n    (query: string) => setRsearch({ query, match: hist.reverseSearch(query) }),\n    [hist],\n  );\n  const reverseNext = useCallback(\n    () => setRsearch((s) => (s ? { ...s, match: hist.reverseSearch(s.query, true) } : s)),\n    [hist],\n  );\n  const reverseAccept = useCallback(() => {\n    const m = rsearch?.match;\n    setRsearch(null);\n    if (m != null) {\n      setValue(m);\n      requestAnimationFrame(() => {\n        const el = taRef.current;\n        el?.focus();\n        el?.setSelectionRange(m.length, m.length);\n      });\n    }\n  }, [rsearch, setValue]);\n\n  /* ── keyboard ────────────────────────────────────────────────────────── */\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLTextAreaElement>) => {\n      if (mention.onKeyDown(e)) return;\n\n      if (e.ctrlKey && e.key.toLowerCase() === 'r' && historyEnabled) {\n        e.preventDefault();\n        openReverse();\n        return;\n      }\n\n      const el = e.currentTarget;\n      const atStart = el.selectionStart === 0 && el.selectionEnd === 0;\n      const atEnd = el.selectionStart === value.length && el.selectionEnd === value.length;\n\n      if (e.key === 'ArrowUp' && historyEnabled && atStart) {\n        if (recallPrev()) {\n          e.preventDefault();\n          return;\n        }\n      }\n      if (e.key === 'ArrowDown' && historyEnabled && hist.browsing && atEnd) {\n        if (recallNext()) {\n          e.preventDefault();\n          return;\n        }\n      }\n\n      if (e.key === 'Enter') {\n        const mod = e.metaKey || e.ctrlKey;\n        const wantsSubmit = submitKey === 'mod+enter' ? mod : !e.shiftKey && (coarse ? mod : true);\n        // On touch devices, plain Enter always inserts a newline (submit via button).\n        if (coarse && submitKey !== 'mod+enter' && !mod) return;\n        if (wantsSubmit) {\n          e.preventDefault();\n          submit();\n        }\n      }\n    },\n    [mention, historyEnabled, openReverse, value.length, recallPrev, recallNext, hist.browsing, submitKey, coarse, submit],\n  );\n\n  const canSend = (value.trim().length > 0 || files.files.length > 0) && !busy;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {pending ? (\n        <UnsendBanner countdown={countdown} onUndo={cancelSend} />\n      ) : (\n        <div\n          {...drop.rootProps}\n          className={cn(\n            'relative rounded-2xl border border-input bg-card p-2 transition-colors focus-within:border-ring focus-within:ring-2 focus-within:ring-ring/40',\n            disabled && 'opacity-60',\n            drop.dragging && 'border-primary ring-2 ring-primary/40',\n          )}\n        >\n          {drop.dragging && (\n            <div className=\"pointer-events-none absolute inset-0 z-20 flex items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-primary/60 bg-card/80 text-xs font-medium text-primary\">\n              <Upload className=\"size-4\" />\n              Drop files to attach\n            </div>\n          )}\n\n          {rsearch ? (\n            <ReverseSearchBar\n              query={rsearch.query}\n              match={rsearch.match}\n              onQueryChange={reverseType}\n              onNext={reverseNext}\n              onAccept={reverseAccept}\n              onClose={() => setRsearch(null)}\n            />\n          ) : mention.open ? (\n            <MentionMenu\n              matches={mention.matches}\n              active={mention.active}\n              prefix={mentionPrefix}\n              onHover={mention.setActive}\n              onPick={mention.pick}\n            />\n          ) : null}\n\n          <AttachmentChips files={files.files} onRemove={files.remove} />\n\n          <textarea\n            ref={taRef}\n            value={value}\n            disabled={disabled}\n            autoFocus={autoFocus}\n            placeholder={placeholder}\n            rows={minRows}\n            onChange={(e) => {\n              setValue(e.target.value);\n              hist.resetCursor();\n              mention.syncCaret();\n            }}\n            onSelect={mention.syncCaret}\n            onKeyDown={onKeyDown}\n            onPaste={(e) => {\n              if (uploadFiles && e.clipboardData.files.length > 0) {\n                e.preventDefault();\n                void files.add(e.clipboardData.files);\n              }\n            }}\n            style={{ maxHeight: maxRows * LINE_HEIGHT }}\n            className=\"w-full resize-none bg-transparent px-2 py-1 text-sm leading-[22px] text-foreground outline-none placeholder:text-muted-foreground\"\n          />\n\n          {(guidelinesToggle || (showGuidelines && guidelineToggles.length > 0)) && (\n            <div className=\"px-1 pt-1.5\">\n              <TagChips\n                tags={showGuidelines ? guidelineToggles : []}\n                selected={gl.selected}\n                onToggle={gl.toggle}\n                showMax={showMax}\n                expanded={expanded}\n                onExpand={() => setExpanded(true)}\n                leading={\n                  guidelinesToggle ? (\n                    <GuidelinesSwitch on={guidelinesOn} onToggle={() => setGuidelinesOn((v) => !v)} />\n                  ) : undefined\n                }\n              />\n            </div>\n          )}\n\n          {tagToggles.length > 0 && (\n            <div className=\"px-1 pt-1.5\">\n              <TagScrollList\n                tags={tagToggles}\n                selected={gl.selected}\n                onToggle={gl.toggle}\n                rows={tagListRows}\n              />\n            </div>\n          )}\n\n          {files.error && <p className=\"px-2 pt-1 text-xs text-destructive\">{files.error}</p>}\n\n          <div className=\"mt-1.5 flex items-center gap-1.5 px-1\">\n            {uploadFiles !== undefined || accept !== undefined || maxFiles !== undefined ? (\n              <>\n                <input\n                  ref={fileRef}\n                  type=\"file\"\n                  multiple\n                  accept={accept}\n                  className=\"hidden\"\n                  onChange={(e) => void files.add(e.target.files)}\n                  onClick={(e) => {\n                    (e.currentTarget as HTMLInputElement).value = '';\n                  }}\n                />\n                <IconButton\n                  label=\"Attach files\"\n                  disabled={busy}\n                  onClick={() => fileRef.current?.click()}\n                >\n                  {files.uploading ? (\n                    <Loader2 className=\"size-4 animate-spin\" />\n                  ) : (\n                    <Paperclip className=\"size-4\" />\n                  )}\n                </IconButton>\n              </>\n            ) : null}\n\n            {toolbarExtra}\n\n            <div className=\"ml-auto flex items-center gap-1.5\">\n              {historyEnabled && hist.entries.length > 0 && (\n                <IconButton label=\"History\" onClick={() => setSheetOpen(true)}>\n                  <History className=\"size-4\" />\n                </IconButton>\n              )}\n              <button\n                type=\"button\"\n                aria-label=\"Send\"\n                disabled={!canSend}\n                onClick={submit}\n                className={cn(\n                  'inline-flex size-8 items-center justify-center rounded-lg transition-colors',\n                  canSend\n                    ? 'bg-primary text-primary-foreground hover:bg-primary/90'\n                    : 'bg-muted text-muted-foreground',\n                )}\n              >\n                <SendHorizontal className=\"size-4\" />\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {sheetOpen && (\n        <HistorySheet\n          entries={hist.entries}\n          onClose={() => setSheetOpen(false)}\n          onPick={(v) => {\n            setValue(v);\n            setSheetOpen(false);\n            requestAnimationFrame(() => {\n              const el = taRef.current;\n              el?.focus();\n              el?.setSelectionRange(v.length, v.length);\n            });\n          }}\n        />\n      )}\n    </div>\n  );\n});\n\nfunction IconButton({\n  label,\n  disabled,\n  onClick,\n  children,\n}: {\n  label: string;\n  disabled?: boolean;\n  onClick: () => void;\n  children: ReactNode;\n}) {\n  return (\n    <button\n      type=\"button\"\n      aria-label={label}\n      title={label}\n      disabled={disabled}\n      onMouseDown={(e) => e.preventDefault()}\n      onClick={onClick}\n      className=\"inline-flex size-8 items-center justify-center rounded-lg border border-transparent text-muted-foreground transition-colors hover:border-input hover:text-foreground disabled:opacity-50\"\n    >\n      {children}\n    </button>\n  );\n}\n"],"names":["LINE_HEIGHT","RichInput","forwardRef","defaultValue","placeholder","disabled","className","autoFocus","minRows","maxRows","onSubmit","undoWindowMs","submitKey","cacheKey","cacheLocation","uploadFiles","accept","maxFiles","fileFilter","fileDrop","dropDirectories","tags","onTagsChange","guidelines","guidelinesToggle","defaultGuidelinesOn","onGuidelinesToggle","tagListRows","showMax","mentionPrefix","historyEnabled","composePrompt","defaultComposePrompt","toolbarExtra","ref","taRef","useRef","fileRef","value","setValueRaw","clearDraft","useDraft","seeded","setSeeded","useState","gl","useGuidelines","files","useFileUpload","hist","useInputHistory","filesEnabled","busy","drop","useFileDrop","list","coarse","setCoarse","expanded","setExpanded","sheetOpen","setSheetOpen","guidelinesOn","setGuidelinesOn","guidelinesActive","rsearch","setRsearch","pending","setPending","countdown","setCountdown","queueTimer","tickTimer","setValue","useCallback","v","useEffect","mq","update","_a","mention","useMention","tag","useLayoutEffect","el","clearTimers","resetInput","guidelineToggles","t","tagToggles","showGuidelines","buildPayload","base","lines","prompt","fire","payload","submit","c","cancelSend","restored","useImperativeHandle","f","recallPrev","got","recallNext","openReverse","reverseType","query","reverseNext","s","reverseAccept","m","onKeyDown","atStart","atEnd","mod","wantsSubmit","canSend","cn","jsx","UnsendBanner","jsxs","Upload","ReverseSearchBar","MentionMenu","AttachmentChips","TagChips","GuidelinesSwitch","TagScrollList","Fragment","IconButton","Loader2","Paperclip","History","SendHorizontal","HistorySheet","label","onClick","children","e"],"mappings":"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"}

package/dist/components/rich-input/types.d.ts

@@ -0,0 +1,92 @@
+import { ReactNode } from 'react';
+/** A file that has been accepted (and usually uploaded) by the composer. */
+export interface RichFile {
+    /** Stable identity used for de-dupe and removal. */
+    id: string;
+    name: string;
+    size: number;
+    contentType: string;
+    /** Optional preview/serve URL — images with a `url` render as a thumbnail. */
+    url?: string;
+    /** Arbitrary caller payload (e.g. a repo-relative path to weave into the prompt). */
+    meta?: unknown;
+}
+/**
+ * A guideline tag. In its default form it is a toggle chip that injects
+ * {@link prompt} into the composed text when on (or {@link promptOff} when off).
+ * With `kind: 'mention'` it is hidden from the chip row and only reachable by
+ * typing the mention prefix (`#` by default) + its {@link slug}.
+ */
+export interface GuidelineTag {
+    id: string;
+    label: string;
+    /** Alternate label shown while the toggle is off. */
+    labelOff?: string;
+    /** Text woven into the composed prompt while the tag is on. */
+    prompt?: string;
+    /** Text woven in while the tag is off (for either/or toggles). */
+    promptOff?: string;
+    /** Whether the toggle starts on. Default false. */
+    defaultOn?: boolean;
+    /** Leading icon for the chip / mention row. */
+    icon?: ReactNode;
+    /** `'toggle'` (a chip, default) or `'mention'` (search-only). */
+    kind?: 'toggle' | 'mention';
+    /**
+     * Which cluster a toggle chip renders in:
+     * - `'guideline'` (default) — a chip in the guideline row, governed by the
+     *   guidelines master switch (see {@link RichInputProps.guidelinesToggle}).
+     * - `'tag'` — a chip in the scrollable tag list (e.g. project/service
+     *   locations); never affected by the guidelines switch.
+     */
+    group?: 'guideline' | 'tag';
+    /**
+     * Radio behaviour: tags sharing an `exclusive` key are mutually exclusive —
+     * turning one on turns the others in that key off (e.g. a model picker).
+     * Turning the active one off again leaves the key with no selection.
+     */
+    exclusive?: string;
+    /** Token typed after the prefix to insert this tag. Defaults to `id`. */
+    slug?: string;
+    /** One-line blurb shown in the mention menu. */
+    description?: string;
+}
+/** What `onSubmit` receives (and what an un-send restores). */
+export interface RichSendPayload {
+    /** Raw textarea text. */
+    text: string;
+    /** Composed text: guidelines + tags + attachments woven into `text`. */
+    prompt: string;
+    /** Attached files at submit time. */
+    files: RichFile[];
+    /** Tags that were active (toggled on, or picked via mention). */
+    tags: GuidelineTag[];
+}
+/** Inputs handed to a custom {@link RichInputProps.composePrompt}. */
+export interface ComposeInput {
+    text: string;
+    /** Injected lines from the active guideline tags. */
+    guidelines: string[];
+    /** The active tags themselves. */
+    tags: GuidelineTag[];
+    files: RichFile[];
+}
+/** Imperative handle exposed through `ref`. */
+export interface RichInputHandle {
+    focus: () => void;
+    blur: () => void;
+    /** Clear the text, attachments and tag selection (and the cached draft). */
+    clear: () => void;
+    getValue: () => string;
+    setValue: (value: string) => void;
+    /** Replace the attachment list (e.g. to restore files after an external un-send). */
+    setFiles: (files: RichFile[]) => void;
+    /** Programmatically submit (starts the un-send window). */
+    submit: () => void;
+    /**
+     * Cancel a submission still inside its un-send window and get the payload
+     * back (or `null` if nothing is pending / it already fired).
+     */
+    cancelSend: () => RichSendPayload | null;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/rich-input/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,4EAA4E;AAC5E,MAAM,WAAW,QAAQ;IACvB,oDAAoD;IACpD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qFAAqF;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC;IAC5B;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,+DAA+D;AAC/D,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,iEAAiE;IACjE,IAAI,EAAE,YAAY,EAAE,CAAC;CACtB;AAED,sEAAsE;AACtE,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,kCAAkC;IAClC,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,+CAA+C;AAC/C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,4EAA4E;IAC5E,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qFAAqF;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;IACtC,2DAA2D;IAC3D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,UAAU,EAAE,MAAM,eAAe,GAAG,IAAI,CAAC;CAC1C"}

package/dist/components/rich-input/use-draft.d.ts

@@ -0,0 +1,9 @@
+type Where = 'local' | 'session';
+/**
+ * A debounced, storage-backed draft. Returns `[value, setValue, clear]`. When
+ * `key` is falsy the value is kept purely in memory. An empty value removes the
+ * stored key; changing `key` re-loads its draft.
+ */
+export declare function useDraft(key: string | null | undefined, where?: Where, debounceMs?: number): readonly [string, (v: string) => void, () => void];
+export {};
+//# sourceMappingURL=use-draft.d.ts.map

package/dist/components/rich-input/use-draft.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-draft.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/use-draft.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;AAqBjC;;;;GAIG;AACH,wBAAgB,QAAQ,CACtB,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC9B,KAAK,GAAE,KAAe,EACtB,UAAU,SAAsB,GAC/B,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,EAAE,MAAM,IAAI,CAAC,CAqCpD"}

package/dist/components/rich-input/use-draft.js

@@ -0,0 +1,47 @@
+import { useState as m, useRef as d, useEffect as p, useCallback as w } from "react";
+const E = "rich-input:draft:", I = 250;
+function s(n) {
+  if (typeof window > "u") return null;
+  try {
+    return n === "session" ? window.sessionStorage : window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function a(n, r) {
+  const o = n ? s(r) : null;
+  if (!o || !n) return "";
+  try {
+    return o.getItem(n) ?? "";
+  } catch {
+    return "";
+  }
+}
+function v(n, r = "local", o = I) {
+  const t = n ? E + n : null, [u, c] = m(() => a(t, r)), i = d(t);
+  i.current !== t && (i.current = t, c(a(t, r))), p(() => {
+    if (!t) return;
+    const e = s(r);
+    if (!e) return;
+    const f = window.setTimeout(() => {
+      try {
+        u ? e.setItem(t, u) : e.removeItem(t);
+      } catch {
+      }
+    }, o);
+    return () => window.clearTimeout(f);
+  }, [u, t, r, o]);
+  const l = w(() => {
+    var e;
+    if (c(""), !!t)
+      try {
+        (e = s(r)) == null || e.removeItem(t);
+      } catch {
+      }
+  }, [t, r]);
+  return [u, c, l];
+}
+export {
+  v as useDraft
+};
+//# sourceMappingURL=use-draft.js.map

package/dist/components/rich-input/use-draft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-draft.js","sources":["../../../src/components/rich-input/use-draft.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nconst PREFIX = 'rich-input:draft:';\nconst DEFAULT_DEBOUNCE_MS = 250;\n\ntype Where = 'local' | 'session';\n\nfunction store(where: Where): Storage | null {\n  if (typeof window === 'undefined') return null;\n  try {\n    return where === 'session' ? window.sessionStorage : window.localStorage;\n  } catch {\n    return null;\n  }\n}\n\nfunction read(key: string | null, where: Where): string {\n  const s = key ? store(where) : null;\n  if (!s || !key) return '';\n  try {\n    return s.getItem(key) ?? '';\n  } catch {\n    return '';\n  }\n}\n\n/**\n * A debounced, storage-backed draft. Returns `[value, setValue, clear]`. When\n * `key` is falsy the value is kept purely in memory. An empty value removes the\n * stored key; changing `key` re-loads its draft.\n */\nexport function useDraft(\n  key: string | null | undefined,\n  where: Where = 'local',\n  debounceMs = DEFAULT_DEBOUNCE_MS,\n): readonly [string, (v: string) => void, () => void] {\n  const storageKey = key ? PREFIX + key : null;\n  const [value, setValue] = useState<string>(() => read(storageKey, where));\n\n  // Re-load when the key changes (reset during render, no effect flash).\n  const prevKey = useRef(storageKey);\n  if (prevKey.current !== storageKey) {\n    prevKey.current = storageKey;\n    setValue(read(storageKey, where));\n  }\n\n  useEffect(() => {\n    if (!storageKey) return;\n    const s = store(where);\n    if (!s) return;\n    const t = window.setTimeout(() => {\n      try {\n        if (value) s.setItem(storageKey, value);\n        else s.removeItem(storageKey);\n      } catch {\n        /* best-effort */\n      }\n    }, debounceMs);\n    return () => window.clearTimeout(t);\n  }, [value, storageKey, where, debounceMs]);\n\n  const clear = useCallback(() => {\n    setValue('');\n    if (!storageKey) return;\n    try {\n      store(where)?.removeItem(storageKey);\n    } catch {\n      /* ignore */\n    }\n  }, [storageKey, where]);\n\n  return [value, setValue, clear] as const;\n}\n"],"names":["PREFIX","DEFAULT_DEBOUNCE_MS","store","where","read","key","s","useDraft","debounceMs","storageKey","value","setValue","useState","prevKey","useRef","useEffect","t","clear","useCallback","_a"],"mappings":";AAEA,MAAMA,IAAS,qBACTC,IAAsB;AAI5B,SAASC,EAAMC,GAA8B;AAC3C,MAAI,OAAO,SAAW,IAAa,QAAO;AAC1C,MAAI;AACF,WAAOA,MAAU,YAAY,OAAO,iBAAiB,OAAO;AAAA,EAC9D,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAASC,EAAKC,GAAoBF,GAAsB;AACtD,QAAMG,IAAID,IAAMH,EAAMC,CAAK,IAAI;AAC/B,MAAI,CAACG,KAAK,CAACD,EAAK,QAAO;AACvB,MAAI;AACF,WAAOC,EAAE,QAAQD,CAAG,KAAK;AAAA,EAC3B,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOO,SAASE,EACdF,GACAF,IAAe,SACfK,IAAaP,GACuC;AACpD,QAAMQ,IAAaJ,IAAML,IAASK,IAAM,MAClC,CAACK,GAAOC,CAAQ,IAAIC,EAAiB,MAAMR,EAAKK,GAAYN,CAAK,CAAC,GAGlEU,IAAUC,EAAOL,CAAU;AACjC,EAAII,EAAQ,YAAYJ,MACtBI,EAAQ,UAAUJ,GAClBE,EAASP,EAAKK,GAAYN,CAAK,CAAC,IAGlCY,EAAU,MAAM;AACd,QAAI,CAACN,EAAY;AACjB,UAAMH,IAAIJ,EAAMC,CAAK;AACrB,QAAI,CAACG,EAAG;AACR,UAAMU,IAAI,OAAO,WAAW,MAAM;AAChC,UAAI;AACF,QAAIN,IAAOJ,EAAE,QAAQG,GAAYC,CAAK,IACjCJ,EAAE,WAAWG,CAAU;AAAA,MAC9B,QAAQ;AAAA,MAER;AAAA,IACF,GAAGD,CAAU;AACb,WAAO,MAAM,OAAO,aAAaQ,CAAC;AAAA,EACpC,GAAG,CAACN,GAAOD,GAAYN,GAAOK,CAAU,CAAC;AAEzC,QAAMS,IAAQC,EAAY,MAAM;;AAE9B,QADAP,EAAS,EAAE,GACP,EAACF;AACL,UAAI;AACF,SAAAU,IAAAjB,EAAMC,CAAK,MAAX,QAAAgB,EAAc,WAAWV;AAAA,MAC3B,QAAQ;AAAA,MAER;AAAA,EACF,GAAG,CAACA,GAAYN,CAAK,CAAC;AAEtB,SAAO,CAACO,GAAOC,GAAUM,CAAK;AAChC;"}

package/dist/components/rich-input/use-file-upload.d.ts

@@ -0,0 +1,18 @@
+import { RichFile } from './types';
+export interface FileUpload {
+    files: RichFile[];
+    uploading: boolean;
+    error: string | null;
+    add: (list: FileList | File[] | null) => Promise<void>;
+    remove: (id: string) => void;
+    reset: () => void;
+    setFiles: (files: RichFile[]) => void;
+}
+export declare function useFileUpload({ upload, accept, maxFiles, filter, }: {
+    upload?: (files: File[]) => Promise<RichFile[]>;
+    accept?: string;
+    maxFiles?: number;
+    /** Return `true` to keep, `false`/reason-string to reject a file. */
+    filter?: (file: File) => boolean | string;
+}): FileUpload;
+//# sourceMappingURL=use-file-upload.d.ts.map

package/dist/components/rich-input/use-file-upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/use-file-upload.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA8BxC,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,GAAG,EAAE,CAAC,IAAI,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,GAAG,MAAM,CAAC;CAC3C,GAAG,UAAU,CAyEb"}