@k3-tech/react-kit 0.0.52 → 0.0.54

package/dist/index.js

@@ -33577,7 +33577,9 @@ function FileUploader({
         const preparedFile = isBlobLike(transformed) ? await normalizeTransformedFile(preparedSource, transformed) : transformed ?? preparedSource;
         setFilesAndEmit((prev) => {
           var _a2;
-          const index2 = prev.findIndex((file) => getUploadToken(file) === token);
+          const index2 = prev.findIndex(
+            (file) => getUploadToken(file) === token
+          );
           if (index2 < 0) return prev;
           const n2 = [...prev];
           n2[index2] = {
@@ -33594,7 +33596,9 @@ function FileUploader({
         });
         const result = await uploader(preparedFile, (pct) => {
           setFilesAndEmit((prev) => {
-            const index2 = prev.findIndex((file) => getUploadToken(file) === token);
+            const index2 = prev.findIndex(
+              (file) => getUploadToken(file) === token
+            );
             if (index2 < 0) return prev;
             const n2 = [...prev];
             n2[index2] = {
@@ -33606,7 +33610,9 @@ function FileUploader({
           });
         });
         setFilesAndEmit((prev) => {
-          const index2 = prev.findIndex((file) => getUploadToken(file) === token);
+          const index2 = prev.findIndex(
+            (file) => getUploadToken(file) === token
+          );
           if (index2 < 0) return prev;
           const n2 = [...prev];
           n2[index2] = {
@@ -33623,7 +33629,9 @@ function FileUploader({
         if (uploaded) onUploadSuccess == null ? void 0 : onUploadSuccess(uploaded);
       } catch (err) {
         setFilesAndEmit((prev) => {
-          const index2 = prev.findIndex((file) => getUploadToken(file) === token);
+          const index2 = prev.findIndex(
+            (file) => getUploadToken(file) === token
+          );
           if (index2 < 0) return prev;
           const n2 = [...prev];
           const msg = err && typeof err === "object" && "message" in err ? String(err.message) : "Upload failed";
@@ -33699,7 +33707,10 @@ function FileUploader({
         return next;
       });
       if (uploader) {
-        const capacity = typeof maxFiles === "number" ? Math.max(0, maxFiles - (((_a2 = isControlled ? value : files) == null ? void 0 : _a2.length) ?? 0)) : acceptedFiles.length;
+        const capacity = typeof maxFiles === "number" ? Math.max(
+          0,
+          maxFiles - (((_a2 = isControlled ? value : files) == null ? void 0 : _a2.length) ?? 0)
+        ) : acceptedFiles.length;
         uploadQueue.slice(0, capacity).forEach(({ file, token }) => {
           void startUpload(token, file);
         });
@@ -33858,6 +33869,7 @@ function FileUploader({
                               }
                             },
                             "aria-label": "Download",
+                            type: "button",
                             children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" })
                           }
                         ) }),
@@ -33871,6 +33883,7 @@ function FileUploader({
                             variant: "ghost",
                             onClick: () => onRemove2(idx),
                             "aria-label": "Remove",
+                            type: "button",
                             children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
                           }
                         ) }),

package/dist/kit/components/fileuploader/FileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/fileuploader/FileUploader.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAgK7D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,eAAe,EACf,aAAa,EACb,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,UAAU,EACV,QAAe,EACf,QAAQ,EACR,MAAM,EACN,MAAe,EACf,QAAQ,EACR,uBAA+B,EAC/B,+BAAuC,EACvC,YAAmB,EACnB,gBAAwB,EACxB,WAA4D,EAC5D,SAAS,GACV,EAAE,iBAAiB,2CAsoBnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FileUploader.d.ts","sourceRoot":"","sources":["../../../../src/kit/components/fileuploader/FileUploader.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAc,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAmK7D,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,eAAe,EACf,aAAa,EACb,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,UAAU,EACV,QAAe,EACf,QAAQ,EACR,MAAM,EACN,MAAe,EACf,QAAQ,EACR,uBAA+B,EAC/B,+BAAuC,EACvC,YAAmB,EACnB,gBAAwB,EACxB,WAA4D,EAC5D,SAAS,GACV,EAAE,iBAAiB,2CAmpBnB;AAED,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k3-tech/react-kit",
-  "version": "0.0.52",
+  "version": "0.0.54",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/src/kit/components/fileuploader/FileUploader.tsx

@@ -13,92 +13,92 @@ import {
   UploadCloud,
   Video,
   XCircle,
-} from 'lucide-react';
-import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { type Accept, useDropzone } from 'react-dropzone';
-import { cn } from '../../../shadcn/lib/utils';
-import { Button } from '../../../shadcn/ui/button';
-import { Checkbox } from '../../../shadcn/ui/checkbox';
-import { Dialog, DialogContent } from '../../../shadcn/ui/dialog';
-import { Progress } from '../../../shadcn/ui/progress';
+} from "lucide-react";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { type Accept, useDropzone } from "react-dropzone";
+import { cn } from "../../../shadcn/lib/utils";
+import { Button } from "../../../shadcn/ui/button";
+import { Checkbox } from "../../../shadcn/ui/checkbox";
+import { Dialog, DialogContent } from "../../../shadcn/ui/dialog";
+import { Progress } from "../../../shadcn/ui/progress";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from '../../../shadcn/ui/tooltip';
-import { createImagePreprocessTransform } from './image-preprocess';
-import type { FileRecord, FileUploaderProps } from './types';
+} from "../../../shadcn/ui/tooltip";
+import { createImagePreprocessTransform } from "./image-preprocess";
+import type { FileRecord, FileUploaderProps } from "./types";
 
 // Cache preview URLs per Blob instance without mutating the file object
 const previewUrlMap: WeakMap<Blob, string> = new WeakMap();
 
 function isBlobLike(value: unknown): value is Blob {
   return (
-    typeof value === 'object' &&
+    typeof value === "object" &&
     value !== null &&
-    'size' in value &&
-    typeof (value as { size?: unknown }).size === 'number' &&
-    'type' in value &&
-    typeof (value as { type?: unknown }).type === 'string'
+    "size" in value &&
+    typeof (value as { size?: unknown }).size === "number" &&
+    "type" in value &&
+    typeof (value as { type?: unknown }).type === "string"
   );
 }
 
 function formatBytes(bytes?: number) {
-  if (!bytes && bytes !== 0) return '';
-  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
-  if (bytes === 0) return '0 Byte';
+  if (!bytes && bytes !== 0) return "";
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+  if (bytes === 0) return "0 Byte";
   const i = Math.floor(Math.log(bytes) / Math.log(1024));
   return `${(bytes / 1024 ** i).toFixed(2)} ${sizes[i]}`;
 }
 
 function isImageType(type?: string, name?: string) {
   if (!type && name) {
-    const ext = name.toLowerCase().split('.').pop();
+    const ext = name.toLowerCase().split(".").pop();
     if (!ext) return false;
     return [
-      'png',
-      'jpg',
-      'jpeg',
-      'webp',
-      'gif',
-      'bmp',
-      'svg',
-      'heic',
-      'heif',
+      "png",
+      "jpg",
+      "jpeg",
+      "webp",
+      "gif",
+      "bmp",
+      "svg",
+      "heic",
+      "heif",
     ].includes(ext);
   }
-  return !!type?.startsWith('image/');
+  return !!type?.startsWith("image/");
 }
 
 function pickIconByType(type?: string, name?: string) {
-  const t = (type || '').toLowerCase();
-  const ext = (name?.split('.').pop() || '').toLowerCase();
+  const t = (type || "").toLowerCase();
+  const ext = (name?.split(".").pop() || "").toLowerCase();
   if (
-    t.startsWith('image/') ||
+    t.startsWith("image/") ||
     [
-      'png',
-      'jpg',
-      'jpeg',
-      'webp',
-      'gif',
-      'bmp',
-      'svg',
-      'heic',
-      'heif',
+      "png",
+      "jpg",
+      "jpeg",
+      "webp",
+      "gif",
+      "bmp",
+      "svg",
+      "heic",
+      "heif",
     ].includes(ext)
   )
     return <ImageIcon className="h-8 w-8" />;
-  if (t.startsWith('video/') || ['mp4', 'mov', 'webm', 'mkv'].includes(ext))
+  if (t.startsWith("video/") || ["mp4", "mov", "webm", "mkv"].includes(ext))
     return <Video className="h-8 w-8" />;
-  if (t.startsWith('audio/') || ['mp3', 'wav', 'aac', 'flac'].includes(ext))
+  if (t.startsWith("audio/") || ["mp3", "wav", "aac", "flac"].includes(ext))
     return <Music className="h-8 w-8" />;
-  if (['zip', 'rar', '7z', 'tar', 'gz'].includes(ext))
+  if (["zip", "rar", "7z", "tar", "gz"].includes(ext))
     return <Archive className="h-8 w-8" />;
-  if (['txt', 'md', 'rtf'].includes(ext))
+  if (["txt", "md", "rtf"].includes(ext))
     return <FileText className="h-8 w-8" />;
   if (
-    ['js', 'ts', 'tsx', 'json', 'yml', 'yaml', 'xml', 'html', 'css'].includes(
+    ["js", "ts", "tsx", "json", "yml", "yaml", "xml", "html", "css"].includes(
       ext,
     )
   )
@@ -110,15 +110,15 @@ async function normalizeTransformedFile(
   file: File | (Blob & { name?: string; lastModified?: number }),
   transformed: File | Blob,
 ) {
-  const fileName = getFileLabel(file, 'image');
+  const fileName = getFileLabel(file, "image");
   const lastModified =
-    'name' in file && typeof file.lastModified === 'number'
+    "name" in file && typeof file.lastModified === "number"
       ? file.lastModified
       : Date.now();
   const fileType =
-    'type' in file && typeof file.type === 'string' ? file.type : '';
+    "type" in file && typeof file.type === "string" ? file.type : "";
   try {
-    if (typeof File === 'function') {
+    if (typeof File === "function") {
       return new File([transformed], fileName, {
         type: transformed.type || fileType,
         lastModified,
@@ -151,8 +151,8 @@ async function normalizeTransformedFile(
   return fallback as File;
 }
 
-function getFileLabel(file: File | Blob, fallback = 'image'): string {
-  if ('name' in file && typeof file.name === 'string' && file.name) {
+function getFileLabel(file: File | Blob, fallback = "image"): string {
+  if ("name" in file && typeof file.name === "string" && file.name) {
     return file.name;
   }
   return fallback;
@@ -176,7 +176,10 @@ function getPreviewUrl(file: FileRecord) {
 }
 
 function createUploadToken() {
-  if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
+  if (
+    typeof crypto !== "undefined" &&
+    typeof crypto.randomUUID === "function"
+  ) {
     return crypto.randomUUID();
   }
 
@@ -185,7 +188,7 @@ function createUploadToken() {
 
 function getUploadToken(file: FileRecord) {
   const token = file.meta?.uploadToken;
-  return typeof token === 'string' ? token : undefined;
+  return typeof token === "string" ? token : undefined;
 }
 
 export function FileUploader({
@@ -203,13 +206,13 @@ export function FileUploader({
   multiple = true,
   maxFiles,
   accept,
-  layout = 'grid',
+  layout = "grid",
   disabled,
   enableBackgroundRemoval = false,
   defaultBackgroundRemovalEnabled = false,
   withDownload = true,
   withImagePreview = false,
-  placeholder = 'Drag and drop files here, or click to select',
+  placeholder = "Drag and drop files here, or click to select",
   className,
 }: FileUploaderProps) {
   const isControlled = value !== undefined;
@@ -221,7 +224,7 @@ export function FileUploader({
   const [previewItem, setPreviewItem] = useState<{
     src: string;
     name: string;
-  }>({ src: '', name: '' });
+  }>({ src: "", name: "" });
 
   const prevUrlsRef = useRef<Set<string>>(new Set());
   useEffect(() => {
@@ -237,7 +240,7 @@ export function FileUploader({
     (updater: FileRecord[] | ((prev: FileRecord[]) => FileRecord[])) => {
       setFiles((prev) => {
         let next: FileRecord[];
-        if (typeof updater === 'function') {
+        if (typeof updater === "function") {
           const fn = updater as (p: FileRecord[]) => FileRecord[];
           next = fn(prev);
         } else {
@@ -264,7 +267,7 @@ export function FileUploader({
       const next = prev.map((f) => {
         if ((f.url || f.thumbnailUrl) && !f.status) {
           changed = true;
-          return { ...f, status: 'success' as const, progress: 100 };
+          return { ...f, status: "success" as const, progress: 100 };
         }
         return f;
       });
@@ -330,7 +333,9 @@ export function FileUploader({
           ? await normalizeTransformedFile(preparedSource, transformed)
           : (transformed ?? preparedSource);
         setFilesAndEmit((prev) => {
-          const index = prev.findIndex((file) => getUploadToken(file) === token);
+          const index = prev.findIndex(
+            (file) => getUploadToken(file) === token,
+          );
           if (index < 0) return prev;
           const n = [...prev];
           n[index] = {
@@ -339,7 +344,7 @@ export function FileUploader({
             name: getFileLabel(preparedFile, n[index]?.name || f.name),
             size: preparedFile.size,
             type: preparedFile.type,
-            status: 'uploading',
+            status: "uploading",
             progress: 0,
             errorMessage: undefined,
           };
@@ -347,25 +352,29 @@ export function FileUploader({
         });
         const result = await uploader(preparedFile as File, (pct) => {
           setFilesAndEmit((prev) => {
-            const index = prev.findIndex((file) => getUploadToken(file) === token);
+            const index = prev.findIndex(
+              (file) => getUploadToken(file) === token,
+            );
             if (index < 0) return prev;
             const n = [...prev];
             n[index] = {
               ...n[index],
               progress: Math.min(100, Math.max(0, Math.round(pct))),
-              status: 'uploading',
+              status: "uploading",
             };
             return n;
           });
         });
         setFilesAndEmit((prev) => {
-          const index = prev.findIndex((file) => getUploadToken(file) === token);
+          const index = prev.findIndex(
+            (file) => getUploadToken(file) === token,
+          );
           if (index < 0) return prev;
           const n = [...prev];
           n[index] = {
             ...n[index],
             ...result,
-            status: 'success',
+            status: "success",
             progress: 100,
           };
           return n;
@@ -376,16 +385,18 @@ export function FileUploader({
         if (uploaded) onUploadSuccess?.(uploaded);
       } catch (err) {
         setFilesAndEmit((prev) => {
-          const index = prev.findIndex((file) => getUploadToken(file) === token);
+          const index = prev.findIndex(
+            (file) => getUploadToken(file) === token,
+          );
           if (index < 0) return prev;
           const n = [...prev];
           const msg =
             err &&
-            typeof err === 'object' &&
-            'message' in (err as Record<string, unknown>)
+            typeof err === "object" &&
+            "message" in (err as Record<string, unknown>)
               ? String((err as { message?: unknown }).message)
-            : 'Upload failed';
-          n[index] = { ...n[index], status: 'error', errorMessage: msg };
+              : "Upload failed";
+          n[index] = { ...n[index], status: "error", errorMessage: msg };
           return n;
         });
         const failed = [...(isControlled ? value : files)].find(
@@ -421,7 +432,7 @@ export function FileUploader({
 
   const handleRetryAll = useCallback(() => {
     if (!uploader) return;
-    const failedFiles = files.filter((f) => f.status === 'error' && !!f.file);
+    const failedFiles = files.filter((f) => f.status === "error" && !!f.file);
     if (failedFiles.length === 0) return;
     onRetryAll?.(failedFiles);
     failedFiles.forEach((fr) => {
@@ -443,7 +454,7 @@ export function FileUploader({
       setFilesAndEmit((prev) => {
         const existing = [...prev];
         const capacity =
-          typeof maxFiles === 'number'
+          typeof maxFiles === "number"
             ? Math.max(0, maxFiles - existing.length)
             : acceptedFiles.length;
         const incoming = uploadQueue
@@ -456,7 +467,7 @@ export function FileUploader({
             name: file.name,
             size: file.size,
             type: file.type,
-            status: uploader ? 'uploading' : 'idle',
+            status: uploader ? "uploading" : "idle",
             progress: uploader ? 0 : undefined,
             meta: { uploadToken: token },
           }));
@@ -468,8 +479,11 @@ export function FileUploader({
 
       if (uploader) {
         const capacity =
-          typeof maxFiles === 'number'
-            ? Math.max(0, maxFiles - ((isControlled ? value : files)?.length ?? 0))
+          typeof maxFiles === "number"
+            ? Math.max(
+                0,
+                maxFiles - ((isControlled ? value : files)?.length ?? 0),
+              )
             : acceptedFiles.length;
         uploadQueue.slice(0, capacity).forEach(({ file, token }) => {
           void startUpload(token, file);
@@ -514,11 +528,11 @@ export function FileUploader({
   }, [files]);
 
   const rootClasses = cn(
-    'w-full border border-dashed rounded-md p-4 text-sm transition-colors bg-background',
-    'hover:border-foreground/50',
-    isDragActive && 'border-primary',
-    isDragReject && 'border-destructive',
-    (disabled || disabledBecauseFull) && 'opacity-50 pointer-events-none',
+    "w-full border border-dashed rounded-md p-4 text-sm transition-colors bg-background",
+    "hover:border-foreground/50",
+    isDragActive && "border-primary",
+    isDragReject && "border-destructive",
+    (disabled || disabledBecauseFull) && "opacity-50 pointer-events-none",
   );
 
   // (renderThumb removed; inlined into FileItem for better memoization)
@@ -542,7 +556,7 @@ export function FileUploader({
   type FileItemProps = {
     fr: FileRecord;
     idx: number;
-    layout: 'grid' | 'list';
+    layout: "grid" | "list";
     withDownload: boolean;
     withImagePreview: boolean;
     uploaderPresent: boolean;
@@ -565,20 +579,20 @@ export function FileUploader({
     }: FileItemProps) {
       const name = fr.name;
       const size = formatBytes(fr.size);
-      const error = fr.status === 'error' ? fr.errorMessage : undefined;
+      const error = fr.status === "error" ? fr.errorMessage : undefined;
       const preview = getPreviewUrl(fr);
       return (
         <div
           className={cn(
-            'flex items-center gap-3 border rounded-md p-2 bg-card',
-            layout === 'grid' ? 'flex-col items-stretch' : 'flex-row',
+            "flex items-center gap-3 border rounded-md p-2 bg-card",
+            layout === "grid" ? "flex-col items-stretch" : "flex-row",
           )}
         >
-          <div className={cn(layout === 'grid' ? 'self-center' : '')}>
+          <div className={cn(layout === "grid" ? "self-center" : "")}>
             <div
               className={cn(
-                'relative overflow-hidden bg-muted/40 border rounded-md flex items-center justify-center',
-                layout === 'grid' ? 'h-28 w-28' : 'h-16 w-16',
+                "relative overflow-hidden bg-muted/40 border rounded-md flex items-center justify-center",
+                layout === "grid" ? "h-28 w-28" : "h-16 w-16",
               )}
             >
               {preview ? (
@@ -607,17 +621,17 @@ export function FileUploader({
                   {pickIconByType(fr.type, fr.name)}
                 </div>
               )}
-              {fr.status === 'uploading' ? (
+              {fr.status === "uploading" ? (
                 <div className="absolute inset-0 flex items-center justify-center bg-black/40">
                   <Loader2 className="h-6 w-6 text-white animate-spin" />
                 </div>
               ) : null}
-              {fr.status === 'success' ? (
+              {fr.status === "success" ? (
                 <div className="absolute top-1 right-1 text-green-500">
                   <CheckCircle2 className="h-5 w-5 drop-shadow" />
                 </div>
               ) : null}
-              {fr.status === 'error' ? (
+              {fr.status === "error" ? (
                 <div className="absolute top-1 right-1 text-red-500">
                   <XCircle className="h-5 w-5 drop-shadow" />
                 </div>
@@ -625,7 +639,7 @@ export function FileUploader({
             </div>
           </div>
           <div
-            className={cn('min-w-0 flex-1', layout === 'grid' ? 'mt-2' : '')}
+            className={cn("min-w-0 flex-1", layout === "grid" ? "mt-2" : "")}
           >
             <div className="flex items-center justify-between gap-2">
               <div className="min-w-0">
@@ -635,7 +649,7 @@ export function FileUploader({
                 <div className="text-xs text-muted-foreground">{size}</div>
               </div>
               <div className="flex items-center gap-1">
-                {fr.status === 'error' ? (
+                {fr.status === "error" ? (
                   <Tooltip>
                     <TooltipTrigger asChild>
                       <Button
@@ -660,10 +674,11 @@ export function FileUploader({
                         onClick={() => {
                           const url = fr.url ?? fr.thumbnailUrl;
                           if (url) {
-                            window.open(url, '_blank', 'noopener,noreferrer');
+                            window.open(url, "_blank", "noopener,noreferrer");
                           }
                         }}
                         aria-label="Download"
+                        type="button"
                       >
                         <Download className="h-4 w-4" />
                       </Button>
@@ -678,6 +693,7 @@ export function FileUploader({
                       variant="ghost"
                       onClick={() => onRemove(idx)}
                       aria-label="Remove"
+                      type="button"
                     >
                       <Trash2 className="h-4 w-4" />
                     </Button>
@@ -686,7 +702,7 @@ export function FileUploader({
                 </Tooltip>
               </div>
             </div>
-            {fr.status === 'uploading' ? (
+            {fr.status === "uploading" ? (
               <div className="mt-2">
                 <Progress value={fr.progress ?? 0} />
               </div>
@@ -707,7 +723,7 @@ export function FileUploader({
   );
 
   return (
-    <div className={cn('space-y-3', className)}>
+    <div className={cn("space-y-3", className)}>
       {enableBackgroundRemoval ? (
         <div className="flex items-start gap-3 rounded-md border bg-muted/20 p-3">
           <Checkbox
@@ -733,7 +749,7 @@ export function FileUploader({
         <input
           {...getInputProps({
             onClick: (e) => {
-              (e.target as HTMLInputElement).value = '';
+              (e.target as HTMLInputElement).value = "";
             },
           })}
         />
@@ -755,16 +771,16 @@ export function FileUploader({
             <div>
               <div className="font-medium">
                 {disabledBecauseFull
-                  ? 'File limit reached'
+                  ? "File limit reached"
                   : isDragActive
-                    ? 'Drop the files here'
+                    ? "Drop the files here"
                     : placeholder}
               </div>
               <div className="text-xs">
-                {accept ? 'Specific file types only' : 'Any file type'}
-                {typeof maxFiles === 'number'
-                  ? ` • Up to ${maxFiles} file${maxFiles > 1 ? 's' : ''}`
-                  : ''}
+                {accept ? "Specific file types only" : "Any file type"}
+                {typeof maxFiles === "number"
+                  ? ` • Up to ${maxFiles} file${maxFiles > 1 ? "s" : ""}`
+                  : ""}
               </div>
             </div>
           </div>
@@ -777,7 +793,7 @@ export function FileUploader({
                 disabled={
                   !!disabled ||
                   !uploader ||
-                  files.every((f) => f.status !== 'error' || !f.file)
+                  files.every((f) => f.status !== "error" || !f.file)
                 }
               >
                 <RotateCcw className="mr-1 h-4 w-4" /> Retry failed
@@ -790,7 +806,7 @@ export function FileUploader({
       <TooltipProvider>
         <div
           className={cn(
-            layout === 'grid' ? 'flex flex-wrap gap-3' : 'flex flex-col gap-2',
+            layout === "grid" ? "flex flex-wrap gap-3" : "flex flex-col gap-2",
           )}
         >
           {files.length === 0 ? (
@@ -819,7 +835,7 @@ export function FileUploader({
         onOpenChange={(open) => {
           setPreviewOpen(open);
           if (!open) {
-            setPreviewItem({ src: '', name: '' });
+            setPreviewItem({ src: "", name: "" });
           }
         }}
       >