@pixpilot/shadcn 0.3.1 → 0.3.2

package/dist/components/ui/file-upload.cjs

@@ -1 +1,926 @@
-"use client";const e=require(`../../_virtual/rolldown_runtime.cjs`),t=require(`../../lib/utils.cjs`);require(`../../lib/index.cjs`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`@radix-ui/react-slot`);i=e.__toESM(i);let a=require(`lucide-react`);a=e.__toESM(a);let o=require(`@radix-ui/react-direction`);o=e.__toESM(o);const s=`FileUpload`,c=`FileUploadDropzone`,l=`FileUploadTrigger`,u=`FileUploadList`,d=`FileUploadItem`,f=`FileUploadItemPreview`,p=`FileUploadItemMetadata`,m=`FileUploadItemProgress`,h=`FileUploadItemDelete`,g=`FileUploadClear`;function _(e){let t=n.useRef(null);return t.current===null&&(t.current=e()),t}function v(e,t,n,r,i){let a={files:t,dragOver:!1,invalid:r};function o(e,r){switch(r.type){case`ADD_FILES`:for(let e of r.files)t.set(e,{file:e,progress:0,status:`idle`});return i&&i(Array.from(t.values()).map(e=>e.file)),{...e,files:t};case`SET_FILES`:{let n=new Set(r.files);for(let e of t.keys())n.has(e)||t.delete(e);for(let e of r.files)t.get(e)||t.set(e,{file:e,progress:0,status:`idle`});return{...e,files:t}}case`SET_PROGRESS`:{let n=t.get(r.file);return n&&t.set(r.file,{...n,progress:r.progress,status:`uploading`}),{...e,files:t}}case`SET_SUCCESS`:{let n=t.get(r.file);return n&&t.set(r.file,{...n,progress:100,status:`success`}),{...e,files:t}}case`SET_ERROR`:{let n=t.get(r.file);return n&&t.set(r.file,{...n,error:r.error,status:`error`}),{...e,files:t}}case`REMOVE_FILE`:if(n){let e=n.get(r.file);e&&(URL.revokeObjectURL(e),n.delete(r.file))}return t.delete(r.file),i&&i(Array.from(t.values()).map(e=>e.file)),{...e,files:t};case`SET_DRAG_OVER`:return{...e,dragOver:r.dragOver};case`SET_INVALID`:return{...e,invalid:r.invalid};case`CLEAR`:if(n)for(let e of t.keys()){let t=n.get(e);t&&(URL.revokeObjectURL(t),n.delete(e))}return t.clear(),i&&i([]),{...e,files:t,invalid:!1};default:return e}}function s(){return a}function c(t){a=o(a,t);for(let t of e)t()}function l(t){return e.add(t),()=>e.delete(t)}return{getState:s,dispatch:c,subscribe:l}}const y=n.createContext(null);function b(e){let t=n.use(y);if(!t)throw Error(`\`${e}\` must be used within \`${s}\``);return t}function x(e){let t=b(`useStore`),r=_(()=>null),i=n.useCallback(()=>{let n=t.getState(),i=r.current;if(i&&i.state===n)return i.value;let a=e(n);return r.current={value:a,state:n},a},[t,e,r]);return n.useSyncExternalStore(t.subscribe,i,i)}const S=n.createContext(null);function C(e){let t=n.use(S);if(!t)throw Error(`\`${e}\` must be used within \`${s}\``);return t}function w(e){let{value:a,defaultValue:s,onValueChange:c,onAccept:l,onFileAccept:u,onFileReject:d,onFilesReject:f,onFileValidate:p,onUpload:m,accept:h,maxFiles:g,maxSize:b,dir:x,label:C,name:w,asChild:T,disabled:E=!1,invalid:D=!1,multiple:O=!1,required:k=!1,children:A,className:j,...M}=e,N=n.useId(),P=n.useId(),F=n.useId(),I=n.useId(),L=(0,o.useDirection)(x),R=_(()=>new Set).current,z=_(()=>new Map).current,B=_(()=>new WeakMap).current,V=n.useRef(null),H=a!==void 0,U=n.useMemo(()=>v(R,z,B,D,c),[R,z,D,c,B]),W=n.useMemo(()=>h?.split(`,`).map(e=>e.trim())??null,[h]),G=_(()=>{let e=0;return(t,n)=>{e||=requestAnimationFrame(()=>{e=0,U.dispatch({type:`SET_PROGRESS`,file:t,progress:Math.min(Math.max(0,n),100)})})}}).current;n.useEffect(()=>{H?U.dispatch({type:`SET_FILES`,files:a}):s&&s.length>0&&!U.getState().files.size&&U.dispatch({type:`SET_FILES`,files:s})},[a,s,H,U]),n.useEffect(()=>()=>{for(let e of z.keys()){let t=B.get(e);t&&URL.revokeObjectURL(t)}},[z,B]);let K=n.useCallback(async e=>{try{for(let t of e)U.dispatch({type:`SET_PROGRESS`,file:t,progress:0});if(m)await m(e,{onProgress:G,onSuccess:e=>{U.dispatch({type:`SET_SUCCESS`,file:e})},onError:(e,t)=>{U.dispatch({type:`SET_ERROR`,file:e,error:t.message??`Upload failed`})}});else for(let t of e)U.dispatch({type:`SET_SUCCESS`,file:t})}catch(t){let n=t instanceof Error?t.message:`Upload failed`;for(let t of e)U.dispatch({type:`SET_ERROR`,file:t,error:n})}},[U,m,G]),q=n.useCallback(e=>{if(E)return;let t=[...e],n=!1,r=[];if(g){let e=U.getState().files.size,i=Math.max(0,g-e);if(i<t.length){let e=t.slice(i);n=!0,t=t.slice(0,i);for(let t of e){let e=`Maximum ${g} files allowed`;if(p){let n=p(t);n&&(e=n)}d?.(t,e),r.push({file:t,message:e})}}}let i=[],a=[];for(let e of t){let t=!1,r=``;if(p){let i=p(e);if(i){r=i,d?.(e,r),t=!0,n=!0;continue}}if(W){let i=e.type,a=`.${e.name.split(`.`).pop()}`;W.some(e=>e===i||e===a||e.includes(`/*`)&&i.startsWith(e.replace(`/*`,`/`)))||(r=`File type not accepted`,d?.(e,r),t=!0,n=!0)}b&&e.size>b&&(r=`File too large`,d?.(e,r),t=!0,n=!0),t?a.push({file:e,message:r}):i.push(e)}if(r.push(...a),n&&(U.dispatch({type:`SET_INVALID`,invalid:n}),setTimeout(()=>{U.dispatch({type:`SET_INVALID`,invalid:!1})},2e3)),r.length>0&&f?.(r),i.length>0){U.dispatch({type:`ADD_FILES`,files:i}),H&&c&&c([...Array.from(U.getState().files.values()).map(e=>e.file)]),l&&l(i);for(let e of i)u?.(e);m&&requestAnimationFrame(()=>{K(i)})}},[U,H,c,l,u,m,K,g,p,d,f,W,b,E]),J=n.useCallback(e=>{q(Array.from(e.target.files??[])),e.target.value=``},[q]),Y=n.useMemo(()=>({dropzoneId:P,inputId:N,listId:F,labelId:I,dir:L,disabled:E,inputRef:V,urlCache:B}),[P,N,F,I,L,E,B]),X=T?i.Slot:`div`;return(0,r.jsx)(y.Provider,{value:U,children:(0,r.jsx)(S.Provider,{value:Y,children:(0,r.jsxs)(X,{"data-disabled":E?``:void 0,"data-slot":`file-upload`,dir:L,...M,className:t.cn(`relative flex flex-col gap-2`,j),children:[A,(0,r.jsx)(`input`,{type:`file`,id:N,"aria-labelledby":I,"aria-describedby":P,ref:V,tabIndex:-1,accept:h,name:w,className:`sr-only`,disabled:E,multiple:O,required:k,onChange:J}),(0,r.jsx)(`span`,{id:I,className:`sr-only`,children:C??`File upload`})]})})})}function T(e){let{asChild:a,className:o,onClick:s,onDragOver:l,onDragEnter:u,onDragLeave:d,onDrop:f,onPaste:p,onKeyDown:m,...h}=e,g=C(c),_=b(c),v=x(e=>e.dragOver),y=x(e=>e.invalid),S=n.useCallback(e=>{if(s?.(e),e.defaultPrevented)return;let{target:t}=e;t instanceof HTMLElement&&t.closest(`[data-slot="file-upload-trigger"]`)||g.inputRef.current?.click()},[g.inputRef,s]),w=n.useCallback(e=>{l?.(e),!e.defaultPrevented&&(e.preventDefault(),_.dispatch({type:`SET_DRAG_OVER`,dragOver:!0}))},[_,l]),T=n.useCallback(e=>{u?.(e),!e.defaultPrevented&&(e.preventDefault(),_.dispatch({type:`SET_DRAG_OVER`,dragOver:!0}))},[_,u]),E=n.useCallback(e=>{if(d?.(e),e.defaultPrevented)return;let{relatedTarget:t}=e;t&&t instanceof Node&&e.currentTarget.contains(t)||(e.preventDefault(),_.dispatch({type:`SET_DRAG_OVER`,dragOver:!1}))},[_,d]),D=n.useCallback(e=>{if(f?.(e),e.defaultPrevented)return;e.preventDefault(),_.dispatch({type:`SET_DRAG_OVER`,dragOver:!1});let t=Array.from(e.dataTransfer.files),n=g.inputRef.current;if(!n)return;let r=new DataTransfer;for(let e of t)r.items.add(e);n.files=r.files,n.dispatchEvent(new Event(`change`,{bubbles:!0}))},[_,g.inputRef,f]),O=n.useCallback(e=>{if(p?.(e),e.defaultPrevented)return;e.preventDefault(),_.dispatch({type:`SET_DRAG_OVER`,dragOver:!1});let t=e.clipboardData?.items;if(!t)return;let n=[];for(let e=0;e<t.length;e++){let r=t[e];if(r?.kind===`file`){let e=r.getAsFile();e&&n.push(e)}}if(n.length===0)return;let r=g.inputRef.current;if(!r)return;let i=new DataTransfer;for(let e of n)i.items.add(e);r.files=i.files,r.dispatchEvent(new Event(`change`,{bubbles:!0}))},[_,g.inputRef,p]),k=n.useCallback(e=>{m?.(e),!e.defaultPrevented&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g.inputRef.current?.click())},[g.inputRef,m]);return(0,r.jsx)(a?i.Slot:`div`,{role:`region`,id:g.dropzoneId,"aria-controls":`${g.inputId} ${g.listId}`,"aria-disabled":g.disabled,"aria-invalid":y,"data-disabled":g.disabled?``:void 0,"data-dragging":v?``:void 0,"data-invalid":y?``:void 0,"data-slot":`file-upload-dropzone`,dir:g.dir,tabIndex:g.disabled?void 0:0,...h,className:t.cn(`relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-none transition-colors hover:bg-accent/30 focus-visible:border-ring/50 data-disabled:pointer-events-none data-dragging:border-primary/30 data-invalid:border-destructive data-dragging:bg-accent/30 data-invalid:ring-destructive/20`,o),onClick:S,onDragEnter:T,onDragLeave:E,onDragOver:w,onDrop:D,onKeyDown:k,onPaste:O})}function E(e){let{asChild:t,onClick:a,...o}=e,s=C(`FileUploadTrigger`),c=n.useCallback(e=>{a?.(e),!e.defaultPrevented&&s.inputRef.current?.click()},[s.inputRef,a]);return(0,r.jsx)(t?i.Slot:`button`,{type:`button`,"aria-controls":s.inputId,"data-disabled":s.disabled?``:void 0,"data-slot":`file-upload-trigger`,...o,disabled:s.disabled,onClick:c})}function D(e){let{className:n,orientation:a=`vertical`,asChild:o,forceMount:s,...c}=e,l=C(`FileUploadList`),u=x(e=>e.files.size),d=s||u>0;return d?(0,r.jsx)(o?i.Slot:`div`,{role:`list`,id:l.listId,"aria-orientation":a,"data-orientation":a,"data-slot":`file-upload-list`,"data-state":d?`active`:`inactive`,dir:l.dir,...c,className:t.cn(`data-[state=inactive]:fade-out-0 data-[state=active]:fade-in-0 data-[state=inactive]:slide-out-to-top-2 data-[state=active]:slide-in-from-top-2 flex flex-col gap-2 data-[state=active]:animate-in data-[state=inactive]:animate-out`,a===`horizontal`&&`flex-row overflow-x-auto p-1.5`,n)}):null}const O=n.createContext(null);function k(e){let t=n.use(O);if(!t)throw Error(`\`${e}\` must be used within \`${d}\``);return t}function A(e){let{value:a,asChild:o,className:s,...c}=e,l=n.useId(),u=`${l}-status`,f=`${l}-name`,p=`${l}-size`,m=`${l}-message`,h=C(d),g=x(e=>e.files.get(a)),_=x(e=>e.files.size),v=x(e=>Array.from(e.files.keys()).indexOf(a)+1),y=n.useMemo(()=>({id:l,fileState:g,nameId:f,sizeId:p,statusId:u,messageId:m}),[l,g,u,f,p,m]);if(!g)return null;let b=g.error?`Error: ${g.error}`:g.status===`uploading`?`Uploading: ${g.progress}% complete`:g.status===`success`?`Upload complete`:`Ready to upload`,S=o?i.Slot:`div`;return(0,r.jsx)(O.Provider,{value:y,children:(0,r.jsxs)(S,{role:`listitem`,id:l,"aria-setsize":_,"aria-posinset":v,"aria-describedby":`${f} ${p} ${u} ${g.error?m:``}`,"aria-labelledby":f,"data-slot":`file-upload-item`,dir:h.dir,...c,className:t.cn(`relative flex items-center  rounded-md border p-3`,s),children:[e.children,(0,r.jsx)(`span`,{id:u,className:`sr-only`,children:b})]})})}function j(e){if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=Math.floor(Math.log(e)/Math.log(1024));return`${(e/1024**n).toFixed(n?1:0)} ${t[n]}`}function M(e){let{type:t}=e,n=e.name.split(`.`).pop()?.toLowerCase()??``;return t.startsWith(`video/`)?(0,r.jsx)(a.FileVideoIcon,{}):t.startsWith(`audio/`)?(0,r.jsx)(a.FileAudioIcon,{}):t.startsWith(`text/`)||[`txt`,`md`,`rtf`,`pdf`].includes(n)?(0,r.jsx)(a.FileTextIcon,{}):[`html`,`css`,`js`,`jsx`,`ts`,`tsx`,`json`,`xml`,`php`,`py`,`rb`,`java`,`c`,`cpp`,`cs`].includes(n)?(0,r.jsx)(a.FileCodeIcon,{}):[`zip`,`rar`,`7z`,`tar`,`gz`,`bz2`].includes(n)?(0,r.jsx)(a.FileArchiveIcon,{}):[`exe`,`msi`,`app`,`apk`,`deb`,`rpm`].includes(n)||t.startsWith(`application/`)?(0,r.jsx)(a.FileCogIcon,{}):(0,r.jsx)(a.FileIcon,{})}function N(e){let{render:a,asChild:o,children:s,className:c,...l}=e,u=k(f),d=C(f),p=n.useCallback(e=>{if(u.fileState?.file.type.startsWith(`image/`)){let t=d.urlCache.get(e);return t||(t=URL.createObjectURL(e),d.urlCache.set(e,t)),(0,r.jsx)(`img`,{src:t,alt:e.name,className:`size-full object-cover`})}return M(e)},[u.fileState?.file.type,d.urlCache]),m=n.useCallback(e=>a?a(e,()=>p(e)):p(e),[a,p]);return u.fileState?(0,r.jsxs)(o?i.Slot:`div`,{"aria-labelledby":u.nameId,"data-slot":`file-upload-preview`,...l,className:t.cn(`relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded border bg-accent/50 [&>svg]:size-10`,c),children:[m(u.fileState.file),s]}):null}function P(e){let{asChild:n,size:a=`default`,children:o,className:s,...c}=e,l=C(p),u=k(p);return u.fileState?(0,r.jsx)(n?i.Slot:`div`,{"data-slot":`file-upload-metadata`,dir:l.dir,...c,className:t.cn(`flex min-w-0 flex-1 flex-col`,s),children:o??(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`span`,{id:u.nameId,className:t.cn(`truncate font-medium text-sm`,a===`sm`&&`font-normal text-[13px] leading-snug`),children:u.fileState.file.name}),(0,r.jsx)(`span`,{id:u.sizeId,className:t.cn(`truncate text-muted-foreground text-xs`,a===`sm`&&`text-[11px] leading-snug`),children:j(u.fileState.file.size)}),u.fileState.error&&(0,r.jsx)(`span`,{id:u.messageId,className:`text-destructive text-xs`,children:u.fileState.error})]})}):null}function F(e){let{variant:n=`linear`,size:a=40,strokeWidth:o=2,asChild:s,forceMount:c,className:l,...u}=e,d=k(`FileUploadItemProgress`);if(!d.fileState||!(c||d.fileState.progress!==100))return null;let f=s?i.Slot:`div`;switch(n){case`circular`:{let e=2*Math.PI*((a-4)/2),n=e-d.fileState.progress/100*e;return(0,r.jsx)(f,{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":d.fileState.progress,"aria-valuetext":`${d.fileState.progress}%`,"aria-labelledby":d.nameId,"data-slot":`file-upload-progress`,...u,className:t.cn(`-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2`,l),children:(0,r.jsxs)(`svg`,{className:`-rotate-90 transform`,width:a,height:a,viewBox:`0 0 ${a} ${a}`,fill:`none`,stroke:`currentColor`,children:[(0,r.jsx)(`circle`,{className:`text-primary/20`,strokeWidth:o,cx:a/2,cy:a/2,r:(a-4)/2}),(0,r.jsx)(`circle`,{className:`text-primary transition-[stroke-dashoffset] duration-300 ease-linear`,strokeWidth:o,strokeLinecap:`round`,strokeDasharray:e,strokeDashoffset:n,cx:a/2,cy:a/2,r:(a-4)/2})]})})}case`fill`:{let e=d.fileState.progress,n=100-e;return(0,r.jsx)(f,{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":e,"aria-valuetext":`${e}%`,"aria-labelledby":d.nameId,"data-slot":`file-upload-progress`,...u,className:t.cn(`absolute inset-0 bg-primary/50 transition-[clip-path] duration-300 ease-linear`,l),style:{clipPath:`inset(${n}% 0% 0% 0%)`}})}default:return(0,r.jsx)(f,{role:`progressbar`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":d.fileState.progress,"aria-valuetext":`${d.fileState.progress}%`,"aria-labelledby":d.nameId,"data-slot":`file-upload-progress`,...u,className:t.cn(`relative h-1.5 w-full overflow-hidden rounded-full bg-primary/20`,l),children:(0,r.jsx)(`div`,{className:`h-full w-full flex-1 bg-primary transition-transform duration-300 ease-linear`,style:{transform:`translateX(-${100-d.fileState.progress}%)`}})})}}function I(e){let{asChild:t,onClick:a,...o}=e,s=b(h),c=k(h),l=n.useCallback(e=>{a?.(e),!(!c.fileState||e.defaultPrevented)&&s.dispatch({type:`REMOVE_FILE`,file:c.fileState.file})},[s,c.fileState,a]);return c.fileState?(0,r.jsx)(t?i.Slot:`button`,{type:`button`,"aria-controls":c.id,"aria-describedby":c.nameId,"data-slot":`file-upload-item-delete`,...o,onClick:l}):null}function L(e){let{asChild:t,forceMount:a,disabled:o,onClick:s,...c}=e,l=C(g),u=b(g),d=x(e=>e.files.size),f=o||l.disabled,p=n.useCallback(e=>{s?.(e),!e.defaultPrevented&&u.dispatch({type:`CLEAR`})},[u,s]);return a||d>0?(0,r.jsx)(t?i.Slot:`button`,{type:`button`,"aria-controls":l.listId,"data-slot":`file-upload-clear`,"data-disabled":f?``:void 0,...c,disabled:f,onClick:p}):null}exports.FileUploadClear=L,exports.FileUploadDropzone=T,exports.FileUploadItem=A,exports.FileUploadItemDelete=I,exports.FileUploadItemMetadata=P,exports.FileUploadItemPreview=N,exports.FileUploadItemProgress=F,exports.FileUploadList=D,exports.FileUploadRoot=w,exports.FileUploadTrigger=E,exports.useStore=x;
+'use client';
+
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_utils = require('../../lib/utils.cjs');
+require('../../lib/index.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __radix_ui_react_slot = require("@radix-ui/react-slot");
+__radix_ui_react_slot = require_rolldown_runtime.__toESM(__radix_ui_react_slot);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let __radix_ui_react_direction = require("@radix-ui/react-direction");
+__radix_ui_react_direction = require_rolldown_runtime.__toESM(__radix_ui_react_direction);
+
+//#region src/components/ui/file-upload.tsx
+const ROOT_NAME = "FileUpload";
+const DROPZONE_NAME = "FileUploadDropzone";
+const TRIGGER_NAME = "FileUploadTrigger";
+const LIST_NAME = "FileUploadList";
+const ITEM_NAME = "FileUploadItem";
+const ITEM_PREVIEW_NAME = "FileUploadItemPreview";
+const ITEM_METADATA_NAME = "FileUploadItemMetadata";
+const ITEM_PROGRESS_NAME = "FileUploadItemProgress";
+const ITEM_DELETE_NAME = "FileUploadItemDelete";
+const CLEAR_NAME = "FileUploadClear";
+function useLazyRef(fn) {
+	const ref = react.useRef(null);
+	if (ref.current === null) ref.current = fn();
+	return ref;
+}
+function createStore(listeners, files, urlCache, invalid, onValueChange) {
+	let state = {
+		files,
+		dragOver: false,
+		invalid
+	};
+	function reducer(state$1, action) {
+		switch (action.type) {
+			case "ADD_FILES":
+				for (const file of action.files) files.set(file, {
+					file,
+					progress: 0,
+					status: "idle"
+				});
+				if (onValueChange) onValueChange(Array.from(files.values()).map((fileState) => fileState.file));
+				return {
+					...state$1,
+					files
+				};
+			case "SET_FILES": {
+				const newFileSet = new Set(action.files);
+				for (const existingFile of files.keys()) if (!newFileSet.has(existingFile)) files.delete(existingFile);
+				for (const file of action.files) if (!files.get(file)) files.set(file, {
+					file,
+					progress: 0,
+					status: "idle"
+				});
+				return {
+					...state$1,
+					files
+				};
+			}
+			case "SET_PROGRESS": {
+				const fileState = files.get(action.file);
+				if (fileState) files.set(action.file, {
+					...fileState,
+					progress: action.progress,
+					status: "uploading"
+				});
+				return {
+					...state$1,
+					files
+				};
+			}
+			case "SET_SUCCESS": {
+				const fileState = files.get(action.file);
+				if (fileState) files.set(action.file, {
+					...fileState,
+					progress: 100,
+					status: "success"
+				});
+				return {
+					...state$1,
+					files
+				};
+			}
+			case "SET_ERROR": {
+				const fileState = files.get(action.file);
+				if (fileState) files.set(action.file, {
+					...fileState,
+					error: action.error,
+					status: "error"
+				});
+				return {
+					...state$1,
+					files
+				};
+			}
+			case "REMOVE_FILE":
+				if (urlCache) {
+					const cachedUrl = urlCache.get(action.file);
+					if (cachedUrl) {
+						URL.revokeObjectURL(cachedUrl);
+						urlCache.delete(action.file);
+					}
+				}
+				files.delete(action.file);
+				if (onValueChange) onValueChange(Array.from(files.values()).map((fileState) => fileState.file));
+				return {
+					...state$1,
+					files
+				};
+			case "SET_DRAG_OVER": return {
+				...state$1,
+				dragOver: action.dragOver
+			};
+			case "SET_INVALID": return {
+				...state$1,
+				invalid: action.invalid
+			};
+			case "CLEAR":
+				if (urlCache) for (const file of files.keys()) {
+					const cachedUrl = urlCache.get(file);
+					if (cachedUrl) {
+						URL.revokeObjectURL(cachedUrl);
+						urlCache.delete(file);
+					}
+				}
+				files.clear();
+				if (onValueChange) onValueChange([]);
+				return {
+					...state$1,
+					files,
+					invalid: false
+				};
+			default: return state$1;
+		}
+	}
+	function getState() {
+		return state;
+	}
+	function dispatch(action) {
+		state = reducer(state, action);
+		for (const listener of listeners) listener();
+	}
+	function subscribe(listener) {
+		listeners.add(listener);
+		return () => listeners.delete(listener);
+	}
+	return {
+		getState,
+		dispatch,
+		subscribe
+	};
+}
+const StoreContext = react.createContext(null);
+function useStoreContext(consumerName) {
+	const context = react.use(StoreContext);
+	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
+	return context;
+}
+function useStore(selector) {
+	const store = useStoreContext("useStore");
+	const lastValueRef = useLazyRef(() => null);
+	const getSnapshot = react.useCallback(() => {
+		const state = store.getState();
+		const prevValue = lastValueRef.current;
+		if (prevValue && prevValue.state === state) return prevValue.value;
+		const nextValue = selector(state);
+		lastValueRef.current = {
+			value: nextValue,
+			state
+		};
+		return nextValue;
+	}, [
+		store,
+		selector,
+		lastValueRef
+	]);
+	return react.useSyncExternalStore(store.subscribe, getSnapshot, getSnapshot);
+}
+const FileUploadContext = react.createContext(null);
+function useFileUploadContext(consumerName) {
+	const context = react.use(FileUploadContext);
+	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ROOT_NAME}\``);
+	return context;
+}
+function FileUploadRoot(props) {
+	const { value, defaultValue, onValueChange, onAccept, onFileAccept, onFileReject, onFilesReject, onFileValidate, onUpload, accept, maxFiles, maxSize, dir: dirProp, label, name, asChild, disabled = false, invalid = false, multiple = false, required = false, children, className,...rootProps } = props;
+	const inputId = react.useId();
+	const dropzoneId = react.useId();
+	const listId = react.useId();
+	const labelId = react.useId();
+	const dir = (0, __radix_ui_react_direction.useDirection)(dirProp);
+	const listeners = useLazyRef(() => /* @__PURE__ */ new Set()).current;
+	const files = useLazyRef(() => /* @__PURE__ */ new Map()).current;
+	const urlCache = useLazyRef(() => /* @__PURE__ */ new WeakMap()).current;
+	const inputRef = react.useRef(null);
+	const isControlled = value !== void 0;
+	const store = react.useMemo(() => createStore(listeners, files, urlCache, invalid, onValueChange), [
+		listeners,
+		files,
+		invalid,
+		onValueChange,
+		urlCache
+	]);
+	const acceptTypes = react.useMemo(() => accept?.split(",").map((t) => t.trim()) ?? null, [accept]);
+	const onProgress = useLazyRef(() => {
+		let frame = 0;
+		return (file, progress) => {
+			if (frame) return;
+			frame = requestAnimationFrame(() => {
+				frame = 0;
+				store.dispatch({
+					type: "SET_PROGRESS",
+					file,
+					progress: Math.min(Math.max(0, progress), 100)
+				});
+			});
+		};
+	}).current;
+	react.useEffect(() => {
+		if (isControlled) store.dispatch({
+			type: "SET_FILES",
+			files: value
+		});
+		else if (defaultValue && defaultValue.length > 0 && !store.getState().files.size) store.dispatch({
+			type: "SET_FILES",
+			files: defaultValue
+		});
+	}, [
+		value,
+		defaultValue,
+		isControlled,
+		store
+	]);
+	react.useEffect(() => {
+		return () => {
+			for (const file of files.keys()) {
+				const cachedUrl = urlCache.get(file);
+				if (cachedUrl) URL.revokeObjectURL(cachedUrl);
+			}
+		};
+	}, [files, urlCache]);
+	const onFilesUpload = react.useCallback(async (files$1) => {
+		try {
+			for (const file of files$1) store.dispatch({
+				type: "SET_PROGRESS",
+				file,
+				progress: 0
+			});
+			if (onUpload) await onUpload(files$1, {
+				onProgress,
+				onSuccess: (file) => {
+					store.dispatch({
+						type: "SET_SUCCESS",
+						file
+					});
+				},
+				onError: (file, error) => {
+					store.dispatch({
+						type: "SET_ERROR",
+						file,
+						error: error.message ?? "Upload failed"
+					});
+				}
+			});
+			else for (const file of files$1) store.dispatch({
+				type: "SET_SUCCESS",
+				file
+			});
+		} catch (error) {
+			const errorMessage = error instanceof Error ? error.message : "Upload failed";
+			for (const file of files$1) store.dispatch({
+				type: "SET_ERROR",
+				file,
+				error: errorMessage
+			});
+		}
+	}, [
+		store,
+		onUpload,
+		onProgress
+	]);
+	const onFilesChange = react.useCallback((originalFiles) => {
+		if (disabled) return;
+		let filesToProcess = [...originalFiles];
+		let invalid$1 = false;
+		const allRejectedFiles = [];
+		if (maxFiles) {
+			const currentCount = store.getState().files.size;
+			const remainingSlotCount = Math.max(0, maxFiles - currentCount);
+			if (remainingSlotCount < filesToProcess.length) {
+				const rejectedFromMaxFiles = filesToProcess.slice(remainingSlotCount);
+				invalid$1 = true;
+				filesToProcess = filesToProcess.slice(0, remainingSlotCount);
+				for (const file of rejectedFromMaxFiles) {
+					let rejectionMessage = `Maximum ${maxFiles} files allowed`;
+					if (onFileValidate) {
+						const validationMessage = onFileValidate(file);
+						if (validationMessage) rejectionMessage = validationMessage;
+					}
+					onFileReject?.(file, rejectionMessage);
+					allRejectedFiles.push({
+						file,
+						message: rejectionMessage
+					});
+				}
+			}
+		}
+		const acceptedFiles = [];
+		const rejectedFiles = [];
+		for (const file of filesToProcess) {
+			let rejected = false;
+			let rejectionMessage = "";
+			if (onFileValidate) {
+				const validationMessage = onFileValidate(file);
+				if (validationMessage) {
+					rejectionMessage = validationMessage;
+					onFileReject?.(file, rejectionMessage);
+					rejected = true;
+					invalid$1 = true;
+					continue;
+				}
+			}
+			if (acceptTypes) {
+				const fileType = file.type;
+				const fileExtension = `.${file.name.split(".").pop()}`;
+				if (!acceptTypes.some((type) => type === fileType || type === fileExtension || type.includes("/*") && fileType.startsWith(type.replace("/*", "/")))) {
+					rejectionMessage = "File type not accepted";
+					onFileReject?.(file, rejectionMessage);
+					rejected = true;
+					invalid$1 = true;
+				}
+			}
+			if (maxSize && file.size > maxSize) {
+				rejectionMessage = "File too large";
+				onFileReject?.(file, rejectionMessage);
+				rejected = true;
+				invalid$1 = true;
+			}
+			if (!rejected) acceptedFiles.push(file);
+			else rejectedFiles.push({
+				file,
+				message: rejectionMessage
+			});
+		}
+		allRejectedFiles.push(...rejectedFiles);
+		if (invalid$1) {
+			store.dispatch({
+				type: "SET_INVALID",
+				invalid: invalid$1
+			});
+			setTimeout(() => {
+				store.dispatch({
+					type: "SET_INVALID",
+					invalid: false
+				});
+			}, 2e3);
+		}
+		if (allRejectedFiles.length > 0) onFilesReject?.(allRejectedFiles);
+		if (acceptedFiles.length > 0) {
+			store.dispatch({
+				type: "ADD_FILES",
+				files: acceptedFiles
+			});
+			if (isControlled && onValueChange) onValueChange([...Array.from(store.getState().files.values()).map((f) => f.file)]);
+			if (onAccept) onAccept(acceptedFiles);
+			for (const file of acceptedFiles) onFileAccept?.(file);
+			if (onUpload) requestAnimationFrame(() => {
+				onFilesUpload(acceptedFiles);
+			});
+		}
+	}, [
+		store,
+		isControlled,
+		onValueChange,
+		onAccept,
+		onFileAccept,
+		onUpload,
+		onFilesUpload,
+		maxFiles,
+		onFileValidate,
+		onFileReject,
+		onFilesReject,
+		acceptTypes,
+		maxSize,
+		disabled
+	]);
+	const onInputChange = react.useCallback((event) => {
+		onFilesChange(Array.from(event.target.files ?? []));
+		event.target.value = "";
+	}, [onFilesChange]);
+	const contextValue = react.useMemo(() => ({
+		dropzoneId,
+		inputId,
+		listId,
+		labelId,
+		dir,
+		disabled,
+		inputRef,
+		urlCache
+	}), [
+		dropzoneId,
+		inputId,
+		listId,
+		labelId,
+		dir,
+		disabled,
+		urlCache
+	]);
+	const RootPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StoreContext.Provider, {
+		value: store,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileUploadContext.Provider, {
+			value: contextValue,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(RootPrimitive, {
+				"data-disabled": disabled ? "" : void 0,
+				"data-slot": "file-upload",
+				dir,
+				...rootProps,
+				className: require_utils.cn("relative flex flex-col gap-2", className),
+				children: [
+					children,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "file",
+						id: inputId,
+						"aria-labelledby": labelId,
+						"aria-describedby": dropzoneId,
+						ref: inputRef,
+						tabIndex: -1,
+						accept,
+						name,
+						className: "sr-only",
+						disabled,
+						multiple,
+						required,
+						onChange: onInputChange
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						id: labelId,
+						className: "sr-only",
+						children: label ?? "File upload"
+					})
+				]
+			})
+		})
+	});
+}
+function FileUploadDropzone(props) {
+	const { asChild, className, onClick: onClickProp, onDragOver: onDragOverProp, onDragEnter: onDragEnterProp, onDragLeave: onDragLeaveProp, onDrop: onDropProp, onPaste: onPasteProp, onKeyDown: onKeyDownProp,...dropzoneProps } = props;
+	const context = useFileUploadContext(DROPZONE_NAME);
+	const store = useStoreContext(DROPZONE_NAME);
+	const dragOver = useStore((state) => state.dragOver);
+	const invalid = useStore((state) => state.invalid);
+	const onClick = react.useCallback((event) => {
+		onClickProp?.(event);
+		if (event.defaultPrevented) return;
+		const { target } = event;
+		if (!(target instanceof HTMLElement && target.closest("[data-slot=\"file-upload-trigger\"]"))) context.inputRef.current?.click();
+	}, [context.inputRef, onClickProp]);
+	const onDragOver = react.useCallback((event) => {
+		onDragOverProp?.(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		store.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: true
+		});
+	}, [store, onDragOverProp]);
+	const onDragEnter = react.useCallback((event) => {
+		onDragEnterProp?.(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		store.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: true
+		});
+	}, [store, onDragEnterProp]);
+	const onDragLeave = react.useCallback((event) => {
+		onDragLeaveProp?.(event);
+		if (event.defaultPrevented) return;
+		const { relatedTarget } = event;
+		if (relatedTarget && relatedTarget instanceof Node && event.currentTarget.contains(relatedTarget)) return;
+		event.preventDefault();
+		store.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: false
+		});
+	}, [store, onDragLeaveProp]);
+	const onDrop = react.useCallback((event) => {
+		onDropProp?.(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		store.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: false
+		});
+		const files = Array.from(event.dataTransfer.files);
+		const inputElement = context.inputRef.current;
+		if (!inputElement) return;
+		const dataTransfer = new DataTransfer();
+		for (const file of files) dataTransfer.items.add(file);
+		inputElement.files = dataTransfer.files;
+		inputElement.dispatchEvent(new Event("change", { bubbles: true }));
+	}, [
+		store,
+		context.inputRef,
+		onDropProp
+	]);
+	const onPaste = react.useCallback((event) => {
+		onPasteProp?.(event);
+		if (event.defaultPrevented) return;
+		event.preventDefault();
+		store.dispatch({
+			type: "SET_DRAG_OVER",
+			dragOver: false
+		});
+		const items = event.clipboardData?.items;
+		if (!items) return;
+		const files = [];
+		for (let i = 0; i < items.length; i++) {
+			const item = items[i];
+			if (item?.kind === "file") {
+				const file = item.getAsFile();
+				if (file) files.push(file);
+			}
+		}
+		if (files.length === 0) return;
+		const inputElement = context.inputRef.current;
+		if (!inputElement) return;
+		const dataTransfer = new DataTransfer();
+		for (const file of files) dataTransfer.items.add(file);
+		inputElement.files = dataTransfer.files;
+		inputElement.dispatchEvent(new Event("change", { bubbles: true }));
+	}, [
+		store,
+		context.inputRef,
+		onPasteProp
+	]);
+	const onKeyDown = react.useCallback((event) => {
+		onKeyDownProp?.(event);
+		if (!event.defaultPrevented && (event.key === "Enter" || event.key === " ")) {
+			event.preventDefault();
+			context.inputRef.current?.click();
+		}
+	}, [context.inputRef, onKeyDownProp]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		role: "region",
+		id: context.dropzoneId,
+		"aria-controls": `${context.inputId} ${context.listId}`,
+		"aria-disabled": context.disabled,
+		"aria-invalid": invalid,
+		"data-disabled": context.disabled ? "" : void 0,
+		"data-dragging": dragOver ? "" : void 0,
+		"data-invalid": invalid ? "" : void 0,
+		"data-slot": "file-upload-dropzone",
+		dir: context.dir,
+		tabIndex: context.disabled ? void 0 : 0,
+		...dropzoneProps,
+		className: require_utils.cn("relative flex select-none flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed p-6 outline-none transition-colors hover:bg-accent/30 focus-visible:border-ring/50 data-disabled:pointer-events-none data-dragging:border-primary/30 data-invalid:border-destructive data-dragging:bg-accent/30 data-invalid:ring-destructive/20", className),
+		onClick,
+		onDragEnter,
+		onDragLeave,
+		onDragOver,
+		onDrop,
+		onKeyDown,
+		onPaste
+	});
+}
+function FileUploadTrigger(props) {
+	const { asChild, onClick: onClickProp,...triggerProps } = props;
+	const context = useFileUploadContext(TRIGGER_NAME);
+	const onClick = react.useCallback((event) => {
+		onClickProp?.(event);
+		if (event.defaultPrevented) return;
+		context.inputRef.current?.click();
+	}, [context.inputRef, onClickProp]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
+		type: "button",
+		"aria-controls": context.inputId,
+		"data-disabled": context.disabled ? "" : void 0,
+		"data-slot": "file-upload-trigger",
+		...triggerProps,
+		disabled: context.disabled,
+		onClick
+	});
+}
+function FileUploadList(props) {
+	const { className, orientation = "vertical", asChild, forceMount,...listProps } = props;
+	const context = useFileUploadContext(LIST_NAME);
+	const fileCount = useStore((state) => state.files.size);
+	const shouldRender = forceMount || fileCount > 0;
+	if (!shouldRender) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		role: "list",
+		id: context.listId,
+		"aria-orientation": orientation,
+		"data-orientation": orientation,
+		"data-slot": "file-upload-list",
+		"data-state": shouldRender ? "active" : "inactive",
+		dir: context.dir,
+		...listProps,
+		className: require_utils.cn("data-[state=inactive]:fade-out-0 data-[state=active]:fade-in-0 data-[state=inactive]:slide-out-to-top-2 data-[state=active]:slide-in-from-top-2 flex flex-col gap-2 data-[state=active]:animate-in data-[state=inactive]:animate-out", orientation === "horizontal" && "flex-row overflow-x-auto p-1.5", className)
+	});
+}
+const FileUploadItemContext = react.createContext(null);
+function useFileUploadItemContext(consumerName) {
+	const context = react.use(FileUploadItemContext);
+	if (!context) throw new Error(`\`${consumerName}\` must be used within \`${ITEM_NAME}\``);
+	return context;
+}
+function FileUploadItem(props) {
+	const { value, asChild, className,...itemProps } = props;
+	const id = react.useId();
+	const statusId = `${id}-status`;
+	const nameId = `${id}-name`;
+	const sizeId = `${id}-size`;
+	const messageId = `${id}-message`;
+	const context = useFileUploadContext(ITEM_NAME);
+	const fileState = useStore((state) => state.files.get(value));
+	const fileCount = useStore((state) => state.files.size);
+	const fileIndex = useStore((state) => {
+		return Array.from(state.files.keys()).indexOf(value) + 1;
+	});
+	const itemContext = react.useMemo(() => ({
+		id,
+		fileState,
+		nameId,
+		sizeId,
+		statusId,
+		messageId
+	}), [
+		id,
+		fileState,
+		statusId,
+		nameId,
+		sizeId,
+		messageId
+	]);
+	if (!fileState) return null;
+	const statusText = fileState.error ? `Error: ${fileState.error}` : fileState.status === "uploading" ? `Uploading: ${fileState.progress}% complete` : fileState.status === "success" ? "Upload complete" : "Ready to upload";
+	const ItemPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FileUploadItemContext.Provider, {
+		value: itemContext,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ItemPrimitive, {
+			role: "listitem",
+			id,
+			"aria-setsize": fileCount,
+			"aria-posinset": fileIndex,
+			"aria-describedby": `${nameId} ${sizeId} ${statusId} ${fileState.error ? messageId : ""}`,
+			"aria-labelledby": nameId,
+			"data-slot": "file-upload-item",
+			dir: context.dir,
+			...itemProps,
+			className: require_utils.cn("relative flex items-center  rounded-md border p-3", className),
+			children: [props.children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: statusId,
+				className: "sr-only",
+				children: statusText
+			})]
+		})
+	});
+}
+function formatBytes(bytes) {
+	if (bytes === 0) return "0 B";
+	const sizes = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	const i = Math.floor(Math.log(bytes) / Math.log(1024));
+	return `${(bytes / 1024 ** i).toFixed(i ? 1 : 0)} ${sizes[i]}`;
+}
+function getFileIcon(file) {
+	const { type } = file;
+	const extension = file.name.split(".").pop()?.toLowerCase() ?? "";
+	if (type.startsWith("video/")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileVideoIcon, {});
+	if (type.startsWith("audio/")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileAudioIcon, {});
+	if (type.startsWith("text/") || [
+		"txt",
+		"md",
+		"rtf",
+		"pdf"
+	].includes(extension)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileTextIcon, {});
+	if ([
+		"html",
+		"css",
+		"js",
+		"jsx",
+		"ts",
+		"tsx",
+		"json",
+		"xml",
+		"php",
+		"py",
+		"rb",
+		"java",
+		"c",
+		"cpp",
+		"cs"
+	].includes(extension)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileCodeIcon, {});
+	if ([
+		"zip",
+		"rar",
+		"7z",
+		"tar",
+		"gz",
+		"bz2"
+	].includes(extension)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileArchiveIcon, {});
+	if ([
+		"exe",
+		"msi",
+		"app",
+		"apk",
+		"deb",
+		"rpm"
+	].includes(extension) || type.startsWith("application/")) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileCogIcon, {});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.FileIcon, {});
+}
+function FileUploadItemPreview(props) {
+	const { render, asChild, children, className,...previewProps } = props;
+	const itemContext = useFileUploadItemContext(ITEM_PREVIEW_NAME);
+	const context = useFileUploadContext(ITEM_PREVIEW_NAME);
+	const getDefaultRender = react.useCallback((file) => {
+		if (itemContext.fileState?.file.type.startsWith("image/")) {
+			let url = context.urlCache.get(file);
+			if (!url) {
+				url = URL.createObjectURL(file);
+				context.urlCache.set(file, url);
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+				src: url,
+				alt: file.name,
+				className: "size-full object-cover"
+			});
+		}
+		return getFileIcon(file);
+	}, [itemContext.fileState?.file.type, context.urlCache]);
+	const onPreviewRender = react.useCallback((file) => {
+		if (render) return render(file, () => getDefaultRender(file));
+		return getDefaultRender(file);
+	}, [render, getDefaultRender]);
+	if (!itemContext.fileState) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		"aria-labelledby": itemContext.nameId,
+		"data-slot": "file-upload-preview",
+		...previewProps,
+		className: require_utils.cn("relative flex size-10 shrink-0 items-center justify-center overflow-hidden rounded border bg-accent/50 [&>svg]:size-10", className),
+		children: [onPreviewRender(itemContext.fileState.file), children]
+	});
+}
+function FileUploadItemMetadata(props) {
+	const { asChild, size = "default", children, className,...metadataProps } = props;
+	const context = useFileUploadContext(ITEM_METADATA_NAME);
+	const itemContext = useFileUploadItemContext(ITEM_METADATA_NAME);
+	if (!itemContext.fileState) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "div", {
+		"data-slot": "file-upload-metadata",
+		dir: context.dir,
+		...metadataProps,
+		className: require_utils.cn("flex min-w-0 flex-1 flex-col", className),
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: itemContext.nameId,
+				className: require_utils.cn("truncate font-medium text-sm", size === "sm" && "font-normal text-[13px] leading-snug"),
+				children: itemContext.fileState.file.name
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: itemContext.sizeId,
+				className: require_utils.cn("truncate text-muted-foreground text-xs", size === "sm" && "text-[11px] leading-snug"),
+				children: formatBytes(itemContext.fileState.file.size)
+			}),
+			itemContext.fileState.error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				id: itemContext.messageId,
+				className: "text-destructive text-xs",
+				children: itemContext.fileState.error
+			})
+		] })
+	});
+}
+function FileUploadItemProgress(props) {
+	const { variant = "linear", size = 40, strokeWidth = 2, asChild, forceMount, className,...progressProps } = props;
+	const itemContext = useFileUploadItemContext(ITEM_PROGRESS_NAME);
+	if (!itemContext.fileState) return null;
+	if (!(forceMount || itemContext.fileState.progress !== 100)) return null;
+	const ItemProgressPrimitive = asChild ? __radix_ui_react_slot.Slot : "div";
+	switch (variant) {
+		case "circular": {
+			const circumference = 2 * Math.PI * ((size - 4) / 2);
+			const strokeDashoffset = circumference - itemContext.fileState.progress / 100 * circumference;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemProgressPrimitive, {
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": itemContext.fileState.progress,
+				"aria-valuetext": `${itemContext.fileState.progress}%`,
+				"aria-labelledby": itemContext.nameId,
+				"data-slot": "file-upload-progress",
+				...progressProps,
+				className: require_utils.cn("-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2", className),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
+					className: "-rotate-90 transform",
+					width: size,
+					height: size,
+					viewBox: `0 0 ${size} ${size}`,
+					fill: "none",
+					stroke: "currentColor",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						className: "text-primary/20",
+						strokeWidth,
+						cx: size / 2,
+						cy: size / 2,
+						r: (size - 4) / 2
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
+						className: "text-primary transition-[stroke-dashoffset] duration-300 ease-linear",
+						strokeWidth,
+						strokeLinecap: "round",
+						strokeDasharray: circumference,
+						strokeDashoffset,
+						cx: size / 2,
+						cy: size / 2,
+						r: (size - 4) / 2
+					})]
+				})
+			});
+		}
+		case "fill": {
+			const progressPercentage = itemContext.fileState.progress;
+			const topInset = 100 - progressPercentage;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemProgressPrimitive, {
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": progressPercentage,
+				"aria-valuetext": `${progressPercentage}%`,
+				"aria-labelledby": itemContext.nameId,
+				"data-slot": "file-upload-progress",
+				...progressProps,
+				className: require_utils.cn("absolute inset-0 bg-primary/50 transition-[clip-path] duration-300 ease-linear", className),
+				style: { clipPath: `inset(${topInset}% 0% 0% 0%)` }
+			});
+		}
+		default: return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ItemProgressPrimitive, {
+			role: "progressbar",
+			"aria-valuemin": 0,
+			"aria-valuemax": 100,
+			"aria-valuenow": itemContext.fileState.progress,
+			"aria-valuetext": `${itemContext.fileState.progress}%`,
+			"aria-labelledby": itemContext.nameId,
+			"data-slot": "file-upload-progress",
+			...progressProps,
+			className: require_utils.cn("relative h-1.5 w-full overflow-hidden rounded-full bg-primary/20", className),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "h-full w-full flex-1 bg-primary transition-transform duration-300 ease-linear",
+				style: { transform: `translateX(-${100 - itemContext.fileState.progress}%)` }
+			})
+		});
+	}
+}
+function FileUploadItemDelete(props) {
+	const { asChild, onClick: onClickProp,...deleteProps } = props;
+	const store = useStoreContext(ITEM_DELETE_NAME);
+	const itemContext = useFileUploadItemContext(ITEM_DELETE_NAME);
+	const onClick = react.useCallback((event) => {
+		onClickProp?.(event);
+		if (!itemContext.fileState || event.defaultPrevented) return;
+		store.dispatch({
+			type: "REMOVE_FILE",
+			file: itemContext.fileState.file
+		});
+	}, [
+		store,
+		itemContext.fileState,
+		onClickProp
+	]);
+	if (!itemContext.fileState) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
+		type: "button",
+		"aria-controls": itemContext.id,
+		"aria-describedby": itemContext.nameId,
+		"data-slot": "file-upload-item-delete",
+		...deleteProps,
+		onClick
+	});
+}
+function FileUploadClear(props) {
+	const { asChild, forceMount, disabled, onClick: onClickProp,...clearProps } = props;
+	const context = useFileUploadContext(CLEAR_NAME);
+	const store = useStoreContext(CLEAR_NAME);
+	const fileCount = useStore((state) => state.files.size);
+	const isDisabled = disabled || context.disabled;
+	const onClick = react.useCallback((event) => {
+		onClickProp?.(event);
+		if (event.defaultPrevented) return;
+		store.dispatch({ type: "CLEAR" });
+	}, [store, onClickProp]);
+	if (!(forceMount || fileCount > 0)) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? __radix_ui_react_slot.Slot : "button", {
+		type: "button",
+		"aria-controls": context.listId,
+		"data-slot": "file-upload-clear",
+		"data-disabled": isDisabled ? "" : void 0,
+		...clearProps,
+		disabled: isDisabled,
+		onClick
+	});
+}
+
+//#endregion
+exports.FileUploadClear = FileUploadClear;
+exports.FileUploadDropzone = FileUploadDropzone;
+exports.FileUploadItem = FileUploadItem;
+exports.FileUploadItemDelete = FileUploadItemDelete;
+exports.FileUploadItemMetadata = FileUploadItemMetadata;
+exports.FileUploadItemPreview = FileUploadItemPreview;
+exports.FileUploadItemProgress = FileUploadItemProgress;
+exports.FileUploadList = FileUploadList;
+exports.FileUploadRoot = FileUploadRoot;
+exports.FileUploadTrigger = FileUploadTrigger;
+exports.useStore = useStore;