@adamosuiteservices/ui 2.18.1 → 2.18.2

package/dist/components/ui/file-upload-v2/file-upload-v2.d.ts

@@ -4,11 +4,20 @@ export type FileUploadV2Labels = {
     selectFile?: string;
     fileRequirements?: string;
     filesSelected?: (count: number) => string;
+    statusUploading?: string;
+    statusSuccess?: string;
+    statusDeleting?: string;
+    statusError?: string;
 };
+export type FileStatus = "idle" | "uploading" | "success" | "error" | "deleting";
 export type FileWithMetadata = {
     id: string;
     file: File;
     metadata?: Record<string, unknown>;
+    status?: FileStatus;
+    deletable?: boolean;
+    disabled?: boolean;
+    error?: string;
 };
 export type FileUploadV2Props = ComponentProps<"div"> & Readonly<{
     selectedFile?: FileWithMetadata | null;

package/dist/file-upload-v2.cjs

@@ -1,8 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),A=require("./button-CFJs0esR.cjs"),L=require("./icon-B7joBr0A.cjs"),N=require("./typography-Bj8oEDuE.cjs"),y=require("./index-DoxiiusW.cjs"),I=require("react");function te({isDragging:m,isMultiple:o,invalid:a,disabled:r,accept:i,acceptedExtensions:l,maxSizeInMB:p,maxFiles:c,labels:u,input:g,onDragOver:h,onDragLeave:w,onDrop:R,onFileChange:q}){const b=g?.id||`file-upload-v2-${Math.random().toString(36).substring(2,11)}`;return t.jsxRuntimeExports.jsxs("div",{onDragOver:r?void 0:h,onDragLeave:r?void 0:w,onDrop:r?void 0:R,className:y.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-BB_1_6y_.cjs"),M=require("./button-CFJs0esR.cjs"),G=require("./icon-B7joBr0A.cjs"),N=require("./typography-Bj8oEDuE.cjs"),D=require("./index-DoxiiusW.cjs"),k=require("react");function te({isDragging:c,isMultiple:o,invalid:a,disabled:t,accept:i,acceptedExtensions:m,maxSizeInMB:d,maxFiles:x,labels:p,input:h,onDragOver:u,onDragLeave:v,onDrop:g,onFileChange:j}){const l=h?.id||`file-upload-v2-${Math.random().toString(36).substring(2,11)}`;return r.jsxRuntimeExports.jsxs("div",{onDragOver:t?void 0:u,onDragLeave:t?void 0:v,onDrop:t?void 0:g,className:D.cn(`
           adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
           adm:border-2
-        `,"adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",{"adm:border-primary":m&&!a&&!r,"adm:border-destructive":a&&!r,"adm:border-input":!m&&!a,"adm:cursor-not-allowed adm:opacity-50":r}),children:[t.jsxRuntimeExports.jsx("div",{className:y.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",a&&!r?"adm:bg-destructive/10":"adm:bg-primary-50"),children:t.jsxRuntimeExports.jsx(L.Icon,{symbol:"text_snippet",className:a&&!r?"adm:text-destructive":"adm:text-primary"})}),t.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[t.jsxRuntimeExports.jsx(N.Typography,{color:a&&!r?"destructive":void 0,children:u?.dragDrop||(o?"Drag and drop your files here or":"Drag and drop your file here or")}),t.jsxRuntimeExports.jsxs("label",{htmlFor:b,children:[t.jsxRuntimeExports.jsx("input",{...g,id:b,type:"file",accept:i,multiple:o,onChange:q,disabled:r,className:"adm:hidden"}),t.jsxRuntimeExports.jsx(A.Button,{asChild:!0,type:"button",variant:"link",className:y.cn("adm:cursor-pointer",r&&`
+        `,"adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",{"adm:border-primary":c&&!a&&!t,"adm:border-destructive":a&&!t,"adm:border-input":!c&&!a,"adm:cursor-not-allowed adm:opacity-50":t}),children:[r.jsxRuntimeExports.jsx("div",{className:D.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",a&&!t?"adm:bg-destructive/10":"adm:bg-primary-50"),children:r.jsxRuntimeExports.jsx(G.Icon,{symbol:"text_snippet",className:a&&!t?"adm:text-destructive":"adm:text-primary"})}),r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:items-center adm:gap-2",children:[r.jsxRuntimeExports.jsx(N.Typography,{color:a&&!t?"destructive":void 0,children:p?.dragDrop||(o?"Drag and drop your files here or":"Drag and drop your file here or")}),r.jsxRuntimeExports.jsxs("label",{htmlFor:l,children:[r.jsxRuntimeExports.jsx("input",{...h,id:l,type:"file",accept:i,multiple:o,onChange:j,disabled:t,className:"adm:hidden"}),r.jsxRuntimeExports.jsx(M.Button,{asChild:!0,type:"button",variant:"link",className:D.cn("adm:cursor-pointer",t&&`
               adm:pointer-events-none
-            `),disabled:r,children:t.jsxRuntimeExports.jsx("span",{children:u?.selectFile||(o?"Select files":"Select the file")})})]})]}),t.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center",color:a&&!r?"destructive":"muted",children:u?.fileRequirements||(l&&l.length>0?`Allowed files: ${l.join(", ")}. Maximum size ${p} MB${o?`. Up to ${c} files`:""}.`:`Maximum size ${p} MB${o?`. Up to ${c} files`:""}.`)})]})}function re({fileWithMetadata:m,invalid:o,disabled:a,onRemove:r}){const{file:i}=m;return t.jsxRuntimeExports.jsxs("div",{className:y.cn("adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",o&&!a?"adm:border-destructive adm:bg-destructive/5":"adm:border-input adm:bg-muted",a&&"adm:cursor-not-allowed adm:opacity-50"),children:[t.jsxRuntimeExports.jsx("div",{className:y.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",o&&!a?"adm:bg-destructive/10":"adm:bg-primary-50"),children:t.jsxRuntimeExports.jsx(L.Icon,{symbol:"text_snippet",className:o&&!a?"adm:text-destructive":"adm:text-primary"})}),t.jsxRuntimeExports.jsxs("div",{className:`
-        adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
-      `,children:[t.jsxRuntimeExports.jsx("div",{className:"adm:min-w-0 adm:flex-1",children:t.jsxRuntimeExports.jsx(N.Typography,{className:"adm:truncate adm:font-semibold",children:i.name})}),t.jsxRuntimeExports.jsxs(N.Typography,{className:"adm:shrink-0",color:"muted",children:[(i.size/1024/1024).toFixed(1)," MB"]})]}),t.jsxRuntimeExports.jsx(A.Button,{variant:"destructive-medium",onClick:r,type:"button",disabled:a,children:t.jsxRuntimeExports.jsx(L.Icon,{symbol:"delete",className:"adm:text-destructive"})})]})}function B({files:m,isMultiple:o,invalid:a,disabled:r,labels:i,onRemoveFile:l,onClearAll:p}){return m.length===0?null:t.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:gap-3",children:[o&&m.length>1&&t.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:items-center adm:justify-between",children:[t.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-sm adm:font-medium",color:a&&!r?"destructive":void 0,children:i?.filesSelected?.(m.length)||`${m.length} file${m.length!==1?"s":""} selected`}),t.jsxRuntimeExports.jsx(A.Button,{variant:"ghost",size:"sm",onClick:p,type:"button",disabled:r,children:"Clear all"})]}),m.map((c,u)=>t.jsxRuntimeExports.jsx(re,{fileWithMetadata:c,invalid:a,disabled:r,onRemove:()=>l(u)},c.id))]})}function se({className:m,selectedFile:o,selectedFiles:a,onFileSelect:r,onFilesSelect:i,onFileAdd:l,onFileRemove:p,onFilesAdd:c,onFilesRemove:u,onInvalidFile:g,acceptedExtensions:h,maxSizeInMB:w=50,maxFiles:R=10,multiple:q=!1,filesPosition:b="below",invalid:U=!1,disabled:G=!1,"aria-invalid":M,generateId:_,labels:$,input:F,...H}){const[J,V]=I.useState(!1),[K,Q]=I.useState(!1),E=I.useRef(null);I.useEffect(()=>{const e=()=>{if(E.current){const s=E.current.closest("fieldset");Q(s?.disabled??!1)}};e();const n=new MutationObserver(e);if(E.current){const s=E.current.closest("fieldset");s&&n.observe(s,{attributes:!0,attributeFilter:["disabled"]})}return()=>n.disconnect()},[]);const X=h?.join(",")||"",Y=w*1024*1024,d=q||a!==void 0||i!==void 0,j=d?a||[]:o?[o]:[],C=U||M,x=G||K,Z=_||(e=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}-${e.name}`),D=e=>({id:Z(e),file:e}),P=e=>{x||(e.preventDefault(),V(!0))},W=e=>{x||(e.preventDefault(),V(!1))},S=e=>{if(!x)if(e.preventDefault(),V(!1),d){const s=Array.from(e.dataTransfer.files).filter(T);if(s.length>0){const f=s.map(D),O=[...a||[],...f].slice(0,R);i&&i(O),c&&c(f)}}else{const n=e.dataTransfer.files[0];if(n&&T(n)){const s=D(n);r&&r(s),l&&l(s)}}},ee=e=>{if(!x){if(d){const s=(e.target.files?Array.from(e.target.files):[]).filter(T);if(s.length>0){const f=s.map(D),O=[...a||[],...f].slice(0,R);i&&i(O),c&&c(f)}}else{const n=e.target.files?.[0];if(n&&T(n)){const s=D(n);r&&r(s),l&&l(s)}}e.target.value=""}},k=e=>{if(x)return;const n=j[e];if(d){const s=j.filter((f,v)=>v!==e);i&&i(s),u&&n&&u([n])}else r&&r(null),p&&n&&p(n)},T=e=>{const n=e.name.substring(e.name.lastIndexOf(".")),s=!h||h.length===0||h.includes(n.toLowerCase()),f=e.size<=Y;if(!s||!f){const v=D(e);!s&&g?g(v,"extension"):!f&&g&&g(v,"size")}return s&&f},z=()=>{if(x)return;const e=[...j];d?(i&&i([]),u&&e.length>0&&u(e)):(r&&r(null),p&&e.length>0&&p(e[0]))};return t.jsxRuntimeExports.jsxs("div",{ref:E,className:y.cn("adm:flex adm:flex-col adm:gap-4",m),...H,children:[d&&b==="above"&&t.jsxRuntimeExports.jsx(B,{files:j,isMultiple:d,invalid:C,disabled:x,labels:$,onRemoveFile:k,onClearAll:z}),(d||j.length===0)&&t.jsxRuntimeExports.jsx(te,{isDragging:J,isMultiple:d,invalid:C,disabled:x,accept:X,acceptedExtensions:h,maxSizeInMB:w,maxFiles:R,labels:$,input:F,onDragOver:P,onDragLeave:W,onDrop:S,onFileChange:ee}),!d&&j.length>0&&t.jsxRuntimeExports.jsx(B,{files:j,isMultiple:d,invalid:C,disabled:x,labels:$,onRemoveFile:k,onClearAll:z}),d&&b==="below"&&t.jsxRuntimeExports.jsx(B,{files:j,isMultiple:d,invalid:C,disabled:x,labels:$,onRemoveFile:k,onClearAll:z})]})}exports.FileUploadV2=se;
+            `),disabled:t,children:r.jsxRuntimeExports.jsx("span",{children:p?.selectFile||(o?"Select files":"Select the file")})})]})]}),r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-center",color:a&&!t?"destructive":"muted",children:p?.fileRequirements||(m&&m.length>0?`Allowed files: ${m.join(", ")}. Maximum size ${d} MB${o?`. Up to ${x} files`:""}.`:`Maximum size ${d} MB${o?`. Up to ${x} files`:""}.`)})]})}function re({fileWithMetadata:c,invalid:o,disabled:a,labels:t,onRemove:i}){const{file:m,status:d="idle",deletable:x=!0,disabled:p,error:h}=c,u=a||p,v=d==="uploading",g=d==="deleting",j=d==="error",l=d==="success",$=v||g,q=()=>v||g?"progress_activity":l?"check_circle":j?"error":"text_snippet",V=()=>j?"adm:text-destructive":l?"adm:text-success-600":o&&!u?"adm:text-destructive":"adm:text-primary",z=()=>j?"adm:bg-destructive/15":l?"adm:bg-success/15":v||g?"adm:bg-primary/15":o&&!u?"adm:bg-destructive/15":"adm:bg-primary/15";return r.jsxRuntimeExports.jsxs("div",{className:D.cn("adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",j?"adm:border-destructive adm:bg-destructive/5":l?"adm:border-success-200 adm:bg-success-50":o&&!u?"adm:border-destructive adm:bg-destructive/5":"adm:border-input adm:bg-muted",u&&"adm:cursor-not-allowed adm:opacity-50"),children:[r.jsxRuntimeExports.jsx("div",{className:D.cn("adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",z()),children:r.jsxRuntimeExports.jsx(G.Icon,{symbol:q(),className:D.cn(V(),$&&"adm:animate-spin")})}),r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:min-w-0 adm:flex-1 adm:flex-col adm:gap-1",children:[r.jsxRuntimeExports.jsx(N.Typography,{className:D.cn("adm:min-w-0 adm:truncate adm:font-semibold"),children:m.name}),(h||v||g||l||j)&&r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-xs",color:j?"destructive":l?"success":"muted",children:h||(v?t?.statusUploading||"Uploading...":g?t?.statusDeleting||"Deleting...":l?t?.statusSuccess||"Uploaded successfully":j?t?.statusError||"Upload failed":"")})]}),r.jsxRuntimeExports.jsxs(N.Typography,{className:"adm:shrink-0",color:"muted",children:[(m.size/1024/1024).toFixed(1)," MB"]}),x&&r.jsxRuntimeExports.jsx(M.Button,{variant:"destructive-medium",onClick:i,type:"button",disabled:u||$,children:r.jsxRuntimeExports.jsx(G.Icon,{symbol:"delete",className:"adm:text-destructive"})})]})}function A({files:c,isMultiple:o,invalid:a,disabled:t,labels:i,onRemoveFile:m,onClearAll:d}){return c.length===0?null:r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:gap-3",children:[o&&c.length>1&&r.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:items-center adm:justify-between",children:[r.jsxRuntimeExports.jsx(N.Typography,{className:"adm:text-sm adm:font-medium",color:a&&!t?"destructive":void 0,children:i?.filesSelected?.(c.length)||`${c.length} file${c.length!==1?"s":""} selected`}),r.jsxRuntimeExports.jsx(M.Button,{variant:"ghost",size:"sm",onClick:d,type:"button",disabled:t,children:"Clear all"})]}),c.map((x,p)=>r.jsxRuntimeExports.jsx(re,{fileWithMetadata:x,invalid:a,disabled:t,labels:i,onRemove:()=>m(p)},x.id))]})}function se({className:c,selectedFile:o,selectedFiles:a,onFileSelect:t,onFilesSelect:i,onFileAdd:m,onFileRemove:d,onFilesAdd:x,onFilesRemove:p,onInvalidFile:h,acceptedExtensions:u,maxSizeInMB:v=50,maxFiles:g=10,multiple:j=!1,filesPosition:l="below",invalid:$=!1,disabled:q=!1,"aria-invalid":V,generateId:z,labels:I,input:F,...H}){const[J,B]=k.useState(!1),[K,P]=k.useState(!1),w=k.useRef(null);k.useEffect(()=>{const e=()=>{if(w.current){const s=w.current.closest("fieldset");P(s?.disabled??!1)}};e();const n=new MutationObserver(e);if(w.current){const s=w.current.closest("fieldset");s&&n.observe(s,{attributes:!0,attributeFilter:["disabled"]})}return()=>n.disconnect()},[]);const Q=u?.join(",")||"",X=v*1024*1024,f=j||a!==void 0||i!==void 0,R=f?a||[]:o?[o]:[],T=$||V,y=q||K,Y=z||(e=>`${Date.now()}-${Math.random().toString(36).substring(2,11)}-${e.name}`),C=e=>({id:Y(e),file:e}),Z=e=>{y||(e.preventDefault(),B(!0))},W=e=>{y||(e.preventDefault(),B(!1))},S=e=>{if(!y)if(e.preventDefault(),B(!1),f){const s=Array.from(e.dataTransfer.files).filter(U);if(s.length>0){const b=s.map(C),_=[...a||[],...b].slice(0,g);i&&i(_),x&&x(b)}}else{const n=e.dataTransfer.files[0];if(n&&U(n)){const s=C(n);t&&t(s),m&&m(s)}}},ee=e=>{if(!y){if(f){const s=(e.target.files?Array.from(e.target.files):[]).filter(U);if(s.length>0){const b=s.map(C),_=[...a||[],...b].slice(0,g);i&&i(_),x&&x(b)}}else{const n=e.target.files?.[0];if(n&&U(n)){const s=C(n);t&&t(s),m&&m(s)}}e.target.value=""}},O=e=>{if(y)return;const n=R[e];if(f){const s=R.filter((b,E)=>E!==e);i&&i(s),p&&n&&p([n])}else t&&t(null),d&&n&&d(n)},U=e=>{const n=e.name.substring(e.name.lastIndexOf(".")),s=!u||u.length===0||u.includes(n.toLowerCase()),b=e.size<=X;if(!s||!b){const E=C(e);!s&&h?h(E,"extension"):!b&&h&&h(E,"size")}return s&&b},L=()=>{if(y)return;const e=[...R];f?(i&&i([]),p&&e.length>0&&p(e)):(t&&t(null),d&&e.length>0&&d(e[0]))};return r.jsxRuntimeExports.jsxs("div",{ref:w,className:D.cn("adm:flex adm:flex-col adm:gap-4",c),...H,children:[f&&l==="above"&&r.jsxRuntimeExports.jsx(A,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:L}),(f||R.length===0)&&r.jsxRuntimeExports.jsx(te,{isDragging:J,isMultiple:f,invalid:T,disabled:y,accept:Q,acceptedExtensions:u,maxSizeInMB:v,maxFiles:g,labels:I,input:F,onDragOver:Z,onDragLeave:W,onDrop:S,onFileChange:ee}),!f&&R.length>0&&r.jsxRuntimeExports.jsx(A,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:L}),f&&l==="below"&&r.jsxRuntimeExports.jsx(A,{files:R,isMultiple:f,invalid:T,disabled:y,labels:I,onRemoveFile:O,onClearAll:L})]})}exports.FileUploadV2=se;

package/dist/file-upload-v2.js

@@ -1,339 +1,351 @@
-import { j as t } from "./jsx-runtime-BzflLqGi.js";
-import { B as G } from "./button-BnUlAtuD.js";
-import { I as B } from "./icon-BFQz1tQC.js";
-import { T as $ } from "./typography-MnY0LQoZ.js";
-import { c as y } from "./index-CRiPKpXj.js";
-import { useState as U, useRef as te, useEffect as re } from "react";
-function ae({
-  isDragging: o,
+import { j as r } from "./jsx-runtime-BzflLqGi.js";
+import { B as q } from "./button-BnUlAtuD.js";
+import { I as M } from "./icon-BFQz1tQC.js";
+import { T as C } from "./typography-MnY0LQoZ.js";
+import { c as N } from "./index-CRiPKpXj.js";
+import { useState as E, useRef as te, useEffect as re } from "react";
+function se({
+  isDragging: c,
   isMultiple: d,
-  invalid: s,
-  disabled: r,
+  invalid: n,
+  disabled: t,
   accept: i,
   acceptedExtensions: l,
-  maxSizeInMB: x,
-  maxFiles: c,
-  labels: f,
-  input: g,
-  onDragOver: v,
-  onDragLeave: C,
-  onDrop: b,
-  onFileChange: T
+  maxSizeInMB: o,
+  maxFiles: p,
+  labels: g,
+  input: v,
+  onDragOver: m,
+  onDragLeave: j,
+  onDrop: x,
+  onFileChange: h
 }) {
-  const D = g?.id || `file-upload-v2-${Math.random().toString(36).substring(2, 11)}`;
-  return /* @__PURE__ */ t.jsxs(
+  const u = v?.id || `file-upload-v2-${Math.random().toString(36).substring(2, 11)}`;
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      onDragOver: r ? void 0 : v,
-      onDragLeave: r ? void 0 : C,
-      onDrop: r ? void 0 : b,
-      className: y(
+      onDragOver: t ? void 0 : m,
+      onDragLeave: t ? void 0 : j,
+      onDrop: t ? void 0 : x,
+      className: N(
         `
           adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
           adm:border-2
         `,
         "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
         {
-          "adm:border-primary": o && !s && !r,
-          "adm:border-destructive": s && !r,
-          "adm:border-input": !o && !s,
-          "adm:cursor-not-allowed adm:opacity-50": r
+          "adm:border-primary": c && !n && !t,
+          "adm:border-destructive": n && !t,
+          "adm:border-input": !c && !n,
+          "adm:cursor-not-allowed adm:opacity-50": t
         }
       ),
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: y(
+            className: N(
               "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
-              s && !r ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+              n && !t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
             ),
-            children: /* @__PURE__ */ t.jsx(
-              B,
+            children: /* @__PURE__ */ r.jsx(
+              M,
               {
                 symbol: "text_snippet",
-                className: s && !r ? "adm:text-destructive" : "adm:text-primary"
+                className: n && !t ? "adm:text-destructive" : "adm:text-primary"
               }
             )
           }
         ),
-        /* @__PURE__ */ t.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
-          /* @__PURE__ */ t.jsx($, { color: s && !r ? "destructive" : void 0, children: f?.dragDrop || (d ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
-          /* @__PURE__ */ t.jsxs("label", { htmlFor: D, children: [
-            /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
+          /* @__PURE__ */ r.jsx(C, { color: n && !t ? "destructive" : void 0, children: g?.dragDrop || (d ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
+          /* @__PURE__ */ r.jsxs("label", { htmlFor: u, children: [
+            /* @__PURE__ */ r.jsx(
               "input",
               {
-                ...g,
-                id: D,
+                ...v,
+                id: u,
                 type: "file",
                 accept: i,
                 multiple: d,
-                onChange: T,
-                disabled: r,
+                onChange: h,
+                disabled: t,
                 className: "adm:hidden"
               }
             ),
-            /* @__PURE__ */ t.jsx(
-              G,
+            /* @__PURE__ */ r.jsx(
+              q,
               {
                 asChild: !0,
                 type: "button",
                 variant: "link",
-                className: y("adm:cursor-pointer", r && `
+                className: N("adm:cursor-pointer", t && `
               adm:pointer-events-none
             `),
-                disabled: r,
-                children: /* @__PURE__ */ t.jsx("span", { children: f?.selectFile || (d ? "Select files" : "Select the file") })
+                disabled: t,
+                children: /* @__PURE__ */ r.jsx("span", { children: g?.selectFile || (d ? "Select files" : "Select the file") })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t.jsx($, { className: "adm:text-center", color: s && !r ? "destructive" : "muted", children: f?.fileRequirements || (l && l.length > 0 ? `Allowed files: ${l.join(", ")}. Maximum size ${x} MB${d ? `. Up to ${c} files` : ""}.` : `Maximum size ${x} MB${d ? `. Up to ${c} files` : ""}.`) })
+        /* @__PURE__ */ r.jsx(C, { className: "adm:text-center", color: n && !t ? "destructive" : "muted", children: g?.fileRequirements || (l && l.length > 0 ? `Allowed files: ${l.join(", ")}. Maximum size ${o} MB${d ? `. Up to ${p} files` : ""}.` : `Maximum size ${o} MB${d ? `. Up to ${p} files` : ""}.`) })
       ]
     }
   );
 }
