@reforma/components 0.0.0-stage → 0.1.0

package/dist/CreateComposer/CreateComposer.js

@@ -0,0 +1,338 @@
+import { coerceUploadMimeType as _, MAX_CHAT_ATTACHMENT_BYTES_PER_FILE as P, MAX_CHAT_ATTACHMENT_BYTES_TOTAL as B, COMPOSER_PASTE_AS_FILE_MIN_CHARS as ee } from "@reforma/constants";
+import { Plan as te } from "@reforma/icons/12";
+import { Plus as re, Clip as ne, Plan as oe } from "@reforma/icons/14";
+import { SendBold as ae } from "@reforma/icons/16";
+import { revokeObjectURL as S, formatFileSize as I, createObjectURL as ie, cn as se } from "@reforma/lib";
+import { useRef as T, useState as H, useEffect as ce, useMemo as le, useCallback as L } from "react";
+import { Button as j } from "../Button/Button.js";
+import { Attachments as de, Attachment as me } from "../chat/Attachment/Attachment.js";
+import { FileDropOverlay as ue } from "../FileDropOverlay/FileDropOverlay.js";
+import { For as pe } from "../For/For.js";
+import { useFileDrag as fe } from "../hooks/useFileDrag.js";
+import { Hotkey as he } from "../Hotkey/Hotkey.js";
+import { Menu as ge, MenuItem as k } from "../List/Menu.js";
+import { Popover as ve } from "../Popover/Popover.js";
+import { PopoverScroll as ye } from "../Popover/PopoverScroll.js";
+import { plainTextToDoc as Te, docToPlainText as Ae } from "../RichInput/composerDoc.js";
+import { RichInput as xe } from "../RichInput/RichInput.js";
+import { Show as z } from "../Show/Show.js";
+import { Badge as Pe } from "../Tag/Badge.js";
+import { Text as Se } from "../Text/Text.js";
+import { toast as D } from "../Toast/Toast.js";
+import l from "./CreateComposer.module.css.js";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { MenuTrigger as ze } from "react-aria-components";
+function De(i) {
+  let a = 0;
+  for (const d of i)
+    typeof d.size == "number" && Number.isFinite(d.size) && (a += d.size);
+  return a;
+}
+function Me(i) {
+  return i.length === 0 ? !0 : i.every((a) => a.uploadStatus === "ready" && !!a.url);
+}
+function M(i, a, d) {
+  return {
+    ...i,
+    attachments: i.attachments.map((p) => p.clientId === a ? {
+      ...p,
+      ...d
+    } : p)
+  };
+}
+function Ke({
+  value: i,
+  onChange: a,
+  onSubmit: d,
+  uploadFile: p,
+  busy: b = !1,
+  placeholder: w = "What should it do?",
+  autoFocus: U = !0,
+  className: C,
+  header: $,
+  toolbarEnd: E,
+  submitHotkey: V = "mod+enter",
+  rows: v = 3,
+  hint: R
+}) {
+  const O = T(null), A = T(null), c = T(i);
+  c.current = i;
+  const f = T(/* @__PURE__ */ new Map()), [W, X] = H(!1), [Y, q] = H(!0);
+  ce(() => {
+    const e = f.current;
+    return () => {
+      for (const r of c.current.attachments)
+        S(r.preview);
+      e.clear();
+    };
+  }, []);
+  const G = le(() => Te(i.prompt), [i.prompt]), F = !!i.prompt.trim() && Me(i.attachments) && !b, x = L(async (e, r) => {
+    const o = await p(r), s = c.current;
+    if (!s.attachments.some((m) => m.clientId === e)) {
+      f.current.delete(e);
+      return;
+    }
+    if (o.ok) {
+      const m = s.attachments.find((g) => g.clientId === e)?.preview;
+      S(m), f.current.delete(e), a(M(s, e, {
+        id: o.data.id,
+        url: o.data.url,
+        filename: o.data.name ?? r.name,
+        mediaType: o.data.mimeType ?? _(r.name, r.type),
+        size: o.data.size ?? r.size,
+        uploadStatus: "ready",
+        uploadError: void 0,
+        preview: void 0
+      }));
+      return;
+    }
+    a(M(s, e, {
+      uploadStatus: "error",
+      uploadError: o.message ?? "Upload failed"
+    }));
+  }, [a, p]), y = L((e) => {
+    const r = [...e], o = [];
+    let s = 0;
+    const m = De(c.current.attachments);
+    for (const n of r) {
+      if (n.size > P) {
+        D.warning({
+          title: "Attachment too large",
+          message: `${n.name} is over the ${I(P, {
+            round: "up"
+          })} per-file limit.`
+        });
+        continue;
+      }
+      if (m + s + n.size > B) {
+        D.warning({
+          title: "Attachments too large",
+          message: `Adding ${n.name} would exceed the ${I(B, {
+            round: "up"
+          })} combined limit.`
+        });
+        continue;
+      }
+      o.push(n), s += n.size;
+    }
+    if (o.length === 0)
+      return;
+    const g = o.map((n) => ({
+      clientId: crypto.randomUUID(),
+      filename: n.name,
+      mediaType: _(n.name, n.type),
+      size: n.size,
+      lastModified: n.lastModified,
+      uploadStatus: "uploading",
+      preview: ie(n) ?? void 0
+    }));
+    for (let n = 0; n < o.length; n++)
+      f.current.set(g[n].clientId, o[n]);
+    const Z = {
+      ...c.current,
+      attachments: [...c.current.attachments, ...g]
+    };
+    a(Z);
+    for (let n = 0; n < o.length; n++)
+      x(g[n].clientId, o[n]);
+  }, [a, x]), h = fe({
+    onFileDragOver: X,
+    onFilesDropped: (e) => y(e)
+  }), J = (e) => {
+    const r = c.current, o = r.attachments.find((s) => s.clientId === e);
+    S(o?.preview), f.current.delete(e), a({
+      ...r,
+      attachments: r.attachments.filter((s) => s.clientId !== e)
+    });
+  }, K = (e) => {
+    const r = c.current, o = r.attachments.find((m) => m.clientId === e), s = f.current.get(e);
+    if (!(!o || o.uploadStatus !== "error")) {
+      if (!s) {
+        D.warning({
+          title: "Could not retry",
+          message: "Remove the file and attach it again."
+        });
+        return;
+      }
+      a(M(r, e, {
+        uploadStatus: "uploading",
+        uploadError: void 0
+      })), x(e, s);
+    }
+  }, N = () => {
+    F && d();
+  }, Q = R === !1 ? null : R ?? /* @__PURE__ */ u(Se, {
+    variant: "sm",
+    color: "secondary",
+    children: ["Press", " ", /* @__PURE__ */ t(he, {
+      hotkey: ["mod", "enter"],
+      textVariant: "xs"
+    }), " ", "to create the project"]
+  });
+  return /* @__PURE__ */ u("div", {
+    className: se(l.root, C),
+    onDragEnter: h.onDragEnter,
+    onDragLeave: h.onDragLeave,
+    onDragOver: h.onDragOver,
+    onDrop: h.onDrop,
+    onPaste: h.onPaste,
+    children: [/* @__PURE__ */ t(ue, {
+      open: W,
+      label: "Drop files to attach"
+    }), $, /* @__PURE__ */ u("div", {
+      className: l.shell,
+      children: [/* @__PURE__ */ t(z, {
+        when: i.attachments.length > 0,
+        children: /* @__PURE__ */ t("div", {
+          className: l.attachments,
+          children: /* @__PURE__ */ t(de, {
+            size: "sm",
+            children: /* @__PURE__ */ t(pe, {
+              each: i.attachments,
+              children: (e) => /* @__PURE__ */ t(me, {
+                data: {
+                  id: e.id,
+                  url: e.url ?? e.preview,
+                  filename: e.filename,
+                  mediaType: e.mediaType,
+                  size: e.size,
+                  lastModified: e.lastModified
+                },
+                loading: e.uploadStatus === "uploading",
+                error: e.uploadStatus === "error",
+                onRetry: () => K(e.clientId),
+                onRemove: () => J(e.clientId)
+              }, e.clientId)
+            })
+          })
+        })
+      }), /* @__PURE__ */ u("div", {
+        className: l.main,
+        "data-expanded": Y || void 0,
+        "data-min-rows": v != null || void 0,
+        onPointerDown: (e) => {
+          e.target === e.currentTarget && A.current?.focus();
+        },
+        children: [/* @__PURE__ */ u("div", {
+          className: l.addButton,
+          children: [/* @__PURE__ */ t("input", {
+            ref: O,
+            type: "file",
+            multiple: !0,
+            tabIndex: -1,
+            style: {
+              display: "none"
+            },
+            onChange: (e) => {
+              e.target.files?.length && y(e.target.files), e.target.value = "";
+            }
+          }), /* @__PURE__ */ u(ze, {
+            children: [/* @__PURE__ */ t(j, {
+              type: "button",
+              iconOnly: !0,
+              rounded: !0,
+              variant: "filling",
+              size: "sm",
+              tooltip: "Add",
+              children: /* @__PURE__ */ t(re, {})
+            }), /* @__PURE__ */ t(ve, {
+              placement: "top start",
+              spacing: "xs",
+              children: /* @__PURE__ */ t(ye, {
+                children: /* @__PURE__ */ u(ge, {
+                  "aria-label": "Add to prompt",
+                  size: "sm",
+                  children: [/* @__PURE__ */ t(k, {
+                    id: "files",
+                    text: "Files",
+                    icon: /* @__PURE__ */ t(ne, {}),
+                    onAction: () => O.current?.click()
+                  }), /* @__PURE__ */ t(k, {
+                    id: "plan",
+                    text: "Plan mode",
+                    icon: /* @__PURE__ */ t(oe, {}),
+                    onAction: () => {
+                      a({
+                        ...c.current,
+                        planMode: !0
+                      }), A.current?.focus();
+                    }
+                  })]
+                })
+              })
+            })]
+          }), /* @__PURE__ */ t(z, {
+            when: i.planMode,
+            children: /* @__PURE__ */ t(Pe, {
+              size: "sm",
+              color: "success",
+              rounded: !0,
+              textValue: "Plan mode",
+              "aria-label": "Plan mode",
+              icon: /* @__PURE__ */ t(te, {}),
+              removePlacement: "leading",
+              onRemove: () => a({
+                ...c.current,
+                planMode: !1
+              }),
+              children: "Plan mode"
+            })
+          })]
+        }), /* @__PURE__ */ t("div", {
+          className: l.textareaWrap,
+          children: /* @__PURE__ */ t(xe, {
+            ref: A,
+            value: G,
+            onChange: (e) => {
+              const r = Ae(e);
+              a({
+                ...c.current,
+                prompt: r
+              }), q(v != null || r.includes(`
+`) || r.length > 40);
+            },
+            autoFocus: U,
+            minHeight: v ? v * 22 : 20,
+            maxHeight: 280,
+            placeholder: w,
+            className: l.textarea,
+            "aria-label": w,
+            submitOnEnter: V === "enter",
+            onSubmit: () => N(),
+            onPasteFiles: (e) => y(e),
+            onPasteText: (e) => {
+              if (e.length < ee)
+                return !1;
+              const r = new File([e], "paste.txt", {
+                type: "text/plain"
+              });
+              return r.size > P ? !1 : (y([r]), !0);
+            }
+          })
+        }), /* @__PURE__ */ t(z, {
+          when: E,
+          children: /* @__PURE__ */ t("div", {
+            className: l.toolbarEnd,
+            children: E
+          })
+        }), /* @__PURE__ */ t(j, {
+          iconOnly: !0,
+          rounded: !0,
+          color: "primary",
+          variant: "filled",
+          size: "sm",
+          className: l.sendButton,
+          isDisabled: !F,
+          isPending: b,
+          tooltip: "Create project",
+          onPress: () => N(),
+          children: /* @__PURE__ */ t(ae, {})
+        })]
+      })]
+    }), Q]
+  });
+}
+export {
+  Ke as CreateComposer
+};
+//# sourceMappingURL=CreateComposer.js.map

