dishui 0.0.65 → 0.0.66

package/dist/components/FileUploader/FileUploader.js

@@ -1,131 +1,130 @@
-import { DropZone as V } from "./DropZone.js";
-import { UploadQueue as k } from "./UploadQueue.js";
-import { useCallback as a, useRef as N, useState as P } from "react";
-import { jsx as b, jsxs as Q } from "react/jsx-runtime";
-var U = 0;
-function Z() {
-  return `file-${Date.now()}-${++U}`;
+import { DropZone as e } from "./DropZone.js";
+import { UploadQueue as t } from "./UploadQueue.js";
+import { useCallback as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/FileUploader/FileUploader.tsx
+var s = 0;
+function c() {
+	return `file-${Date.now()}-${++s}`;
 }
-var J = ({ adapter: m, accept: v, maxFileSize: A, maxFiles: w, multiple: R = !0, autoUpload: h = !1, className: x = "", labels: C, onUploadComplete: d, onError: i, onFilesChange: g }) => {
-  const [f, y] = P([]), c = N([]), o = a((t) => {
-    y((e) => {
-      const r = t(e);
-      return c.current = r, g?.(r), r;
-    });
-  }, [g]), u = a(async (t) => {
-    const e = new AbortController();
-    o((r) => r.map((n) => n.id === t.id ? {
-      ...n,
-      status: "uploading",
-      progress: 0,
-      error: void 0,
-      abortController: e
-    } : n));
-    try {
-      const r = await m.upload(t.file, (n) => {
-        o((l) => l.map((s) => s.id === t.id ? {
-          ...s,
-          progress: Math.min(n, 100)
-        } : s));
-      }, e.signal);
-      return o((n) => n.map((l) => l.id === t.id ? {
-        ...l,
-        status: "success",
-        progress: 100,
-        result: r,
-        abortController: void 0
-      } : l)), r;
-    } catch (r) {
-      if (r?.name === "AbortError")
-        return o((l) => l.map((s) => s.id === t.id ? {
-          ...s,
-          status: "pending",
-          progress: 0,
-          abortController: void 0
-        } : s)), null;
-      const n = r?.message || "Upload failed";
-      return o((l) => l.map((s) => s.id === t.id ? {
-        ...s,
-        status: "error",
-        error: n,
-        abortController: void 0
-      } : s)), i?.(t.file, r instanceof Error ? r : new Error(n)), null;
-    }
-  }, [
-    m,
-    o,
-    i
-  ]), E = a((t) => {
-    const e = t.map((r) => ({
-      id: Z(),
-      file: r,
-      status: "pending",
-      progress: 0
-    }));
-    o((r) => [...r, ...e]), h && e.forEach((r) => {
-      u(r).then((n) => {
-        if (n) {
-          const l = c.current;
-          if (l.every((s) => s.status === "success" || s.status === "error")) {
-            const s = l.filter((p) => p.status === "success" && p.result).map((p) => p.result);
-            s.length > 0 && d?.(s);
-          }
-        }
-      });
-    });
-  }, [
-    h,
-    u,
-    o,
-    d
-  ]), F = a(() => {
-    const t = c.current.filter((e) => e.status === "pending").map((e) => u(e));
-    Promise.allSettled(t).then(() => {
-      const e = c.current.filter((r) => r.status === "success" && r.result).map((r) => r.result);
-      e.length > 0 && d?.(e);
-    });
-  }, [u, d]), I = a(() => {
-    f.forEach((t) => {
-      t.status === "uploading" && t.abortController && t.abortController.abort();
-    });
-  }, [f]), $ = a(() => {
-    o((t) => t.filter((e) => e.status !== "success"));
-  }, [o]), j = a((t) => {
-    o((e) => e.filter((r) => r.id !== t));
-  }, [o]), D = a((t) => {
-    const e = c.current.find((r) => r.id === t);
-    e && u(e);
-  }, [u]), M = a((t) => {
-    const e = c.current.find((r) => r.id === t);
-    e?.abortController && e.abortController.abort();
-  }, []), S = a((t, e) => {
-    i?.(t, new Error(e));
-  }, [i]);
-  return /* @__PURE__ */ Q("div", {
-    className: `w-full ${x}`,
-    children: [/* @__PURE__ */ b(V, {
-      accept: v,
-      maxFileSize: A,
-      maxFiles: w,
-      multiple: R,
-      currentFileCount: f.length,
-      labels: C,
-      onFilesAdded: E,
-      onValidationError: S
-    }), /* @__PURE__ */ b(k, {
-      items: f,
-      labels: C,
-      onRemove: j,
-      onRetry: D,
-      onCancel: M,
-      onUploadAll: F,
-      onCancelAll: I,
-      onClearCompleted: $
-    })]
-  });
-};
-export {
-  J as FileUploader
+var l = ({ adapter: s, accept: l, maxFileSize: u, maxFiles: d, multiple: f = !0, autoUpload: p = !1, className: m = "", labels: h, onUploadComplete: g, onError: _, onFilesChange: v }) => {
+	let [y, b] = i([]), x = r([]), S = n((e) => {
+		b((t) => {
+			let n = e(t);
+			return x.current = n, v?.(n), n;
+		});
+	}, [v]), C = n(async (e) => {
+		let t = new AbortController();
+		S((n) => n.map((n) => n.id === e.id ? {
+			...n,
+			status: "uploading",
+			progress: 0,
+			error: void 0,
+			abortController: t
+		} : n));
+		try {
+			let n = await s.upload(e.file, (t) => {
+				S((n) => n.map((n) => n.id === e.id ? {
+					...n,
+					progress: Math.min(t, 100)
+				} : n));
+			}, t.signal);
+			return S((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				status: "success",
+				progress: 100,
+				result: n,
+				abortController: void 0
+			} : t)), n;
+		} catch (t) {
+			if (t?.name === "AbortError") return S((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				status: "pending",
+				progress: 0,
+				abortController: void 0
+			} : t)), null;
+			let n = t?.message || "Upload failed";
+			return S((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				status: "error",
+				error: n,
+				abortController: void 0
+			} : t)), _?.(e.file, t instanceof Error ? t : Error(n)), null;
+		}
+	}, [
+		s,
+		S,
+		_
+	]), w = n((e) => {
+		let t = e.map((e) => ({
+			id: c(),
+			file: e,
+			status: "pending",
+			progress: 0
+		}));
+		S((e) => [...e, ...t]), p && t.forEach((e) => {
+			C(e).then((e) => {
+				if (e) {
+					let e = x.current;
+					if (e.every((e) => e.status === "success" || e.status === "error")) {
+						let t = e.filter((e) => e.status === "success" && e.result).map((e) => e.result);
+						t.length > 0 && g?.(t);
+					}
+				}
+			});
+		});
+	}, [
+		p,
+		C,
+		S,
+		g
+	]), T = n(() => {
+		let e = x.current.filter((e) => e.status === "pending").map((e) => C(e));
+		Promise.allSettled(e).then(() => {
+			let e = x.current.filter((e) => e.status === "success" && e.result).map((e) => e.result);
+			e.length > 0 && g?.(e);
+		});
+	}, [C, g]), E = n(() => {
+		y.forEach((e) => {
+			e.status === "uploading" && e.abortController && e.abortController.abort();
+		});
+	}, [y]), D = n(() => {
+		S((e) => e.filter((e) => e.status !== "success"));
+	}, [S]), O = n((e) => {
+		S((t) => t.filter((t) => t.id !== e));
+	}, [S]), k = n((e) => {
+		let t = x.current.find((t) => t.id === e);
+		t && C(t);
+	}, [C]), A = n((e) => {
+		let t = x.current.find((t) => t.id === e);
+		t?.abortController && t.abortController.abort();
+	}, []), j = n((e, t) => {
+		_?.(e, Error(t));
+	}, [_]);
+	return /* @__PURE__ */ o("div", {
+		className: `w-full ${m}`,
+		children: [/* @__PURE__ */ a(e, {
+			accept: l,
+			maxFileSize: u,
+			maxFiles: d,
+			multiple: f,
+			currentFileCount: y.length,
+			labels: h,
+			onFilesAdded: w,
+			onValidationError: j
+		}), /* @__PURE__ */ a(t, {
+			items: y,
+			labels: h,
+			onRemove: O,
+			onRetry: k,
+			onCancel: A,
+			onUploadAll: T,
+			onCancelAll: E,
+			onClearCompleted: D
+		})]
+	});
 };
