@skdx/react 0.28.0 → 0.29.0

package/dist/file-upload/FileUpload.d.cts

@@ -5,53 +5,22 @@ import type { FileUploadContextValue, FileUploadHandle, FileUploadProps } from '
  * `<input type="file">` for the OS picker and drag/drop; this component
  * tracks the resulting files, filtering through `accept` and `multiple`.
  */
+/** @internal State a {@link FileUpload} root shares with its parts: files, accept, multiple, disabled, refs, and imperative methods. */
+export declare const FileUploadProvider: React.FC<FileUploadContextValue & {
+    children: React.ReactNode;
+}>, useFileUploadContext: (consumerName: string) => FileUploadContextValue;
 /**
- * Publishes the state a {@link FileUpload} root owns to its parts: `files`,
- * `accept`, `multiple`, `disabled`, refs, and imperative methods. Each part
- * reads it under its own name for error context. Not part of the public API.
- *
- * @internal
- */
-export declare const FileUploadProvider: {
-    (props: FileUploadContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useFileUploadContext: (consumerName: string) => FileUploadContextValue;
-/**
- * Controllable file-selection root: owns a `File[]` list, hands it to parts
- * via context, sets `data-disabled`. Parts proxy to a visually-hidden native
- * `<input type="file">` for OS picker/drag-drop; this component filters
- * through `accept` (native attribute only filters the picker, not drag-drop)
- * and handles `multiple`. Works controlled or uncontrolled.
- *
- * Given no children, derives its own dropzone, trigger, and file list. Given
- * children, renders them verbatim for full manual composition.
+ * Controllable file-selection root that owns a `File[]` list and derives its
+ * own dropzone, trigger, and file list when given no children.
  *
  * @example
  * ```tsx
  * <FileUpload accept="image/*" multiple onValueChange={setFiles} />
  * ```
- *
- * @example Full manual composition — `@skdx/react/primitives/file-upload`.
- * ```tsx
- * import { FileUpload, FileUploadDropzone, FileUploadInput, FileUploadItem, FileUploadItemDelete, FileUploadItemGroup, FileUploadItemName, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger } from '@skdx/react/primitives/file-upload';
- *
- * <FileUpload accept="image/*" multiple onValueChange={setFiles}>
- *   <FileUploadLabel>Attachments</FileUploadLabel>
- *   <FileUploadDropzone>Drag files here</FileUploadDropzone>
- *   <FileUploadTrigger>browse</FileUploadTrigger>
- *   <FileUploadInput />
- *   <FileUploadItemGroup>
- *     {files.map((file) => (
- *       <FileUploadItem key={file.name} file={file}>
- *         <FileUploadItemName />
- *         <FileUploadItemSizeText />
- *         <FileUploadItemDelete />
- *       </FileUploadItem>
- *     ))}
- *   </FileUploadItemGroup>
- * </FileUpload>
- * ```
  */
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & React.RefAttributes<FileUploadHandle>>;
+export declare const FileUpload: {
+    ({ value: valueProp, defaultValue, onValueChange, accept, multiple, disabled, maxFiles, maxFileSize, minFileSize, validator, onFileReject, removeLabel, name, form, required, requiredMessage, readOnly, invalid: invalidProp, directory, capture, preventDocumentDrop, showList, showPreview, fileStatus, renderFile, children, ref: forwardedRef, ...props }: Omit<FileUploadProps, "ref"> & {
+        ref?: React.Ref<FileUploadHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUpload.d.ts

@@ -5,53 +5,22 @@ import type { FileUploadContextValue, FileUploadHandle, FileUploadProps } from '
  * `<input type="file">` for the OS picker and drag/drop; this component
  * tracks the resulting files, filtering through `accept` and `multiple`.
  */
+/** @internal State a {@link FileUpload} root shares with its parts: files, accept, multiple, disabled, refs, and imperative methods. */
+export declare const FileUploadProvider: React.FC<FileUploadContextValue & {
+    children: React.ReactNode;
+}>, useFileUploadContext: (consumerName: string) => FileUploadContextValue;
 /**
- * Publishes the state a {@link FileUpload} root owns to its parts: `files`,
- * `accept`, `multiple`, `disabled`, refs, and imperative methods. Each part
- * reads it under its own name for error context. Not part of the public API.
- *
- * @internal
- */
-export declare const FileUploadProvider: {
-    (props: FileUploadContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useFileUploadContext: (consumerName: string) => FileUploadContextValue;
-/**
- * Controllable file-selection root: owns a `File[]` list, hands it to parts
- * via context, sets `data-disabled`. Parts proxy to a visually-hidden native
- * `<input type="file">` for OS picker/drag-drop; this component filters
- * through `accept` (native attribute only filters the picker, not drag-drop)
- * and handles `multiple`. Works controlled or uncontrolled.
- *
- * Given no children, derives its own dropzone, trigger, and file list. Given
- * children, renders them verbatim for full manual composition.
+ * Controllable file-selection root that owns a `File[]` list and derives its
+ * own dropzone, trigger, and file list when given no children.
  *
  * @example
  * ```tsx
  * <FileUpload accept="image/*" multiple onValueChange={setFiles} />
  * ```
- *
- * @example Full manual composition — `@skdx/react/primitives/file-upload`.
- * ```tsx
- * import { FileUpload, FileUploadDropzone, FileUploadInput, FileUploadItem, FileUploadItemDelete, FileUploadItemGroup, FileUploadItemName, FileUploadItemSizeText, FileUploadLabel, FileUploadTrigger } from '@skdx/react/primitives/file-upload';
- *
- * <FileUpload accept="image/*" multiple onValueChange={setFiles}>
- *   <FileUploadLabel>Attachments</FileUploadLabel>
- *   <FileUploadDropzone>Drag files here</FileUploadDropzone>
- *   <FileUploadTrigger>browse</FileUploadTrigger>
- *   <FileUploadInput />
- *   <FileUploadItemGroup>
- *     {files.map((file) => (
- *       <FileUploadItem key={file.name} file={file}>
- *         <FileUploadItemName />
- *         <FileUploadItemSizeText />
- *         <FileUploadItemDelete />
- *       </FileUploadItem>
- *     ))}
- *   </FileUploadItemGroup>
- * </FileUpload>
- * ```
  */
-export declare const FileUpload: React.ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & React.RefAttributes<FileUploadHandle>>;
+export declare const FileUpload: {
+    ({ value: valueProp, defaultValue, onValueChange, accept, multiple, disabled, maxFiles, maxFileSize, minFileSize, validator, onFileReject, removeLabel, name, form, required, requiredMessage, readOnly, invalid: invalidProp, directory, capture, preventDocumentDrop, showList, showPreview, fileStatus, renderFile, children, ref: forwardedRef, ...props }: Omit<FileUploadProps, "ref"> & {
+        ref?: React.Ref<FileUploadHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUpload.js

@@ -1 +1,2 @@
-import*as a from"react";import{createSafeContext as Ft}from"../utils/createContext.js";import{useFormReset as yt}from"../utils/formControl.js";import{HiddenInput as Fe}from"../utils/hiddenInput.js";import{announce as B}from"../utils/liveAnnouncer.js";import{skdxPart as Ut}from"../utils/part.js";import{Primitive as gt}from"../utils/primitive.js";import{useCallbackRef as bt}from"../utils/useCallbackRef.js";import{useControllableState as vt}from"../utils/useControllableState.js";import{VisuallyHidden as Rt}from"../utils/visuallyHidden.js";import*as k from"react";import{skdxPart as Se}from"../utils/part.js";import{composeEventHandlers as b,Primitive as Me}from"../utils/primitive.js";import{jsx as Oe}from"react/jsx-runtime";var E=k.forwardRef(({disableClick:e=!1,...t},o)=>{let r=p("FileUploadDropzone"),[l,i]=k.useState(!1),y=[t["aria-describedby"],r.required?r.descriptionId:void 0].filter(Boolean).join(" ")||void 0;return Oe(Me.div,{role:"button","aria-labelledby":r.labelPresent?r.labelId:void 0,tabIndex:r.disabled?-1:0,"aria-disabled":r.disabled||r.readOnly||void 0,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,"data-dragging":l?"":void 0,"data-invalid":r.invalid?"":void 0,...t,...Se("file-upload","dropzone",t.className),"aria-describedby":y,ref:o,onClick:b(t.onClick,()=>{e||r.openPicker()}),onKeyDown:b(t.onKeyDown,m=>{(m.key==="Enter"||m.key===" ")&&!r.disabled&&!r.readOnly&&(m.preventDefault(),r.openPicker())}),onDragOver:b(t.onDragOver,m=>{m.preventDefault(),!r.disabled&&!r.readOnly&&i(!0)}),onDragLeave:b(t.onDragLeave,()=>i(!1)),onDrop:b(t.onDrop,m=>{m.preventDefault(),i(!1),!r.disabled&&!r.readOnly&&r.addFiles(m.dataTransfer.files)})})});E.displayName="FileUploadDropzone";import*as te from"react";import{useComposedRefs as Ve}from"../utils/composeRefs.js";import{HiddenInput as Be}from"../utils/hiddenInput.js";import{skdxPart as Ae}from"../utils/part.js";import{composeEventHandlers as $e}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var T=te.forwardRef((e,t)=>{let o=p("FileUploadInput"),r=Ve(t,o.inputRef);return Ge(Be,{type:"file",accept:o.accept,multiple:o.multiple,...o.directory?{webkitdirectory:""}:{},capture:o.capture,disabled:o.disabled||o.readOnly,...e,...Ae("file-upload","input",e.className),ref:r,onChange:$e(e.onChange,l=>{l.target.files&&o.addFiles(l.target.files),l.target.value=""})})});T.displayName="FileUploadInput";import*as re from"react";import{createSafeContext as We}from"../utils/createContext.js";import{skdxPart as qe}from"../utils/part.js";import{Primitive as Ke}from"../utils/primitive.js";import{jsx as oe}from"react/jsx-runtime";var[Je,u]=We("FileUploadItem"),H=re.forwardRef(({file:e,status:t="idle",progress:o,...r},l)=>oe(Je,{file:e,children:oe(Ke.div,{"data-state":t,"data-progress":o,...r,...qe("file-upload","item",r.className),ref:l})}));H.displayName="FileUploadItem";import*as ae from"react";import{skdxPart as Qe}from"../utils/part.js";import{composeEventHandlers as Xe,Primitive as Ye}from"../utils/primitive.js";function ie(e){let t=e.closest('[data-part="root"]');if(!t)return;let o=[...t.querySelectorAll('[data-part="item-delete"]')],r=o.indexOf(e);(o[r+1]??o[r-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}import{jsx as Ze}from"react/jsx-runtime";var N=ae.forwardRef(({file:e,...t},o)=>{let r=p("FileUploadItemDelete"),l=u("FileUploadItemDelete"),i=e??l.file;return Ze(Ye.button,{type:"button","aria-label":r.removeLabel(i.name),disabled:r.disabled||r.readOnly,"data-disabled":r.disabled?"":void 0,"data-readonly":r.readOnly?"":void 0,...t,...Qe("file-upload","item-delete",t.className),ref:o,onClick:Xe(t.onClick,y=>{r.disabled||r.readOnly||(ie(y.currentTarget),r.removeFile(i))})})});N.displayName="FileUploadItemDelete";import*as le from"react";import{skdxPart as _e}from"../utils/part.js";import{Primitive as je}from"../utils/primitive.js";import{jsx as et}from"react/jsx-runtime";var z=le.forwardRef((e,t)=>et(je.div,{...e,..._e("file-upload","item-group",e.className),ref:t}));z.displayName="FileUploadItemGroup";import*as ne from"react";import{skdxPart as tt}from"../utils/part.js";import{Primitive as ot}from"../utils/primitive.js";import{jsx as rt}from"react/jsx-runtime";var S=ne.forwardRef(({children:e,...t},o)=>{let r=u("FileUploadItemName");return rt(ot.span,{...t,...tt("file-upload","item-name",t.className),ref:o,children:e??r.file.name})});S.displayName="FileUploadItemName";import*as se from"react";import{skdxPart as it}from"../utils/part.js";import{Primitive as at}from"../utils/primitive.js";import{jsx as lt}from"react/jsx-runtime";var M=se.forwardRef((e,t)=>(u("FileUploadItemPreview"),lt(at.div,{...e,...it("file-upload","item-preview",e.className),ref:t})));M.displayName="FileUploadItemPreview";import*as pe from"react";import{skdxPart as nt}from"../utils/part.js";import{Primitive as st}from"../utils/primitive.js";import{jsx as pt}from"react/jsx-runtime";var de=["byte","kilobyte","megabyte","gigabyte","terabyte"];function dt(e){let t=e,o=0;for(;t>=1e3&&o<de.length-1;)t/=1e3,o+=1;return new Intl.NumberFormat(void 0,{style:"unit",unit:de[o],unitDisplay:"narrow",maximumFractionDigits:1}).format(t)}var O=pe.forwardRef(({children:e,...t},o)=>{let r=u("FileUploadItemSizeText");return pt(st.span,{...t,...nt("file-upload","item-size",t.className),ref:o,children:e??dt(r.file.size)})});O.displayName="FileUploadItemSizeText";import*as me from"react";import{skdxPart as mt}from"../utils/part.js";import{composeEventHandlers as ft,Primitive as ct}from"../utils/primitive.js";import{jsx as ut}from"react/jsx-runtime";var V=me.forwardRef((e,t)=>{let o=p("FileUploadTrigger");return ut(ct.button,{type:"button",disabled:o.disabled||o.readOnly,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...mt("file-upload","trigger",e.className),ref:t,onClick:ft(e.onClick,r=>{r.stopPropagation(),o.openPicker()})})});V.displayName="FileUploadTrigger";import{Fragment as fe,jsx as c,jsxs as ce}from"react/jsx-runtime";var ue=({showList:e,showPreview:t,renderFile:o,fileStatus:r})=>{let l=p("FileUpload");return ce(fe,{children:[c(E,{children:"Drag files here"}),c(V,{children:"Browse"}),c(T,{}),e?c(z,{children:l.files.map(i=>c(H,{file:i,...r?.(i),children:o?o(i):ce(fe,{children:[t?c(M,{}):null,c(S,{}),c(O,{}),c(N,{})]})},i.name))}):null]})};import{jsx as v,jsxs as Lt}from"react/jsx-runtime";var[Pt,p]=Ft("FileUpload");function It(e,t){if(!t)return!0;let o=t.split(",").map(i=>i.trim().toLowerCase()).filter(Boolean);if(o.length===0)return!0;let r=e.name.toLowerCase(),l=e.type.toLowerCase();return o.some(i=>i.startsWith(".")?r.endsWith(i):i.endsWith("/*")?l.startsWith(i.slice(0,-1)):l===i)}function xt(e){if(typeof DataTransfer>"u")return null;let t=new DataTransfer;for(let o of e)t.items.add(o);return t.files}var ht=e=>`Remove ${e}`;function ye(e){return e.length===0?"":e.length===1?`${e[0]} removed`:`${e.length} files removed`}function Ct(e){return e?"Required. No file selected":"Required"}function kt(e,t){let o=[];if(e>0&&o.push(`${e} ${e===1?"file":"files"} added`),t.length>0){let r=[...new Set(t)].join(", "),l=t.length;o.push(`${l} ${l===1?"file":"files"} refused: ${r}`)}return o.join(". ")}function wt(e,t){let o=[];return It(e,t.accept)||o.push("file-invalid-type"),t.maxFileSize!==void 0&&e.size>t.maxFileSize&&o.push("file-too-large"),t.minFileSize!==void 0&&e.size<t.minFileSize&&o.push("file-too-small"),o.push(...t.validate?.(e)??[]),o}var Ue=a.forwardRef(({value:e,defaultValue:t=[],onValueChange:o,accept:r,multiple:l=!1,disabled:i=!1,maxFiles:y,maxFileSize:m,minFileSize:A,validate:$,onFileReject:G,removeLabel:be=ht,name:W,form:q,required:U=!1,requiredMessage:L,readOnly:f=!1,invalid:ve=!1,directory:Re=!1,capture:Pe,preventDocumentDrop:K=!0,showList:Ie=!0,showPreview:xe=!1,fileStatus:he,renderFile:Ce,children:ke,...J},we)=>{let Q=a.useRef(null),Le=a.useId(),X=a.useId(),[De,Ee]=a.useState(!1),[s=[],F]=vt({prop:e,defaultProp:t,onChange:o}),R=a.useCallback(n=>{if(i||f)return;let d=l?s:[],h=(l?y??1/0:1)-d.length,g=[],ee=[];for(let D of Array.from(n)){let C=wt(D,{accept:r,maxFileSize:m,minFileSize:A,validate:$});if(g.length>=h&&C.push("too-many-files"),C.length>0){ee.push(C[0]),G?.({file:D,errors:C});continue}g.push(D)}B(kt(g.length,ee)),g.length!==0&&F([...d,...g])},[i,f,l,s,y,F,r,m,A,$,G]),Y=a.useRef(R);a.useEffect(()=>{Y.current=R},[R]);let Te=a.useCallback(n=>{if(i||f)return;let d=s.indexOf(n);d!==-1&&(B(ye([n.name])),F([...s.slice(0,d),...s.slice(d+1)]))},[i,f,s,F]),He=a.useCallback(()=>{i||f||s.length===0||(B(ye(s.map(n=>n.name))),F([]))},[i,f,s,F]),Ne=a.useCallback(()=>{!i&&!f&&Q.current?.click()},[i,f]),P=a.useRef(null),I=a.useRef(null),Z=a.useRef(""),x=bt(()=>{let n=I.current;if(!n)return;let d=L&&U&&s.length===0?L:"";n.setCustomValidity(Z.current||d)}),ze=a.useCallback(n=>{Z.current=n,x()},[x]);a.useImperativeHandle(we,()=>{let n={checkValidity:()=>I.current?.checkValidity()??!0,reportValidity:()=>I.current?.reportValidity()??!0,setCustomValidity:ze,addFiles:d=>Y.current(d)};return P.current?Object.assign(P.current,n):n}),yt(P,()=>F(t));let _=a.useRef(null);a.useEffect(()=>{let n=_.current;if(!n)return;let d=xt(s);d&&(n.files=d)},[s]);let j=ve||U&&s.length===0;return a.useEffect(()=>{x()},[x,L,U,s]),a.useEffect(()=>{if(!K)return;let n=d=>{let h=d.target;h instanceof Element&&h.closest('[data-part="dropzone"]')||d.preventDefault()};return document.addEventListener("dragover",n),document.addEventListener("drop",n),()=>{document.removeEventListener("dragover",n),document.removeEventListener("drop",n)}},[K]),Lt(Pt,{inputRef:Q,files:s,disabled:i,accept:r,multiple:l,addFiles:R,removeFile:Te,clearFiles:He,openPicker:Ne,removeLabel:be,readOnly:f,directory:Re,capture:Pe,labelId:Le,labelPresent:De,setLabelPresent:Ee,descriptionId:X,required:U,invalid:j,children:[v(gt.div,{"data-disabled":i?"":void 0,...J,...Ut("file-upload","root",J.className),ref:P,children:ke??v(ue,{showList:Ie,showPreview:xe,renderFile:Ce,fileStatus:he})}),W&&v(Fe,{ref:_,type:"file",name:W,multiple:l,accept:r,disabled:i,form:q}),v(Fe,{ref:I,type:"text",required:U,disabled:i,form:q,value:s.map(n=>n.name).join(", ")}),U&&v(Rt,{id:X,children:Ct(j)})]})});Ue.displayName="FileUpload";import*as w from"react";import{skdxPart as Dt}from"../utils/part.js";import{Primitive as Et}from"../utils/primitive.js";import{jsx as Ht}from"react/jsx-runtime";var Tt=w.forwardRef((e,t)=>{let o=p("FileUploadLabel"),{setLabelPresent:r}=o;return w.useEffect(()=>(r(!0),()=>r(!1)),[r]),Ht(Et.span,{id:o.labelId,...e,...Dt("file-upload","label",e.className),ref:t})});Tt.displayName="FileUploadLabel";import*as ge from"react";import{skdxPart as Nt}from"../utils/part.js";import{composeEventHandlers as zt,Primitive as St}from"../utils/primitive.js";import{jsx as Ot}from"react/jsx-runtime";var Mt=ge.forwardRef((e,t)=>{let o=p("FileUploadClear"),r=o.files.length===0;return Ot(St.button,{type:"button",disabled:o.disabled||o.readOnly||r,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...Nt("file-upload","clear",e.className),ref:t,onClick:zt(e.onClick,()=>{o.clearFiles()})})});Mt.displayName="FileUploadClear";export{Ue as FileUpload,Mt as FileUploadClear,E as FileUploadDropzone,T as FileUploadInput,H as FileUploadItem,N as FileUploadItemDelete,z as FileUploadItemGroup,S as FileUploadItemName,M as FileUploadItemPreview,Je as FileUploadItemProvider,O as FileUploadItemSizeText,Tt as FileUploadLabel,Pt as FileUploadProvider,V as FileUploadTrigger,p as useFileUploadContext,u as useFileUploadItemContext};
+'use client';
+import*as a from"react";import{createSafeContext as lt}from"../utils/createContext.js";import{useFormReset as at}from"../utils/formControl.js";import{HiddenInput as _}from"../utils/hiddenInput.js";import{announce as A}from"../utils/liveAnnouncer.js";import{skdxPart as nt}from"../utils/part.js";import{Primitive as dt}from"../utils/primitive.js";import{useCallbackRef as st}from"../utils/useCallbackRef.js";import{useControllableState as pt}from"../utils/useControllableState.js";import{VisuallyHidden as mt}from"../utils/visuallyHidden.js";import{Glyph as rt}from"../utils/Glyph.js";import*as J from"react";import{skdxPart as xe}from"../utils/part.js";import{composeEventHandlers as x,Primitive as Ce}from"../utils/primitive.js";import{jsx as he}from"react/jsx-runtime";var L=({disableClick:r=!1,ref:t,...e})=>{let o=d("FileUploadDropzone"),[l,i]=J.useState(!1),c=[e["aria-describedby"],o.required?o.descriptionId:void 0].filter(Boolean).join(" ")||void 0;return he(Ce.div,{role:"button","aria-labelledby":o.labelPresent?o.labelId:void 0,tabIndex:o.disabled?-1:0,"aria-disabled":o.disabled||o.readOnly||void 0,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-dragging":l?"":void 0,"data-invalid":o.invalid?"":void 0,...e,...xe("file-upload","dropzone",e.className),"aria-describedby":c,ref:t,onClick:x(e.onClick,()=>{r||o.openPicker()}),onKeyDown:x(e.onKeyDown,n=>{(n.key==="Enter"||n.key===" ")&&!o.disabled&&!o.readOnly&&(n.preventDefault(),o.openPicker())}),onDragOver:x(e.onDragOver,n=>{n.preventDefault(),!o.disabled&&!o.readOnly&&i(!0)}),onDragLeave:x(e.onDragLeave,()=>i(!1)),onDrop:x(e.onDrop,n=>{n.preventDefault(),i(!1),!o.disabled&&!o.readOnly&&o.addFiles(n.dataTransfer.files)})})};L.displayName="FileUploadDropzone";import{useComposedRefs as ke}from"../utils/composeRefs.js";import{HiddenInput as Ne}from"../utils/hiddenInput.js";import{skdxPart as De}from"../utils/part.js";import{composeEventHandlers as Le}from"../utils/primitive.js";import{jsx as Ee}from"react/jsx-runtime";var E=({ref:r,...t})=>{let e=d("FileUploadInput"),o=ke(r,e.inputRef);return Ee(Ne,{type:"file",accept:e.accept,multiple:e.multiple,...e.directory?{webkitdirectory:""}:{},capture:e.capture,disabled:e.disabled||e.readOnly,...t,...De("file-upload","input",t.className),ref:o,onChange:Le(t.onChange,l=>{l.target.files&&e.addFiles(l.target.files),l.target.value=""})})};E.displayName="FileUploadInput";import{createSafeContext as we}from"../utils/createContext.js";import{skdxPart as Te}from"../utils/part.js";import{Primitive as He}from"../utils/primitive.js";import{jsx as K}from"react/jsx-runtime";var[ze,U]=we("FileUploadItem"),w=({file:r,status:t="idle",progress:e,ref:o,...l})=>K(ze,{file:r,children:K(He.div,{"data-state":t,"data-progress":e,...l,...Te("file-upload","item",l.className),ref:o})});w.displayName="FileUploadItem";import{skdxPart as Se}from"../utils/part.js";import{composeEventHandlers as Oe,Primitive as Ve}from"../utils/primitive.js";function X(r){let t=r.closest('[data-part="root"]');if(!t)return;let e=[...t.querySelectorAll('[data-part="item-delete"]')],o=e.indexOf(r);(e[o+1]??e[o-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}import{jsx as Ae}from"react/jsx-runtime";var T=({file:r,ref:t,...e})=>{let o=d("FileUploadItemDelete"),l=U("FileUploadItemDelete"),i=r??l.file;return Ae(Ve.button,{type:"button","aria-label":o.removeLabel(i.name),disabled:o.disabled||o.readOnly,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...Se("file-upload","item-delete",e.className),ref:t,onClick:Oe(e.onClick,c=>{o.disabled||o.readOnly||(X(c.currentTarget),o.removeFile(i))})})};T.displayName="FileUploadItemDelete";import{skdxPart as Me}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var H=({ref:r,...t})=>Ge($e.div,{...t,...Me("file-upload","item-group",t.className),ref:r});H.displayName="FileUploadItemGroup";import{skdxPart as qe}from"../utils/part.js";import{Primitive as Be}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var z=({children:r,ref:t,...e})=>{let o=U("FileUploadItemName");return We(Be.span,{...e,...qe("file-upload","item-name",e.className),ref:t,children:r??o.file.name})};z.displayName="FileUploadItemName";import{skdxPart as Je}from"../utils/part.js";import{Primitive as Ke}from"../utils/primitive.js";import{jsx as Xe}from"react/jsx-runtime";var S=({ref:r,...t})=>(U("FileUploadItemPreview"),Xe(Ke.div,{...t,...Je("file-upload","item-preview",t.className),ref:r}));S.displayName="FileUploadItemPreview";import{formatFileSize as Qe}from"../utils/format-file-size.js";import{skdxPart as Ye}from"../utils/part.js";import{Primitive as Ze}from"../utils/primitive.js";import{jsx as _e}from"react/jsx-runtime";var O=({children:r,ref:t,...e})=>{let o=U("FileUploadItemSizeText");return _e(Ze.span,{...e,...Ye("file-upload","item-size",e.className),ref:t,children:r??Qe(o.file.size)})};O.displayName="FileUploadItemSizeText";import{skdxPart as je}from"../utils/part.js";import{composeEventHandlers as et,Primitive as tt}from"../utils/primitive.js";import{jsx as ot}from"react/jsx-runtime";var V=({ref:r,...t})=>{let e=d("FileUploadTrigger");return ot(tt.button,{type:"button",disabled:e.disabled||e.readOnly,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...je("file-upload","trigger",t.className),ref:r,onClick:et(t.onClick,o=>{o.stopPropagation(),e.openPicker()})})};V.displayName="FileUploadTrigger";import{Fragment as Q,jsx as f,jsxs as Y}from"react/jsx-runtime";var it=()=>f(rt,{name:"close"}),Z=({showList:r,showPreview:t,renderFile:e,fileStatus:o})=>{let l=d("FileUpload");return Y(Q,{children:[f(L,{children:"Drag files here"}),f(V,{children:"Browse"}),f(E,{}),r?f(H,{children:l.files.map(i=>f(w,{file:i,...o?.(i),children:e?e(i):Y(Q,{children:[t?f(S,{}):null,f(z,{}),f(O,{}),f(T,{children:f(it,{})})]})},i.name))}):null]})};import{Fragment as xt,jsx as C,jsxs as te}from"react/jsx-runtime";var[ft,d]=lt("FileUpload");function ct(r,t){if(!t)return!0;let e=t.split(",").map(i=>i.trim().toLowerCase()).filter(Boolean);if(e.length===0)return!0;let o=r.name.toLowerCase(),l=r.type.toLowerCase();return e.some(i=>i.startsWith(".")?o.endsWith(i):i.endsWith("/*")?l.startsWith(i.slice(0,-1)):l===i)}function ut(r){if(typeof DataTransfer>"u")return null;let t=new DataTransfer;for(let e of r)t.items.add(e);return t.files}var Ft=r=>`Remove ${r}`;function j(r){return r.length===0?"":r.length===1?`${r[0]} removed`:`${r.length} files removed`}function yt(r){return r?"Required. No file selected":"Required"}function Ut(r,t){let e=[];if(r>0&&e.push(`${r} ${r===1?"file":"files"} added`),t.length>0){let o=[...new Set(t)].join(", "),l=t.length;e.push(`${l} ${l===1?"file":"files"} refused: ${o}`)}return e.join(". ")}function Rt(r,t){let e=[];return ct(r,t.accept)||e.push("file-invalid-type"),t.maxFileSize!==void 0&&r.size>t.maxFileSize&&e.push("file-too-large"),t.minFileSize!==void 0&&r.size<t.minFileSize&&e.push("file-too-small"),e.push(...t.validator?.(r)??[]),e}function bt(r,t,e){return r||t&&e===0}function gt(r,t){return{"data-disabled":r?"":void 0,"data-readonly":t?"":void 0}}function vt({forwardedRef:r,requiredMessage:t,required:e,files:o,setFiles:l,defaultValue:i,addFilesRef:c}){let n=a.useRef(null),F=a.useRef(null),R=a.useRef(""),y=st(()=>{let p=F.current;if(!p)return;let m=t&&e&&o.length===0?t:"";p.setCustomValidity(R.current||m)}),I=p=>{R.current=p,y()};a.useImperativeHandle(r,()=>{let p={checkValidity:()=>F.current?.checkValidity()??!0,reportValidity:()=>F.current?.reportValidity()??!0,setCustomValidity:I,addFiles:m=>c.current(m)};return n.current?Object.assign(n.current,p):p}),at(n,()=>l(i));let h=a.useRef(null);return a.useEffect(()=>{let p=h.current;if(!p)return;let m=ut(o);m&&(p.files=m)},[o]),a.useEffect(()=>{y()},[y,t,e,o]),{rootRef:n,validityRef:F,formInputRef:h}}function It({name:r,form:t,multiple:e,accept:o,disabled:l,required:i,invalid:c,files:n,formInputRef:F,validityRef:R,descriptionId:y}){return te(xt,{children:[r?C(_,{ref:F,type:"file",name:r,multiple:e,accept:o,disabled:l,form:t}):null,C(_,{ref:R,type:"text",required:i,disabled:l,form:t,value:n.map(I=>I.name).join(", ")}),i?C(mt,{id:y,children:yt(c)}):null]})}function Pt(r){a.useEffect(()=>{if(!r)return;let t=e=>{let o=e.target;o instanceof Element&&o.closest('[data-part="dropzone"]')||e.preventDefault()};return document.addEventListener("dragover",t),document.addEventListener("drop",t),()=>{document.removeEventListener("dragover",t),document.removeEventListener("drop",t)}},[r])}var ee=({value:r,defaultValue:t=[],onValueChange:e,accept:o,multiple:l=!1,disabled:i=!1,maxFiles:c,maxFileSize:n,minFileSize:F,validator:R,onFileReject:y,removeLabel:I=Ft,name:h,form:p,required:m=!1,requiredMessage:re,readOnly:u=!1,invalid:ie=!1,directory:le=!1,capture:ae,preventDocumentDrop:ne=!0,showList:de=!0,showPreview:se=!1,fileStatus:pe,renderFile:me,children:fe,ref:ce,...M})=>{let $=a.useRef(null),ue=a.useId(),G=a.useId(),[Fe,ye]=a.useState(!1),[s=[],b]=pt({prop:r,defaultProp:t,onChange:e}),k=a.useCallback(g=>{if(i||u)return;let v=l?s:[],Pe=(l?c??1/0:1)-v.length,P=[],W=[];for(let D of Array.from(g)){let N=Rt(D,{accept:o,maxFileSize:n,minFileSize:F,validator:R});if(P.length>=Pe&&N.push("too-many-files"),N.length>0){W.push(N[0]),y?.({file:D,errors:N});continue}P.push(D)}A(Ut(P.length,W)),P.length!==0&&b([...v,...P])},[i,u,l,s,c,b,o,n,F,R,y]),q=a.useRef(k);a.useEffect(()=>{q.current=k},[k]);let Ue=a.useCallback(g=>{if(i||u)return;let v=s.indexOf(g);v!==-1&&(A(j([g.name])),b([...s.slice(0,v),...s.slice(v+1)]))},[i,u,s,b]),Re=a.useCallback(()=>{i||u||s.length===0||(A(j(s.map(g=>g.name))),b([]))},[i,u,s,b]),be=a.useCallback(()=>{!i&&!u&&$.current?.click()},[i,u]),{rootRef:ge,validityRef:ve,formInputRef:Ie}=vt({forwardedRef:ce,requiredMessage:re,required:m,files:s,setFiles:b,defaultValue:t,addFilesRef:q}),B=bt(ie,m,s.length);return Pt(ne),te(ft,{inputRef:$,files:s,disabled:i,accept:o,multiple:l,addFiles:k,removeFile:Ue,clearFiles:Re,openPicker:be,removeLabel:I,readOnly:u,directory:le,capture:ae,labelId:ue,labelPresent:Fe,setLabelPresent:ye,descriptionId:G,required:m,invalid:B,children:[C(dt.div,{...gt(i,u),...M,...nt("file-upload","root",M.className),ref:ge,children:fe??C(Z,{showList:de,showPreview:se,renderFile:me,fileStatus:pe})}),It({name:h,form:p,multiple:l,accept:o,disabled:i,required:m,invalid:B,files:s,formInputRef:Ie,validityRef:ve,descriptionId:G})]})};ee.displayName="FileUpload";import*as oe from"react";import{skdxPart as Ct}from"../utils/part.js";import{Primitive as ht}from"../utils/primitive.js";import{jsx as Nt}from"react/jsx-runtime";var kt=({ref:r,...t})=>{let e=d("FileUploadLabel"),{setLabelPresent:o}=e;return oe.useEffect(()=>(o(!0),()=>o(!1)),[o]),Nt(ht.span,{id:e.labelId,...t,...Ct("file-upload","label",t.className),ref:r})};kt.displayName="FileUploadLabel";import{skdxPart as Dt}from"../utils/part.js";import{composeEventHandlers as Lt,Primitive as Et}from"../utils/primitive.js";import{jsx as Tt}from"react/jsx-runtime";var wt=({ref:r,...t})=>{let e=d("FileUploadClear"),o=e.files.length===0;return Tt(Et.button,{type:"button",disabled:e.disabled||e.readOnly||o,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...Dt("file-upload","clear",t.className),ref:r,onClick:Lt(t.onClick,()=>{e.clearFiles()})})};wt.displayName="FileUploadClear";export{ee as FileUpload,wt as FileUploadClear,L as FileUploadDropzone,E as FileUploadInput,w as FileUploadItem,T as FileUploadItemDelete,H as FileUploadItemGroup,z as FileUploadItemName,S as FileUploadItemPreview,ze as FileUploadItemProvider,O as FileUploadItemSizeText,kt as FileUploadLabel,ft as FileUploadProvider,V as FileUploadTrigger,d as useFileUploadContext,U as useFileUploadItemContext};

package/dist/file-upload/FileUploadAnatomy.d.cts

@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import type { FileUploadProps } from './types.cjs';
 /**
  * The anatomy a {@link FileUpload} draws given no manually-composed children:
@@ -6,4 +7,4 @@ import type { FileUploadProps } from './types.cjs';
  *
  * @internal
  */
-export declare const FileUploadAnatomy: ({ showList, showPreview, renderFile, fileStatus, }: Pick<FileUploadProps, "showList" | "showPreview" | "renderFile" | "fileStatus">) => import("react").JSX.Element;
+export declare const FileUploadAnatomy: ({ showList, showPreview, renderFile, fileStatus, }: Pick<FileUploadProps, "showList" | "showPreview" | "renderFile" | "fileStatus">) => JSX.Element;

package/dist/file-upload/FileUploadAnatomy.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import type { FileUploadProps } from './types.js';
 /**
  * The anatomy a {@link FileUpload} draws given no manually-composed children:
@@ -6,4 +7,4 @@ import type { FileUploadProps } from './types.js';
  *
  * @internal
  */
-export declare const FileUploadAnatomy: ({ showList, showPreview, renderFile, fileStatus, }: Pick<FileUploadProps, "showList" | "showPreview" | "renderFile" | "fileStatus">) => import("react").JSX.Element;
+export declare const FileUploadAnatomy: ({ showList, showPreview, renderFile, fileStatus, }: Pick<FileUploadProps, "showList" | "showPreview" | "renderFile" | "fileStatus">) => JSX.Element;

package/dist/file-upload/FileUploadClear.d.cts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadClearProps } from './types.cjs';
 /**
- * Button that empties file list, firing single `onValueChange([])`. Disabled when list is empty, root is disabled/readOnly, or list is already empty (to prevent "broken control" appearance for screen reader users).
+ * Button that empties the file list, firing a single `onValueChange([])`.
  *
  * @example
  * ```tsx
@@ -12,4 +12,7 @@ import type { FileUploadClearProps } from './types.cjs';
  * </FileUpload>
  * ```
  */
-export declare const FileUploadClear: React.ForwardRefExoticComponent<Omit<FileUploadClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadClear: {
+    ({ ref: forwardedRef, ...props }: FileUploadClearProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadClear.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadClearProps } from './types.js';
 /**
- * Button that empties file list, firing single `onValueChange([])`. Disabled when list is empty, root is disabled/readOnly, or list is already empty (to prevent "broken control" appearance for screen reader users).
+ * Button that empties the file list, firing a single `onValueChange([])`.
  *
  * @example
  * ```tsx
@@ -12,4 +12,7 @@ import type { FileUploadClearProps } from './types.js';
  * </FileUpload>
  * ```
  */
-export declare const FileUploadClear: React.ForwardRefExoticComponent<Omit<FileUploadClearProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadClear: {
+    ({ ref: forwardedRef, ...props }: FileUploadClearProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadDropzone.d.cts

@@ -1,13 +1,8 @@
 import * as React from 'react';
 import type { FileUploadDropzoneProps } from './types.cjs';
 /**
- * Drag-drop / click-to-browse target: `role="button"`, keyboard activatable
- * (Enter/Space), with `aria-disabled` and `data-dragging` reflecting state.
- * Siblings (not children): `FileUploadTrigger` and `FileUploadInput`.
- *
- * Must be named: it's the only accessible part (input is `aria-hidden`).
- * Content text is the name; use `FileUploadLabel` with `aria-labelledby` for external labels.
- * Pass `disableClick` to disable only clicking, not drag-drop or keyboard.
+ * Drag-drop / click-to-browse target, rendered as a keyboard-activatable
+ * `role="button"` reflecting drag and disabled state.
  *
  * @example
  * ```tsx
@@ -17,4 +12,7 @@ import type { FileUploadDropzoneProps } from './types.cjs';
  * <FileUploadInput />
  * ```
  */
-export declare const FileUploadDropzone: React.ForwardRefExoticComponent<Omit<FileUploadDropzoneProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadDropzone: {
+    ({ disableClick, ref: forwardedRef, ...props }: FileUploadDropzoneProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadDropzone.d.ts

@@ -1,13 +1,8 @@
 import * as React from 'react';
 import type { FileUploadDropzoneProps } from './types.js';
 /**
- * Drag-drop / click-to-browse target: `role="button"`, keyboard activatable
- * (Enter/Space), with `aria-disabled` and `data-dragging` reflecting state.
- * Siblings (not children): `FileUploadTrigger` and `FileUploadInput`.
- *
- * Must be named: it's the only accessible part (input is `aria-hidden`).
- * Content text is the name; use `FileUploadLabel` with `aria-labelledby` for external labels.
- * Pass `disableClick` to disable only clicking, not drag-drop or keyboard.
+ * Drag-drop / click-to-browse target, rendered as a keyboard-activatable
+ * `role="button"` reflecting drag and disabled state.
  *
  * @example
  * ```tsx
@@ -17,4 +12,7 @@ import type { FileUploadDropzoneProps } from './types.js';
  * <FileUploadInput />
  * ```
  */
-export declare const FileUploadDropzone: React.ForwardRefExoticComponent<Omit<FileUploadDropzoneProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadDropzone: {
+    ({ disableClick, ref: forwardedRef, ...props }: FileUploadDropzoneProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadInput.d.cts

@@ -1,11 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadInputProps } from './types.cjs';
 /**
- * The visually-hidden native `<input type="file">` that actually opens the
- * OS file dialog and receives its selection. Its `accept`, `multiple`, and
- * `disabled` come from the enclosing `FileUpload`. Render it once anywhere
- * inside `FileUpload` — `FileUploadDropzone`/`FileUploadTrigger` open it
- * programmatically, you never need to interact with it directly.
+ * The visually-hidden native `<input type="file">` that opens the OS file
+ * dialog and receives its selection.
  *
  * @example
  * ```tsx
@@ -13,4 +10,9 @@ import type { FileUploadInputProps } from './types.cjs';
  * <FileUploadInput />
  * ```
  */
-export declare const FileUploadInput: React.ForwardRefExoticComponent<FileUploadInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileUploadInput: {
+    ({ ref: forwardedRef, ...props }: Omit<FileUploadInputProps, "ref"> & {
+        ref?: React.Ref<HTMLInputElement> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadInput.d.ts

@@ -1,11 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadInputProps } from './types.js';
 /**
- * The visually-hidden native `<input type="file">` that actually opens the
- * OS file dialog and receives its selection. Its `accept`, `multiple`, and
- * `disabled` come from the enclosing `FileUpload`. Render it once anywhere
- * inside `FileUpload` — `FileUploadDropzone`/`FileUploadTrigger` open it
- * programmatically, you never need to interact with it directly.
+ * The visually-hidden native `<input type="file">` that opens the OS file
+ * dialog and receives its selection.
  *
  * @example
  * ```tsx
@@ -13,4 +10,9 @@ import type { FileUploadInputProps } from './types.js';
  * <FileUploadInput />
  * ```
  */
-export declare const FileUploadInput: React.ForwardRefExoticComponent<FileUploadInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const FileUploadInput: {
+    ({ ref: forwardedRef, ...props }: Omit<FileUploadInputProps, "ref"> & {
+        ref?: React.Ref<HTMLInputElement> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItem.d.cts

@@ -1,26 +1,11 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemContextValue, FileUploadItemProps } from './types.cjs';
+/** @internal Reads the file one {@link FileUploadItem} row is showing. */
+export declare const FileUploadItemProvider: React.FC<FileUploadItemContextValue & {
+    children: React.ReactNode;
+}>, useFileUploadItemContext: (consumerName: string) => FileUploadItemContextValue;
 /**
- * Reads the file one {@link FileUploadItem} row is showing.
- *
- * `FileUploadItemName`, `FileUploadItemSizeText`, `FileUploadItemPreview` and
- * `FileUploadItemDelete` each read it under their own name, which is the name
- * the hook puts in the error it throws when one of them is rendered outside a
- * row — every one of those parts describes or acts on a specific file, and
- * there is no sensible default for "which one". Not part of the public API.
- *
- * @internal
- */
-export declare const FileUploadItemProvider: {
-    (props: FileUploadItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useFileUploadItemContext: (consumerName: string) => FileUploadItemContextValue;
-/**
- * Row for a single selected file. Publishes file to nested parts; `status`/`progress`
- * are consumer-provided and surface as `data-state` / `data-progress` for styling.
- * File identifier (not index) used so delete buttons don't change meaning when rows renumber.
+ * Row for a single selected file, surfacing consumer-provided `status`/`progress` as `data-state`/`data-progress`.
  *
  * @example
  * ```tsx
@@ -33,4 +18,7 @@ export declare const FileUploadItemProvider: {
  * ))}
  * ```
  */
-export declare const FileUploadItem: React.ForwardRefExoticComponent<Omit<FileUploadItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItem: {
+    ({ file, status, progress, ref: forwardedRef, ...props }: FileUploadItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItem.d.ts

@@ -1,26 +1,11 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemContextValue, FileUploadItemProps } from './types.js';
+/** @internal Reads the file one {@link FileUploadItem} row is showing. */
+export declare const FileUploadItemProvider: React.FC<FileUploadItemContextValue & {
+    children: React.ReactNode;
+}>, useFileUploadItemContext: (consumerName: string) => FileUploadItemContextValue;
 /**
- * Reads the file one {@link FileUploadItem} row is showing.
- *
- * `FileUploadItemName`, `FileUploadItemSizeText`, `FileUploadItemPreview` and
- * `FileUploadItemDelete` each read it under their own name, which is the name
- * the hook puts in the error it throws when one of them is rendered outside a
- * row — every one of those parts describes or acts on a specific file, and
- * there is no sensible default for "which one". Not part of the public API.
- *
- * @internal
- */
-export declare const FileUploadItemProvider: {
-    (props: FileUploadItemContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useFileUploadItemContext: (consumerName: string) => FileUploadItemContextValue;
-/**
- * Row for a single selected file. Publishes file to nested parts; `status`/`progress`
- * are consumer-provided and surface as `data-state` / `data-progress` for styling.
- * File identifier (not index) used so delete buttons don't change meaning when rows renumber.
+ * Row for a single selected file, surfacing consumer-provided `status`/`progress` as `data-state`/`data-progress`.
  *
  * @example
  * ```tsx
@@ -33,4 +18,7 @@ export declare const FileUploadItemProvider: {
  * ))}
  * ```
  */
-export declare const FileUploadItem: React.ForwardRefExoticComponent<Omit<FileUploadItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItem: {
+    ({ file, status, progress, ref: forwardedRef, ...props }: FileUploadItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemDelete.d.cts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemDeleteProps } from './types.cjs';
 /**
- * Removes one file when clicked. Its accessible name says which file —
- * `"Remove report.pdf"` — per the root's `removeLabel`. Focus moves to the
- * next delete button before the row unmounts, keeping keyboard users in the list.
+ * Removes one file when clicked, moving focus to the next delete button first so keyboard users stay in the list.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { FileUploadItemDeleteProps } from './types.cjs';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemDelete: React.ForwardRefExoticComponent<Omit<FileUploadItemDeleteProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadItemDelete: {
+    ({ file, ref: forwardedRef, ...props }: FileUploadItemDeleteProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemDelete.d.ts

@@ -1,9 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemDeleteProps } from './types.js';
 /**
- * Removes one file when clicked. Its accessible name says which file —
- * `"Remove report.pdf"` — per the root's `removeLabel`. Focus moves to the
- * next delete button before the row unmounts, keeping keyboard users in the list.
+ * Removes one file when clicked, moving focus to the next delete button first so keyboard users stay in the list.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { FileUploadItemDeleteProps } from './types.js';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemDelete: React.ForwardRefExoticComponent<Omit<FileUploadItemDeleteProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const FileUploadItemDelete: {
+    ({ file, ref: forwardedRef, ...props }: FileUploadItemDeleteProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemGroup.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemGroupProps } from './types.cjs';
 /**
  * Wrapper container for FileUploadItem rows. Groups siblings for styling and optional `asChild` list semantics.
@@ -14,4 +14,7 @@ import type { FileUploadItemGroupProps } from './types.cjs';
  * </FileUploadItemGroup>
  * ```
  */
-export declare const FileUploadItemGroup: React.ForwardRefExoticComponent<Omit<FileUploadItemGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItemGroup: {
+    ({ ref: forwardedRef, ...props }: FileUploadItemGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemGroup.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemGroupProps } from './types.js';
 /**
  * Wrapper container for FileUploadItem rows. Groups siblings for styling and optional `asChild` list semantics.
@@ -14,4 +14,7 @@ import type { FileUploadItemGroupProps } from './types.js';
  * </FileUploadItemGroup>
  * ```
  */
-export declare const FileUploadItemGroup: React.ForwardRefExoticComponent<Omit<FileUploadItemGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItemGroup: {
+    ({ ref: forwardedRef, ...props }: FileUploadItemGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemName.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemNameProps } from './types.cjs';
 /**
  * File name from the enclosing FileUploadItem. Accessible text, not decoration (the only row distinguisher).
@@ -10,4 +10,7 @@ import type { FileUploadItemNameProps } from './types.cjs';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemName: React.ForwardRefExoticComponent<Omit<FileUploadItemNameProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadItemName: {
+    ({ children, ref: forwardedRef, ...props }: FileUploadItemNameProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemName.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemNameProps } from './types.js';
 /**
  * File name from the enclosing FileUploadItem. Accessible text, not decoration (the only row distinguisher).
@@ -10,4 +10,7 @@ import type { FileUploadItemNameProps } from './types.js';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemName: React.ForwardRefExoticComponent<Omit<FileUploadItemNameProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadItemName: {
+    ({ children, ref: forwardedRef, ...props }: FileUploadItemNameProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemPreview.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemPreviewProps } from './types.cjs';
 /**
  * Thumbnail or file-type icon slot in `FileUploadItem` — does not render images itself (object URL lifetime is yours to manage).
@@ -10,4 +10,7 @@ import type { FileUploadItemPreviewProps } from './types.cjs';
  * </FileUploadItemPreview>
  * ```
  */
-export declare const FileUploadItemPreview: React.ForwardRefExoticComponent<Omit<FileUploadItemPreviewProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItemPreview: {
+    ({ ref: forwardedRef, ...props }: FileUploadItemPreviewProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemPreview.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemPreviewProps } from './types.js';
 /**
  * Thumbnail or file-type icon slot in `FileUploadItem` — does not render images itself (object URL lifetime is yours to manage).
@@ -10,4 +10,7 @@ import type { FileUploadItemPreviewProps } from './types.js';
  * </FileUploadItemPreview>
  * ```
  */
-export declare const FileUploadItemPreview: React.ForwardRefExoticComponent<Omit<FileUploadItemPreviewProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const FileUploadItemPreview: {
+    ({ ref: forwardedRef, ...props }: FileUploadItemPreviewProps): React.ReactNode;
+    displayName: string;
+};

package/dist/file-upload/FileUploadItemSizeText.d.cts

@@ -1,12 +1,7 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { FileUploadItemSizeTextProps } from './types.cjs';
 /**
- * The file's size, as readable text — `999B`, `1.5kB`, `1.2MB` — taken from
- * the enclosing `FileUploadItem`. Renders a `<span>`.
- *
- * A raw `File.size` is a byte count that tells a reader nothing and is read
- * digit by digit by a screen reader, so this part formats it. Pass children
- * to render the size yourself; they replace the text entirely.
+ * The file's size as readable text — `999B`, `1.5kB`, `1.2MB` — formatted from the enclosing `FileUploadItem`'s raw byte count.
  *
  * @example
  * ```tsx
@@ -16,4 +11,7 @@ import type { FileUploadItemSizeTextProps } from './types.cjs';
  * </FileUploadItem>
  * ```
  */
-export declare const FileUploadItemSizeText: React.ForwardRefExoticComponent<Omit<FileUploadItemSizeTextProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const FileUploadItemSizeText: {
+    ({ children, ref: forwardedRef, ...props }: FileUploadItemSizeTextProps): React.ReactNode;
+    displayName: string;
+};