@adamosuiteservices/ui 2.18.1 → 2.18.2

package/dist/file-upload.cjs

@@ -1,8 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./jsx-runtime-BB_1_6y_.cjs"),L=require("./button-CFJs0esR.cjs"),B=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:r,accept:m,acceptedExtensions:c,maxSizeInMB:f,maxFiles:u,labels:l,input:j,onDragOver:h,onDragLeave:N,onDrop:v,onFileChange:q}){const y=j?.id||`file-upload-${Math.random().toString(36).substring(2,11)}`;return t.jsxRuntimeExports.jsxs("div",{onDragOver:r?void 0:h,onDragLeave:r?void 0:N,onDrop:r?void 0:v,className:g.cn(`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./jsx-runtime-BB_1_6y_.cjs"),L=require("./button-CFJs0esR.cjs"),B=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&&!r,"adm:border-destructive":s&&!r,"adm:border-input":!i&&!s,"adm:cursor-not-allowed adm:opacity-50":r}),children:[t.jsxRuntimeExports.jsx("div",{className:g.cn("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"),children:t.jsxRuntimeExports.jsx(B.Icon,{symbol:"text_snippet",className:s&&!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(D.Typography,{color:s&&!r?"destructive":void 0,children:l?.dragDrop||(o?"Drag and drop your files here or":"Drag and drop your file here or")}),t.jsxRuntimeExports.jsxs("label",{htmlFor:y,children:[t.jsxRuntimeExports.jsx("input",{...j,id:y,type:"file",accept:m,multiple:o,onChange:q,disabled:r,className:"adm:hidden"}),t.jsxRuntimeExports.jsx(L.Button,{asChild:!0,type:"button",variant:"link",className:g.cn("adm:cursor-pointer",r&&`
+        `,"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(B.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(L.Button,{asChild:!0,type:"button",variant:"link",className:g.cn("adm:cursor-pointer",t&&`
               adm:pointer-events-none
-            `),disabled:r,children:t.jsxRuntimeExports.jsx("span",{children:l?.selectFile||(o?"Select files":"Select the file")})})]})]}),t.jsxRuntimeExports.jsx(D.Typography,{className:"adm:text-center",color:s&&!r?"destructive":"muted",children:l?.fileRequirements||(c&&c.length>0?`Allowed files: ${c.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:r}){return t.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:[t.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/10":"adm:bg-primary-50"),children:t.jsxRuntimeExports.jsx(B.Icon,{symbol:"text_snippet",className:o&&!s?"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(D.Typography,{className:"adm:truncate adm:font-semibold",children:i.name})}),t.jsxRuntimeExports.jsxs(D.Typography,{className:"adm:shrink-0",color:"muted",children:[(i.size/1024/1024).toFixed(1)," MB"]})]}),t.jsxRuntimeExports.jsx(L.Button,{variant:"destructive-medium",onClick:r,type:"button",disabled:s,children:t.jsxRuntimeExports.jsx(B.Icon,{symbol:"delete",className:"adm:text-destructive"})})]})}function O({files:i,isMultiple:o,invalid:s,disabled:r,labels:m,onRemoveFile:c,onClearAll:f}){return i.length===0?null:t.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:flex-col adm:gap-3",children:[o&&i.length>1&&t.jsxRuntimeExports.jsxs("div",{className:"adm:flex adm:items-center adm:justify-between",children:[t.jsxRuntimeExports.jsx(D.Typography,{className:"adm:text-sm adm:font-medium",color:s&&!r?"destructive":void 0,children:m?.filesSelected?.(i.length)||`${i.length} file${i.length!==1?"s":""} selected`}),t.jsxRuntimeExports.jsx(L.Button,{variant:"ghost",size:"sm",onClick:f,type:"button",disabled:r,children:"Clear all"})]}),i.map((u,l)=>t.jsxRuntimeExports.jsx(F,{file:u,invalid:s,disabled:r,onRemove:()=>c(l)},`${u.name}-${l}`))]})}function S({className:i,selectedFile:o,selectedFiles:s,onFileSelect:r,onFilesSelect:m,onFileAdd:c,onFileRemove:f,onFilesAdd:u,onFilesRemove:l,onInvalidFile:j,acceptedExtensions:h,maxSizeInMB:N=50,maxFiles:v=10,multiple:q=!1,filesPosition:y="below",invalid:A=!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=A||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)&&(r&&r(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)&&(r&&r(a),c&&c(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),l&&a&&l([a])}else r&&r(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([]),l&&e.length>0&&l(e)):(r&&r(null),f&&e.length>0&&f(e[0]))};return t.jsxRuntimeExports.jsxs("div",{ref:R,className:g.cn("adm:flex adm:flex-col adm:gap-4",i),..._,children:[d&&y==="above"&&t.jsxRuntimeExports.jsx(O,{files:p,isMultiple:d,invalid:w,disabled:x,labels:$,onRemoveFile:z,onClearAll:I}),(d||p.length===0)&&t.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&&t.jsxRuntimeExports.jsx(O,{files:p,isMultiple:d,invalid:w,disabled:x,labels:$,onRemoveFile:z,onClearAll:I}),d&&y==="below"&&t.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",{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(B.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(L.Button,{variant:"destructive-medium",onClick:t,type:"button",disabled:s,children:r.jsxRuntimeExports.jsx(B.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(L.Button,{variant:"ghost",size:"sm",onClick:f,type:"button",disabled:t,children:"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:A=!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=A||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;

package/dist/file-upload.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-BzflLqGi.js";
+import { j as r } from "./jsx-runtime-BzflLqGi.js";
 import { B } from "./button-BnUlAtuD.js";
 import { I as A } from "./icon-BFQz1tQC.js";
 import { T as $ } from "./typography-MnY0LQoZ.js";
@@ -8,25 +8,25 @@ function S({
   isDragging: i,
   isMultiple: d,
   invalid: a,
-  disabled: r,
+  disabled: t,
   accept: m,
   acceptedExtensions: c,
   maxSizeInMB: h,
   maxFiles: f,
   labels: l,
-  input: p,
+  input: x,
   onDragOver: g,
   onDragLeave: w,
   onDrop: j,
   onFileChange: T
 }) {
-  const y = p?.id || `file-upload-${Math.random().toString(36).substring(2, 11)}`;
-  return /* @__PURE__ */ t.jsxs(
+  const y = x?.id || `file-upload-${Math.random().toString(36).substring(2, 11)}`;
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
-      onDragOver: r ? void 0 : g,
-      onDragLeave: r ? void 0 : w,
-      onDrop: r ? void 0 : j,
+      onDragOver: t ? void 0 : g,
+      onDragLeave: t ? void 0 : w,
+      onDrop: t ? void 0 : j,
       className: v(
         `
           adm:flex adm:flex-col adm:items-center adm:gap-6 adm:rounded-2xl
@@ -34,67 +34,67 @@ function S({
         `,
         "adm:border-dashed adm:bg-background adm:p-6 adm:transition-colors",
         {
-          "adm:border-primary": i && !a && !r,
-          "adm:border-destructive": a && !r,
+          "adm:border-primary": i && !a && !t,
+          "adm:border-destructive": a && !t,
           "adm:border-input": !i && !a,
-          "adm:cursor-not-allowed adm:opacity-50": r
+          "adm:cursor-not-allowed adm:opacity-50": t
         }
       ),
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsx(
           "div",
           {
             className: v(
               "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"
+              a && !t ? "adm:bg-destructive/10" : "adm:bg-primary-50"
             ),
-            children: /* @__PURE__ */ t.jsx(
+            children: /* @__PURE__ */ r.jsx(
               A,
               {
                 symbol: "text_snippet",
-                className: a && !r ? "adm:text-destructive" : "adm:text-primary"
+                className: a && !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: a && !r ? "destructive" : void 0, children: l?.dragDrop || (d ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
-          /* @__PURE__ */ t.jsxs("label", { htmlFor: y, children: [
-            /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:flex-col adm:items-center adm:gap-2", children: [
+          /* @__PURE__ */ r.jsx($, { color: a && !t ? "destructive" : void 0, children: l?.dragDrop || (d ? "Drag and drop your files here or" : "Drag and drop your file here or") }),
+          /* @__PURE__ */ r.jsxs("label", { htmlFor: y, children: [
+            /* @__PURE__ */ r.jsx(
               "input",
               {
-                ...p,
+                ...x,
                 id: y,
                 type: "file",
                 accept: m,
                 multiple: d,
                 onChange: T,
-                disabled: r,
+                disabled: t,
                 className: "adm:hidden"
               }
             ),
-            /* @__PURE__ */ t.jsx(
+            /* @__PURE__ */ r.jsx(
               B,
               {
                 asChild: !0,
                 type: "button",
                 variant: "link",
-                className: v("adm:cursor-pointer", r && `
+                className: v("adm:cursor-pointer", t && `
               adm:pointer-events-none
             `),
-                disabled: r,
-                children: /* @__PURE__ */ t.jsx("span", { children: l?.selectFile || (d ? "Select files" : "Select the file") })
+                disabled: t,
+                children: /* @__PURE__ */ r.jsx("span", { children: l?.selectFile || (d ? "Select files" : "Select the file") })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ t.jsx($, { className: "adm:text-center", color: a && !r ? "destructive" : "muted", children: l?.fileRequirements || (c && c.length > 0 ? `Allowed files: ${c.join(", ")}. Maximum size ${h} MB${d ? `. Up to ${f} files` : ""}.` : `Maximum size ${h} MB${d ? `. Up to ${f} files` : ""}.`) })
+        /* @__PURE__ */ r.jsx($, { className: "adm:text-center", color: a && !t ? "destructive" : "muted", children: l?.fileRequirements || (c && c.length > 0 ? `Allowed files: ${c.join(", ")}. Maximum size ${h} MB${d ? `. Up to ${f} files` : ""}.` : `Maximum size ${h} MB${d ? `. Up to ${f} files` : ""}.`) })
       ]
     }
   );
 }
-function ee({ file: i, invalid: d, disabled: a, onRemove: r }) {
-  return /* @__PURE__ */ t.jsxs(
+function ee({ file: i, invalid: d, disabled: a, onRemove: t }) {
+  return /* @__PURE__ */ r.jsxs(
     "div",
     {
       className: v(
@@ -103,14 +103,14 @@ function ee({ file: i, invalid: d, disabled: a, onRemove: r }) {
         a && "adm:cursor-not-allowed adm:opacity-50"
       ),
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ r.jsx(
           "div",
           {
             className: v(
               "adm:flex adm:items-center adm:justify-center adm:rounded-xl adm:p-2.5",
-              d && !a ? "adm:bg-destructive/10" : "adm:bg-primary-50"
+              d && !a ? "adm:bg-destructive/15" : "adm:bg-primary/15"
             ),
-            children: /* @__PURE__ */ t.jsx(
+            children: /* @__PURE__ */ r.jsx(
               A,
               {
                 symbol: "text_snippet",
@@ -119,57 +119,55 @@ function ee({ file: i, invalid: d, disabled: a, onRemove: r }) {
             )
           }
         ),
-        /* @__PURE__ */ t.jsxs(
-          "div",
+        /* @__PURE__ */ r.jsx("div", { className: "adm:flex adm:min-w-0 adm:flex-1 adm:flex-col adm:gap-1", children: /* @__PURE__ */ r.jsx(
+          $,
           {
-            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"
-              ] })
-            ]
+            className: v(
+              "adm:min-w-0 adm:truncate adm:font-semibold"
+            ),
+            children: i.name
           }
-        ),
-        /* @__PURE__ */ t.jsx(
+        ) }),
+        /* @__PURE__ */ r.jsxs($, { className: "adm:shrink-0", color: "muted", children: [
+          (i.size / 1024 / 1024).toFixed(1),
+          " MB"
+        ] }),
+        /* @__PURE__ */ r.jsx(
           B,
           {
             variant: "destructive-medium",
-            onClick: r,
+            onClick: t,
             type: "button",
             disabled: a,
-            children: /* @__PURE__ */ t.jsx(A, { symbol: "delete", className: "adm:text-destructive" })
+            children: /* @__PURE__ */ r.jsx(A, { symbol: "delete", className: "adm:text-destructive" })
           }
         )
       ]
     }
   );
 }
-function R({ files: i, isMultiple: d, invalid: a, disabled: r, labels: m, onRemoveFile: c, onClearAll: h }) {
-  return i.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
-    d && i.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: a && !r ? "destructive" : void 0, children: m?.filesSelected?.(i.length) || `${i.length} file${i.length !== 1 ? "s" : ""} selected` }),
-      /* @__PURE__ */ t.jsx(
+function R({ files: i, isMultiple: d, invalid: a, disabled: t, labels: m, onRemoveFile: c, onClearAll: h }) {
+  return i.length === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:flex-col adm:gap-3", children: [
+    d && i.length > 1 && /* @__PURE__ */ r.jsxs("div", { className: "adm:flex adm:items-center adm:justify-between", children: [
+      /* @__PURE__ */ r.jsx($, { className: "adm:text-sm adm:font-medium", color: a && !t ? "destructive" : void 0, children: m?.filesSelected?.(i.length) || `${i.length} file${i.length !== 1 ? "s" : ""} selected` }),
+      /* @__PURE__ */ r.jsx(
         B,
         {
           variant: "ghost",
           size: "sm",
           onClick: h,
           type: "button",
-          disabled: r,
+          disabled: t,
           children: "Clear all"
         }
       )
     ] }),
-    i.map((f, l) => /* @__PURE__ */ t.jsx(
+    i.map((f, l) => /* @__PURE__ */ r.jsx(
       ee,
       {
         file: f,
         invalid: a,
-        disabled: r,
+        disabled: t,
         onRemove: () => c(l)
       },
       `${f.name}-${l}`
@@ -180,13 +178,13 @@ function de({
   className: i,
   selectedFile: d,
   selectedFiles: a,
-  onFileSelect: r,
+  onFileSelect: t,
   onFilesSelect: m,
   onFileAdd: c,
   onFileRemove: h,
   onFilesAdd: f,
   onFilesRemove: l,
-  onInvalidFile: p,
+  onInvalidFile: x,
   acceptedExtensions: g,
   maxSizeInMB: w = 50,
   maxFiles: j = 10,
@@ -215,7 +213,7 @@ function de({
     }
     return () => s.disconnect();
   }, []);
-  const Q = g?.join(",") || "", W = w * 1024 * 1024, o = T || a !== void 0 || m !== void 0, x = o ? a || [] : d ? [d] : [], k = V || M, u = _ || J, X = (e) => {
+  const Q = g?.join(",") || "", W = w * 1024 * 1024, o = T || a !== void 0 || m !== void 0, p = o ? a || [] : d ? [d] : [], k = V || M, u = _ || J, X = (e) => {
     u || (e.preventDefault(), I(!0));
   }, Y = (e) => {
     u || (e.preventDefault(), I(!1));
@@ -229,7 +227,7 @@ function de({
         }
       } else {
         const s = e.dataTransfer.files[0];
-        s && z(s) && (r && r(s), c && c(s));
+        s && z(s) && (t && t(s), c && c(s));
       }
   }, E = (e) => {
     if (!u) {
@@ -241,31 +239,31 @@ function de({
         }
       } else {
         const s = e.target.files?.[0];
-        s && z(s) && (r && r(s), c && c(s));
+        s && z(s) && (t && t(s), c && c(s));
       }
       e.target.value = "";
     }
   }, L = (e) => {
     if (u) return;
-    const s = x[e];
+    const s = p[e];
     if (o) {
-      const n = x.filter((D, N) => N !== e);
+      const n = p.filter((D, N) => N !== e);
       m && m(n), l && s && l([s]);
     } else
-      r && r(null), h && s && h(s);
+      t && t(null), h && s && h(s);
   }, z = (e) => {
     const s = e.name.substring(e.name.lastIndexOf(".")), n = !g || g.length === 0 || g.includes(s.toLowerCase()), D = e.size <= W;
-    return !n && p ? p(e, "extension") : !D && p && p(e, "size"), n && D;
+    return !n && x ? x(e, "extension") : !D && x && x(e, "size"), n && D;
   }, O = () => {
     if (u) return;
-    const e = [...x];
-    o ? (m && m([]), l && e.length > 0 && l(e)) : (r && r(null), h && e.length > 0 && h(e[0]));
+    const e = [...p];
+    o ? (m && m([]), l && e.length > 0 && l(e)) : (t && t(null), h && e.length > 0 && h(e[0]));
   };
-  return /* @__PURE__ */ t.jsxs("div", { ref: b, className: v("adm:flex adm:flex-col adm:gap-4", i), ...G, children: [
-    o && y === "above" && /* @__PURE__ */ t.jsx(
+  return /* @__PURE__ */ r.jsxs("div", { ref: b, className: v("adm:flex adm:flex-col adm:gap-4", i), ...G, children: [
+    o && y === "above" && /* @__PURE__ */ r.jsx(
       R,
       {
-        files: x,
+        files: p,
         isMultiple: o,
         invalid: k,
         disabled: u,
@@ -274,7 +272,7 @@ function de({
         onClearAll: O
       }
     ),
-    (o || x.length === 0) && /* @__PURE__ */ t.jsx(
+    (o || p.length === 0) && /* @__PURE__ */ r.jsx(
       S,
       {
         isDragging: H,
@@ -293,10 +291,10 @@ function de({
         onFileChange: E
       }
     ),
-    !o && x.length > 0 && /* @__PURE__ */ t.jsx(
+    !o && p.length > 0 && /* @__PURE__ */ r.jsx(
       R,
       {
-        files: x,
+        files: p,
         isMultiple: o,
         invalid: k,
         disabled: u,
@@ -305,10 +303,10 @@ function de({
         onClearAll: O
       }
     ),
-    o && y === "below" && /* @__PURE__ */ t.jsx(
+    o && y === "below" && /* @__PURE__ */ r.jsx(
       R,
       {
-        files: x,
+        files: p,
         isMultiple: o,
         invalid: k,
         disabled: u,