package/dist/CreateComposer/CreateComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateComposer.js","sources":["../../src/CreateComposer/CreateComposer.tsx"],"sourcesContent":["'use client';\n\nimport {\n    coerceUploadMimeType,\n    COMPOSER_PASTE_AS_FILE_MIN_CHARS,\n    MAX_CHAT_ATTACHMENT_BYTES_PER_FILE,\n    MAX_CHAT_ATTACHMENT_BYTES_TOTAL,\n} from '@reforma/constants';\nimport { Plan } from '@reforma/icons/12';\nimport { Clip, Plan as PlanIcon, Plus } from '@reforma/icons/14';\nimport { SendBold } from '@reforma/icons/16';\nimport { cn, createObjectURL, formatFileSize, revokeObjectURL } from '@reforma/lib';\nimport {\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type ReactNode,\n} from 'react';\n\nimport { Button } from '../Button';\nimport { Attachment, Attachments } from '../chat/Attachment';\nimport { FileDropOverlay } from '../FileDropOverlay';\nimport { For } from '../For';\nimport { useFileDrag } from '../hooks/useFileDrag';\nimport { Hotkey } from '../Hotkey';\nimport { Menu, MenuItem, MenuTrigger } from '../List';\nimport { Popover, PopoverScroll } from '../Popover';\nimport {\n    docToPlainText,\n    plainTextToDoc,\n} from '../RichInput';\nimport { RichInput } from '../RichInput/RichInput';\nimport type { RichInputHandle } from '../RichInput/types';\nimport { Show } from '../Show';\nimport { Badge } from '../Tag';\nimport { Text } from '../Text';\nimport { toast } from '../Toast';\nimport styles from './CreateComposer.module.css';\n\nimport type {\n    CreateComposerAttachment,\n    CreateComposerUploadResult,\n    CreateComposerValue,\n} from './types';\n\nexport type CreateComposerProps = {\n    value: CreateComposerValue;\n    onChange: (value: CreateComposerValue) => void;\n    onSubmit: () => void;\n    uploadFile: (file: File) => Promise<CreateComposerUploadResult>;\n    busy?: boolean;\n    placeholder?: string;\n    autoFocus?: boolean;\n    className?: string;\n    header?: ReactNode;\n    /** Extra controls next to send (e.g. admin grade strip). */\n    toolbarEnd?: ReactNode;\n    submitHotkey?: 'enter' | 'mod+enter';\n    /** Fixed min rows for the rich field (create project uses 3). */\n    rows?: number;\n    /** Footer hint under the shell. Default: mod+enter copy. */\n    hint?: ReactNode | false;\n};\n\nfunction sumAttachmentBytes(items: readonly CreateComposerAttachment[]): number {\n    let sum = 0;\n\n    for (const item of items) {\n        if (typeof item.size === 'number' && Number.isFinite(item.size)) {\n            sum += item.size;\n        }\n    }\n\n    return sum;\n}\n\nfunction attachmentsReady(items: readonly CreateComposerAttachment[]): boolean {\n    if (items.length === 0) {\n        return true;\n    }\n\n    return items.every(item => item.uploadStatus === 'ready' && Boolean(item.url));\n}\n\nfunction patchAttachment(\n    value: CreateComposerValue,\n    clientId: string,\n    patch: Partial<CreateComposerAttachment>\n): CreateComposerValue {\n    return {\n        ...value,\n        attachments: value.attachments.map(item => (\n            item.clientId === clientId ? { ...item, ...patch } : item\n        )),\n    };\n}\n\n/**\n * MobX-free create-project composer: prompt, plan mode, attachments, submit.\n * Host supplies {@link uploadFile}; handoff / auth stay outside.\n */\nexport function CreateComposer({\n    value,\n    onChange,\n    onSubmit,\n    uploadFile,\n    busy = false,\n    placeholder = 'What should it do?',\n    autoFocus = true,\n    className,\n    header,\n    toolbarEnd,\n    submitHotkey = 'mod+enter',\n    rows = 3,\n    hint,\n}: CreateComposerProps) {\n    const fileInputRef = useRef<HTMLInputElement>(null);\n    const richRef = useRef<RichInputHandle>(null);\n    const valueRef = useRef(value);\n    valueRef.current = value;\n    const pendingFilesRef = useRef(new Map<string, File>());\n    const [fileDragOver, setFileDragOver] = useState(false);\n    const [expanded, setExpanded] = useState(true);\n\n    useEffect(() => {\n        const pending = pendingFilesRef.current;\n\n        return () => {\n            for (const item of valueRef.current.attachments) {\n                revokeObjectURL(item.preview);\n            }\n\n            pending.clear();\n        };\n    }, []);\n\n    const doc = useMemo(() => plainTextToDoc(value.prompt), [value.prompt]);\n    const canSubmit = Boolean(value.prompt.trim())\n        && attachmentsReady(value.attachments)\n        && !busy;\n\n    const uploadOne = useCallback(async(clientId: string, file: File) => {\n        const result = await uploadFile(file);\n        const current = valueRef.current;\n\n        if (!current.attachments.some(item => item.clientId === clientId)) {\n            pendingFilesRef.current.delete(clientId);\n\n            return;\n        }\n\n        if (result.ok) {\n            const preview = current.attachments.find(item => item.clientId === clientId)?.preview;\n            revokeObjectURL(preview);\n            pendingFilesRef.current.delete(clientId);\n            onChange(patchAttachment(current, clientId, {\n                id: result.data.id,\n                url: result.data.url,\n                filename: result.data.name ?? file.name,\n                mediaType: result.data.mimeType ?? coerceUploadMimeType(file.name, file.type),\n                size: result.data.size ?? file.size,\n                uploadStatus: 'ready',\n                uploadError: undefined,\n                preview: undefined,\n            }));\n\n            return;\n        }\n\n        onChange(patchAttachment(current, clientId, {\n            uploadStatus: 'error',\n            uploadError: result.message ?? 'Upload failed',\n        }));\n    }, [onChange, uploadFile]);\n\n    const addFiles = useCallback((files: FileList | readonly File[]) => {\n        const list = [...files];\n        const accepted: File[] = [];\n        let batchBytes = 0;\n        const used = sumAttachmentBytes(valueRef.current.attachments);\n\n        for (const file of list) {\n            if (file.size > MAX_CHAT_ATTACHMENT_BYTES_PER_FILE) {\n                toast.warning({\n                    title: 'Attachment too large',\n                    message: `${ file.name } is over the ${ formatFileSize(MAX_CHAT_ATTACHMENT_BYTES_PER_FILE, { round: 'up' }) } per-file limit.`,\n                });\n                continue;\n            }\n\n            if (used + batchBytes + file.size > MAX_CHAT_ATTACHMENT_BYTES_TOTAL) {\n                toast.warning({\n                    title: 'Attachments too large',\n                    message: `Adding ${ file.name } would exceed the ${ formatFileSize(MAX_CHAT_ATTACHMENT_BYTES_TOTAL, { round: 'up' }) } combined limit.`,\n                });\n                continue;\n            }\n\n            accepted.push(file);\n            batchBytes += file.size;\n        }\n\n        if (accepted.length === 0) {\n            return;\n        }\n\n        const nextItems: CreateComposerAttachment[] = accepted.map(file => ({\n            clientId: crypto.randomUUID(),\n            filename: file.name,\n            mediaType: coerceUploadMimeType(file.name, file.type),\n            size: file.size,\n            lastModified: file.lastModified,\n            uploadStatus: 'uploading',\n            preview: createObjectURL(file) ?? undefined,\n        }));\n\n        for (let i = 0; i < accepted.length; i++) {\n            pendingFilesRef.current.set(nextItems[i]!.clientId, accepted[i]!);\n        }\n\n        const next: CreateComposerValue = {\n            ...valueRef.current,\n            attachments: [...valueRef.current.attachments, ...nextItems],\n        };\n        onChange(next);\n\n        for (let i = 0; i < accepted.length; i++) {\n            void uploadOne(nextItems[i]!.clientId, accepted[i]!);\n        }\n    }, [onChange, uploadOne]);\n\n    const drag = useFileDrag({\n        onFileDragOver: setFileDragOver,\n        onFilesDropped: files => addFiles(files),\n    });\n\n    const removeAttachment = (clientId: string) => {\n        const current = valueRef.current;\n        const item = current.attachments.find(entry => entry.clientId === clientId);\n        revokeObjectURL(item?.preview);\n        pendingFilesRef.current.delete(clientId);\n        onChange({\n            ...current,\n            attachments: current.attachments.filter(entry => entry.clientId !== clientId),\n        });\n    };\n\n    const retryAttachment = (clientId: string) => {\n        const current = valueRef.current;\n        const item = current.attachments.find(entry => entry.clientId === clientId);\n        const file = pendingFilesRef.current.get(clientId);\n\n        if (!item || item.uploadStatus !== 'error') {\n            return;\n        }\n\n        if (!file) {\n            toast.warning({\n                title: 'Could not retry',\n                message: 'Remove the file and attach it again.',\n            });\n\n            return;\n        }\n\n        onChange(patchAttachment(current, clientId, {\n            uploadStatus: 'uploading',\n            uploadError: undefined,\n        }));\n        void uploadOne(clientId, file);\n    };\n\n    const trySubmit = () => {\n        if (!canSubmit) {\n            return;\n        }\n\n        onSubmit();\n    };\n\n    const hintNode = hint === false\n        ? null\n        : (hint ?? (\n            <Text variant=\"sm\" color=\"secondary\">\n                Press\n                { ' ' }\n                <Hotkey hotkey={ ['mod', 'enter'] } textVariant=\"xs\" />\n                { ' ' }\n                to create the project\n            </Text>\n        ));\n\n    return (\n        <div\n            className={ cn(styles.root, className) }\n            onDragEnter={ drag.onDragEnter }\n            onDragLeave={ drag.onDragLeave }\n            onDragOver={ drag.onDragOver }\n            onDrop={ drag.onDrop }\n            onPaste={ drag.onPaste }\n        >\n            <FileDropOverlay open={ fileDragOver } label=\"Drop files to attach\" />\n            { header }\n            <div className={ styles.shell }>\n                <Show when={ value.attachments.length > 0 }>\n                    <div className={ styles.attachments }>\n                        <Attachments size=\"sm\">\n                            <For each={ value.attachments }>\n                                { item => (\n                                    <Attachment\n                                        key={ item.clientId }\n                                        data={ {\n                                            id: item.id,\n                                            url: item.url ?? item.preview,\n                                            filename: item.filename,\n                                            mediaType: item.mediaType,\n                                            size: item.size,\n                                            lastModified: item.lastModified,\n                                        } }\n                                        loading={ item.uploadStatus === 'uploading' }\n                                        error={ item.uploadStatus === 'error' }\n                                        onRetry={ () => retryAttachment(item.clientId) }\n                                        onRemove={ () => removeAttachment(item.clientId) }\n                                    />\n                                ) }\n                            </For>\n                        </Attachments>\n                    </div>\n                </Show>\n                <div\n                    className={ styles.main }\n                    data-expanded={ expanded || undefined }\n                    data-min-rows={ rows != null || undefined }\n                    onPointerDown={ (event) => {\n                        if (event.target === event.currentTarget) {\n                            richRef.current?.focus();\n                        }\n                    } }\n                >\n                    <div className={ styles.addButton }>\n                        <input\n                            ref={ fileInputRef }\n                            type=\"file\"\n                            multiple\n                            tabIndex={ -1 }\n                            style={ { display: 'none' } }\n                            onChange={ (ev) => {\n                                if (ev.target.files?.length) {\n                                    addFiles(ev.target.files);\n                                }\n\n                                ev.target.value = '';\n                            } }\n                        />\n                        <MenuTrigger>\n                            <Button type=\"button\" iconOnly rounded variant=\"filling\" size=\"sm\" tooltip=\"Add\">\n                                <Plus />\n                            </Button>\n                            <Popover placement=\"top start\" spacing=\"xs\">\n                                <PopoverScroll>\n                                    <Menu aria-label=\"Add to prompt\" size=\"sm\">\n                                        <MenuItem\n                                            id=\"files\"\n                                            text=\"Files\"\n                                            icon={ <Clip /> }\n                                            onAction={ () => fileInputRef.current?.click() }\n                                        />\n                                        <MenuItem\n                                            id=\"plan\"\n                                            text=\"Plan mode\"\n                                            icon={ <PlanIcon /> }\n                                            onAction={ () => {\n                                                onChange({ ...valueRef.current, planMode: true });\n                                                richRef.current?.focus();\n                                            } }\n                                        />\n                                    </Menu>\n                                </PopoverScroll>\n                            </Popover>\n                        </MenuTrigger>\n                        <Show when={ value.planMode }>\n                            <Badge\n                                size=\"sm\"\n                                color=\"success\"\n                                rounded\n                                textValue=\"Plan mode\"\n                                aria-label=\"Plan mode\"\n                                icon={ <Plan /> }\n                                removePlacement=\"leading\"\n                                onRemove={ () => onChange({ ...valueRef.current, planMode: false }) }\n                            >\n                                Plan mode\n                            </Badge>\n                        </Show>\n                    </div>\n                    <div className={ styles.textareaWrap }>\n                        <RichInput\n                            ref={ richRef }\n                            value={ doc }\n                            onChange={ (next) => {\n                                const prompt = docToPlainText(next);\n                                onChange({ ...valueRef.current, prompt });\n                                setExpanded(rows != null || prompt.includes('\\n') || prompt.length > 40);\n                            } }\n                            autoFocus={ autoFocus }\n                            minHeight={ rows ? rows * 22 : 20 }\n                            maxHeight={ 280 }\n                            placeholder={ placeholder }\n                            className={ styles.textarea }\n                            aria-label={ placeholder }\n                            submitOnEnter={ submitHotkey === 'enter' }\n                            onSubmit={ () => trySubmit() }\n                            onPasteFiles={ files => addFiles(files) }\n                            onPasteText={ (text) => {\n                                if (text.length < COMPOSER_PASTE_AS_FILE_MIN_CHARS) {\n                                    return false;\n                                }\n\n                                const file = new File([text], 'paste.txt', { type: 'text/plain' });\n\n                                if (file.size > MAX_CHAT_ATTACHMENT_BYTES_PER_FILE) {\n                                    return false;\n                                }\n\n                                addFiles([file]);\n\n                                return true;\n                            } }\n                        />\n                    </div>\n                    <Show when={ toolbarEnd }>\n                        <div className={ styles.toolbarEnd }>\n                            { toolbarEnd }\n                        </div>\n                    </Show>\n                    <Button\n                        iconOnly\n                        rounded\n                        color=\"primary\"\n                        variant=\"filled\"\n                        size=\"sm\"\n                        className={ styles.sendButton }\n                        isDisabled={ !canSubmit }\n                        isPending={ busy }\n                        tooltip=\"Create project\"\n                        onPress={ () => trySubmit() }\n                    >\n                        <SendBold />\n                    </Button>\n                </div>\n            </div>\n            { hintNode }\n        </div>\n    );\n}\n"],"names":["sumAttachmentBytes","items","sum","item","attachmentsReady","patchAttachment","value","clientId","patch","CreateComposer","onChange","onSubmit","uploadFile","busy","placeholder","autoFocus","className","header","toolbarEnd","submitHotkey","rows","hint","fileInputRef","useRef","richRef","valueRef","pendingFilesRef","fileDragOver","setFileDragOver","useState","expanded","setExpanded","useEffect","pending","revokeObjectURL","doc","useMemo","plainTextToDoc","canSubmit","uploadOne","useCallback","file","result","current","preview","coerceUploadMimeType","addFiles","files","list","accepted","batchBytes","used","MAX_CHAT_ATTACHMENT_BYTES_PER_FILE","toast","formatFileSize","MAX_CHAT_ATTACHMENT_BYTES_TOTAL","nextItems","createObjectURL","i","next","drag","useFileDrag","removeAttachment","entry","retryAttachment","trySubmit","hintNode","Text","Hotkey","cn","styles","_jsx","FileDropOverlay","_jsxs","Show","Attachments","For","Attachment","event","ev","MenuTrigger","Button","Plus","Popover","PopoverScroll","Menu","MenuItem","Clip","PlanIcon","Badge","Plan","RichInput","prompt","docToPlainText","text","COMPOSER_PASTE_AS_FILE_MIN_CHARS","SendBold"],"mappings":"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"}

package/dist/CreateComposer/CreateComposer.module.css

@@ -0,0 +1 @@
+@layer components{@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes CreateComposer_create-composer-border-spin_SnXDzW{to{--border-angle: 360deg}}.CreateComposer_root_tsD18x{display:flex;flex-direction:column;gap:var(--spacing-xl);width:100%}.CreateComposer_shell_nICgke{display:flex;position:relative;flex-direction:column;z-index:1;border-radius:calc(var(--radius-xl) * var(--squircle-radius-factor));padding:var(--spacing-6);width:100%;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0;corner-shape:superellipse(var(--squircle-value));--composer-border-coral: rgba(250, 136, 84, .16);--composer-border-blue: rgba(91, 141, 239, .28);--composer-border-pink: rgba(255, 161, 231, .26);transition:box-shadow var(--transition-duration) var(--ease-in-out);container-type:inline-size;background-color:var(--color-chat-composer);overflow:hidden;line-height:var(--spacing-20)}.dark .CreateComposer_shell_nICgke{--composer-border-coral: rgba(250, 136, 84, .15);--composer-border-blue: rgba(91, 141, 239, .2);--composer-border-pink: rgba(255, 161, 231, .18)}.CreateComposer_shell_nICgke:focus-within{box-shadow:0 0 var(--spacing-20) var(--spacing-1) var(--color-chat-shadow)}.CreateComposer_shell_nICgke:before{position:absolute;inset:0;border-radius:inherit;content:"";corner-shape:inherit;animation:CreateComposer_create-composer-border-spin_SnXDzW 6s linear infinite;background-image:conic-gradient(from var(--border-angle),var(--composer-border-coral),var(--composer-border-blue) 50%,var(--composer-border-pink),var(--composer-border-coral));padding:2px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.CreateComposer_attachments_dJmfWo{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xxs)}.CreateComposer_main_NbLrVP{display:flex;position:relative;flex:1;flex-direction:column;z-index:0;cursor:text;padding:var(--spacing-sm);min-width:0;min-height:0}.CreateComposer_main_NbLrVP[data-expanded] .CreateComposer_textarea_fbqWTj{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-30);padding-inline:0}.CreateComposer_main_NbLrVP:not([data-expanded]){display:flex;align-items:center;min-height:var(--spacing-30)}.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_textareaWrap_McGGgh{display:flex;align-items:center;min-height:var(--spacing-30)}.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_textarea_fbqWTj{display:flex;flex:1;align-items:center;padding-right:var(--spacing-40);padding-left:var(--spacing-36);min-width:0;min-height:var(--spacing-30)!important}.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_textarea_fbqWTj [contenteditable=true]{width:100%;min-height:0!important;overflow:hidden!important}.CreateComposer_main_NbLrVP[data-min-rows] .CreateComposer_textarea_fbqWTj [contenteditable=true]{width:100%}.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_addButton_6T8nWi,.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_sendButton_GQZTXf,.CreateComposer_main_NbLrVP:not([data-expanded]) .CreateComposer_toolbarEnd_B4kp2q{top:0;bottom:0;margin-block:auto}.CreateComposer_textareaWrap_McGGgh{position:relative;flex:1;z-index:1;min-width:0}.CreateComposer_textarea_fbqWTj{position:relative;border:0;width:100%;min-height:var(--spacing-30)!important}.CreateComposer_addButton_6T8nWi,.CreateComposer_toolbarEnd_B4kp2q,.CreateComposer_sendButton_GQZTXf{position:absolute;bottom:var(--spacing-xs);z-index:2}.CreateComposer_addButton_6T8nWi{display:flex;left:var(--spacing-xs);align-items:center;gap:var(--spacing-xs)}.CreateComposer_toolbarEnd_B4kp2q{display:flex;right:calc(var(--spacing-xs) + var(--spacing-30) + var(--spacing-xs));align-items:center;gap:0;max-width:calc(100% - var(--spacing-80))}.CreateComposer_sendButton_GQZTXf{right:var(--spacing-xs)}}

