@adamosuiteservices/ui 2.18.5 → 2.19.0

package/dist/file-upload-v2.js

@@ -1,5 +1,5 @@
 import { j as r } from "./jsx-runtime-BzflLqGi.js";
-import { B as q } from "./button-BnUlAtuD.js";
+import { B as q } from "./button-dT8nqgU3.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";
@@ -12,8 +12,8 @@ function se({
   accept: i,
   acceptedExtensions: l,
   maxSizeInMB: o,
-  maxFiles: p,
-  labels: g,
+  maxFiles: g,
+  labels: p,
   input: v,
   onDragOver: m,
   onDragLeave: j,
@@ -29,12 +29,13 @@ function se({
       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:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-3xl
+          adm:border
         `,
         "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
+        "adm:hover:border-strong-border adm:hover:bg-muted",
         {
-          "adm:border-primary": c && !n && !t,
+          "adm:border-strong-border": c && !n && !t,
           "adm:border-destructive": n && !t,
           "adm:border-input": !c && !n,
           "adm:cursor-not-allowed adm:opacity-50": t
@@ -45,20 +46,23 @@ function se({
           "div",
           {
             className: N(
-              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              `
+          adm:flex adm:size-11 adm:items-center adm:justify-center
+          adm:rounded-full
+        `,
               n && !t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
             ),
             children: /* @__PURE__ */ r.jsx(
               M,
               {
-                symbol: "text_snippet",
+                symbol: "upload",
                 className: n && !t ? "adm:text-destructive" : "adm:text-primary"
               }
             )
           }
         ),
         /* @__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.jsx(C, { className: "adm:text-center", color: n && !t ? "destructive" : void 0, children: p?.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",
@@ -83,24 +87,24 @@ function se({
               adm:pointer-events-none
             `),
                 disabled: t,
-                children: /* @__PURE__ */ r.jsx("span", { children: g?.selectFile || (d ? "Select files" : "Select the file") })
+                children: /* @__PURE__ */ r.jsx("span", { className: "adm:text-center", children: p?.selectFile || (d ? "Select files" : "Select the file") })
               }
             )
           ] })
         ] }),
-        /* @__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` : ""}.`) })
+        /* @__PURE__ */ r.jsx(C, { className: "adm:text-center", color: n && !t ? "destructive" : "muted", children: p?.fileRequirements || (l && l.length > 0 ? `Allowed files: ${l.join(", ")}. Maximum size ${o} MB${d ? `. Up to ${g} files` : ""}.` : `Maximum size ${o} MB${d ? `. Up to ${g} files` : ""}.`) })
       ]
     }
   );
 }
 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", A = () => h ? "adm:text-destructive" : u ? "adm:text-success-600" : d && !m ? "adm:text-destructive" : "adm:text-primary", B = () => 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";