+//#endregion
+export { l as FileUploader };
 
 //# sourceMappingURL=FileUploader.js.map

package/dist/components/FileUploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","names":[],"sources":["../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef } from 'react';\nimport { FileUploaderProps, FileItemState, UploadResult } from './types';\nimport { DropZone } from './DropZone';\nimport { UploadQueue } from './UploadQueue';\n\nlet fileIdCounter = 0;\nfunction nextFileId(): string {\n    return `file-${Date.now()}-${++fileIdCounter}`;\n}\n\nexport const FileUploader: React.FC<FileUploaderProps> = ({\n    adapter,\n    accept,\n    maxFileSize,\n    maxFiles,\n    multiple = true,\n    autoUpload = false,\n    className = '',\n    labels,\n    onUploadComplete,\n    onError,\n    onFilesChange,\n}) => {\n    const [items, setItems] = useState<FileItemState[]>([]);\n    const itemsRef = useRef<FileItemState[]>([]);\n\n    // Keep ref in sync for use in async callbacks\n    const updateItems = useCallback((updater: (prev: FileItemState[]) => FileItemState[]) => {\n        setItems(prev => {\n            const next = updater(prev);\n            itemsRef.current = next;\n            onFilesChange?.(next);\n            return next;\n        });\n    }, [onFilesChange]);\n\n    // Upload a single file item\n    const uploadFile = useCallback(async (item: FileItemState) => {\n        const abortController = new AbortController();\n\n        updateItems(prev =>\n            prev.map(i =>\n                i.id === item.id\n                    ? { ...i, status: 'uploading' as const, progress: 0, error: undefined, abortController }\n                    : i\n            )\n        );\n\n        try {\n            const result = await adapter.upload(\n                item.file,\n                (percent) => {\n                    updateItems(prev =>\n                        prev.map(i =>\n                            i.id === item.id ? { ...i, progress: Math.min(percent, 100) } : i\n                        )\n                    );\n                },\n                abortController.signal,\n            );\n\n            updateItems(prev =>\n                prev.map(i =>\n                    i.id === item.id\n                        ? { ...i, status: 'success' as const, progress: 100, result, abortController: undefined }\n                        : i\n                )\n            );\n\n            return result;\n        } catch (err: any) {\n            if (err?.name === 'AbortError') {\n                updateItems(prev =>\n                    prev.map(i =>\n                        i.id === item.id\n                            ? { ...i, status: 'pending' as const, progress: 0, abortController: undefined }\n                            : i\n                    )\n                );\n                return null;\n            }\n\n            const errorMsg = err?.message || 'Upload failed';\n            updateItems(prev =>\n                prev.map(i =>\n                    i.id === item.id\n                        ? { ...i, status: 'error' as const, error: errorMsg, abortController: undefined }\n                        : i\n                )\n            );\n            onError?.(item.file, err instanceof Error ? err : new Error(errorMsg));\n            return null;\n        }\n    }, [adapter, updateItems, onError]);\n\n    // Add files from drop zone\n    const handleFilesAdded = useCallback((files: File[]) => {\n        const newItems: FileItemState[] = files.map(file => ({\n            id: nextFileId(),\n            file,\n            status: 'pending' as const,\n            progress: 0,\n        }));\n\n        updateItems(prev => [...prev, ...newItems]);\n\n        if (autoUpload) {\n            // Start uploading each new file\n            newItems.forEach(item => {\n                uploadFile(item).then(result => {\n                    if (result) {\n                        // Check if all items are done after this upload\n                        const current = itemsRef.current;\n                        const allDone = current.every(i => i.status === 'success' || i.status === 'error');\n                        if (allDone) {\n                            const results = current\n                                .filter(i => i.status === 'success' && i.result)\n                                .map(i => i.result!);\n                            if (results.length > 0) {\n                                onUploadComplete?.(results);\n                            }\n                        }\n                    }\n                });\n            });\n        }\n    }, [autoUpload, uploadFile, updateItems, onUploadComplete]);\n\n    // Upload all pending\n    const handleUploadAll = useCallback(() => {\n        const pending = itemsRef.current.filter(i => i.status === 'pending');\n        const uploads = pending.map(item => uploadFile(item));\n\n        Promise.allSettled(uploads).then(() => {\n            const current = itemsRef.current;\n            const results = current\n                .filter(i => i.status === 'success' && i.result)\n                .map(i => i.result!);\n            if (results.length > 0) {\n                onUploadComplete?.(results);\n            }\n        });\n    }, [uploadFile, onUploadComplete]);\n\n    // Cancel all uploading\n    const handleCancelAll = useCallback(() => {\n        items.forEach(item => {\n            if (item.status === 'uploading' && item.abortController) {\n                item.abortController.abort();\n            }\n        });\n    }, [items]);\n\n    // Clear completed\n    const handleClearCompleted = useCallback(() => {\n        updateItems(prev => prev.filter(i => i.status !== 'success'));\n    }, [updateItems]);\n\n    // Remove single file\n    const handleRemove = useCallback((id: string) => {\n        updateItems(prev => prev.filter(i => i.id !== id));\n    }, [updateItems]);\n\n    // Retry single file\n    const handleRetry = useCallback((id: string) => {\n        const item = itemsRef.current.find(i => i.id === id);\n        if (item) uploadFile(item);\n    }, [uploadFile]);\n\n    // Cancel single upload\n    const handleCancel = useCallback((id: string) => {\n        const item = itemsRef.current.find(i => i.id === id);\n        if (item?.abortController) {\n            item.abortController.abort();\n        }\n    }, []);\n\n    const handleValidationError = useCallback((file: File, error: string) => {\n        onError?.(file, new Error(error));\n    }, [onError]);\n\n    return (\n        <div className={`w-full ${className}`}>\n            <DropZone\n                accept={accept}\n                maxFileSize={maxFileSize}\n                maxFiles={maxFiles}\n                multiple={multiple}\n                currentFileCount={items.length}\n                labels={labels}\n                onFilesAdded={handleFilesAdded}\n                onValidationError={handleValidationError}\n            />\n            <UploadQueue\n                items={items}\n                labels={labels}\n                onRemove={handleRemove}\n                onRetry={handleRetry}\n                onCancel={handleCancel}\n                onUploadAll={handleUploadAll}\n                onCancelAll={handleCancelAll}\n                onClearCompleted={handleClearCompleted}\n            />\n        </div>\n    );\n};\n"],"mappings":";;;;AAKA,IAAI,IAAgB;AACpB,SAAS,IAAqB;AAC1B,SAAO,QAAQ,KAAK,IAAI,CAAA,IAAK,EAAE,CAAA;AACnC;AAEA,IAAa,IAAA,CAA6C,EACtD,SAAA,GACA,QAAA,GACA,aAAA,GACA,UAAA,GACA,UAAA,IAAW,IACX,YAAA,IAAa,IACb,WAAA,IAAY,IACZ,QAAA,GACA,kBAAA,GACA,SAAA,GACA,eAAA,EAAA,MACE;AACF,QAAM,CAAC,GAAO,CAAA,IAAY,EAA0B,CAAC,CAAC,GAChD,IAAW,EAAwB,CAAC,CAAC,GAGrC,IAAc,EAAA,CAAa,MAAwD;AACrF,IAAA,EAAA,CAAS,MAAQ;AACb,YAAM,IAAO,EAAQ,CAAI;AACzB,aAAA,EAAS,UAAU,GACnB,IAAgB,CAAI,GACb;AAAA,IACX,CAAC;AAAA,EACL,GAAG,CAAC,CAAa,CAAC,GAGZ,IAAa,EAAY,OAAO,MAAwB;AAC1D,UAAM,IAAkB,IAAI,gBAAgB;AAE5C,IAAA,EAAA,CAAY,MACR,EAAK,IAAA,CAAI,MACL,EAAE,OAAO,EAAK,KACR;AAAA,MAAE,GAAG;AAAA,MAAG,QAAQ;AAAA,MAAsB,UAAU;AAAA,MAAG,OAAO;AAAA,MAAW,iBAAA;AAAA,IAAgB,IACrF,CACV,CACJ;AAEA,QAAI;AACA,YAAM,IAAS,MAAM,EAAQ,OACzB,EAAK,MAAA,CACJ,MAAY;AACT,QAAA,EAAA,CAAY,MACR,EAAK,IAAA,CAAI,MACL,EAAE,OAAO,EAAK,KAAK;AAAA,UAAE,GAAG;AAAA,UAAG,UAAU,KAAK,IAAI,GAAS,GAAG;AAAA,QAAE,IAAI,CACpE,CACJ;AAAA,MACJ,GACA,EAAgB,MACpB;AAEA,aAAA,EAAA,CAAY,MACR,EAAK,IAAA,CAAI,MACL,EAAE,OAAO,EAAK,KACR;AAAA,QAAE,GAAG;AAAA,QAAG,QAAQ;AAAA,QAAoB,UAAU;AAAA,QAAK,QAAA;AAAA,QAAQ,iBAAiB;AAAA,MAAU,IACtF,CACV,CACJ,GAEO;AAAA,IACX,SAAS,GAAU;AACf,UAAI,GAAK,SAAS;AACd,eAAA,EAAA,CAAY,MACR,EAAK,IAAA,CAAI,MACL,EAAE,OAAO,EAAK,KACR;AAAA,UAAE,GAAG;AAAA,UAAG,QAAQ;AAAA,UAAoB,UAAU;AAAA,UAAG,iBAAiB;AAAA,QAAU,IAC5E,CACV,CACJ,GACO;AAGX,YAAM,IAAW,GAAK,WAAW;AACjC,aAAA,EAAA,CAAY,MACR,EAAK,IAAA,CAAI,MACL,EAAE,OAAO,EAAK,KACR;AAAA,QAAE,GAAG;AAAA,QAAG,QAAQ;AAAA,QAAkB,OAAO;AAAA,QAAU,iBAAiB;AAAA,MAAU,IAC9E,CACV,CACJ,GACA,IAAU,EAAK,MAAM,aAAe,QAAQ,IAAM,IAAI,MAAM,CAAQ,CAAC,GAC9D;AAAA,IACX;AAAA,EACJ,GAAG;AAAA,IAAC;AAAA,IAAS;AAAA,IAAa;AAAA,EAAO,CAAC,GAG5B,IAAmB,EAAA,CAAa,MAAkB;AACpD,UAAM,IAA4B,EAAM,IAAA,CAAI,OAAS;AAAA,MACjD,IAAI,EAAW;AAAA,MACf,MAAA;AAAA,MACA,QAAQ;AAAA,MACR,UAAU;AAAA,IACd,EAAE;AAEF,IAAA,EAAA,CAAY,MAAQ,CAAC,GAAG,GAAM,GAAG,CAAQ,CAAC,GAEtC,KAEA,EAAS,QAAA,CAAQ,MAAQ;AACrB,MAAA,EAAW,CAAI,EAAE,KAAA,CAAK,MAAU;AAC5B,YAAI,GAAQ;AAER,gBAAM,IAAU,EAAS;AAEzB,cADgB,EAAQ,MAAA,CAAM,MAAK,EAAE,WAAW,aAAa,EAAE,WAAW,OACtE,GAAS;AACT,kBAAM,IAAU,EACX,OAAA,CAAO,MAAK,EAAE,WAAW,aAAa,EAAE,MAAM,EAC9C,IAAA,CAAI,MAAK,EAAE,MAAO;AACvB,YAAI,EAAQ,SAAS,KACjB,IAAmB,CAAO;AAAA,UAElC;AAAA,QACJ;AAAA,MACJ,CAAC;AAAA,IACL,CAAC;AAAA,EAET,GAAG;AAAA,IAAC;AAAA,IAAY;AAAA,IAAY;AAAA,IAAa;AAAA,EAAgB,CAAC,GAGpD,IAAkB,EAAA,MAAkB;AAEtC,UAAM,IADU,EAAS,QAAQ,OAAA,CAAO,MAAK,EAAE,WAAW,SAC1C,EAAQ,IAAA,CAAI,MAAQ,EAAW,CAAI,CAAC;AAEpD,YAAQ,WAAW,CAAO,EAAE,KAAA,MAAW;AAEnC,YAAM,IADU,EAAS,QAEpB,OAAA,CAAO,MAAK,EAAE,WAAW,aAAa,EAAE,MAAM,EAC9C,IAAA,CAAI,MAAK,EAAE,MAAO;AACvB,MAAI,EAAQ,SAAS,KACjB,IAAmB,CAAO;AAAA,IAElC,CAAC;AAAA,EACL,GAAG,CAAC,GAAY,CAAgB,CAAC,GAG3B,IAAkB,EAAA,MAAkB;AACtC,IAAA,EAAM,QAAA,CAAQ,MAAQ;AAClB,MAAI,EAAK,WAAW,eAAe,EAAK,mBACpC,EAAK,gBAAgB,MAAM;AAAA,IAEnC,CAAC;AAAA,EACL,GAAG,CAAC,CAAK,CAAC,GAGJ,IAAuB,EAAA,MAAkB;AAC3C,IAAA,EAAA,CAAY,MAAQ,EAAK,OAAA,CAAO,MAAK,EAAE,WAAW,SAAS,CAAC;AAAA,EAChE,GAAG,CAAC,CAAW,CAAC,GAGV,IAAe,EAAA,CAAa,MAAe;AAC7C,IAAA,EAAA,CAAY,MAAQ,EAAK,OAAA,CAAO,MAAK,EAAE,OAAO,CAAE,CAAC;AAAA,EACrD,GAAG,CAAC,CAAW,CAAC,GAGV,IAAc,EAAA,CAAa,MAAe;AAC5C,UAAM,IAAO,EAAS,QAAQ,KAAA,CAAK,MAAK,EAAE,OAAO,CAAE;AACnD,IAAI,KAAM,EAAW,CAAI;AAAA,EAC7B,GAAG,CAAC,CAAU,CAAC,GAGT,IAAe,EAAA,CAAa,MAAe;AAC7C,UAAM,IAAO,EAAS,QAAQ,KAAA,CAAK,MAAK,EAAE,OAAO,CAAE;AACnD,IAAI,GAAM,mBACN,EAAK,gBAAgB,MAAM;AAAA,EAEnC,GAAG,CAAC,CAAC,GAEC,IAAwB,EAAA,CAAa,GAAY,MAAkB;AACrE,IAAA,IAAU,GAAM,IAAI,MAAM,CAAK,CAAC;AAAA,EACpC,GAAG,CAAC,CAAO,CAAC;AAEZ,SACI,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,UAAU,CAAA;AAAA,IAA1B,UAAA,CACI,gBAAA,EAAC,GAAD;AAAA,MACY,QAAA;AAAA,MACK,aAAA;AAAA,MACH,UAAA;AAAA,MACA,UAAA;AAAA,MACV,kBAAkB,EAAM;AAAA,MAChB,QAAA;AAAA,MACR,cAAc;AAAA,MACd,mBAAmB;AAAA,IACtB,CAAA,GACD,gBAAA,EAAC,GAAD;AAAA,MACW,OAAA;AAAA,MACC,QAAA;AAAA,MACR,UAAU;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACrB,CAAA,CACA;AAAA;AAEb"}
+{"version":3,"file":"FileUploader.js","names":[],"sources":["../../../src/components/FileUploader/FileUploader.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef } from 'react';\nimport { FileUploaderProps, FileItemState, UploadResult } from './types';\nimport { DropZone } from './DropZone';\nimport { UploadQueue } from './UploadQueue';\n\nlet fileIdCounter = 0;\nfunction nextFileId(): string {\n    return `file-${Date.now()}-${++fileIdCounter}`;\n}\n\nexport const FileUploader: React.FC<FileUploaderProps> = ({\n    adapter,\n    accept,\n    maxFileSize,\n    maxFiles,\n    multiple = true,\n    autoUpload = false,\n    className = '',\n    labels,\n    onUploadComplete,\n    onError,\n    onFilesChange,\n}) => {\n    const [items, setItems] = useState<FileItemState[]>([]);\n    const itemsRef = useRef<FileItemState[]>([]);\n\n    // Keep ref in sync for use in async callbacks\n    const updateItems = useCallback((updater: (prev: FileItemState[]) => FileItemState[]) => {\n        setItems(prev => {\n            const next = updater(prev);\n            itemsRef.current = next;\n            onFilesChange?.(next);\n            return next;\n        });\n    }, [onFilesChange]);\n\n    // Upload a single file item\n    const uploadFile = useCallback(async (item: FileItemState) => {\n        const abortController = new AbortController();\n\n        updateItems(prev =>\n            prev.map(i =>\n                i.id === item.id\n                    ? { ...i, status: 'uploading' as const, progress: 0, error: undefined, abortController }\n                    : i\n            )\n        );\n\n        try {\n            const result = await adapter.upload(\n                item.file,\n                (percent) => {\n                    updateItems(prev =>\n                        prev.map(i =>\n                            i.id === item.id ? { ...i, progress: Math.min(percent, 100) } : i\n                        )\n                    );\n                },\n                abortController.signal,\n            );\n\n            updateItems(prev =>\n                prev.map(i =>\n                    i.id === item.id\n                        ? { ...i, status: 'success' as const, progress: 100, result, abortController: undefined }\n                        : i\n                )\n            );\n\n            return result;\n        } catch (err: any) {\n            if (err?.name === 'AbortError') {\n                updateItems(prev =>\n                    prev.map(i =>\n                        i.id === item.id\n                            ? { ...i, status: 'pending' as const, progress: 0, abortController: undefined }\n                            : i\n                    )\n                );\n                return null;\n            }\n\n            const errorMsg = err?.message || 'Upload failed';\n            updateItems(prev =>\n                prev.map(i =>\n                    i.id === item.id\n                        ? { ...i, status: 'error' as const, error: errorMsg, abortController: undefined }\n                        : i\n                )\n            );\n            onError?.(item.file, err instanceof Error ? err : new Error(errorMsg));\n            return null;\n        }\n    }, [adapter, updateItems, onError]);\n\n    // Add files from drop zone\n    const handleFilesAdded = useCallback((files: File[]) => {\n        const newItems: FileItemState[] = files.map(file => ({\n            id: nextFileId(),\n            file,\n            status: 'pending' as const,\n            progress: 0,\n        }));\n\n        updateItems(prev => [...prev, ...newItems]);\n\n        if (autoUpload) {\n            // Start uploading each new file\n            newItems.forEach(item => {\n                uploadFile(item).then(result => {\n                    if (result) {\n                        // Check if all items are done after this upload\n                        const current = itemsRef.current;\n                        const allDone = current.every(i => i.status === 'success' || i.status === 'error');\n                        if (allDone) {\n                            const results = current\n                                .filter(i => i.status === 'success' && i.result)\n                                .map(i => i.result!);\n                            if (results.length > 0) {\n                                onUploadComplete?.(results);\n                            }\n                        }\n                    }\n                });\n            });\n        }\n    }, [autoUpload, uploadFile, updateItems, onUploadComplete]);\n\n    // Upload all pending\n    const handleUploadAll = useCallback(() => {\n        const pending = itemsRef.current.filter(i => i.status === 'pending');\n        const uploads = pending.map(item => uploadFile(item));\n\n        Promise.allSettled(uploads).then(() => {\n            const current = itemsRef.current;\n            const results = current\n                .filter(i => i.status === 'success' && i.result)\n                .map(i => i.result!);\n            if (results.length > 0) {\n                onUploadComplete?.(results);\n            }\n        });\n    }, [uploadFile, onUploadComplete]);\n\n    // Cancel all uploading\n    const handleCancelAll = useCallback(() => {\n        items.forEach(item => {\n            if (item.status === 'uploading' && item.abortController) {\n                item.abortController.abort();\n            }\n        });\n    }, [items]);\n\n    // Clear completed\n    const handleClearCompleted = useCallback(() => {\n        updateItems(prev => prev.filter(i => i.status !== 'success'));\n    }, [updateItems]);\n\n    // Remove single file\n    const handleRemove = useCallback((id: string) => {\n        updateItems(prev => prev.filter(i => i.id !== id));\n    }, [updateItems]);\n\n    // Retry single file\n    const handleRetry = useCallback((id: string) => {\n        const item = itemsRef.current.find(i => i.id === id);\n        if (item) uploadFile(item);\n    }, [uploadFile]);\n\n    // Cancel single upload\n    const handleCancel = useCallback((id: string) => {\n        const item = itemsRef.current.find(i => i.id === id);\n        if (item?.abortController) {\n            item.abortController.abort();\n        }\n    }, []);\n\n    const handleValidationError = useCallback((file: File, error: string) => {\n        onError?.(file, new Error(error));\n    }, [onError]);\n\n    return (\n        <div className={`w-full ${className}`}>\n            <DropZone\n                accept={accept}\n                maxFileSize={maxFileSize}\n                maxFiles={maxFiles}\n                multiple={multiple}\n                currentFileCount={items.length}\n                labels={labels}\n                onFilesAdded={handleFilesAdded}\n                onValidationError={handleValidationError}\n            />\n            <UploadQueue\n                items={items}\n                labels={labels}\n                onRemove={handleRemove}\n                onRetry={handleRetry}\n                onCancel={handleCancel}\n                onUploadAll={handleUploadAll}\n                onCancelAll={handleCancelAll}\n                onClearCompleted={handleClearCompleted}\n            />\n        </div>\n    );\n};\n"],"mappings":";;;;;AAKA,IAAI,IAAgB;AACpB,SAAS,IAAqB;CAC1B,OAAO,QAAQ,KAAK,IAAI,EAAE,GAAG,EAAE;AACnC;AAEA,IAAa,KAA6C,EACtD,YACA,WACA,gBACA,aACA,cAAW,IACX,gBAAa,IACb,eAAY,IACZ,WACA,qBACA,YACA,uBACE;CACF,IAAM,CAAC,GAAO,KAAY,EAA0B,CAAC,CAAC,GAChD,IAAW,EAAwB,CAAC,CAAC,GAGrC,IAAc,GAAa,MAAwD;EACrF,GAAS,MAAQ;GACb,IAAM,IAAO,EAAQ,CAAI;GAGzB,OAFA,EAAS,UAAU,GACnB,IAAgB,CAAI,GACb;EACX,CAAC;CACL,GAAG,CAAC,CAAa,CAAC,GAGZ,IAAa,EAAY,OAAO,MAAwB;EAC1D,IAAM,IAAkB,IAAI,gBAAgB;EAE5C,GAAY,MACR,EAAK,KAAI,MACL,EAAE,OAAO,EAAK,KACR;GAAE,GAAG;GAAG,QAAQ;GAAsB,UAAU;GAAG,OAAO,KAAA;GAAW;EAAgB,IACrF,CACV,CACJ;EAEA,IAAI;GACA,IAAM,IAAS,MAAM,EAAQ,OACzB,EAAK,OACJ,MAAY;IACT,GAAY,MACR,EAAK,KAAI,MACL,EAAE,OAAO,EAAK,KAAK;KAAE,GAAG;KAAG,UAAU,KAAK,IAAI,GAAS,GAAG;IAAE,IAAI,CACpE,CACJ;GACJ,GACA,EAAgB,MACpB;GAUA,OARA,GAAY,MACR,EAAK,KAAI,MACL,EAAE,OAAO,EAAK,KACR;IAAE,GAAG;IAAG,QAAQ;IAAoB,UAAU;IAAK;IAAQ,iBAAiB,KAAA;GAAU,IACtF,CACV,CACJ,GAEO;EACX,SAAS,GAAU;GACf,IAAI,GAAK,SAAS,cAQd,OAPA,GAAY,MACR,EAAK,KAAI,MACL,EAAE,OAAO,EAAK,KACR;IAAE,GAAG;IAAG,QAAQ;IAAoB,UAAU;IAAG,iBAAiB,KAAA;GAAU,IAC5E,CACV,CACJ,GACO;GAGX,IAAM,IAAW,GAAK,WAAW;GASjC,OARA,GAAY,MACR,EAAK,KAAI,MACL,EAAE,OAAO,EAAK,KACR;IAAE,GAAG;IAAG,QAAQ;IAAkB,OAAO;IAAU,iBAAiB,KAAA;GAAU,IAC9E,CACV,CACJ,GACA,IAAU,EAAK,MAAM,aAAe,QAAQ,IAAU,MAAM,CAAQ,CAAC,GAC9D;EACX;CACJ,GAAG;EAAC;EAAS;EAAa;CAAO,CAAC,GAG5B,IAAmB,GAAa,MAAkB;EACpD,IAAM,IAA4B,EAAM,KAAI,OAAS;GACjD,IAAI,EAAW;GACf;GACA,QAAQ;GACR,UAAU;EACd,EAAE;EAIF,AAFA,GAAY,MAAQ,CAAC,GAAG,GAAM,GAAG,CAAQ,CAAC,GAEtC,KAEA,EAAS,SAAQ,MAAQ;GACrB,EAAW,CAAI,CAAC,CAAC,MAAK,MAAU;IAC5B,IAAI,GAAQ;KAER,IAAM,IAAU,EAAS;KAEzB,IADgB,EAAQ,OAAM,MAAK,EAAE,WAAW,aAAa,EAAE,WAAW,OACtE,GAAS;MACT,IAAM,IAAU,EACX,QAAO,MAAK,EAAE,WAAW,aAAa,EAAE,MAAM,CAAC,CAC/C,KAAI,MAAK,EAAE,MAAO;MACvB,AAAI,EAAQ,SAAS,KACjB,IAAmB,CAAO;KAElC;IACJ;GACJ,CAAC;EACL,CAAC;CAET,GAAG;EAAC;EAAY;EAAY;EAAa;CAAgB,CAAC,GAGpD,IAAkB,QAAkB;EAEtC,IAAM,IADU,EAAS,QAAQ,QAAO,MAAK,EAAE,WAAW,SAC1C,CAAA,CAAQ,KAAI,MAAQ,EAAW,CAAI,CAAC;EAEpD,QAAQ,WAAW,CAAO,CAAC,CAAC,WAAW;GAEnC,IAAM,IADU,EAAS,QAEpB,QAAO,MAAK,EAAE,WAAW,aAAa,EAAE,MAAM,CAAC,CAC/C,KAAI,MAAK,EAAE,MAAO;GACvB,AAAI,EAAQ,SAAS,KACjB,IAAmB,CAAO;EAElC,CAAC;CACL,GAAG,CAAC,GAAY,CAAgB,CAAC,GAG3B,IAAkB,QAAkB;EACtC,EAAM,SAAQ,MAAQ;GAClB,AAAI,EAAK,WAAW,eAAe,EAAK,mBACpC,EAAK,gBAAgB,MAAM;EAEnC,CAAC;CACL,GAAG,CAAC,CAAK,CAAC,GAGJ,IAAuB,QAAkB;EAC3C,GAAY,MAAQ,EAAK,QAAO,MAAK,EAAE,WAAW,SAAS,CAAC;CAChE,GAAG,CAAC,CAAW,CAAC,GAGV,IAAe,GAAa,MAAe;EAC7C,GAAY,MAAQ,EAAK,QAAO,MAAK,EAAE,OAAO,CAAE,CAAC;CACrD,GAAG,CAAC,CAAW,CAAC,GAGV,IAAc,GAAa,MAAe;EAC5C,IAAM,IAAO,EAAS,QAAQ,MAAK,MAAK,EAAE,OAAO,CAAE;EACnD,AAAI,KAAM,EAAW,CAAI;CAC7B,GAAG,CAAC,CAAU,CAAC,GAGT,IAAe,GAAa,MAAe;EAC7C,IAAM,IAAO,EAAS,QAAQ,MAAK,MAAK,EAAE,OAAO,CAAE;EACnD,AAAI,GAAM,mBACN,EAAK,gBAAgB,MAAM;CAEnC,GAAG,CAAC,CAAC,GAEC,IAAwB,GAAa,GAAY,MAAkB;EACrE,IAAU,GAAU,MAAM,CAAK,CAAC;CACpC,GAAG,CAAC,CAAO,CAAC;CAEZ,OACI,kBAAC,OAAD;EAAK,WAAW,UAAU;EAA1B,UAAA,CACI,kBAAC,GAAD;GACY;GACK;GACH;GACA;GACV,kBAAkB,EAAM;GAChB;GACR,cAAc;GACd,mBAAmB;EACtB,CAAA,GACD,kBAAC,GAAD;GACW;GACC;GACR,UAAU;GACV,SAAS;GACT,UAAU;GACV,aAAa;GACb,aAAa;GACb,kBAAkB;EACrB,CAAA,CACA;;AAEb"}

package/dist/components/FileUploader/UploadQueue.js

@@ -1,66 +1,66 @@
-import o from "../Button/index.js";
-import { FileItem as C } from "./FileItem.js";
+import e from "../Button/index.js";
+import { FileItem as t } from "./FileItem.js";
 import "react";
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
-var g = {
-  uploadAll: "Upload All",
-  cancelAll: "Cancel All",
-  clearCompleted: "Clear Completed",
-  fileCount: "files"
-}, j = ({ items: e, labels: t, onRemove: i, onRetry: r, onCancel: c, onUploadAll: d, onCancelAll: p, onClearCompleted: m, className: u = "" }) => {
-  const a = {
-    ...g,
-    ...t
-  }, h = e.some((l) => l.status === "pending"), f = e.some((l) => l.status === "uploading"), x = e.some((l) => l.status === "success");
-  return e.length === 0 ? null : /* @__PURE__ */ n("div", {
-    className: `mt-4 ${u}`,
-    children: [/* @__PURE__ */ n("div", {
-      className: "flex items-center justify-between mb-2 px-1",
-      children: [/* @__PURE__ */ n("span", {
-        className: "text-sm opacity-60",
-        children: [
-          e.length,
-          " ",
-          a.fileCount
-        ]
-      }), /* @__PURE__ */ n("div", {
-        className: "flex gap-1",
-        children: [
-          h && /* @__PURE__ */ s(o, {
-            variant: "primary",
-            size: "xs",
-            onClick: d,
-            children: a.uploadAll
-          }),
-          f && /* @__PURE__ */ s(o, {
-            variant: "warning",
-            size: "xs",
-            outline: !0,
-            onClick: p,
-            children: a.cancelAll
-          }),
-          x && /* @__PURE__ */ s(o, {
-            variant: "ghost",
-            size: "xs",
-            onClick: m,
-            children: a.clearCompleted
-          })
-        ]
-      })]
-    }), /* @__PURE__ */ s("div", {
-      className: "flex flex-col gap-1.5 max-h-[360px] overflow-y-auto pr-1",
-      children: e.map((l) => /* @__PURE__ */ s(C, {
-        item: l,
-        labels: a,
-        onRemove: i,
-        onRetry: r,
-        onCancel: c
-      }, l.id))
-    })]
-  });
-};
-export {
-  j as UploadQueue
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/FileUploader/UploadQueue.tsx
+var i = {
+	uploadAll: "Upload All",
+	cancelAll: "Cancel All",
+	clearCompleted: "Clear Completed",
+	fileCount: "files"
+}, a = ({ items: a, labels: o, onRemove: s, onRetry: c, onCancel: l, onUploadAll: u, onCancelAll: d, onClearCompleted: f, className: p = "" }) => {
+	let m = {
+		...i,
+		...o
+	}, h = a.some((e) => e.status === "pending"), g = a.some((e) => e.status === "uploading"), _ = a.some((e) => e.status === "success");
+	return a.length === 0 ? null : /* @__PURE__ */ r("div", {
+		className: `mt-4 ${p}`,
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between mb-2 px-1",
+			children: [/* @__PURE__ */ r("span", {
+				className: "text-sm opacity-60",
+				children: [
+					a.length,
+					" ",
+					m.fileCount
+				]
+			}), /* @__PURE__ */ r("div", {
+				className: "flex gap-1",
+				children: [
+					h && /* @__PURE__ */ n(e, {
+						variant: "primary",
+						size: "xs",
+						onClick: u,
+						children: m.uploadAll
+					}),
+					g && /* @__PURE__ */ n(e, {
+						variant: "warning",
+						size: "xs",
+						outline: !0,
+						onClick: d,
+						children: m.cancelAll
+					}),
+					_ && /* @__PURE__ */ n(e, {
+						variant: "ghost",
+						size: "xs",
+						onClick: f,
+						children: m.clearCompleted
+					})
+				]
+			})]
+		}), /* @__PURE__ */ n("div", {
+			className: "flex flex-col gap-1.5 max-h-[360px] overflow-y-auto pr-1",
+			children: a.map((e) => /* @__PURE__ */ n(t, {
+				item: e,
+				labels: m,
+				onRemove: s,
+				onRetry: c,
+				onCancel: l
+			}, e.id))
+		})]
+	});
 };