package/dist/CreateComposer/CreateComposer.module.css.js

@@ -0,0 +1,24 @@
+const t = "CreateComposer_root_tsD18x", e = "CreateComposer_shell_nICgke", o = "CreateComposer_attachments_dJmfWo", a = "CreateComposer_main_NbLrVP", r = "CreateComposer_textarea_fbqWTj", s = "CreateComposer_textareaWrap_McGGgh", n = "CreateComposer_addButton_6T8nWi", C = "CreateComposer_sendButton_GQZTXf", _ = "CreateComposer_toolbarEnd_B4kp2q", m = {
+  root: t,
+  shell: e,
+  attachments: o,
+  main: a,
+  textarea: r,
+  textareaWrap: s,
+  addButton: n,
+  sendButton: C,
+  toolbarEnd: _
+};
+export {
+  n as addButton,
+  o as attachments,
+  m as default,
+  a as main,
+  t as root,
+  C as sendButton,
+  e as shell,
+  r as textarea,
+  s as textareaWrap,
+  _ as toolbarEnd
+};
+//# sourceMappingURL=CreateComposer.module.css.js.map

package/dist/CreateComposer/CreateComposer.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateComposer.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/CreateComposer/index.d.ts

@@ -0,0 +1,3 @@
+export { CreateComposer, type CreateComposerProps } from './CreateComposer';
+export type { CreateComposerAttachment, CreateComposerUploadErr, CreateComposerUploadOk, CreateComposerUploadResult, CreateComposerValue, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/CreateComposer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CreateComposer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,YAAY,EACR,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,EAC1B,mBAAmB,GACtB,MAAM,SAAS,CAAC"}

package/dist/CreateComposer/index.js

@@ -0,0 +1,5 @@
+import { CreateComposer as r } from "./CreateComposer.js";
+export {
+  r as CreateComposer
+};
+//# sourceMappingURL=index.js.map

package/dist/CreateComposer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/CreateComposer/types.d.ts

@@ -0,0 +1,36 @@
+/** Serializable attachment row for create / marketing composers. */
+export type CreateComposerAttachment = {
+    clientId: string;
+    filename: string;
+    mediaType?: string;
+    size?: number;
+    lastModified?: number;
+    id?: string;
+    url?: string;
+    uploadStatus: 'uploading' | 'ready' | 'error';
+    uploadError?: string;
+    /** Object URL for local preview; omit from cross-domain JSON. */
+    preview?: string;
+};
+/** Controlled create-composer state (JSON-friendly aside from preview URLs). */
+export type CreateComposerValue = {
+    prompt: string;
+    planMode: boolean;
+    attachments: CreateComposerAttachment[];
+};
+export type CreateComposerUploadOk = {
+    ok: true;
+    data: {
+        id: string;
+        url: string;
+        name?: string;
+        mimeType?: string;
+        size?: number;
+    };
+};
+export type CreateComposerUploadErr = {
+    ok: false;
+    message?: string;
+};
+export type CreateComposerUploadResult = CreateComposerUploadOk | CreateComposerUploadErr;
+//# sourceMappingURL=types.d.ts.map

package/dist/CreateComposer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/CreateComposer/types.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,MAAM,wBAAwB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,wBAAwB,EAAE,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACjC,EAAE,EAAE,IAAI,CAAC;IACT,IAAI,EAAE;QACF,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC,EAAE,EAAE,KAAK,CAAC;IACV,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,sBAAsB,GAAG,uBAAuB,CAAC"}

package/dist/FileDropOverlay/FileDropOverlay.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type FileDropOverlayProps = HTMLAttributes<HTMLDivElement> & {
+    open: boolean;
+    /** Default centered label when `children` is omitted. */
+    label?: ReactNode;
+    /** Overrides the default send icon above `label`. Pass `null` to hide. */
+    icon?: ReactNode | null;
+    /** Full custom overlay content; replaces label + icon layout. */
+    children?: ReactNode;
+};
+/** Full-bleed drop affordance while files are dragged over a region. */
+export declare function FileDropOverlay({ open, label, icon, className, children, ...props }: FileDropOverlayProps): import("react").JSX.Element | null;
+export declare namespace FileDropOverlay {
+    var displayName: string;
+}
+//# sourceMappingURL=FileDropOverlay.d.ts.map

package/dist/FileDropOverlay/FileDropOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropOverlay.d.ts","sourceRoot":"","sources":["../../src/FileDropOverlay/FileDropOverlay.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,IAAI,EAAE,OAAO,CAAC;IACd,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wEAAwE;AACxE,wBAAgB,eAAe,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,IAAmB,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,oBAAoB,sCA4BtB;yBAnCe,eAAe"}

package/dist/FileDropOverlay/FileDropOverlay.js

@@ -0,0 +1,38 @@
+import { SendBold as a } from "@reforma/icons/16";
+import { cn as d } from "@reforma/lib";
+import { Box as c } from "../Box/Box.js";
+import { Text as p } from "../Text/Text.js";
+import n from "./FileDropOverlay.module.css.js";
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+function u({
+  open: i,
+  label: e,
+  icon: l = /* @__PURE__ */ r(a, {}),
+  className: o,
+  children: m,
+  ...t
+}) {
+  return i ? /* @__PURE__ */ r("div", {
+    className: d(n.overlay, o),
+    ...t,
+    children: m ?? /* @__PURE__ */ s(c, {
+      direction: "column",
+      align: "center",
+      gap: "lg",
+      padding: "md",
+      className: "text-center",
+      children: [l != null ? /* @__PURE__ */ r("span", {
+        className: n.iconRing,
+        "aria-hidden": !0,
+        children: l
+      }) : null, e != null ? /* @__PURE__ */ r(p, {
+        children: e
+      }) : null]
+    })
+  }) : null;
+}
+u.displayName = "FileDropOverlay";
+export {
+  u as FileDropOverlay
+};
+//# sourceMappingURL=FileDropOverlay.js.map

package/dist/FileDropOverlay/FileDropOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropOverlay.js","sources":["../../src/FileDropOverlay/FileDropOverlay.tsx"],"sourcesContent":["import { SendBold } from '@reforma/icons/16';\nimport { cn } from '@reforma/lib';\n\nimport { Box } from '../Box';\nimport { Text } from '../Text';\nimport styles from './FileDropOverlay.module.css';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type FileDropOverlayProps = HTMLAttributes<HTMLDivElement> & {\n    open: boolean;\n    /** Default centered label when `children` is omitted. */\n    label?: ReactNode;\n    /** Overrides the default send icon above `label`. Pass `null` to hide. */\n    icon?: ReactNode | null;\n    /** Full custom overlay content; replaces label + icon layout. */\n    children?: ReactNode;\n};\n\n/** Full-bleed drop affordance while files are dragged over a region. */\nexport function FileDropOverlay({\n    open,\n    label,\n    icon = <SendBold />,\n    className,\n    children,\n    ...props\n}: FileDropOverlayProps) {\n    if (!open) {\n        return null;\n    }\n\n    return (\n        <div className={ cn(styles.overlay, className) } { ...props }>\n            { children ?? (\n                <Box\n                    direction=\"column\"\n                    align=\"center\"\n                    gap=\"lg\"\n                    padding=\"md\"\n                    className=\"text-center\"\n                >\n                    { icon != null\n                        ? (\n                            <span className={ styles.iconRing } aria-hidden>\n                                { icon }\n                            </span>\n                        )\n                        : null }\n\n                    { label != null ? <Text>{ label }</Text> : null }\n                </Box>\n            ) }\n        </div>\n    );\n}\n\nFileDropOverlay.displayName = 'FileDropOverlay';\n"],"names":["FileDropOverlay","open","label","icon","_jsx","SendBold","className","children","props","cn","styles","_jsxs","Box","Text"],"mappings":";;;;;;AAOO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAoBC,gBAAAA,EAAKC,GAAU,EAAE;AAAA,EACrC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,SAAKP,sBAGoB,OAAO;AAAA,IAC9B,WAAWQ,EAAGC,EAAO,SAASJ,CAAS;AAAA,IACvC,GAAGE;AAAA,IACH,UAAUD,KAAyBI,gBAAAA,EAAMC,GAAK;AAAA,MAC5C,WAAW;AAAA,MACX,OAAO;AAAA,MACP,KAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,MACX,UAAU,CAACT,KAAQ,yBAAyB,QAAQ;AAAA,QAClD,WAAWO,EAAO;AAAA,QAClB,eAAe;AAAA,QACf,UAAUP;AAAA,MAAA,CACX,IAAI,MAAMD,KAAS,yBAAyBW,GAAM;AAAA,QACjD,UAAUX;AAAA,MAAA,CACX,IAAI,IAAI;AAAA,IAAA,CACV;AAAA,EAAA,CACF,IAnBQ;AAoBX;AACAF,EAAgB,cAAc;"}

package/dist/FileDropOverlay/FileDropOverlay.module.css

@@ -0,0 +1 @@
+@layer components{.FileDropOverlay_overlay_LE4GYo{display:flex;position:absolute;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);inset:0;background-color:var(--color-chat-overlay);pointer-events:none;font-weight:400;font-size:var(--text-md);line-height:var(--leading-md)}.FileDropOverlay_iconRing_hNeqAj{display:flex;flex-shrink:0;justify-content:center;align-items:center;box-sizing:border-box;border:2px solid;border-radius:100%;width:28px;height:28px}}

package/dist/FileDropOverlay/FileDropOverlay.module.css.js

@@ -0,0 +1,10 @@
+const o = "FileDropOverlay_overlay_LE4GYo", e = "FileDropOverlay_iconRing_hNeqAj", l = {
+  overlay: o,
+  iconRing: e
+};
+export {
+  l as default,
+  e as iconRing,
+  o as overlay
+};
+//# sourceMappingURL=FileDropOverlay.module.css.js.map

package/dist/FileDropOverlay/FileDropOverlay.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDropOverlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/FileDropOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { FileDropOverlay, type FileDropOverlayProps } from './FileDropOverlay';
+//# sourceMappingURL=index.d.ts.map

package/dist/FileDropOverlay/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FileDropOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/FileDropOverlay/index.js

@@ -0,0 +1,5 @@
+import { FileDropOverlay as o } from "./FileDropOverlay.js";
+export {
+  o as FileDropOverlay
+};
+//# sourceMappingURL=index.js.map

package/dist/FileDropOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/FileUploadZone/FileUploadZone.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+export interface FileUploadZoneProps {
+    onFileSelect: (file: File) => void;
+    accept?: string;
+    maxSize?: number;
+    preview?: string | null;
+    placeholder?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function FileUploadZone({ onFileSelect, accept, maxSize, preview, placeholder, disabled, className, }: FileUploadZoneProps): import("react").JSX.Element;
+export declare namespace FileUploadZone {
+    var displayName: string;
+}
+//# sourceMappingURL=FileUploadZone.d.ts.map

package/dist/FileUploadZone/FileUploadZone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploadZone.d.ts","sourceRoot":"","sources":["../../src/FileUploadZone/FileUploadZone.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,mBAAmB;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,cAAc,CAAC,EAC3B,YAAY,EACZ,MAAM,EACN,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAgB,EAChB,SAAS,GACZ,EAAE,mBAAmB,+BAkFrB;yBA1Fe,cAAc"}