+  const { file: l, status: o = "idle", deletable: g = !0, disabled: p, error: v } = c, m = n || p, j = o === "uploading", x = o === "deleting", h = o === "error", u = o === "success", k = j || x, V = () => j || x ? "progress_activity" : u ? "check_circle" : h ? "error" : "article", A = () => h ? "adm:text-destructive" : u ? "adm:text-success-600" : d && !m ? "adm:text-destructive" : "adm:text-primary", B = () => h ? "adm:bg-destructive/15" : u ? "adm:bg-success/15" : j || x ? "adm:bg-primary/15" : d && !m ? "adm:bg-destructive/15" : "adm:bg-background";
   return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: N(
-        "adm:flex adm:items-center adm:gap-4 adm:rounded-2xl adm:border adm:p-6",
-        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",
+        "adm:flex adm:items-center adm:gap-6 adm:rounded-3xl adm:p-4",
+        h ? "adm:bg-destructive/5" : u ? "adm:bg-success-50" : d && !m ? "adm:bg-destructive/5" : "adm:bg-muted",
         m && "adm:cursor-not-allowed adm:opacity-50"
       ),
       children: [
@@ -108,7 +112,10 @@ function ae({ fileWithMetadata: c, invalid: d, disabled: n, labels: t, onRemove:
           "div",
           {
             className: N(
-              "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
+              `
+          adm:flex adm:size-11 adm:items-center adm:justify-center
+          adm:rounded-full
+        `,
               B()
             ),
             children: /* @__PURE__ */ r.jsx(
@@ -117,7 +124,7 @@ function ae({ fileWithMetadata: c, invalid: d, disabled: n, labels: t, onRemove:
                 symbol: V(),
                 className: N(
                   A(),
-                  U && "adm:animate-spin"
+                  k && "adm:animate-spin"
                 )
               }
             )
@@ -146,24 +153,32 @@ function ae({ fileWithMetadata: c, invalid: d, disabled: n, labels: t, onRemove:
           (l.size / 1024 / 1024).toFixed(1),
           " MB"
         ] }),
-        p && /* @__PURE__ */ r.jsx(
+        g && /* @__PURE__ */ r.jsx(
           q,
           {
-            variant: "destructive-medium",
+            variant: "link",
+            size: "icon",
             onClick: i,
             type: "button",
-            disabled: m || U,
-            children: /* @__PURE__ */ r.jsx(M, { symbol: "delete", className: "adm:text-destructive" })
+            disabled: m || k,
+            children: /* @__PURE__ */ r.jsx(
+              M,
+              {
+                symbol: "cancel",
+                fill: 1,
+                className: "adm:text-destructive"
+              }
+            )
           }
         )
       ]
     }
   );
 }
-function G({ files: c, isMultiple: d, invalid: n, disabled: t, labels: i, onRemoveFile: l, onClearAll: o }) {
+function _({ 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(C, { className: "adm:text-center 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,
         {
@@ -176,16 +191,16 @@ function G({ files: c, isMultiple: d, invalid: n, disabled: t, labels: i, onRemo
         }
       )
     ] }),
-    c.map((p, g) => /* @__PURE__ */ r.jsx(
+    c.map((g, p) => /* @__PURE__ */ r.jsx(
       ae,
       {
-        fileWithMetadata: p,
+        fileWithMetadata: g,
         invalid: n,
         disabled: t,
         labels: i,
-        onRemove: () => l(g)
+        onRemove: () => l(p)
       },
-      p.id
+      g.id
     ))
   ] });
 }
@@ -197,19 +212,19 @@ function ue({
   onFilesSelect: i,
   onFileAdd: l,
   onFileRemove: o,
-  onFilesAdd: p,
-  onFilesRemove: g,
+  onFilesAdd: g,
+  onFilesRemove: p,
   onInvalidFile: v,
   acceptedExtensions: m,
   maxSizeInMB: j = 50,
   maxFiles: x = 10,
   multiple: h = !1,
   filesPosition: u = "below",
-  invalid: U = !1,
+  invalid: k = !1,
   disabled: V = !1,
   "aria-invalid": A,
   generateId: B,
-  labels: k,
+  labels: z,
   input: F,
   ...H
 }) {
@@ -229,7 +244,7 @@ function ue({
     }
     return () => a.disconnect();
   }, []);
-  const X = m?.join(",") || "", Y = j * 1024 * 1024, f = h || n !== void 0 || i !== void 0, D = f ? n || [] : d ? [d] : [], z = U || A, b = V || K, Z = B || ((e) => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}-${e.name}`), I = (e) => ({
+  const X = m?.join(",") || "", Y = j * 1024 * 1024, f = h || n !== void 0 || i !== void 0, y = f ? n || [] : d ? [d] : [], U = k || A, b = V || K, Z = B || ((e) => `${Date.now()}-${Math.random().toString(36).substring(2, 11)}-${e.name}`), I = (e) => ({
     id: Z(e),
     file: e
   }), P = (e) => {
@@ -241,8 +256,8 @@ function ue({
       if (e.preventDefault(), L(!1), f) {
         const s = Array.from(e.dataTransfer.files).filter(T);
         if (s.length > 0) {
-          const y = s.map(I), _ = [...n || [], ...y].slice(0, x);
-          i && i(_), p && p(y);
+          const D = s.map(I), G = [...n || [], ...D].slice(0, x);
+          i && i(G), g && g(D);
         }
       } else {
         const a = e.dataTransfer.files[0];
@@ -256,8 +271,8 @@ function ue({
       if (f) {
         const s = (e.target.files ? Array.from(e.target.files) : []).filter(T);
         if (s.length > 0) {
-          const y = s.map(I), _ = [...n || [], ...y].slice(0, x);
-          i && i(_), p && p(y);
+          const D = s.map(I), G = [...n || [], ...D].slice(0, x);
+          i && i(G), g && g(D);
         }
       } else {
         const a = e.target.files?.[0];
@@ -270,49 +285,49 @@ function ue({
     }
   }, O = (e) => {
     if (b) return;
-    const a = D[e];
+    const a = y[e];
     if (f) {
-      const s = D.filter((y, w) => w !== e);
-      i && i(s), g && a && g([a]);
+      const s = y.filter((D, w) => w !== e);
+      i && i(s), p && a && p([a]);
     } else
       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 a = e.name.substring(e.name.lastIndexOf(".")), s = !m || m.length === 0 || m.includes(a.toLowerCase()), D = e.size <= Y;
+    if (!s || !D) {
       const w = I(e);
-      !s && v ? v(w, "extension") : !y && v && v(w, "size");
+      !s && v ? v(w, "extension") : !D && v && v(w, "size");
     }
-    return s && y;
+    return s && D;
   }, R = () => {
     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]));
+    const e = [...y];
+    f ? (i && i([]), p && e.length > 0 && p(e)) : (t && t(null), o && e.length > 0 && o(e[0]));
   };
   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: D,
+        files: y,
         isMultiple: f,
-        invalid: z,
+        invalid: U,
         disabled: b,
-        labels: k,
+        labels: z,
         onRemoveFile: O,
         onClearAll: R
       }
     ),
-    (f || D.length === 0) && /* @__PURE__ */ r.jsx(
+    (f || y.length === 0) && /* @__PURE__ */ r.jsx(
       se,
       {
         isDragging: J,
         isMultiple: f,
-        invalid: z,
+        invalid: U,
         disabled: b,
         accept: X,
         acceptedExtensions: m,
         maxSizeInMB: j,
         maxFiles: x,
-        labels: k,
+        labels: z,
         input: F,
         onDragOver: P,
         onDragLeave: W,
@@ -320,26 +335,26 @@ function ue({
         onFileChange: ee
       }
     ),
-    !f && D.length > 0 && /* @__PURE__ */ r.jsx(
-      G,
+    !f && y.length > 0 && /* @__PURE__ */ r.jsx(
+      _,
       {
-        files: D,
+        files: y,
         isMultiple: f,
-        invalid: z,
+        invalid: U,
         disabled: b,
-        labels: k,
+        labels: z,
         onRemoveFile: O,
         onClearAll: R
       }
     ),
     f && u === "below" && /* @__PURE__ */ r.jsx(
-      G,
+      _,
       {
-        files: D,
+        files: y,
         isMultiple: f,
-        invalid: z,
+        invalid: U,
         disabled: b,
-        labels: k,
+        labels: z,
         onRemoveFile: O,
         onClearAll: R
       }

package/dist/file-upload.cjs

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