+//#endregion
+export { a as UploadQueue };
 
 //# sourceMappingURL=UploadQueue.js.map

package/dist/components/FileUploader/UploadQueue.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadQueue.js","names":[],"sources":["../../../src/components/FileUploader/UploadQueue.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadQueueProps } from './types';\nimport { FileItem } from './FileItem';\nimport Button from '../Button';\n\nconst defaultLabels = {\n    uploadAll: 'Upload All',\n    cancelAll: 'Cancel All',\n    clearCompleted: 'Clear Completed',\n    fileCount: 'files',\n};\n\nexport const UploadQueue: React.FC<UploadQueueProps> = ({\n    items,\n    labels: userLabels,\n    onRemove,\n    onRetry,\n    onCancel,\n    onUploadAll,\n    onCancelAll,\n    onClearCompleted,\n    className = '',\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n\n    const hasPending = items.some(i => i.status === 'pending');\n    const hasUploading = items.some(i => i.status === 'uploading');\n    const hasCompleted = items.some(i => i.status === 'success');\n\n    if (items.length === 0) return null;\n\n    return (\n        <div className={`mt-4 ${className}`}>\n            {/* Batch actions bar */}\n            <div className=\"flex items-center justify-between mb-2 px-1\">\n                <span className=\"text-sm opacity-60\">\n                    {items.length} {labels.fileCount}\n                </span>\n                <div className=\"flex gap-1\">\n                    {hasPending && (\n                        <Button variant=\"primary\" size=\"xs\" onClick={onUploadAll}>\n                            {labels.uploadAll}\n                        </Button>\n                    )}\n                    {hasUploading && (\n                        <Button variant=\"warning\" size=\"xs\" outline onClick={onCancelAll}>\n                            {labels.cancelAll}\n                        </Button>\n                    )}\n                    {hasCompleted && (\n                        <Button variant=\"ghost\" size=\"xs\" onClick={onClearCompleted}>\n                            {labels.clearCompleted}\n                        </Button>\n                    )}\n                </div>\n            </div>\n\n            {/* File list */}\n            <div className=\"flex flex-col gap-1.5 max-h-[360px] overflow-y-auto pr-1\">\n                {items.map(item => (\n                    <FileItem\n                        key={item.id}\n                        item={item}\n                        labels={labels}\n                        onRemove={onRemove}\n                        onRetry={onRetry}\n                        onCancel={onCancel}\n                    />\n                ))}\n            </div>\n        </div>\n    );\n};\n"],"mappings":";;;;AAKA,IAAM,IAAgB;AAAA,EAClB,WAAW;AAAA,EACX,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,WAAW;AACf,GAEa,IAAA,CAA2C,EACpD,OAAA,GACA,QAAQ,GACR,UAAA,GACA,SAAA,GACA,UAAA,GACA,aAAA,GACA,aAAA,GACA,kBAAA,GACA,WAAA,IAAY,GAAA,MACV;AACF,QAAM,IAAS;AAAA,IAAE,GAAG;AAAA,IAAe,GAAG;AAAA,EAAW,GAE3C,IAAa,EAAM,KAAA,CAAK,MAAK,EAAE,WAAW,SAAS,GACnD,IAAe,EAAM,KAAA,CAAK,MAAK,EAAE,WAAW,WAAW,GACvD,IAAe,EAAM,KAAA,CAAK,MAAK,EAAE,WAAW,SAAS;AAE3D,SAAI,EAAM,WAAW,IAAU,OAG3B,gBAAA,EAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,CAAA;AAAA,IAAxB,UAAA,CAEI,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MAAf,UAAA,CACI,gBAAA,EAAC,QAAD;AAAA,QAAM,WAAU;AAAA,QAAhB,UAAA;AAAA,UACK,EAAM;AAAA,UAAO;AAAA,UAAE,EAAO;AAAA,QACrB;AAAA,MACN,CAAA,GAAA,gBAAA,EAAC,OAAD;AAAA,QAAK,WAAU;AAAA,QAAf,UAAA;AAAA,UACK,KACG,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAQ;AAAA,YAAU,MAAK;AAAA,YAAK,SAAS;AAAA,YACxC,UAAA,EAAO;AAAA,UACJ,CAAA;AAAA,UAEX,KACG,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAQ;AAAA,YAAU,MAAK;AAAA,YAAK,SAAA;AAAA,YAAQ,SAAS;AAAA,YAChD,UAAA,EAAO;AAAA,UACJ,CAAA;AAAA,UAEX,KACG,gBAAA,EAAC,GAAD;AAAA,YAAQ,SAAQ;AAAA,YAAQ,MAAK;AAAA,YAAK,SAAS;AAAA,YACtC,UAAA,EAAO;AAAA,UACJ,CAAA;AAAA,QAEX;AAAA,MACJ,CAAA,CAAA;AAAA,IAGL,CAAA,GAAA,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAU;AAAA,MACV,UAAA,EAAM,IAAA,CAAI,MACP,gBAAA,EAAC,GAAD;AAAA,QAEU,MAAA;AAAA,QACE,QAAA;AAAA,QACE,UAAA;AAAA,QACD,SAAA;AAAA,QACC,UAAA;AAAA,MACb,GANQ,EAAK,EAMb,CACJ;AAAA,IACA,CAAA,CACJ;AAAA;AAEb"}
+{"version":3,"file":"UploadQueue.js","names":[],"sources":["../../../src/components/FileUploader/UploadQueue.tsx"],"sourcesContent":["import React from 'react';\nimport { UploadQueueProps } from './types';\nimport { FileItem } from './FileItem';\nimport Button from '../Button';\n\nconst defaultLabels = {\n    uploadAll: 'Upload All',\n    cancelAll: 'Cancel All',\n    clearCompleted: 'Clear Completed',\n    fileCount: 'files',\n};\n\nexport const UploadQueue: React.FC<UploadQueueProps> = ({\n    items,\n    labels: userLabels,\n    onRemove,\n    onRetry,\n    onCancel,\n    onUploadAll,\n    onCancelAll,\n    onClearCompleted,\n    className = '',\n}) => {\n    const labels = { ...defaultLabels, ...userLabels };\n\n    const hasPending = items.some(i => i.status === 'pending');\n    const hasUploading = items.some(i => i.status === 'uploading');\n    const hasCompleted = items.some(i => i.status === 'success');\n\n    if (items.length === 0) return null;\n\n    return (\n        <div className={`mt-4 ${className}`}>\n            {/* Batch actions bar */}\n            <div className=\"flex items-center justify-between mb-2 px-1\">\n                <span className=\"text-sm opacity-60\">\n                    {items.length} {labels.fileCount}\n                </span>\n                <div className=\"flex gap-1\">\n                    {hasPending && (\n                        <Button variant=\"primary\" size=\"xs\" onClick={onUploadAll}>\n                            {labels.uploadAll}\n                        </Button>\n                    )}\n                    {hasUploading && (\n                        <Button variant=\"warning\" size=\"xs\" outline onClick={onCancelAll}>\n                            {labels.cancelAll}\n                        </Button>\n                    )}\n                    {hasCompleted && (\n                        <Button variant=\"ghost\" size=\"xs\" onClick={onClearCompleted}>\n                            {labels.clearCompleted}\n                        </Button>\n                    )}\n                </div>\n            </div>\n\n            {/* File list */}\n            <div className=\"flex flex-col gap-1.5 max-h-[360px] overflow-y-auto pr-1\">\n                {items.map(item => (\n                    <FileItem\n                        key={item.id}\n                        item={item}\n                        labels={labels}\n                        onRemove={onRemove}\n                        onRetry={onRetry}\n                        onCancel={onCancel}\n                    />\n                ))}\n            </div>\n        </div>\n    );\n};\n"],"mappings":";;;;;AAKA,IAAM,IAAgB;CAClB,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,WAAW;AACf,GAEa,KAA2C,EACpD,UACA,QAAQ,GACR,aACA,YACA,aACA,gBACA,gBACA,qBACA,eAAY,SACV;CACF,IAAM,IAAS;EAAE,GAAG;EAAe,GAAG;CAAW,GAE3C,IAAa,EAAM,MAAK,MAAK,EAAE,WAAW,SAAS,GACnD,IAAe,EAAM,MAAK,MAAK,EAAE,WAAW,WAAW,GACvD,IAAe,EAAM,MAAK,MAAK,EAAE,WAAW,SAAS;CAI3D,OAFI,EAAM,WAAW,IAAU,OAG3B,kBAAC,OAAD;EAAK,WAAW,QAAQ;EAAxB,UAAA,CAEI,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACI,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA;KACK,EAAM;KAAO;KAAE,EAAO;IACrB;GACN,CAAA,GAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACK,KACG,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,SAAS;MACxC,UAAA,EAAO;KACJ,CAAA;KAEX,KACG,kBAAC,GAAD;MAAQ,SAAQ;MAAU,MAAK;MAAK,SAAA;MAAQ,SAAS;MAChD,UAAA,EAAO;KACJ,CAAA;KAEX,KACG,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAK,SAAS;MACtC,UAAA,EAAO;KACJ,CAAA;IAEX;GACJ,CAAA,CAAA;EAGL,CAAA,GAAA,kBAAC,OAAD;GAAK,WAAU;GACV,UAAA,EAAM,KAAI,MACP,kBAAC,GAAD;IAEU;IACE;IACE;IACD;IACC;GACb,GANQ,EAAK,EAMb,CACJ;EACA,CAAA,CACJ;;AAEb"}

package/dist/components/FloatWindow/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export type FloatWindowProps = {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
+    className?: string;
+    shellClassName?: string;
+    bodyClassName?: string;
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+    width?: number | string;
+    height?: number | string;
+    zIndex?: number;
+    draggable?: boolean;
+    /** Allow user to resize by dragging edges/corners. */
+    resizable?: boolean;
+    closeLabel?: string;
+    onResize?: (w: number, h: number) => void;
+};
+declare const FloatWindow: React.FC<FloatWindowProps>;
+export default FloatWindow;

package/dist/components/GridLayout/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export type GridItemProps = {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** `gridArea` from named template, e.g. "header" */
+    area?: string;
+    /** CSS grid-column, e.g. "1 / 3" or "span 2" */
+    column?: string;
+    row?: string;
+    justifySelf?: React.CSSProperties['justifySelf'];
+    alignSelf?: React.CSSProperties['alignSelf'];
+};
+declare const GridItem: React.FC<GridItemProps>;
+export type GridLayoutProps = {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    /** Shorthands for CSS grid (string values as in CSS) */
+    templateColumns?: string;
+    templateRows?: string;
+    templateAreas?: string;
+    gap?: string;
+    rowGap?: string;
+    columnGap?: string;
+    autoRows?: string;
+    autoFlow?: React.CSSProperties['gridAutoFlow'];
+    justifyItems?: React.CSSProperties['justifyItems'];
+    alignItems?: React.CSSProperties['alignItems'];
+    justifyContent?: React.CSSProperties['justifyContent'];
+    alignContent?: React.CSSProperties['alignContent'];
+    /** `display: inline-grid` */
+    inline?: boolean;
+    /** `min-h-*` or custom: applied via style if number (px) */
+    minHeight?: string | number;
+};
+export type GridLayoutComponent = React.FC<GridLayoutProps> & {
+    Item: typeof GridItem;
+};
+declare const GridLayout: GridLayoutComponent;
+export { GridLayout, GridItem };
+export default GridLayout;

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type IconProps = {
+    /** Icon content — typically an inline `<svg>` (e.g. from icon libraries). */
+    children?: React.ReactNode;
+    /** Square size; number is treated as px. */
+    size?: number | string;
+    /** Icon color (inherits `currentColor` when omitted). */
+    color?: string;
+    /** Continuous rotation animation. */
+    spin?: boolean;
+    /** Extra class names on the wrapper. */
+    className?: string;
+    /** Inline styles on the wrapper. */
+    style?: React.CSSProperties;
+    /** Click handler. */
+    onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;
+};
+/**
+ * Icon —— A2UI 展示组件：图标容器。
+ * 不绑定具体图标库：把任意内联 `<svg>`（lucide / heroicons / 自定义）作为
+ * children 传入，由本组件统一控制尺寸、颜色与旋转动画。
+ */
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/dist/components/Icon/index.js

@@ -0,0 +1,26 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Icon/index.tsx
+var n = ({ children: n, size: r = 18, color: i, spin: a = !1, className: o = "", style: s, onClick: c }) => {
+	let l = typeof r == "number" ? `${r}px` : r;
+	return /* @__PURE__ */ t("span", {
+		"aria-hidden": "true",
+		className: e("inline-flex shrink-0 items-center justify-center leading-none", a && "animate-spin", o),
+		style: {
+			width: l,
+			height: l,
+			color: i,
+			...s
+		},
+		onClick: c,
+		children: /* @__PURE__ */ t("span", {
+			className: "[&>svg]:h-full [&>svg]:w-full inline-flex",
+			children: n
+		})
+	});
+};
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Icon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type IconProps = {\n  /** Icon content — typically an inline `<svg>` (e.g. from icon libraries). */\n  children?: React.ReactNode;\n  /** Square size; number is treated as px. */\n  size?: number | string;\n  /** Icon color (inherits `currentColor` when omitted). */\n  color?: string;\n  /** Continuous rotation animation. */\n  spin?: boolean;\n  /** Extra class names on the wrapper. */\n  className?: string;\n  /** Inline styles on the wrapper. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLSpanElement>) => void;\n};\n\n/**\n * Icon —— A2UI 展示组件：图标容器。\n * 不绑定具体图标库：把任意内联 `<svg>`（lucide / heroicons / 自定义）作为\n * children 传入，由本组件统一控制尺寸、颜色与旋转动画。\n */\nconst Icon: React.FC<IconProps> = ({\n  children,\n  size = 18,\n  color,\n  spin = false,\n  className = '',\n  style,\n  onClick,\n}) => {\n  const px = typeof size === 'number' ? `${size}px` : size;\n\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center leading-none',\n        spin && 'animate-spin',\n        className,\n      )}\n      style={{ width: px, height: px, color, ...style }}\n      onClick={onClick}\n    >\n      {/* 让未带尺寸的 svg 自动铺满容器 */}\n      <span className=\"[&>svg]:h-full [&>svg]:w-full inline-flex\">{children}</span>\n    </span>\n  );\n};\n\nexport default Icon;\n"],"mappings":";;;;AAyBA,IAAM,KAA6B,EACjC,aACA,UAAO,IACP,UACA,UAAO,IACP,eAAY,IACZ,UACA,iBACI;CACJ,IAAM,IAAK,OAAO,KAAS,WAAW,GAAG,EAAK,MAAM;CAEpD,OACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,iEACA,KAAQ,gBACR,CACF;EACA,OAAO;GAAE,OAAO;GAAI,QAAQ;GAAI;GAAO,GAAG;EAAM;EACvC;EAGT,UAAA,kBAAC,QAAD;GAAM,WAAU;GAA6C;EAAe,CAAA;CACxE,CAAA;AAEV"}