@particle-academy/react-fancy 5.8.0 → 5.10.0

package/dist/index.cjs

@@ -15273,6 +15273,7 @@ function PromptInput({
   const [attachments, setAttachments] = react.useState([]);
   const [picker, setPicker] = react.useState(null);
   const taRef = react.useRef(null);
+  const fileRef = react.useRef(null);
   const [dragOver, setDragOver] = react.useState(false);
   const colors = mentionColor ?? DEFAULT_MENTION_COLOR;
   const tokens = react.useMemo(
@@ -15379,19 +15380,25 @@ function PromptInput({
       submit();
     }
   };
-  const onDrop = (e) => {
-    e.preventDefault();
-    setDragOver(false);
-    const files = Array.from(e.dataTransfer.files);
+  const attach = (list) => {
+    const files = Array.from(list ?? []);
+    if (files.length === 0) return;
     setAttachments((cur) => [
       ...cur,
       ...files.map((f) => ({
-        id: `${f.name}-${Date.now()}-${Math.random()}`,
+        id: crypto.randomUUID(),
         name: f.name,
-        bytes: f.size
+        bytes: f.size,
+        file: f,
+        type: f.type
       }))
     ]);
   };
+  const onDrop = (e) => {
+    e.preventDefault();
+    setDragOver(false);
+    attach(e.dataTransfer.files);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -15500,11 +15507,23 @@ function PromptInput({
               variant: "ghost",
               size: "sm",
               className: "shrink-0",
-              onClick: () => {
-              },
+              onClick: () => fileRef.current?.click(),
               children: "\u{1F4CE} attach"
             }
           ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: fileRef,
+              type: "file",
+              multiple: true,
+              className: "hidden",
+              onChange: (e) => {
+                attach(e.target.files);
+                e.target.value = "";
+              }
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-2 flex min-w-0 items-center gap-1.5 overflow-hidden", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-1.5 w-24 shrink overflow-hidden rounded-full bg-zinc-200 dark:bg-zinc-700", children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",