-function se({ fileWithMetadata: o, invalid: d, disabled: s, onRemove: r }) {
-  const { file: i } = o;
-  return /* @__PURE__ */ t.jsxs(
+function ae({ fileWithMetadata: c, invalid: d, disabled: n, labels: t, onRemove: i }) {
+  const { file: l, status: o = "idle", deletable: p = !0, disabled: g, error: v } = c, m = n || g, j = o === "uploading", x = o === "deleting", h = o === "error", u = o === "success", U = j || x, V = () => j || x ? "progress_activity" : u ? "check_circle" : h ? "error" : "text_snippet", B = () => h ? "adm:text-destructive" : u ? "adm:text-success-600" : d && !m ? "adm:text-destructive" : "adm:text-primary", L = () => h ? "adm:bg-destructive/15" : u ? "adm:bg-success/15" : j || x ? "adm:bg-primary/15" : d && !m ? "adm:bg-destructive/15" : "adm:bg-primary/15";
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      className: y(
+      className: N(
         "adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",
-        d && !s ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted",
-        s && "adm:cursor-not-allowed adm:opacity-50"
+        h ? "adm:border-destructive adm:bg-destructive/5" : u ? "adm:border-success-200 adm:bg-success-50" : d && !m ? "adm:border-destructive adm:bg-destructive/5" : "adm:border-input adm:bg-muted",
+        m && "adm:cursor-not-allowed adm:opacity-50"
       ),
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsx(
           "div",
           {
-            className: y(
+            className: N(
               "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
-              d && !s ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+              L()
             ),
-            children: /* @__PURE__ */ t.jsx(
-              B,
+            children: /* @__PURE__ */ r.jsx(
+              M,
               {
-                symbol: "text_snippet",
-                className: d && !s ? "adm:text-destructive" : "adm:text-primary"
+                symbol: V(),
+                className: N(
+                  B(),
+                  U && "adm:animate-spin"
+                )
               }
             )
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          "div",
-          {
-            className: `
-        adm:flex adm:min-w-0 adm:flex-1 adm:items-start adm:gap-3
-      `,
-            children: [
-              /* @__PURE__ */ t.jsx("div", { className: "adm:min-w-0 adm:flex-1", children: /* @__PURE__ */ t.jsx($, { className: "adm:truncate adm:font-semibold", children: i.name }) }),
-              /* @__PURE__ */ t.jsxs($, { className: "adm:shrink-0", color: "muted", children: [
-                (i.size / 1024 / 1024).toFixed(1),
-                " MB"
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          G,
+        /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:min-w-0 adm:flex-1 adm:flex-col adm:gap-1", children: [
+          /* @__PURE__ */ r.jsx(
+            C,
+            {
+              className: N(
+                "adm:min-w-0 adm:truncate adm:font-semibold"
+              ),
+              children: l.name
+            }
+          ),
+          (v || j || x || u || h) && /* @__PURE__ */ r.jsx(
+            C,
+            {
+              className: "adm:text-xs",
+              color: h ? "destructive" : u ? "success" : "muted",
+              children: v || (j ? t?.statusUploading || "Uploading..." : x ? t?.statusDeleting || "Deleting..." : u ? t?.statusSuccess || "Uploaded successfully" : h ? t?.statusError || "Upload failed" : "")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs(C, { className: "adm:shrink-0", color: "muted", children: [
+          (l.size / 1024 / 1024).toFixed(1),
+          " MB"
+        ] }),
+        p && /* @__PURE__ */ r.jsx(
+          q,
           {
             variant: "destructive-medium",
-            onClick: r,
+            onClick: i,
             type: "button",
-            disabled: s,
-            children: /* @__PURE__ */ t.jsx(B, { symbol: "delete", className: "adm:text-destructive" })
+            disabled: m || U,
+            children: /* @__PURE__ */ r.jsx(M, { symbol: "delete", className: "adm:text-destructive" })
           }
         )
       ]
     }
   );
 }
-function A({ files: o, isMultiple: d, invalid: s, disabled: r, labels: i, onRemoveFile: l, onClearAll: x }) {
-  return o.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
-    d && o.length > 1 && /* @__PURE__ */ t.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
-      /* @__PURE__ */ t.jsx($, { className: "adm:text-sm adm:font-medium", color: s && !r ? "destructive" : void 0, children: i?.filesSelected?.(o.length) || `${o.length} file${o.length !== 1 ? "s" : ""} selected` }),
-      /* @__PURE__ */ t.jsx(
-        G,
+function G({ files: c, isMultiple: d, invalid: n, disabled: t, labels: i, onRemoveFile: l, onClearAll: o }) {
+  return c.length === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
+    d && c.length > 1 && /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
+      /* @__PURE__ */ r.jsx(C, { className: "adm:text-sm adm:font-medium", color: n && !t ? "destructive" : void 0, children: i?.filesSelected?.(c.length) || `${c.length} file${c.length !== 1 ? "s" : ""} selected` }),
+      /* @__PURE__ */ r.jsx(
+        q,
         {
           variant: "ghost",
           size: "sm",
-          onClick: x,
+          onClick: o,
           type: "button",
-          disabled: r,
+          disabled: t,
           children: "Clear all"
         }
       )
     ] }),
-    o.map((c, f) => /* @__PURE__ */ t.jsx(
-      se,
+    c.map((p, g) => /* @__PURE__ */ r.jsx(
+      ae,
       {
-        fileWithMetadata: c,
-        invalid: s,
-        disabled: r,
-        onRemove: () => l(f)
+        fileWithMetadata: p,
+        invalid: n,
+        disabled: t,
+        labels: i,
+        onRemove: () => l(g)
       },
-      c.id
+      p.id
     ))
   ] });
 }
-function fe({
-  className: o,
+function ue({
+  className: c,
   selectedFile: d,
-  selectedFiles: s,
-  onFileSelect: r,
+  selectedFiles: n,
+  onFileSelect: t,
   onFilesSelect: i,
   onFileAdd: l,
-  onFileRemove: x,
-  onFilesAdd: c,
-  onFilesRemove: f,
-  onInvalidFile: g,
-  acceptedExtensions: v,
-  maxSizeInMB: C = 50,
-  maxFiles: b = 10,
-  multiple: T = !1,
-  filesPosition: D = "below",
-  invalid: _ = !1,
-  disabled: M = !1,
-  "aria-invalid": q,
-  generateId: F,
-  labels: I,
-  input: H,
-  ...J
+  onFileRemove: o,
+  onFilesAdd: p,
+  onFilesRemove: g,
+  onInvalidFile: v,
+  acceptedExtensions: m,
+  maxSizeInMB: j = 50,
+  maxFiles: x = 10,
+  multiple: h = !1,
+  filesPosition: u = "below",
+  invalid: U = !1,
+  disabled: V = !1,
+  "aria-invalid": B,
+  generateId: L,
+  labels: k,
+  input: F,
+  ...H
 }) {
-  const [K, V] = U(!1), [Q, X] = U(!1), N = te(null);
+  const [J, O] = E(!1), [K, Q] = E(!1), $ = te(null);
   re(() => {
     const e = () => {
-      if (N.current) {
-        const a = N.current.closest("fieldset");
-        X(a?.disabled ?? !1);
+      if ($.current) {
+        const s = $.current.closest("fieldset");
+        Q(s?.disabled ?? !1);
       }
     };
     e();
-    const n = new MutationObserver(e);
-    if (N.current) {
-      const a = N.current.closest("fieldset");
-      a && n.observe(a, { attributes: !0, attributeFilter: ["disabled"] });
+    const a = new MutationObserver(e);
+    if ($.current) {
+      const s = $.current.closest("fieldset");
+      s && a.observe(s, { attributes: !0, attributeFilter: ["disabled"] });
     }
-    return () => n.disconnect();
+    return () => a.disconnect();
   }, []);
-  const Y = v?.join(",") || "", Z = C * 1024 * 1024, m = T || s !== void 0 || i !== void 0, h = m ? s || [] : d ? [d] : [], k = _ || q, u = M || Q, W = F || ((e) => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}-${e.name}`), w = (e) => ({
-    id: W(e),
+  const X = m?.join(",") || "", Y = j * 1024 * 1024, f = h || n !== void 0 || i !== void 0, D = f ? n || [] : d ? [d] : [], z = U || B, b = V || K, Z = L || ((e) => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}-${e.name}`), I = (e) => ({
+    id: Z(e),
     file: e
-  }), E = (e) => {
-    u || (e.preventDefault(), V(!0));
-  }, P = (e) => {
-    u || (e.preventDefault(), V(!1));
+  }), P = (e) => {
+    b || (e.preventDefault(), O(!0));
+  }, W = (e) => {
+    b || (e.preventDefault(), O(!1));
   }, S = (e) => {
-    if (!u)
-      if (e.preventDefault(), V(!1), m) {
-        const a = Array.from(e.dataTransfer.files).filter(z);
-        if (a.length > 0) {
-          const p = a.map(w), R = [...s || [], ...p].slice(0, b);
-          i && i(R), c && c(p);
+    if (!b)
+      if (e.preventDefault(), O(!1), f) {
+        const s = Array.from(e.dataTransfer.files).filter(T);
+        if (s.length > 0) {
+          const y = s.map(I), A = [...n || [], ...y].slice(0, x);
+          i && i(A), p && p(y);
         }
       } else {
-        const n = e.dataTransfer.files[0];
-        if (n && z(n)) {
-          const a = w(n);
-          r && r(a), l && l(a);
+        const a = e.dataTransfer.files[0];
+        if (a && T(a)) {
+          const s = I(a);
+          t && t(s), l && l(s);
         }
       }
   }, ee = (e) => {
-    if (!u) {
-      if (m) {
-        const a = (e.target.files ? Array.from(e.target.files) : []).filter(z);
-        if (a.length > 0) {
-          const p = a.map(w), R = [...s || [], ...p].slice(0, b);
-          i && i(R), c && c(p);
+    if (!b) {
+      if (f) {
+        const s = (e.target.files ? Array.from(e.target.files) : []).filter(T);
+        if (s.length > 0) {
+          const y = s.map(I), A = [...n || [], ...y].slice(0, x);
+          i && i(A), p && p(y);
         }
       } else {
-        const n = e.target.files?.[0];
-        if (n && z(n)) {
-          const a = w(n);
-          r && r(a), l && l(a);
+        const a = e.target.files?.[0];
+        if (a && T(a)) {
+          const s = I(a);
+          t && t(s), l && l(s);
         }
       }
       e.target.value = "";
     }
-  }, L = (e) => {
-    if (u) return;
-    const n = h[e];
-    if (m) {
-      const a = h.filter((p, j) => j !== e);
-      i && i(a), f && n && f([n]);
+  }, R = (e) => {
+    if (b) return;
+    const a = D[e];
+    if (f) {
+      const s = D.filter((y, w) => w !== e);
+      i && i(s), g && a && g([a]);
     } else
-      r && r(null), x && n && x(n);
-  }, z = (e) => {
-    const n = e.name.substring(e.name.lastIndexOf(".")), a = !v || v.length === 0 || v.includes(n.toLowerCase()), p = e.size <= Z;
-    if (!a || !p) {
-      const j = w(e);
-      !a && g ? g(j, "extension") : !p && g && g(j, "size");
+      t && t(null), o && a && o(a);
+  }, T = (e) => {
+    const a = e.name.substring(e.name.lastIndexOf(".")), s = !m || m.length === 0 || m.includes(a.toLowerCase()), y = e.size <= Y;
+    if (!s || !y) {
+      const w = I(e);
+      !s && v ? v(w, "extension") : !y && v && v(w, "size");
     }
-    return a && p;
-  }, O = () => {
-    if (u) return;
-    const e = [...h];
-    m ? (i && i([]), f && e.length > 0 && f(e)) : (r && r(null), x && e.length > 0 && x(e[0]));
+    return s && y;
+  }, _ = () => {
+    if (b) return;
+    const e = [...D];
+    f ? (i && i([]), g && e.length > 0 && g(e)) : (t && t(null), o && e.length > 0 && o(e[0]));
   };
-  return /* @__PURE__ */ t.jsxs("div", { ref: N, className: y("adm:flex adm:flex-col adm:gap-4", o), ...J, children: [
-    m && D === "above" && /* @__PURE__ */ t.jsx(
-      A,
+  return /* @__PURE__ */ r.jsxs("div", { ref: $, className: N("adm:flex adm:flex-col adm:gap-4", c), ...H, children: [
+    f && u === "above" && /* @__PURE__ */ r.jsx(
+      G,
       {
-        files: h,
-        isMultiple: m,
-        invalid: k,
-        disabled: u,
-        labels: I,
-        onRemoveFile: L,
-        onClearAll: O
+        files: D,
+        isMultiple: f,
+        invalid: z,
+        disabled: b,
+        labels: k,
+        onRemoveFile: R,
+        onClearAll: _
       }
     ),
-    (m || h.length === 0) && /* @__PURE__ */ t.jsx(
-      ae,
+    (f || D.length === 0) && /* @__PURE__ */ r.jsx(
+      se,
       {
-        isDragging: K,
-        isMultiple: m,
-        invalid: k,
-        disabled: u,
-        accept: Y,
-        acceptedExtensions: v,
-        maxSizeInMB: C,
-        maxFiles: b,
-        labels: I,
-        input: H,
-        onDragOver: E,
-        onDragLeave: P,
+        isDragging: J,
+        isMultiple: f,
+        invalid: z,
+        disabled: b,
+        accept: X,
+        acceptedExtensions: m,
+        maxSizeInMB: j,
+        maxFiles: x,
+        labels: k,
+        input: F,
+        onDragOver: P,
+        onDragLeave: W,
         onDrop: S,
         onFileChange: ee
       }
     ),
-    !m && h.length > 0 && /* @__PURE__ */ t.jsx(
-      A,
+    !f && D.length > 0 && /* @__PURE__ */ r.jsx(
+      G,
       {
-        files: h,
-        isMultiple: m,
-        invalid: k,
-        disabled: u,
-        labels: I,
-        onRemoveFile: L,
-        onClearAll: O
+        files: D,
+        isMultiple: f,
+        invalid: z,
+        disabled: b,
+        labels: k,
+        onRemoveFile: R,
+        onClearAll: _
       }
     ),
-    m && D === "below" && /* @__PURE__ */ t.jsx(
-      A,
+    f && u === "below" && /* @__PURE__ */ r.jsx(
+      G,
       {
-        files: h,
-        isMultiple: m,
-        invalid: k,
-        disabled: u,
-        labels: I,
-        onRemoveFile: L,
-        onClearAll: O
+        files: D,
+        isMultiple: f,
+        invalid: z,
+        disabled: b,
+        labels: k,
+        onRemoveFile: R,
+        onClearAll: _
       }
     )
   ] });
 }
 export {
-  fe as FileUploadV2
+  ue as FileUploadV2
 };