commerce-toolkit 0.6.0 → 0.7.0

package/dist/file-input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("./utils-DoxiiusW.cjs"),s=require("react"),U=require("./button-ibzOCImJ.cjs"),Y=require("./index-DGaxX11V.cjs"),Z=require("./file-image-8ckBuEWu.cjs"),ee=require("./file-play-YogIRbxq.cjs"),te=require("./file-audio-D7cEc3Jr.cjs"),re=require("./file-text-B7wVmZz9.cjs"),ne=require("./file-code-CiiIRc5U.cjs"),se=require("./file-archive-Chb-MnrQ.cjs"),ie=require("./file-cog-C9hbyTce.cjs"),ae=require("./file-CLLTDda_.cjs"),K={files:new Map};function oe(t,r){switch(r.type){case"ADD_FILES":{const e=new Map(t.files);return r.files.forEach(n=>{e.has(n)||e.set(n,{file:n,progress:0,status:"idle"})}),{...t,files:e}}case"SET_PROGRESS":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,progress:r.progress,status:"uploading"}),{...t,files:e}}case"SET_SUCCESS":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,status:"success",progress:100}),{...t,files:e}}case"SET_ERROR":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,status:"error",error:r.error}),{...t,files:e}}case"REMOVE_FILE":{const e=new Map(t.files);return e.delete(r.file),{...t,files:e}}case"CLEAR":return K;default:return t}}const V=s.createContext(null);function C(){const t=s.useContext(V);if(!t)throw new Error("useFileInput must be used within a FileInputRoot");return t}function le({id:t,children:r,className:e,accept:n,multiple:i,disabled:m,invalid:p,name:h,maxFiles:b,maxSize:v,onFileValidate:I,onFileAccept:D,onFileReject:w,onUploadFile:z,onUploadSuccess:T,onUploadError:N,...M}){const o=s.useRef(null),g=`${t}-input`,[y,E]=s.useReducer(oe,K),[S,L]=s.useState(void 0),_=s.useCallback((f,d)=>{E({type:"SET_PROGRESS",file:f,progress:d})},[]),q=s.useCallback(f=>{E({type:"SET_SUCCESS",file:f})},[]),O=s.useCallback((f,d)=>{E({type:"SET_ERROR",file:f,error:d})},[]),W=s.useCallback(f=>{E({type:"ADD_FILES",files:f})},[]),H=s.useCallback(f=>{const d=o.current;if(d?.files){const R=new DataTransfer;Array.from(d.files).filter(a=>a!==f).forEach(a=>R.items.add(a)),d.files=R.files}E({type:"REMOVE_FILE",file:f})},[]),G=s.useCallback(()=>{o.current?.click()},[]),$=s.useCallback(f=>{const d=[],R=[];f.forEach(a=>{let F=!1,c="";if(I){const x=I(a);x!=null&&(c=x,F=!0)}if(!F&&n!=null){const x=n.split(",").map(j=>j.trim().toLowerCase()),P=a.type.toLowerCase(),Q=`.${a.name.split(".").pop()?.toLowerCase()}`;x.some(j=>j===P||j===Q||j.endsWith("/*")&&P.startsWith(j.slice(0,-1)))||(c="File type not accepted",F=!0)}!F&&v!=null&&a.size>v&&(c="File size exceeds limit",F=!0),F?(L(c),w?.(a,c)):(L(void 0),D?.(a),d.push(a),R.push(a))});const A=o.current;if(A){const a=new DataTransfer,c=[...Array.from(y.files.keys()),...R],x=b!=null?c.slice(0,b):c;x.forEach(P=>a.items.add(P)),A.files=a.files,W(x)}d.length>0&&(z?d.forEach(a=>{_(a,0);const F=c=>{_(a,c)};Promise.resolve(z(a,F)).then(c=>{q(a),T?.(a,c)}).catch(c=>{const x=c instanceof Error?c:new Error("Upload failed");O(a,x.message),N?.(a,x)})}):d.forEach(a=>{q(a)}))},[n,b,v,y.files,I,D,w,z,T,N,W,_,q,O]),X=s.useCallback(f=>{const d=Array.from(f.target.files??[]);$(d)},[$]),J=s.useMemo(()=>({files:y.files,id:t,inputId:g,inputRef:o,disabled:m,invalid:p,validationError:S,addFiles:$,removeFile:H,openFilePicker:G}),[y.files,t,g,m,p,S,$,H,G]);return l.jsx(V.Provider,{value:J,children:l.jsxs("div",{"aria-disabled":m===!0?!0:void 0,"aria-invalid":p===!0||S!=null?!0:void 0,className:u.clsx("group",e,"@container"),...M,children:[l.jsx("input",{accept:n,className:"sr-only",disabled:m,id:g,multiple:i,name:h,onChange:X,ref:o,tabIndex:-1,type:"file"}),r]})})}function ue({children:t,className:r,...e}){const{id:n,disabled:i,invalid:m,addFiles:p,openFilePicker:h}=C(),[b,v]=s.useState(!1),I=s.useCallback(o=>{o.preventDefault(),v(!1);const g=Array.from(o.dataTransfer.files);p(g)},[p]),D=s.useCallback(o=>{o.preventDefault(),v(!0)},[]),w=s.useCallback(o=>{o.preventDefault(),v(!0)},[]),z=s.useCallback(o=>{const g=o.relatedTarget;g&&g instanceof Node&&o.currentTarget.contains(g)||(o.preventDefault(),v(!1))},[]),T=s.useCallback(o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),h())},[h]),N=s.useCallback(o=>{o.preventDefault(),v(!1);const g=o.clipboardData.items;if(g.length===0)return;const y=[];for(const E of Array.from(g))if(E.kind==="file"){const S=E.getAsFile();S&&y.push(S)}y.length!==0&&p(y)},[p]),M=s.useCallback(()=>{h()},[h]);return l.jsx("div",{"aria-controls":`${n}-input ${n}-list`,"aria-disabled":i===!0?!0:void 0,"aria-invalid":m===!0?!0:void 0,className:u.clsx("min-h-19 flex flex-col items-center justify-center gap-1.5","p-4","rounded-lg border-[1.5px] border-dashed border-[var(--file-input-dropzone-border,hsl(var(--contrast-200)))]","bg-[var(--file-input-dropzone-background,hsl(var(--background)))]","cursor-pointer select-none","transition-colors duration-300 ease-in-out","hover:border-[var(--file-input-dropzone-border-hover,hsl(var(--foreground)))] hover:bg-[var(--file-input-dropzone-background-hover,hsl(var(--contrast-100)))]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))] focus-visible:ring-offset-2","group-aria-disabled:cursor-not-allowed group-aria-disabled:border-[var(--file-input-dropzone-border-disabled,color-mix(in_oklab,hsl(var(--contrast-200))_70%,transparent))] group-aria-disabled:bg-[var(--file-input-dropzone-background-disabled,hsl(var(--background)))]","group-aria-disabled:focus-visible:outline-none group-aria-disabled:focus-visible:ring-0 group-aria-disabled:focus-visible:ring-offset-0","group-aria-invalid:border-[var(--file-input-dropzone-border-error,hsl(var(--error)))]","data-[dragging]:border-[var(--file-input-dropzone-border-dragging,hsl(var(--foreground)))] data-[dragging]:bg-[var(--file-input-dropzone-background-dragging,color-mix(in_oklab,hsl(var(--success)),white_75%))]","@sm:flex-row",r),"data-dragging":b?"":void 0,onClick:M,onDragEnter:w,onDragLeave:z,onDragOver:D,onDrop:I,onKeyDown:T,onPaste:N,role:"button",tabIndex:i===!0?-1:0,...e,children:t})}function ce({children:t,disabled:r,...e}){const{inputId:n,disabled:i,openFilePicker:m}=C(),p=r??i;return l.jsx(U.Button,{"aria-controls":`${n}-input`,className:"pointer-events-none",disabled:p,onClick:m,size:"small",tabIndex:-1,type:"button",variant:"outline",...e,children:t})}const B=s.createContext(void 0);function fe({className:t,children:r,file:e,...n}){const i=s.useId(),{files:m,removeFile:p}=C(),h=s.useRef(!1),b=m.get(e),v=s.useCallback(()=>p(e),[p,e]);if(!b)return null;const I=s.useMemo(()=>({file:e,fileState:b,generatedId:i,removeFile:v}),[e,b,i,v]);s.useEffect(()=>{h.current||setTimeout(()=>{h.current=!0},300)},[b]);const{status:D,error:w}=b;return l.jsx(B.Provider,{value:I,children:l.jsx("div",{"aria-describedby":`${i}-status${w!=null?` ${i}-error`:""}`.trim(),"aria-invalid":D==="error","aria-labelledby":`${i}-name`,className:u.cn("relative flex items-center justify-between gap-2 overflow-hidden rounded-lg border-[1.5px] border-[var(--file-input-item-border,hsl(var(--contrast-200)))] p-4","data-[start-animation]:animate-in data-[start-animation]:fade-in-0 data-[start-animation]:slide-in-from-top-2","aria-invalid:border-[var(--file-input-item-border-error,hsl(var(--error)))]",t),"data-slot":"file-input-item","data-start-animation":h.current?void 0:"",role:"listitem",...n,children:typeof r=="function"?r(I):r})})}function k(){const t=s.use(B);if(!t)throw new Error("useFileInputItem must be used within a FileInputItem");return t}function de({className:t,children:r,...e}){const{id:n,files:i}=C();if(i.size===0)return null;const m=s.useMemo(()=>({files:i}),[i]);return l.jsx("div",{className:u.cn("mt-3 grid gap-3",t),"data-slot":"file-input-list",id:`${n}-list`,role:"list",...e,children:typeof r=="function"?r(m):r})}function pe({className:t,children:r,...e}){const{id:n}=C();return l.jsx("p",{className:u.cn("mt-2 font-[family-name:var(--file-input-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-message,hsl(var(--contrast-500)))]",t),"data-slot":"file-input-message",id:`${n}-message`,...e,children:r})}function me({className:t,children:r,...e}){const{id:n,validationError:i}=C();return i!=null?null:l.jsx("p",{className:u.cn("font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message,hsl(var(--contrast-500)))]","group-aria-disabled:text-[var(--file-input-dropzone-message-disabled,color-mix(in_oklab,hsl(var(--contrast-500))_70%,transparent))]",t),"data-slot":"file-input-dropzone-hint",id:`${n}-hint`,...e,children:r})}function ve({className:t,children:r,...e}){const{id:n,validationError:i}=C();return i==null?null:l.jsx("p",{className:u.cn("font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message-error,hsl(var(--error)))]",t),"data-slot":"file-input-dropzone-error",id:`${n}-error`,role:"alert",...e,children:r??i})}function ge({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex min-w-0 flex-1 flex-col",t),"data-slot":"file-input-metadata",...e,children:r})}function be({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex-1",t),"data-slot":"file-input-details",...e,children:r})}function he({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex items-center gap-1 font-[family-name:var(--file-input-item-name-font-family,var(--font-family-body))]",t),"data-slot":"file-input-header",...e,children:r})}function xe({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("truncate text-sm font-semibold text-[var(--file-input-item-name,hsl(var(--foreground)))]",t),"data-slot":"file-input-name",id:`${n}-name`,...e,children:r})}function Fe({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("text-xs font-normal text-[var(--file-input-item-status,hsl(var(--contrast-500)))]",t),"data-slot":"file-input-status",id:`${n}-status`,...e,children:r})}function Ie({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("text-xs font-normal text-[var(--file-input-item-status-error,hsl(var(--error)))]",t),"data-slot":"file-input-error",id:`${n}-error`,...e,children:r})}function ye({className:t,children:r,...e}){const{fileState:{file:{name:n}},removeFile:i}=k();return l.jsx("button",{"aria-label":`Remove ${n}`,className:u.cn("inline-flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors","hover:bg-[var(--file-input-item-delete-hover,hsl(var(--contrast-100)))]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))]",t),"data-slot":"file-input-remove",onClick:i,type:"button",...e,children:r})}function Ee({className:t,...r}){const{generatedId:e,fileState:{progress:n}}=k();return l.jsx("div",{"aria-labelledby":`${e}-name`,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":n,"aria-valuetext":`${n}%`,className:u.cn("absolute bottom-0 left-0 h-1 w-full bg-[var(--file-input-item-progress,hsl(var(--primary)))] transition-transform duration-300 ease-linear",t),role:"progressbar",style:{transform:`translateX(-${100-n}%)`},...r})}function Ce({asChild:t=!1,className:r,children:e}){const{fileState:n}=k(),i=ke(n.file);return t?l.jsx(Y.Slot,{className:u.cn("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]",r),"data-slot":"file-input-icon",children:e}):l.jsx(i,{className:u.cn("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]",r),"data-slot":"file-input-icon"})}function ke(t){const r=t.type,e=t.name.split(".").pop()?.toLowerCase()??"";return r.startsWith("image/")?Z.default:r.startsWith("video/")?ee.default:r.startsWith("audio/")?te.default:r.startsWith("text/")||["txt","md","rtf","pdf"].includes(e)?re.default:["html","css","js","jsx","ts","tsx","json","xml","php","py","rb","java","c","cpp","cs"].includes(e)?ne.default:["zip","rar","7z","tar","gz","bz2"].includes(e)?se.default:["exe","msi","app","apk","deb","rpm"].includes(e)||r.startsWith("application/")?ie.default:ae.default}exports.Details=be;exports.Dropzone=ue;exports.DropzoneError=ve;exports.DropzoneHint=me;exports.Error=Ie;exports.Header=he;exports.Icon=Ce;exports.Item=fe;exports.List=de;exports.Message=pe;exports.Metadata=ge;exports.Name=xe;exports.Progress=Ee;exports.Remove=ye;exports.Root=le;exports.Status=Fe;exports.Trigger=ce;exports.useFileInput=C;exports.useFileInputItem=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("./utils-DoxiiusW.cjs"),s=require("react"),U=require("./button-BgvMm9T3.cjs"),Y=require("./index-DGaxX11V.cjs"),Z=require("./file-image-8ckBuEWu.cjs"),ee=require("./file-play-YogIRbxq.cjs"),te=require("./file-audio-D7cEc3Jr.cjs"),re=require("./file-text-B7wVmZz9.cjs"),ne=require("./file-code-CiiIRc5U.cjs"),se=require("./file-archive-Chb-MnrQ.cjs"),ie=require("./file-cog-C9hbyTce.cjs"),ae=require("./file-CLLTDda_.cjs"),K={files:new Map};function oe(t,r){switch(r.type){case"ADD_FILES":{const e=new Map(t.files);return r.files.forEach(n=>{e.has(n)||e.set(n,{file:n,progress:0,status:"idle"})}),{...t,files:e}}case"SET_PROGRESS":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,progress:r.progress,status:"uploading"}),{...t,files:e}}case"SET_SUCCESS":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,status:"success",progress:100}),{...t,files:e}}case"SET_ERROR":{const e=new Map(t.files),n=e.get(r.file);return n&&e.set(r.file,{...n,status:"error",error:r.error}),{...t,files:e}}case"REMOVE_FILE":{const e=new Map(t.files);return e.delete(r.file),{...t,files:e}}case"CLEAR":return K;default:return t}}const V=s.createContext(null);function C(){const t=s.useContext(V);if(!t)throw new Error("useFileInput must be used within a FileInputRoot");return t}function le({id:t,children:r,className:e,accept:n,multiple:i,disabled:m,invalid:p,name:h,maxFiles:b,maxSize:v,onFileValidate:I,onFileAccept:D,onFileReject:w,onUploadFile:z,onUploadSuccess:T,onUploadError:N,...M}){const o=s.useRef(null),g=`${t}-input`,[y,E]=s.useReducer(oe,K),[S,L]=s.useState(void 0),_=s.useCallback((f,d)=>{E({type:"SET_PROGRESS",file:f,progress:d})},[]),q=s.useCallback(f=>{E({type:"SET_SUCCESS",file:f})},[]),O=s.useCallback((f,d)=>{E({type:"SET_ERROR",file:f,error:d})},[]),W=s.useCallback(f=>{E({type:"ADD_FILES",files:f})},[]),H=s.useCallback(f=>{const d=o.current;if(d?.files){const R=new DataTransfer;Array.from(d.files).filter(a=>a!==f).forEach(a=>R.items.add(a)),d.files=R.files}E({type:"REMOVE_FILE",file:f})},[]),G=s.useCallback(()=>{o.current?.click()},[]),$=s.useCallback(f=>{const d=[],R=[];f.forEach(a=>{let F=!1,c="";if(I){const x=I(a);x!=null&&(c=x,F=!0)}if(!F&&n!=null){const x=n.split(",").map(j=>j.trim().toLowerCase()),P=a.type.toLowerCase(),Q=`.${a.name.split(".").pop()?.toLowerCase()}`;x.some(j=>j===P||j===Q||j.endsWith("/*")&&P.startsWith(j.slice(0,-1)))||(c="File type not accepted",F=!0)}!F&&v!=null&&a.size>v&&(c="File size exceeds limit",F=!0),F?(L(c),w?.(a,c)):(L(void 0),D?.(a),d.push(a),R.push(a))});const A=o.current;if(A){const a=new DataTransfer,c=[...Array.from(y.files.keys()),...R],x=b!=null?c.slice(0,b):c;x.forEach(P=>a.items.add(P)),A.files=a.files,W(x)}d.length>0&&(z?d.forEach(a=>{_(a,0);const F=c=>{_(a,c)};Promise.resolve(z(a,F)).then(c=>{q(a),T?.(a,c)}).catch(c=>{const x=c instanceof Error?c:new Error("Upload failed");O(a,x.message),N?.(a,x)})}):d.forEach(a=>{q(a)}))},[n,b,v,y.files,I,D,w,z,T,N,W,_,q,O]),X=s.useCallback(f=>{const d=Array.from(f.target.files??[]);$(d)},[$]),J=s.useMemo(()=>({files:y.files,id:t,inputId:g,inputRef:o,disabled:m,invalid:p,validationError:S,addFiles:$,removeFile:H,openFilePicker:G}),[y.files,t,g,m,p,S,$,H,G]);return l.jsx(V.Provider,{value:J,children:l.jsxs("div",{"aria-disabled":m===!0?!0:void 0,"aria-invalid":p===!0||S!=null?!0:void 0,className:u.clsx("group",e,"@container"),...M,children:[l.jsx("input",{accept:n,className:"sr-only",disabled:m,id:g,multiple:i,name:h,onChange:X,ref:o,tabIndex:-1,type:"file"}),r]})})}function ue({children:t,className:r,...e}){const{id:n,disabled:i,invalid:m,addFiles:p,openFilePicker:h}=C(),[b,v]=s.useState(!1),I=s.useCallback(o=>{o.preventDefault(),v(!1);const g=Array.from(o.dataTransfer.files);p(g)},[p]),D=s.useCallback(o=>{o.preventDefault(),v(!0)},[]),w=s.useCallback(o=>{o.preventDefault(),v(!0)},[]),z=s.useCallback(o=>{const g=o.relatedTarget;g&&g instanceof Node&&o.currentTarget.contains(g)||(o.preventDefault(),v(!1))},[]),T=s.useCallback(o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),h())},[h]),N=s.useCallback(o=>{o.preventDefault(),v(!1);const g=o.clipboardData.items;if(g.length===0)return;const y=[];for(const E of Array.from(g))if(E.kind==="file"){const S=E.getAsFile();S&&y.push(S)}y.length!==0&&p(y)},[p]),M=s.useCallback(()=>{h()},[h]);return l.jsx("div",{"aria-controls":`${n}-input ${n}-list`,"aria-disabled":i===!0?!0:void 0,"aria-invalid":m===!0?!0:void 0,className:u.clsx("min-h-19 flex flex-col items-center justify-center gap-1.5","p-4","rounded-lg border-[1.5px] border-dashed border-[var(--file-input-dropzone-border,hsl(var(--contrast-200)))]","bg-[var(--file-input-dropzone-background,hsl(var(--background)))]","cursor-pointer select-none","transition-colors duration-300 ease-in-out","hover:border-[var(--file-input-dropzone-border-hover,hsl(var(--foreground)))] hover:bg-[var(--file-input-dropzone-background-hover,hsl(var(--contrast-100)))]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))] focus-visible:ring-offset-2","group-aria-disabled:cursor-not-allowed group-aria-disabled:border-[var(--file-input-dropzone-border-disabled,color-mix(in_oklab,hsl(var(--contrast-200))_70%,transparent))] group-aria-disabled:bg-[var(--file-input-dropzone-background-disabled,hsl(var(--background)))]","group-aria-disabled:focus-visible:outline-none group-aria-disabled:focus-visible:ring-0 group-aria-disabled:focus-visible:ring-offset-0","group-aria-invalid:border-[var(--file-input-dropzone-border-error,hsl(var(--error)))]","data-[dragging]:border-[var(--file-input-dropzone-border-dragging,hsl(var(--foreground)))] data-[dragging]:bg-[var(--file-input-dropzone-background-dragging,color-mix(in_oklab,hsl(var(--success)),white_75%))]","@sm:flex-row",r),"data-dragging":b?"":void 0,onClick:M,onDragEnter:w,onDragLeave:z,onDragOver:D,onDrop:I,onKeyDown:T,onPaste:N,role:"button",tabIndex:i===!0?-1:0,...e,children:t})}function ce({children:t,disabled:r,...e}){const{inputId:n,disabled:i,openFilePicker:m}=C(),p=r??i;return l.jsx(U.Button,{"aria-controls":`${n}-input`,className:"pointer-events-none",disabled:p,onClick:m,size:"small",tabIndex:-1,type:"button",variant:"outline",...e,children:t})}const B=s.createContext(void 0);function fe({className:t,children:r,file:e,...n}){const i=s.useId(),{files:m,removeFile:p}=C(),h=s.useRef(!1),b=m.get(e),v=s.useCallback(()=>p(e),[p,e]);if(!b)return null;const I=s.useMemo(()=>({file:e,fileState:b,generatedId:i,removeFile:v}),[e,b,i,v]);s.useEffect(()=>{h.current||setTimeout(()=>{h.current=!0},300)},[b]);const{status:D,error:w}=b;return l.jsx(B.Provider,{value:I,children:l.jsx("div",{"aria-describedby":`${i}-status${w!=null?` ${i}-error`:""}`.trim(),"aria-invalid":D==="error","aria-labelledby":`${i}-name`,className:u.cn("relative flex items-center justify-between gap-2 overflow-hidden rounded-lg border-[1.5px] border-[var(--file-input-item-border,hsl(var(--contrast-200)))] p-4","data-[start-animation]:animate-in data-[start-animation]:fade-in-0 data-[start-animation]:slide-in-from-top-2","aria-invalid:border-[var(--file-input-item-border-error,hsl(var(--error)))]",t),"data-slot":"file-input-item","data-start-animation":h.current?void 0:"",role:"listitem",...n,children:typeof r=="function"?r(I):r})})}function k(){const t=s.use(B);if(!t)throw new Error("useFileInputItem must be used within a FileInputItem");return t}function de({className:t,children:r,...e}){const{id:n,files:i}=C();if(i.size===0)return null;const m=s.useMemo(()=>({files:i}),[i]);return l.jsx("div",{className:u.cn("mt-3 grid gap-3",t),"data-slot":"file-input-list",id:`${n}-list`,role:"list",...e,children:typeof r=="function"?r(m):r})}function pe({className:t,children:r,...e}){const{id:n}=C();return l.jsx("p",{className:u.cn("mt-2 font-[family-name:var(--file-input-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-message,hsl(var(--contrast-500)))]",t),"data-slot":"file-input-message",id:`${n}-message`,...e,children:r})}function me({className:t,children:r,...e}){const{id:n,validationError:i}=C();return i!=null?null:l.jsx("p",{className:u.cn("font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message,hsl(var(--contrast-500)))]","group-aria-disabled:text-[var(--file-input-dropzone-message-disabled,color-mix(in_oklab,hsl(var(--contrast-500))_70%,transparent))]",t),"data-slot":"file-input-dropzone-hint",id:`${n}-hint`,...e,children:r})}function ve({className:t,children:r,...e}){const{id:n,validationError:i}=C();return i==null?null:l.jsx("p",{className:u.cn("font-[family-name:var(--file-input-dropzone-message-font-family,var(--font-family-body))] text-sm font-normal text-[var(--file-input-dropzone-message-error,hsl(var(--error)))]",t),"data-slot":"file-input-dropzone-error",id:`${n}-error`,role:"alert",...e,children:r??i})}function ge({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex min-w-0 flex-1 flex-col",t),"data-slot":"file-input-metadata",...e,children:r})}function be({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex-1",t),"data-slot":"file-input-details",...e,children:r})}function he({className:t,children:r,...e}){return l.jsx("div",{className:u.cn("flex items-center gap-1 font-[family-name:var(--file-input-item-name-font-family,var(--font-family-body))]",t),"data-slot":"file-input-header",...e,children:r})}function xe({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("truncate text-sm font-semibold text-[var(--file-input-item-name,hsl(var(--foreground)))]",t),"data-slot":"file-input-name",id:`${n}-name`,...e,children:r})}function Fe({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("text-xs font-normal text-[var(--file-input-item-status,hsl(var(--contrast-500)))]",t),"data-slot":"file-input-status",id:`${n}-status`,...e,children:r})}function Ie({className:t,children:r,...e}){const{generatedId:n}=k();return l.jsx("p",{className:u.cn("text-xs font-normal text-[var(--file-input-item-status-error,hsl(var(--error)))]",t),"data-slot":"file-input-error",id:`${n}-error`,...e,children:r})}function ye({className:t,children:r,...e}){const{fileState:{file:{name:n}},removeFile:i}=k();return l.jsx("button",{"aria-label":`Remove ${n}`,className:u.cn("inline-flex size-8 cursor-pointer items-center justify-center rounded-full transition-colors","hover:bg-[var(--file-input-item-delete-hover,hsl(var(--contrast-100)))]","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--file-input-focus,hsl(var(--primary)))]",t),"data-slot":"file-input-remove",onClick:i,type:"button",...e,children:r})}function Ee({className:t,...r}){const{generatedId:e,fileState:{progress:n}}=k();return l.jsx("div",{"aria-labelledby":`${e}-name`,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":n,"aria-valuetext":`${n}%`,className:u.cn("absolute bottom-0 left-0 h-1 w-full bg-[var(--file-input-item-progress,hsl(var(--primary)))] transition-transform duration-300 ease-linear",t),role:"progressbar",style:{transform:`translateX(-${100-n}%)`},...r})}function Ce({asChild:t=!1,className:r,children:e}){const{fileState:n}=k(),i=ke(n.file);return t?l.jsx(Y.Slot,{className:u.cn("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]",r),"data-slot":"file-input-icon",children:e}):l.jsx(i,{className:u.cn("size-4 text-[var(--file-input-icon,hsl(var(--contrast-400)))]",r),"data-slot":"file-input-icon"})}function ke(t){const r=t.type,e=t.name.split(".").pop()?.toLowerCase()??"";return r.startsWith("image/")?Z.default:r.startsWith("video/")?ee.default:r.startsWith("audio/")?te.default:r.startsWith("text/")||["txt","md","rtf","pdf"].includes(e)?re.default:["html","css","js","jsx","ts","tsx","json","xml","php","py","rb","java","c","cpp","cs"].includes(e)?ne.default:["zip","rar","7z","tar","gz","bz2"].includes(e)?se.default:["exe","msi","app","apk","deb","rpm"].includes(e)||r.startsWith("application/")?ie.default:ae.default}exports.Details=be;exports.Dropzone=ue;exports.DropzoneError=ve;exports.DropzoneHint=me;exports.Error=Ie;exports.Header=he;exports.Icon=Ce;exports.Item=fe;exports.List=de;exports.Message=pe;exports.Metadata=ge;exports.Name=xe;exports.Progress=Ee;exports.Remove=ye;exports.Root=le;exports.Status=Fe;exports.Trigger=ce;exports.useFileInput=C;exports.useFileInputItem=k;
 //# sourceMappingURL=file-input.cjs.map

package/dist/file-input.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as re } from "react/jsx-runtime";
 import { a as V, c as f } from "./utils-CRiPKpXj.js";
 import { createContext as X, useRef as q, useReducer as ne, useState as J, useCallback as l, useMemo as O, useContext as ie, useId as se, useEffect as ae, use as oe } from "react";
-import { B as le } from "./button-W0_PtryU.js";
+import { B as le } from "./button-C0iR-l2_.js";
 import { S as ue } from "./index-DD8W7cMj.js";
 import fe from "./file-image-mD9END8E.js";
 import ce from "./file-play-Me3yGHo4.js";