@uselets/ui 1.20.4 → 2.0.1

package/dist/components/dropzone.d.ts

@@ -39,16 +39,33 @@ export type DropzoneValidation = {
   maxFiles?: number;
 };
 export type UseDropzoneProps<TUploadResult, TUploadError = string> = {
+  /** Uploads one file. Resolve to `{ status: 'success', result }` or `{ status: 'error', error }`. */
   onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>;
+  /** Called when a file is removed, with its id. */
   onRemoveFile?: (id: string) => void | Promise<void>;
+  /** Called with the result of each successful upload. */
   onFileUploaded?: (result: TUploadResult) => void;
+  /** Called with the error of each failed upload. */
   onFileUploadError?: (error: TUploadError) => void;
+  /** Called when every pending upload has finished. */
   onAllUploaded?: () => void;
+  /** Called with the validation message when dropped files are rejected, or `undefined` when cleared. */
   onRootError?: (error: string | undefined) => void;
+  /** Turns an upload error into the message shown for the file. */
   shapeUploadError?: (error: TUploadError) => string | undefined;
+  /** Maximum number of retries per file. Unlimited when omitted. */
   maxRetryCount?: number;
+  /**
+   * Retries failed uploads automatically, up to `maxRetryCount`.
+   * @default false
+   */
   autoRetry?: boolean;
+  /** File rules: `accept`, `minSize`, `maxSize` (bytes) and `maxFiles`. */
   validation?: DropzoneValidation;
+  /**
+   * Removes the oldest files when new ones exceed `maxFiles`, instead of rejecting them.
+   * @default false
+   */
   shiftOnMaxFiles?: boolean;
 };
 export interface UseDropzoneReturn<TUploadResult, TUploadError> {
@@ -72,6 +89,7 @@ export type DropzoneAreaProps = React.ComponentProps<'div'>;
 export type DropzoneDescriptionProps = React.ComponentProps<'p'>;
 export type DropzoneFileListProps = React.ComponentProps<'ol'>;
 export type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {
+  /** File status from `fileStatuses`, used by the parts inside the item. */
   file: DropzoneFileStatus<TUploadResult, TUploadError>;
 };
 export type DropzoneFileMessageProps = React.ComponentProps<'p'>;
@@ -80,6 +98,7 @@ export type DropzoneRemoveFileProps = ButtonProps;
 export type DropzoneRetryFileProps = ButtonProps;
 export type DropzoneTriggerProps = ButtonProps;
 export type InfiniteProgressProps = React.ComponentProps<'div'> & {
+  /** Upload status shown by the bar. */
   status: 'pending' | 'success' | 'error';
 };
 declare function useDropzone<TUploadResult, TUploadError = string>(props: UseDropzoneProps<TUploadResult, TUploadError>): UseDropzoneReturn<TUploadResult, TUploadError>;

package/dist/components/dropzone.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import*as a from"react";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=a.createContext(null),f=a.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=a.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=a.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:r,onFileUploaded:i,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=a.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=a.useState(void 0),b=a.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=a.useReducer(fileStatusReducer,[]),C=a.useCallback(e=>`${h}-${e}-message`,[h]),w=a.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=a.useCallback(async(e,n,a=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&a<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,a+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,r)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),i?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,r)}),c?.(t)}},[f,t,d,c,i,r]),E=a.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=a.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=a.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return/* @__PURE__ */ r(d.Provider,{value:t,children:e})}const p=a.forwardRef(({className:t,children:a,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:e(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,t)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return/* @__PURE__ */ i(`div`,{...d,ref:n(s,u),children:[/* @__PURE__ */ r(`input`,{...f}),a]})}),m=a.forwardRef(({className:t,...n},i)=>{let a=useDropzoneContext();return/* @__PURE__ */ r(`p`,{ref:i,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})}),h=a.forwardRef(({className:t,...n},i)=>(useDropzoneContext(),/* @__PURE__ */ r(`ol`,{ref:i,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=a.forwardRef(({className:t,file:n,children:i,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=a.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return/* @__PURE__ */ r(f.Provider,{value:p,children:/* @__PURE__ */ r(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,t),...o,children:i})})}),_=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return/* @__PURE__ */ r(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:e(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,t),...i,children:s})}),v=a.forwardRef(({className:t,children:n,...i},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return/* @__PURE__ */ r(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...i,children:s})}),y=a.forwardRef(({className:n,onClick:i,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,i]);return/* @__PURE__ */ r(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=a.forwardRef(({className:n,disabled:i,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=i||!f.canRetry,m=a.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return/* @__PURE__ */ r(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=a.forwardRef(({className:n,onClick:i,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=a.useCallback(e=>{i?.(e),!e.defaultPrevented&&d.open()},[d,i]);return/* @__PURE__ */ r(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(n),onClick:p,size:o,type:s,variant:c,...l})}),S=a.forwardRef(({className:t,status:n,...i},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return/* @__PURE__ */ r(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...i,children:/* @__PURE__ */ r(`div`,{className:e(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Button as t}from"./button.js";import{composeRefs as n}from"../lib/compose-refs.js";import*as r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{ErrorCode as o,useDropzone as s}from"react-dropzone";const c=[o.FileInvalidType,o.FileTooLarge,o.FileTooSmall,o.TooManyFiles],l=new Set(c),u={pending:`indeterminate`,success:`100%`,error:`error`},d=r.createContext(null),f=r.createContext(null);function fileStatusReducer(e,t){switch(t.type){case`add`:return[...e,{id:t.id,fileName:t.fileName,file:t.file,status:`pending`,tries:1}];case`remove`:return e.filter(e=>e.id!==t.id);case`update-status`:return e.map(e=>e.id===t.id?t.status===`pending`?{...e,status:`pending`,error:void 0,message:void 0,result:void 0,tries:e.tries+1}:t.status===`error`?{...e,status:`error`,error:t.error,message:t.message,result:void 0}:{...e,status:`success`,result:t.result,error:void 0,message:void 0}:e)}}function formatAcceptedTypes(e){if(!e)return;let t=Object.entries(e).flatMap(([e,t])=>t.length>0?t:[e]);return t.length>0?t.join(`, `):void 0}function getDropzoneErrorCodes(e){let t=e.flatMap(e=>e.errors.map(e=>e.code).filter(e=>l.has(e)));return Array.from(new Set(t))}function getRootError(e,t){let n=e.flatMap(e=>{switch(e){case`file-invalid-type`:{let e=formatAcceptedTypes(t.accept);return e?[`only ${e} files are allowed`]:[`this file type is not allowed`]}case`file-too-large`:return t.maxSize?[`max size is ${(t.maxSize/1048576).toFixed(2)} MB`]:[`this file is too large`];case`file-too-small`:return t.minSize?[`min size is ${(t.minSize/1048576).toFixed(2)} MB`]:[`this file is too small`];case`too-many-files`:return t.maxFiles?[`max ${t.maxFiles} files`]:[`too many files`];default:return[]}});if(n.length===0)return`Unable to add the selected files`;let[r,...i]=n;return`${r.charAt(0).toUpperCase()}${r.slice(1)}${i.length>0?`, ${i.join(`, `)}`:``}`}function getRejectionMessage(e,t){let n=getDropzoneErrorCodes(e);return n.length>0?getRootError(n,t):e[0]?.errors[0]?.message??`Unable to add the selected files`}function getUploadErrorMessage(e,t){if(t){let n=t(e);if(n!==void 0)return n}if(typeof e==`string`)return e;if(e instanceof Error)return e.message}function useDropzoneContext(){let e=r.useContext(d);if(!e)throw Error(`Dropzone components must be used within a Dropzone.`);return e}function useDropzoneFileListContext(){let e=r.useContext(f);if(!e)throw Error(`Dropzone file actions must be used within a DropzoneFileListItem.`);return e}function useDropzone(e){let{onDropFile:t,onRemoveFile:n,shapeUploadError:i,onFileUploaded:a,onFileUploadError:c,onAllUploaded:l,onRootError:u,maxRetryCount:d,autoRetry:f=!1,validation:p,shiftOnMaxFiles:m=!1}=e,h=r.useId(),g=`${h}-message`,_=`${h}-description`,[v,y]=r.useState(void 0),b=r.useCallback(e=>{y(e),u?.(e)},[u]),[x,S]=r.useReducer(fileStatusReducer,[]),C=r.useCallback(e=>`${h}-${e}-message`,[h]),w=r.useMemo(()=>v!==void 0||x.some(e=>e.status===`error`),[x,v]),T=r.useCallback(async(e,n,r=0)=>{try{let o=await t(e);if(o.status===`error`){if(f&&r<(d??1/0))return S({type:`update-status`,id:n,status:`pending`}),T(e,n,r+1);S({type:`update-status`,id:n,status:`error`,error:o.error,message:getUploadErrorMessage(o.error,i)}),c?.(o.error);return}S({type:`update-status`,id:n,status:`success`,result:o.result}),a?.(o.result)}catch(e){let t=e;S({type:`update-status`,id:n,status:`error`,error:t,message:getUploadErrorMessage(t,i)}),c?.(t)}},[f,t,d,c,a,i]),E=r.useCallback(async e=>{await n?.(e),S({type:`remove`,id:e})},[n]),D=r.useCallback(e=>{let t=x.find(t=>t.id===e);return t?.status===`error`&&t.tries<=(d??1/0)},[x,d]),O=r.useCallback(async e=>{if(!D(e))return;let t=x.find(t=>t.id===e);t?.status===`error`&&(S({type:`update-status`,id:e,status:`pending`}),await T(t.file,e))},[D,x,T]),k=s({accept:p?.accept,minSize:p?.minSize,maxSize:p?.maxSize,maxFiles:p?.maxFiles,noClick:!0,noKeyboard:!0,onDropAccepted:async e=>{b(void 0);let t=e,n=p?.maxFiles??1/0,r=Number.isFinite(n)?Math.max(x.length+e.length-n,0):0;if(r>0){if(m){let n=x.slice(0,Math.min(r,x.length));await Promise.all(n.map(e=>E(e.id)));let i=r-n.length;i>0&&(t=e.slice(i))}else{b(getRootError([o.TooManyFiles],p??{}));let r=Math.max(n-x.length,0);t=e.slice(0,r)}}t.length!==0&&(await Promise.all(t.map(async e=>{let t=crypto.randomUUID();S({type:`add`,id:t,fileName:e.name,file:e}),await T(e,t)})),l?.())},onDropRejected:e=>{b(getRejectionMessage(e,p??{}))}});return{getRootProps:k.getRootProps,getInputProps:k.getInputProps,open:k.open,onRemoveFile:E,onRetry:O,canRetry:D,fileStatuses:x,isInvalid:w,isDragActive:k.isDragActive,rootError:v,inputId:h,rootMessageId:g,rootDescriptionId:_,getFileMessageId:C}}function Dropzone({children:e,...t}){return/* @__PURE__ */ i(d.Provider,{value:t,children:e})}const p=r.forwardRef(({className:t,children:r,...o},s)=>{let c=useDropzoneContext(),l=[c.rootDescriptionId,c.isInvalid?c.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,{ref:u,...d}=c.getRootProps({...o,"data-slot":`dropzone-area`,"aria-describedby":l,"aria-invalid":c.isInvalid||void 0,className:e(`flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors`,c.isDragActive&&`border-primary bg-primary/5`,c.isInvalid&&`border-destructive bg-destructive/5`,t)}),f=c.getInputProps({id:c.inputId,className:`sr-only`,"aria-describedby":l,"aria-invalid":c.isInvalid,tabIndex:-1});return/* @__PURE__ */ a(`div`,{...d,ref:n(s,u),children:[/* @__PURE__ */ i(`input`,{...f}),r]})}),m=r.forwardRef(({className:t,...n},r)=>{let a=useDropzoneContext();return/* @__PURE__ */ i(`p`,{ref:r,id:a.rootDescriptionId,"data-slot":`dropzone-description`,className:e(`text-sm text-muted-foreground`,t),...n})}),h=r.forwardRef(({className:t,...n},r)=>(useDropzoneContext(),/* @__PURE__ */ i(`ol`,{ref:r,"data-slot":`dropzone-file-list`,className:e(`space-y-3`,t),...n}))),g=r.forwardRef(({className:t,file:n,children:a,...o},s)=>{let c=useDropzoneContext(),l=c.getFileMessageId(n.id),u=n.status===`error`,d=c.canRetry(n.id),p=r.useMemo(()=>({onRemoveFile:()=>c.onRemoveFile(n.id),onRetry:()=>c.onRetry(n.id),fileStatus:n,canRetry:d,dropzoneId:c.inputId,messageId:l}),[d,c,n,l]);return/* @__PURE__ */ i(f.Provider,{value:p,children:/* @__PURE__ */ i(`li`,{ref:s,"data-slot":`dropzone-file-item`,"data-status":n.status,"aria-describedby":u?l:void 0,className:e(`rounded-xl border bg-card px-4 py-3 shadow-xs`,n.status===`error`&&`border-destructive/50`,t),...o,children:a})})}),_=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneFileListContext(),s=o.fileStatus.status===`error`?o.fileStatus.message??String(o.fileStatus.error):n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.messageId,"data-slot":`dropzone-file-message`,className:e(`min-h-5 text-[0.8rem] font-medium`,o.fileStatus.status===`error`&&`text-destructive`,t),...r,children:s})}),v=r.forwardRef(({className:t,children:n,...r},a)=>{let o=useDropzoneContext(),s=o.rootError??n;return/* @__PURE__ */ i(`p`,{ref:a,id:o.rootMessageId,"data-slot":`dropzone-message`,className:e(`min-h-5 text-[0.8rem] font-medium text-destructive`,t),...r,children:s})}),y=r.forwardRef(({className:n,onClick:a,size:o=`icon-sm`,type:s=`button`,variant:c=`ghost`,...l},u)=>{let d=useDropzoneFileListContext(),f=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.onRemoveFile()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"data-slot":`dropzone-remove-file`,className:e(n),onClick:f,size:o,type:s,variant:c,...l})}),b=r.forwardRef(({className:n,disabled:a,onClick:o,size:s=`icon-sm`,type:c=`button`,variant:l=`ghost`,...u},d)=>{let f=useDropzoneFileListContext(),p=a||!f.canRetry,m=r.useCallback(e=>{o?.(e),!(e.defaultPrevented||p)&&f.onRetry()},[f,p,o]);return/* @__PURE__ */ i(t,{ref:d,"data-slot":`dropzone-retry-file`,className:e(n),disabled:p,onClick:m,size:s,type:c,variant:l,...u})}),x=r.forwardRef(({className:n,onClick:a,size:o=`sm`,type:s=`button`,variant:c=`subtle`,...l},u)=>{let d=useDropzoneContext(),f=[d.rootDescriptionId,d.isInvalid?d.rootMessageId:void 0].filter(Boolean).join(` `)||void 0,p=r.useCallback(e=>{a?.(e),!e.defaultPrevented&&d.open()},[d,a]);return/* @__PURE__ */ i(t,{ref:u,"aria-controls":d.inputId,"aria-describedby":f,"aria-invalid":d.isInvalid||void 0,"data-slot":`dropzone-trigger`,className:e(n),onClick:p,size:o,type:s,variant:c,...l})}),S=r.forwardRef(({className:t,status:n,...r},a)=>{let o=n===`success`||n===`error`,s=n===`error`;return/* @__PURE__ */ i(`div`,{ref:a,"aria-valuemax":100,"aria-valuemin":0,"aria-valuetext":u[n],"data-slot":`dropzone-progress`,"data-status":n,role:`progressbar`,className:e(`relative h-2 w-full overflow-hidden rounded-full bg-muted`,t),...r,children:/* @__PURE__ */ i(`div`,{className:e(`h-full w-full rounded-full bg-primary transition-transform`,o?`translate-x-0`:`animate-infinite-progress`,s&&`bg-destructive`)})})});Dropzone.displayName=`Dropzone`,p.displayName=`DropzoneArea`,m.displayName=`DropzoneDescription`,h.displayName=`DropzoneFileList`,g.displayName=`DropzoneFileListItem`,_.displayName=`DropzoneFileMessage`,v.displayName=`DropzoneMessage`,y.displayName=`DropzoneRemoveFile`,b.displayName=`DropzoneRetryFile`,x.displayName=`DropzoneTrigger`,S.displayName=`InfiniteProgress`;export{Dropzone,p as DropzoneArea,m as DropzoneDescription,h as DropzoneFileList,g as DropzoneFileListItem,_ as DropzoneFileMessage,v as DropzoneMessage,y as DropzoneRemoveFile,b as DropzoneRetryFile,x as DropzoneTrigger,o as ErrorCode,S as InfiniteProgress,useDropzone};
 //# sourceMappingURL=dropzone.js.map

package/dist/components/dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropzone.js","names":["useReactDropzone","React","useDropzone$1","dropzoneErrorCodes","ErrorCode","dropzoneErrorCodeSet","valueTextMap","DropzoneContext","DropzoneFileListContext","action","state","fileStatus","accept","acceptedTypes","mimeType","extensions","errorCodes","fileRejections","rejection","error","errorCode","errors","limits","firstError","restErrors","shapeUploadError","message","context","handleDropFile","handleRemoveFile","props","inputId","rootMessageId","rootDescriptionId","rootError","setRootErrorState","setRootError","onRootError","fileStatuses","dispatch","getFileMessageId","id","isInvalid","uploadFile","result","file","autoRetry","retryCount","maxRetryCount","onFileUploadError","onFileUploaded","uploadError","onRemoveFile","canRetry","item","onRetry","dropzone","validation","nextFiles","acceptedFiles","maxFiles","overflow","shiftOnMaxFiles","filesToRemove","remainingOverflow","availableSlots","onAllUploaded","DropzoneArea","describedBy","rootRef","rootProps","cn","className","inputProps","composeRefs","forwardedRef","children","DropzoneDescription","DropzoneFileList","DropzoneFileListItem","messageId","value","DropzoneFileMessage","body","DropzoneMessage","DropzoneRemoveFile","handleClick","onClick","event","Button","DropzoneRetryFile","isDisabled","disabled","DropzoneTrigger","InfiniteProgress","done","status","isError"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { composeRefs } from '../lib/compose-refs'\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  onRemoveFile?: (id: string) => void | Promise<void>\n  onFileUploaded?: (result: TUploadResult) => void\n  onFileUploadError?: (error: TUploadError) => void\n  onAllUploaded?: () => void\n  onRootError?: (error: string | undefined) => void\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  maxRetryCount?: number\n  autoRetry?: boolean\n  validation?: DropzoneValidation\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (fileStatus?.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"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"}
+{"version":3,"file":"dropzone.js","names":["useReactDropzone","React","useDropzone$1","dropzoneErrorCodes","ErrorCode","dropzoneErrorCodeSet","valueTextMap","DropzoneContext","DropzoneFileListContext","action","state","fileStatus","accept","acceptedTypes","mimeType","extensions","errorCodes","fileRejections","rejection","error","errorCode","errors","limits","firstError","restErrors","shapeUploadError","message","context","handleDropFile","handleRemoveFile","props","inputId","rootMessageId","rootDescriptionId","rootError","setRootErrorState","setRootError","onRootError","fileStatuses","dispatch","getFileMessageId","id","isInvalid","uploadFile","result","file","autoRetry","retryCount","maxRetryCount","onFileUploadError","onFileUploaded","uploadError","onRemoveFile","canRetry","item","onRetry","dropzone","validation","nextFiles","acceptedFiles","maxFiles","overflow","shiftOnMaxFiles","filesToRemove","remainingOverflow","availableSlots","onAllUploaded","DropzoneArea","describedBy","rootRef","rootProps","cn","className","inputProps","composeRefs","forwardedRef","children","DropzoneDescription","DropzoneFileList","DropzoneFileListItem","messageId","value","DropzoneFileMessage","body","DropzoneMessage","DropzoneRemoveFile","handleClick","onClick","event","Button","DropzoneRetryFile","isDisabled","disabled","DropzoneTrigger","InfiniteProgress","done","status","isError"],"sources":["../../src/components/dropzone.tsx"],"sourcesContent":["import * as React from 'react'\nimport {\n  type Accept,\n  ErrorCode,\n  type FileError,\n  type FileRejection,\n  useDropzone as useReactDropzone\n} from 'react-dropzone'\n\nimport { composeRefs } from '../lib/compose-refs'\nimport { cn } from '../lib/utils'\nimport { Button, type ButtonProps } from './button'\n\nconst dropzoneErrorCodes = [\n  ErrorCode.FileInvalidType,\n  ErrorCode.FileTooLarge,\n  ErrorCode.FileTooSmall,\n  ErrorCode.TooManyFiles\n]\n\ntype DropzoneAction<TUploadResult, TUploadError> =\n  | {\n      type: 'add'\n      id: string\n      fileName: string\n      file: File\n    }\n  | {\n      type: 'remove'\n      id: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'pending'\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'error'\n      error: TUploadError\n      message?: string\n    }\n  | {\n      type: 'update-status'\n      id: string\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneUploadResult<TUploadResult, TUploadError> =\n  | {\n      status: 'error'\n      error: TUploadError\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n    }\n\nexport type DropzoneFileStatus<TUploadResult, TUploadError> = {\n  id: string\n  fileName: string\n  file: File\n  tries: number\n} & (\n  | {\n      status: 'pending'\n      error?: undefined\n      message?: undefined\n      result?: undefined\n    }\n  | {\n      status: 'error'\n      error: TUploadError\n      message?: string\n      result?: undefined\n    }\n  | {\n      status: 'success'\n      result: TUploadResult\n      error?: undefined\n      message?: undefined\n    }\n)\n\nexport type FileStatus<TUploadResult, TUploadError> = DropzoneFileStatus<TUploadResult, TUploadError>\n\nexport type DropzoneValidation = {\n  accept?: Accept\n  minSize?: number\n  maxSize?: number\n  maxFiles?: number\n}\n\nexport type UseDropzoneProps<TUploadResult, TUploadError = string> = {\n  /** Uploads one file. Resolve to `{ status: 'success', result }` or `{ status: 'error', error }`. */\n  onDropFile: (file: File) => Promise<DropzoneUploadResult<TUploadResult, TUploadError>>\n  /** Called when a file is removed, with its id. */\n  onRemoveFile?: (id: string) => void | Promise<void>\n  /** Called with the result of each successful upload. */\n  onFileUploaded?: (result: TUploadResult) => void\n  /** Called with the error of each failed upload. */\n  onFileUploadError?: (error: TUploadError) => void\n  /** Called when every pending upload has finished. */\n  onAllUploaded?: () => void\n  /** Called with the validation message when dropped files are rejected, or `undefined` when cleared. */\n  onRootError?: (error: string | undefined) => void\n  /** Turns an upload error into the message shown for the file. */\n  shapeUploadError?: (error: TUploadError) => string | undefined\n  /** Maximum number of retries per file. Unlimited when omitted. */\n  maxRetryCount?: number\n  /**\n   * Retries failed uploads automatically, up to `maxRetryCount`.\n   * @default false\n   */\n  autoRetry?: boolean\n  /** File rules: `accept`, `minSize`, `maxSize` (bytes) and `maxFiles`. */\n  validation?: DropzoneValidation\n  /**\n   * Removes the oldest files when new ones exceed `maxFiles`, instead of rejecting them.\n   * @default false\n   */\n  shiftOnMaxFiles?: boolean\n}\n\nexport interface UseDropzoneReturn<TUploadResult, TUploadError> {\n  getRootProps: ReturnType<typeof useReactDropzone>['getRootProps']\n  getInputProps: ReturnType<typeof useReactDropzone>['getInputProps']\n  open: () => void\n  onRemoveFile: (id: string) => Promise<void>\n  onRetry: (id: string) => Promise<void>\n  canRetry: (id: string) => boolean\n  fileStatuses: DropzoneFileStatus<TUploadResult, TUploadError>[]\n  isInvalid: boolean\n  isDragActive: boolean\n  rootError: string | undefined\n  inputId: string\n  rootMessageId: string\n  rootDescriptionId: string\n  getFileMessageId: (id: string) => string\n}\n\nexport type DropzoneProps<TUploadResult, TUploadError> = React.PropsWithChildren<\n  UseDropzoneReturn<TUploadResult, TUploadError>\n>\n\nexport type DropzoneAreaProps = React.ComponentProps<'div'>\n\nexport type DropzoneDescriptionProps = React.ComponentProps<'p'>\n\nexport type DropzoneFileListProps = React.ComponentProps<'ol'>\n\nexport type DropzoneFileListItemProps<TUploadResult, TUploadError> = React.ComponentProps<'li'> & {\n  /** File status from `fileStatuses`, used by the parts inside the item. */\n  file: DropzoneFileStatus<TUploadResult, TUploadError>\n}\n\nexport type DropzoneFileMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneMessageProps = React.ComponentProps<'p'>\n\nexport type DropzoneRemoveFileProps = ButtonProps\n\nexport type DropzoneRetryFileProps = ButtonProps\n\nexport type DropzoneTriggerProps = ButtonProps\n\nexport type InfiniteProgressProps = React.ComponentProps<'div'> & {\n  /** Upload status shown by the bar. */\n  status: 'pending' | 'success' | 'error'\n}\n\ntype DropzoneFileListContextValue<TUploadResult, TUploadError> = {\n  onRemoveFile: () => Promise<void>\n  onRetry: () => Promise<void>\n  fileStatus: DropzoneFileStatus<TUploadResult, TUploadError>\n  canRetry: boolean\n  dropzoneId: string\n  messageId: string\n}\n\nconst dropzoneErrorCodeSet = new Set<ErrorCode>(dropzoneErrorCodes)\n\nconst valueTextMap = {\n  pending: 'indeterminate',\n  success: '100%',\n  error: 'error'\n} as const\n\nconst DropzoneContext = React.createContext<UseDropzoneReturn<unknown, unknown> | null>(null)\n\nconst DropzoneFileListContext = React.createContext<DropzoneFileListContextValue<unknown, unknown> | null>(null)\n\nfunction fileStatusReducer<TUploadResult, TUploadError>(\n  state: DropzoneFileStatus<TUploadResult, TUploadError>[],\n  action: DropzoneAction<TUploadResult, TUploadError>\n): DropzoneFileStatus<TUploadResult, TUploadError>[] {\n  switch (action.type) {\n    case 'add':\n      return [\n        ...state,\n        {\n          id: action.id,\n          fileName: action.fileName,\n          file: action.file,\n          status: 'pending',\n          tries: 1\n        }\n      ]\n    case 'remove':\n      return state.filter((fileStatus) => fileStatus.id !== action.id)\n    case 'update-status':\n      return state.map((fileStatus) => {\n        if (fileStatus.id !== action.id) {\n          return fileStatus\n        }\n\n        if (action.status === 'pending') {\n          return {\n            ...fileStatus,\n            status: 'pending',\n            error: undefined,\n            message: undefined,\n            result: undefined,\n            tries: fileStatus.tries + 1\n          }\n        }\n\n        if (action.status === 'error') {\n          return {\n            ...fileStatus,\n            status: 'error',\n            error: action.error,\n            message: action.message,\n            result: undefined\n          }\n        }\n\n        return {\n          ...fileStatus,\n          status: 'success',\n          result: action.result,\n          error: undefined,\n          message: undefined\n        }\n      })\n  }\n}\n\nfunction formatAcceptedTypes(accept?: Accept) {\n  if (!accept) {\n    return undefined\n  }\n\n  const acceptedTypes = Object.entries(accept).flatMap(([mimeType, extensions]) => {\n    return extensions.length > 0 ? extensions : [mimeType]\n  })\n\n  return acceptedTypes.length > 0 ? acceptedTypes.join(', ') : undefined\n}\n\nfunction getDropzoneErrorCodes(fileRejections: FileRejection[]) {\n  const errorCodes = fileRejections.flatMap((rejection) =>\n    rejection.errors.map((error) => error.code as ErrorCode).filter((errorCode) => dropzoneErrorCodeSet.has(errorCode))\n  )\n\n  return Array.from(new Set(errorCodes))\n}\n\nfunction getRootError(errorCodes: ErrorCode[], limits: DropzoneValidation) {\n  const errors = errorCodes.flatMap((errorCode) => {\n    switch (errorCode) {\n      case 'file-invalid-type': {\n        const acceptedTypes = formatAcceptedTypes(limits.accept)\n        return acceptedTypes ? [`only ${acceptedTypes} files are allowed`] : ['this file type is not allowed']\n      }\n      case 'file-too-large': {\n        if (!limits.maxSize) {\n          return ['this file is too large']\n        }\n\n        return [`max size is ${(limits.maxSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'file-too-small': {\n        if (!limits.minSize) {\n          return ['this file is too small']\n        }\n\n        return [`min size is ${(limits.minSize / (1024 * 1024)).toFixed(2)} MB`]\n      }\n      case 'too-many-files':\n        return limits.maxFiles ? [`max ${limits.maxFiles} files`] : ['too many files']\n      default:\n        return []\n    }\n  })\n\n  if (errors.length === 0) {\n    return 'Unable to add the selected files'\n  }\n\n  const [firstError, ...restErrors] = errors as [string, ...string[]]\n  return `${firstError.charAt(0).toUpperCase()}${firstError.slice(1)}${restErrors.length > 0 ? `, ${restErrors.join(', ')}` : ''}`\n}\n\nfunction getRejectionMessage(fileRejections: FileRejection[], limits: DropzoneValidation) {\n  const errorCodes = getDropzoneErrorCodes(fileRejections)\n\n  if (errorCodes.length > 0) {\n    return getRootError(errorCodes, limits)\n  }\n\n  return fileRejections[0]?.errors[0]?.message ?? 'Unable to add the selected files'\n}\n\nfunction getUploadErrorMessage<TUploadError>(\n  error: TUploadError,\n  shapeUploadError?: (error: TUploadError) => string | undefined\n) {\n  if (shapeUploadError) {\n    const message = shapeUploadError(error)\n    if (message !== undefined) {\n      return message\n    }\n  }\n\n  if (typeof error === 'string') {\n    return error\n  }\n\n  if (error instanceof Error) {\n    return error.message\n  }\n\n  return undefined\n}\n\nfunction useDropzoneContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneContext)\n\n  if (!context) {\n    throw new Error('Dropzone components must be used within a Dropzone.')\n  }\n\n  return context as UseDropzoneReturn<TUploadResult, TUploadError>\n}\n\nfunction useDropzoneFileListContext<TUploadResult, TUploadError>() {\n  const context = React.useContext(DropzoneFileListContext)\n\n  if (!context) {\n    throw new Error('Dropzone file actions must be used within a DropzoneFileListItem.')\n  }\n\n  return context as DropzoneFileListContextValue<TUploadResult, TUploadError>\n}\n\nfunction useDropzone<TUploadResult, TUploadError = string>(\n  props: UseDropzoneProps<TUploadResult, TUploadError>\n): UseDropzoneReturn<TUploadResult, TUploadError> {\n  const {\n    onDropFile: handleDropFile,\n    onRemoveFile: handleRemoveFile,\n    shapeUploadError,\n    onFileUploaded,\n    onFileUploadError,\n    onAllUploaded,\n    onRootError,\n    maxRetryCount,\n    autoRetry = false,\n    validation,\n    shiftOnMaxFiles = false\n  } = props\n\n  const inputId = React.useId()\n  const rootMessageId = `${inputId}-message`\n  const rootDescriptionId = `${inputId}-description`\n  const [rootError, setRootErrorState] = React.useState<string | undefined>(undefined)\n\n  const setRootError = React.useCallback(\n    (error: string | undefined) => {\n      setRootErrorState(error)\n      onRootError?.(error)\n    },\n    [onRootError]\n  )\n\n  const [fileStatuses, dispatch] = React.useReducer(\n    fileStatusReducer<TUploadResult, TUploadError>,\n    [] as DropzoneFileStatus<TUploadResult, TUploadError>[]\n  )\n\n  const getFileMessageId = React.useCallback((id: string) => `${inputId}-${id}-message`, [inputId])\n\n  const isInvalid = React.useMemo(() => {\n    return rootError !== undefined || fileStatuses.some((fileStatus) => fileStatus.status === 'error')\n  }, [fileStatuses, rootError])\n\n  const uploadFile = React.useCallback(\n    async (file: File, id: string, retryCount = 0) => {\n      try {\n        const result = await handleDropFile(file)\n\n        if (result.status === 'error') {\n          if (autoRetry && retryCount < (maxRetryCount ?? Number.POSITIVE_INFINITY)) {\n            dispatch({ type: 'update-status', id, status: 'pending' })\n            return uploadFile(file, id, retryCount + 1)\n          }\n\n          dispatch({\n            type: 'update-status',\n            id,\n            status: 'error',\n            error: result.error,\n            message: getUploadErrorMessage(result.error, shapeUploadError)\n          })\n          onFileUploadError?.(result.error)\n          return\n        }\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'success',\n          result: result.result\n        })\n        onFileUploaded?.(result.result)\n      } catch (error) {\n        const uploadError = error as TUploadError\n\n        dispatch({\n          type: 'update-status',\n          id,\n          status: 'error',\n          error: uploadError,\n          message: getUploadErrorMessage(uploadError, shapeUploadError)\n        })\n        onFileUploadError?.(uploadError)\n      }\n    },\n    [autoRetry, handleDropFile, maxRetryCount, onFileUploadError, onFileUploaded, shapeUploadError]\n  )\n\n  const onRemoveFile = React.useCallback(\n    async (id: string) => {\n      await handleRemoveFile?.(id)\n      dispatch({ type: 'remove', id })\n    },\n    [handleRemoveFile]\n  )\n\n  const canRetry = React.useCallback(\n    (id: string) => {\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      return fileStatus?.status === 'error' && fileStatus.tries <= (maxRetryCount ?? Number.POSITIVE_INFINITY)\n    },\n    [fileStatuses, maxRetryCount]\n  )\n\n  const onRetry = React.useCallback(\n    async (id: string) => {\n      if (!canRetry(id)) {\n        return\n      }\n\n      const fileStatus = fileStatuses.find((item) => item.id === id)\n\n      if (fileStatus?.status !== 'error') {\n        return\n      }\n\n      dispatch({ type: 'update-status', id, status: 'pending' })\n      await uploadFile(fileStatus.file, id)\n    },\n    [canRetry, fileStatuses, uploadFile]\n  )\n\n  const dropzone = useReactDropzone({\n    accept: validation?.accept,\n    minSize: validation?.minSize,\n    maxSize: validation?.maxSize,\n    maxFiles: validation?.maxFiles,\n    noClick: true,\n    noKeyboard: true,\n    onDropAccepted: async (acceptedFiles) => {\n      setRootError(undefined)\n\n      let nextFiles = acceptedFiles\n      const maxFiles = validation?.maxFiles ?? Number.POSITIVE_INFINITY\n      const overflow = Number.isFinite(maxFiles)\n        ? Math.max(fileStatuses.length + acceptedFiles.length - maxFiles, 0)\n        : 0\n\n      if (overflow > 0) {\n        if (shiftOnMaxFiles) {\n          const filesToRemove = fileStatuses.slice(0, Math.min(overflow, fileStatuses.length))\n\n          await Promise.all(filesToRemove.map((fileStatus) => onRemoveFile(fileStatus.id)))\n\n          const remainingOverflow = overflow - filesToRemove.length\n          if (remainingOverflow > 0) {\n            nextFiles = acceptedFiles.slice(remainingOverflow)\n          }\n        } else {\n          setRootError(getRootError([ErrorCode.TooManyFiles], validation ?? {}))\n          const availableSlots = Math.max(maxFiles - fileStatuses.length, 0)\n          nextFiles = acceptedFiles.slice(0, availableSlots)\n        }\n      }\n\n      if (nextFiles.length === 0) {\n        return\n      }\n\n      await Promise.all(\n        nextFiles.map(async (file) => {\n          const id = crypto.randomUUID()\n          dispatch({ type: 'add', id, fileName: file.name, file })\n          await uploadFile(file, id)\n        })\n      )\n\n      onAllUploaded?.()\n    },\n    onDropRejected: (fileRejections) => {\n      setRootError(getRejectionMessage(fileRejections, validation ?? {}))\n    }\n  })\n\n  return {\n    getRootProps: dropzone.getRootProps,\n    getInputProps: dropzone.getInputProps,\n    open: dropzone.open,\n    onRemoveFile,\n    onRetry,\n    canRetry,\n    fileStatuses,\n    isInvalid,\n    isDragActive: dropzone.isDragActive,\n    rootError,\n    inputId,\n    rootMessageId,\n    rootDescriptionId,\n    getFileMessageId\n  }\n}\n\nfunction Dropzone<TUploadResult, TUploadError>({ children, ...dropzone }: DropzoneProps<TUploadResult, TUploadError>) {\n  return <DropzoneContext.Provider value={dropzone}>{children}</DropzoneContext.Provider>\n}\n\nconst DropzoneArea = React.forwardRef<HTMLDivElement, DropzoneAreaProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const { ref: rootRef, ...rootProps } = context.getRootProps({\n      ...props,\n      'data-slot': 'dropzone-area',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid || undefined,\n      className: cn(\n        'flex min-h-44 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-input bg-muted/20 px-6 py-8 text-center transition-colors',\n        context.isDragActive && 'border-primary bg-primary/5',\n        context.isInvalid && 'border-destructive bg-destructive/5',\n        className\n      )\n    }) as React.HTMLAttributes<HTMLDivElement> & {\n      ref?: React.Ref<HTMLDivElement>\n    }\n\n    const inputProps = context.getInputProps({\n      id: context.inputId,\n      className: 'sr-only',\n      'aria-describedby': describedBy,\n      'aria-invalid': context.isInvalid,\n      tabIndex: -1\n    })\n\n    return (\n      <div {...rootProps} ref={composeRefs(forwardedRef, rootRef)}>\n        <input {...inputProps} />\n        {children}\n      </div>\n    )\n  }\n)\n\nconst DropzoneDescription = React.forwardRef<HTMLParagraphElement, DropzoneDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const context = useDropzoneContext()\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootDescriptionId}\n        data-slot=\"dropzone-description\"\n        className={cn('text-sm text-muted-foreground', className)}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneFileList = React.forwardRef<HTMLOListElement, DropzoneFileListProps>(({ className, ...props }, ref) => {\n  useDropzoneContext()\n\n  return <ol ref={ref} data-slot=\"dropzone-file-list\" className={cn('space-y-3', className)} {...props} />\n})\n\nconst DropzoneFileListItem = React.forwardRef<HTMLLIElement, DropzoneFileListItemProps<unknown, unknown>>(\n  ({ className, file, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const messageId = context.getFileMessageId(file.id)\n    const isInvalid = file.status === 'error'\n    const canRetry = context.canRetry(file.id)\n\n    const value = React.useMemo<DropzoneFileListContextValue<unknown, unknown>>(\n      () => ({\n        onRemoveFile: () => context.onRemoveFile(file.id),\n        onRetry: () => context.onRetry(file.id),\n        fileStatus: file,\n        canRetry,\n        dropzoneId: context.inputId,\n        messageId\n      }),\n      [canRetry, context, file, messageId]\n    )\n\n    return (\n      <DropzoneFileListContext.Provider value={value}>\n        <li\n          ref={ref}\n          data-slot=\"dropzone-file-item\"\n          data-status={file.status}\n          aria-describedby={isInvalid ? messageId : undefined}\n          className={cn(\n            'rounded-xl border bg-card px-4 py-3 shadow-xs',\n            file.status === 'error' && 'border-destructive/50',\n            className\n          )}\n          {...props}\n        >\n          {children}\n        </li>\n      </DropzoneFileListContext.Provider>\n    )\n  }\n)\n\nconst DropzoneFileMessage = React.forwardRef<HTMLParagraphElement, DropzoneFileMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const body =\n      context.fileStatus.status === 'error'\n        ? (context.fileStatus.message ?? String(context.fileStatus.error))\n        : children\n\n    return (\n      <p\n        ref={ref}\n        id={context.messageId}\n        data-slot=\"dropzone-file-message\"\n        className={cn(\n          'min-h-5 text-[0.8rem] font-medium',\n          context.fileStatus.status === 'error' && 'text-destructive',\n          className\n        )}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneMessage = React.forwardRef<HTMLParagraphElement, DropzoneMessageProps>(\n  ({ className, children, ...props }, ref) => {\n    const context = useDropzoneContext()\n    const body = context.rootError ?? children\n\n    return (\n      <p\n        ref={ref}\n        id={context.rootMessageId}\n        data-slot=\"dropzone-message\"\n        className={cn('min-h-5 text-[0.8rem] font-medium text-destructive', className)}\n        {...props}\n      >\n        {body}\n      </p>\n    )\n  }\n)\n\nconst DropzoneRemoveFile = React.forwardRef<HTMLButtonElement, DropzoneRemoveFileProps>(\n  ({ className, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        void context.onRemoveFile()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-remove-file\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneRetryFile = React.forwardRef<HTMLButtonElement, DropzoneRetryFileProps>(\n  ({ className, disabled, onClick, size = 'icon-sm', type = 'button', variant = 'ghost', ...props }, ref) => {\n    const context = useDropzoneFileListContext()\n    const isDisabled = disabled || !context.canRetry\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented || isDisabled) {\n          return\n        }\n\n        void context.onRetry()\n      },\n      [context, isDisabled, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        data-slot=\"dropzone-retry-file\"\n        className={cn(className)}\n        disabled={isDisabled}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst DropzoneTrigger = React.forwardRef<HTMLButtonElement, DropzoneTriggerProps>(\n  ({ className, onClick, size = 'sm', type = 'button', variant = 'subtle', ...props }, ref) => {\n    const context = useDropzoneContext()\n    const describedBy =\n      [context.rootDescriptionId, context.isInvalid ? context.rootMessageId : undefined].filter(Boolean).join(' ') ||\n      undefined\n\n    const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n      (event) => {\n        onClick?.(event)\n        if (event.defaultPrevented) {\n          return\n        }\n\n        context.open()\n      },\n      [context, onClick]\n    )\n\n    return (\n      <Button\n        ref={ref}\n        aria-controls={context.inputId}\n        aria-describedby={describedBy}\n        aria-invalid={context.isInvalid || undefined}\n        data-slot=\"dropzone-trigger\"\n        className={cn(className)}\n        onClick={handleClick}\n        size={size}\n        type={type}\n        variant={variant}\n        {...props}\n      />\n    )\n  }\n)\n\nconst InfiniteProgress = React.forwardRef<HTMLDivElement, InfiniteProgressProps>(\n  ({ className, status, ...props }, ref) => {\n    const done = status === 'success' || status === 'error'\n    const isError = status === 'error'\n\n    return (\n      <div\n        ref={ref}\n        aria-valuemax={100}\n        aria-valuemin={0}\n        aria-valuetext={valueTextMap[status]}\n        data-slot=\"dropzone-progress\"\n        data-status={status}\n        role=\"progressbar\"\n        className={cn('relative h-2 w-full overflow-hidden rounded-full bg-muted', className)}\n        {...props}\n      >\n        <div\n          className={cn(\n            'h-full w-full rounded-full bg-primary transition-transform',\n            done ? 'translate-x-0' : 'animate-infinite-progress',\n            isError && 'bg-destructive'\n          )}\n        />\n      </div>\n    )\n  }\n)\n\nDropzone.displayName = 'Dropzone'\nDropzoneArea.displayName = 'DropzoneArea'\nDropzoneDescription.displayName = 'DropzoneDescription'\nDropzoneFileList.displayName = 'DropzoneFileList'\nDropzoneFileListItem.displayName = 'DropzoneFileListItem'\nDropzoneFileMessage.displayName = 'DropzoneFileMessage'\nDropzoneMessage.displayName = 'DropzoneMessage'\nDropzoneRemoveFile.displayName = 'DropzoneRemoveFile'\nDropzoneRetryFile.displayName = 'DropzoneRetryFile'\nDropzoneTrigger.displayName = 'DropzoneTrigger'\nInfiniteProgress.displayName = 'InfiniteProgress'\n\nexport {\n  Dropzone,\n  DropzoneArea,\n  DropzoneDescription,\n  DropzoneFileList,\n  DropzoneFileListItem,\n  DropzoneFileMessage,\n  DropzoneMessage,\n  DropzoneRemoveFile,\n  DropzoneRetryFile,\n  DropzoneTrigger,\n  ErrorCode,\n  type FileError,\n  InfiniteProgress,\n  useDropzone\n}\n"],"mappings":"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"}

package/dist/components/field.d.ts

@@ -4,6 +4,10 @@ import { VariantProps } from "class-variance-authority";
 //#region src/components/field.d.ts
 export type FieldSetProps = React.ComponentProps<'fieldset'>;
 export type FieldLegendProps = React.ComponentProps<'legend'> & {
+  /**
+   * `label` renders the legend at the size of a field label.
+   * @default 'legend'
+   */
   variant?: 'legend' | 'label';
 };
 export type FieldGroupProps = React.ComponentProps<'div'>;
@@ -15,25 +19,33 @@ export type FieldSeparatorProps = React.ComponentProps<'div'> & {
   children?: React.ReactNode;
 };
 export type FieldErrorProps = React.ComponentProps<'div'> & {
+  /** Errors to show. Each `message` is rendered; duplicates are removed. Ignored when `children` is passed. */
   errors?: Array<{
     message?: string;
   } | undefined>;
 };
 declare function useFieldControlId(id?: string): string | undefined;
+declare function useFieldLabelId(): string | undefined;
+declare function useFieldInvalid(ariaInvalid?: React.AriaAttributes['aria-invalid']): "false" | "grammar" | "spelling" | "true" | boolean | undefined;
 declare function FieldSet({ className, ...props }: FieldSetProps): import("react").JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: FieldLegendProps): import("react").JSX.Element;
 declare function FieldGroup({ className, ...props }: FieldGroupProps): import("react").JSX.Element;
 declare const fieldVariants: (props?: ({
   orientation?: "horizontal" | "responsive" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>;
-declare function Field({ className, orientation, ...props }: FieldProps): import("react").JSX.Element;
+export type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants> & {
+  /** Marks the field and the control inside it as invalid. */
+  invalid?: boolean;
+  /** Same as `invalid`, for form libraries that set the attribute directly. */
+  'data-invalid'?: boolean | 'true' | 'false';
+};
+declare function Field({ className, orientation, invalid, 'data-invalid': dataInvalid, ...props }: FieldProps): import("react").JSX.Element;
 declare function FieldContent({ className, ...props }: FieldContentProps): import("react").JSX.Element;
-declare function FieldLabel({ className, htmlFor, ...props }: FieldLabelProps): import("react").JSX.Element;
+declare function FieldLabel({ className, htmlFor, id, ...props }: FieldLabelProps): import("react").JSX.Element;
 declare function FieldTitle({ className, ...props }: FieldTitleProps): import("react").JSX.Element;
 declare function FieldDescription({ className, ...props }: FieldDescriptionProps): import("react").JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: FieldSeparatorProps): import("react").JSX.Element;
 declare function FieldError({ className, children, errors, ...props }: FieldErrorProps): import("react").JSX.Element | null;
 //#endregion
-export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, useFieldControlId };
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, useFieldControlId, useFieldInvalid, useFieldLabelId };
 //# sourceMappingURL=field.d.ts.map

package/dist/components/field.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"./separator.js";import{Label as n}from"./label.js";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{cva as a}from"class-variance-authority";import{createContext as o,useContext as s,useId as c,useMemo as l}from"react";const u=o(null);function useFieldControlId(e){let t=s(u);return e??t?.controlId}function FieldSet({className:t,...n}){return/* @__PURE__ */ r(`fieldset`,{"data-slot":`field-set`,className:e(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function FieldLegend({className:t,variant:n=`legend`,...i}){return/* @__PURE__ */ r(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...i})}function FieldGroup({className:t,...n}){return/* @__PURE__ */ r(`div`,{"data-slot":`field-group`,className:e(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}const d=a(`data-[invalid=true]:text-destructive gap-1 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:t,orientation:n=`vertical`,...i}){let a=c(),o=l(()=>({controlId:a}),[a]);return/* @__PURE__ */ r(u.Provider,{value:o,children:/* @__PURE__ */ r(`div`,{"data-slot":`field`,"data-orientation":n,className:e(d({orientation:n}),t),...i})})}function FieldContent({className:t,...n}){return/* @__PURE__ */ r(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function FieldLabel({className:t,htmlFor:i,...a}){let o=useFieldControlId(i);return/* @__PURE__ */ r(n,{"data-slot":`field-label`,htmlFor:o,className:e(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,t),...a})}function FieldTitle({className:t,...n}){return/* @__PURE__ */ r(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function FieldDescription({className:t,...n}){return/* @__PURE__ */ r(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-xs leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function FieldSeparator({children:n,className:a,...o}){return/* @__PURE__ */ i(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,a),...o,children:[/* @__PURE__ */ r(t,{className:`absolute inset-0 top-1/2`}),n&&/* @__PURE__ */ r(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function FieldError({className:t,children:n,errors:i,...a}){let o=l(()=>{if(n)return n;if(!i?.length)return null;let e=[...new Map(i.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:/* @__PURE__ */ r(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&/* @__PURE__ */ r(`li`,{children:e.message},e.message))})},[n,i]);return o?/* @__PURE__ */ r(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...a,children:o}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle,useFieldControlId};
+import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Separator as t}from"./separator.js";import{Label as n}from"./label.js";import{createContext as r,useContext as i,useId as a,useMemo as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";const u=r(null);function useFieldControlId(e){let t=i(u);return e??t?.controlId}function useFieldLabelId(){return i(u)?.labelId}function useFieldInvalid(e){let t=i(u)?.invalid;return e??(t?!0:void 0)}function FieldSet({className:t,...n}){return/* @__PURE__ */ s(`fieldset`,{"data-slot":`field-set`,className:e(`flex flex-col gap-4`,`has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3`,t),...n})}function FieldLegend({className:t,variant:n=`legend`,...r}){return/* @__PURE__ */ s(`legend`,{"data-slot":`field-legend`,"data-variant":n,className:e(`mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base`,t),...r})}function FieldGroup({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`field-group`,className:e(`group/field-group @container/field-group flex w-full flex-col gap-5`,`data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4`,t),...n})}const d=l(`data-[invalid=true]:text-destructive gap-1 group/field flex w-full`,{variants:{orientation:{vertical:`flex-col *:w-full [&>.sr-only]:w-auto`,horizontal:`flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`,responsive:`flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px`}},defaultVariants:{orientation:`vertical`}});function Field({className:t,orientation:n=`vertical`,invalid:r,"data-invalid":i,...c}){let l=a(),f=a(),p=r??(i===!0||i===`true`),m=o(()=>({controlId:l,labelId:f,invalid:p}),[l,f,p]);return/* @__PURE__ */ s(u.Provider,{value:m,children:/* @__PURE__ */ s(`div`,{"data-slot":`field`,"data-orientation":n,"data-invalid":p?`true`:void 0,className:e(d({orientation:n}),t),...c})})}function FieldContent({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`field-content`,className:e(`gap-0.5 group/field-content flex flex-1 flex-col leading-snug`,t),...n})}function FieldLabel({className:t,htmlFor:r,id:i,...a}){let o=useFieldControlId(r),c=useFieldLabelId();return/* @__PURE__ */ s(n,{"data-slot":`field-label`,id:i??c,htmlFor:o,className:e(`group/field-label peer/field-label flex w-fit gap-2 leading-snug`,`has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10`,`has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5`,`group-data-[disabled=true]/field:opacity-50`,t),...a})}function FieldTitle({className:t,...n}){return/* @__PURE__ */ s(`div`,{"data-slot":`field-label`,className:e(`gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug`,t),...n})}function FieldDescription({className:t,...n}){return/* @__PURE__ */ s(`p`,{"data-slot":`field-description`,className:e(`text-muted-foreground text-left text-xs leading-normal font-normal`,`[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1`,`[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary`,t),...n})}function FieldSeparator({children:n,className:r,...i}){return/* @__PURE__ */ c(`div`,{"data-slot":`field-separator`,"data-content":!!n,className:e(`-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative`,r),...i,children:[/* @__PURE__ */ s(t,{className:`absolute inset-0 top-1/2`}),n&&/* @__PURE__ */ s(`span`,{className:`text-muted-foreground px-2 bg-background relative mx-auto block w-fit`,"data-slot":`field-separator-content`,children:n})]})}function FieldError({className:t,children:n,errors:r,...i}){let a=o(()=>{if(n)return n;if(!r?.length)return null;let e=[...new Map(r.map(e=>[e?.message,e])).values()];return e?.length===1?e[0]?.message:/* @__PURE__ */ s(`ul`,{className:`ml-4 flex list-disc flex-col gap-1`,children:e.map(e=>e?.message&&/* @__PURE__ */ s(`li`,{children:e.message},e.message))})},[n,r]);return a?/* @__PURE__ */ s(`div`,{role:`alert`,"data-slot":`field-error`,className:e(`text-destructive text-sm font-normal`,t),...i,children:a}):null}export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle,useFieldControlId,useFieldInvalid,useFieldLabelId};
 //# sourceMappingURL=field.js.map

package/dist/components/field.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.js","names":["FieldContext","createContext","context","useContext","id","props","cn","className","variant","fieldVariants","cva","controlId","useId","contextValue","useMemo","orientation","fieldControlId","htmlFor","Label","children","Separator","content","errors","uniqueErrors","error"],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & { variant?: 'legend' | 'label' }\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  errors?: Array<{ message?: string } | undefined>\n}\n\ntype FieldContextValue = {\n  controlId: string\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nfunction useFieldControlId(id?: string) {\n  const context = useContext(FieldContext)\n\n  return id ?? context?.controlId\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-1 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>\n\nfunction Field({ className, orientation = 'vertical', ...props }: FieldProps) {\n  const controlId = useId()\n  const contextValue = useMemo(() => ({ controlId }), [controlId])\n\n  return (\n    <FieldContext.Provider value={contextValue}>\n      <div\n        data-slot=\"field\"\n        data-orientation={orientation}\n        className={cn(fieldVariants({ orientation }), className)}\n        {...props}\n      />\n    </FieldContext.Provider>\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, htmlFor, ...props }: FieldLabelProps) {\n  const fieldControlId = useFieldControlId(htmlFor)\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      htmlFor={fieldControlId}\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-xs leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n  useFieldControlId\n}\n"],"mappings":"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"}
+{"version":3,"file":"field.js","names":["FieldContext","createContext","context","useContext","id","invalid","ariaInvalid","props","cn","className","variant","fieldVariants","cva","dataInvalid","controlId","useId","labelId","isInvalid","contextValue","useMemo","orientation","fieldControlId","htmlFor","fieldLabelId","Label","children","Separator","content","errors","uniqueErrors","error"],"sources":["../../src/components/field.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\n\nimport { cn } from '../lib/utils'\nimport { Label } from './label'\nimport { Separator } from './separator'\n\nexport type FieldSetProps = React.ComponentProps<'fieldset'>\n\nexport type FieldLegendProps = React.ComponentProps<'legend'> & {\n  /**\n   * `label` renders the legend at the size of a field label.\n   * @default 'legend'\n   */\n  variant?: 'legend' | 'label'\n}\n\nexport type FieldGroupProps = React.ComponentProps<'div'>\n\nexport type FieldContentProps = React.ComponentProps<'div'>\n\nexport type FieldLabelProps = React.ComponentProps<typeof Label>\n\nexport type FieldTitleProps = React.ComponentProps<'div'>\n\nexport type FieldDescriptionProps = React.ComponentProps<'p'>\n\nexport type FieldSeparatorProps = React.ComponentProps<'div'> & {\n  children?: React.ReactNode\n}\n\nexport type FieldErrorProps = React.ComponentProps<'div'> & {\n  /** Errors to show. Each `message` is rendered; duplicates are removed. Ignored when `children` is passed. */\n  errors?: Array<{ message?: string } | undefined>\n}\n\ntype FieldContextValue = {\n  controlId: string\n  labelId: string\n  invalid: boolean\n}\n\nconst FieldContext = createContext<FieldContextValue | null>(null)\n\nfunction useFieldControlId(id?: string) {\n  const context = useContext(FieldContext)\n\n  return id ?? context?.controlId\n}\n\nfunction useFieldLabelId() {\n  return useContext(FieldContext)?.labelId\n}\n\n// The control's own `aria-invalid` always wins (including `false`); otherwise an invalid `Field` marks it invalid.\nfunction useFieldInvalid(ariaInvalid?: React.AriaAttributes['aria-invalid']) {\n  const invalid = useContext(FieldContext)?.invalid\n\n  return ariaInvalid ?? (invalid ? true : undefined)\n}\n\nfunction FieldSet({ className, ...props }: FieldSetProps) {\n  return (\n    <fieldset\n      data-slot=\"field-set\"\n      className={cn(\n        'flex flex-col gap-4',\n        'has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLegend({ className, variant = 'legend', ...props }: FieldLegendProps) {\n  return (\n    <legend\n      data-slot=\"field-legend\"\n      data-variant={variant}\n      className={cn('mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldGroup({ className, ...props }: FieldGroupProps) {\n  return (\n    <div\n      data-slot=\"field-group\"\n      className={cn(\n        'group/field-group @container/field-group flex w-full flex-col gap-5',\n        'data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst fieldVariants = cva('data-[invalid=true]:text-destructive gap-1 group/field flex w-full', {\n  variants: {\n    orientation: {\n      vertical: 'flex-col *:w-full [&>.sr-only]:w-auto',\n      horizontal:\n        'flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px',\n      responsive:\n        'flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px'\n    }\n  },\n  defaultVariants: {\n    orientation: 'vertical'\n  }\n})\n\nexport type FieldProps = React.ComponentProps<'div'> &\n  VariantProps<typeof fieldVariants> & {\n    /** Marks the field and the control inside it as invalid. */\n    invalid?: boolean\n    /** Same as `invalid`, for form libraries that set the attribute directly. */\n    'data-invalid'?: boolean | 'true' | 'false'\n  }\n\nfunction Field({ className, orientation = 'vertical', invalid, 'data-invalid': dataInvalid, ...props }: FieldProps) {\n  const controlId = useId()\n  const labelId = useId()\n  const isInvalid = invalid ?? (dataInvalid === true || dataInvalid === 'true')\n  const contextValue = useMemo(() => ({ controlId, labelId, invalid: isInvalid }), [controlId, labelId, isInvalid])\n\n  return (\n    <FieldContext.Provider value={contextValue}>\n      <div\n        data-slot=\"field\"\n        data-orientation={orientation}\n        data-invalid={isInvalid ? 'true' : undefined}\n        className={cn(fieldVariants({ orientation }), className)}\n        {...props}\n      />\n    </FieldContext.Provider>\n  )\n}\n\nfunction FieldContent({ className, ...props }: FieldContentProps) {\n  return (\n    <div\n      data-slot=\"field-content\"\n      className={cn('gap-0.5 group/field-content flex flex-1 flex-col leading-snug', className)}\n      {...props}\n    />\n  )\n}\n\nfunction FieldLabel({ className, htmlFor, id, ...props }: FieldLabelProps) {\n  const fieldControlId = useFieldControlId(htmlFor)\n  const fieldLabelId = useFieldLabelId()\n\n  return (\n    <Label\n      data-slot=\"field-label\"\n      id={id ?? fieldLabelId}\n      htmlFor={fieldControlId}\n      className={cn(\n        'group/field-label peer/field-label flex w-fit gap-2 leading-snug',\n        'has-data-checked:bg-primary/5 has-data-checked:border-primary/30 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10',\n        'has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border *:data-[slot=field]:p-2.5',\n        'group-data-[disabled=true]/field:opacity-50',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldTitle({ className, ...props }: FieldTitleProps) {\n  return (\n    <div\n      data-slot=\"field-label\"\n      className={cn(\n        'gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldDescription({ className, ...props }: FieldDescriptionProps) {\n  return (\n    <p\n      data-slot=\"field-description\"\n      className={cn(\n        'text-muted-foreground text-left text-xs leading-normal font-normal',\n        '[[data-variant=legend]+&]:-mt-1.5 group-has-data-horizontal/field:text-balance last:mt-0 nth-last-2:-mt-1',\n        '[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction FieldSeparator({ children, className, ...props }: FieldSeparatorProps) {\n  return (\n    <div\n      data-slot=\"field-separator\"\n      data-content={!!children}\n      className={cn('-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative', className)}\n      {...props}\n    >\n      <Separator className=\"absolute inset-0 top-1/2\" />\n      {children && (\n        <span\n          className=\"text-muted-foreground px-2 bg-background relative mx-auto block w-fit\"\n          data-slot=\"field-separator-content\"\n        >\n          {children}\n        </span>\n      )}\n    </div>\n  )\n}\n\nfunction FieldError({ className, children, errors, ...props }: FieldErrorProps) {\n  const content = useMemo(() => {\n    if (children) {\n      return children\n    }\n\n    if (!errors?.length) {\n      return null\n    }\n\n    const uniqueErrors = [...new Map(errors.map((error) => [error?.message, error])).values()]\n\n    if (uniqueErrors?.length === 1) {\n      return uniqueErrors[0]?.message\n    }\n\n    return (\n      <ul className=\"ml-4 flex list-disc flex-col gap-1\">\n        {uniqueErrors.map((error) => error?.message && <li key={error.message}>{error.message}</li>)}\n      </ul>\n    )\n  }, [children, errors])\n\n  if (!content) {\n    return null\n  }\n\n  return (\n    <div\n      role=\"alert\"\n      data-slot=\"field-error\"\n      className={cn('text-destructive text-sm font-normal', className)}\n      {...props}\n    >\n      {content}\n    </div>\n  )\n}\n\nexport {\n  Field,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldLegend,\n  FieldSeparator,\n  FieldSet,\n  FieldTitle,\n  useFieldControlId,\n  useFieldInvalid,\n  useFieldLabelId\n}\n"],"mappings":"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"}

package/dist/components/flex.d.ts

@@ -1,6 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { VariantProps } from "class-variance-authority";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/flex.d.ts
 declare const flexVariants: (props?: ({
   direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;

package/dist/components/grid.d.ts

@@ -3,15 +3,28 @@ import * as React from "react";
 //#region src/components/grid.d.ts
 type GridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type GridProps = React.ComponentProps<'div'> & {
+  /** Space between rows and columns. */
   gap?: GridSpacing;
+  /** Space between rows. Overrides `gap`. */
   rowGap?: GridSpacing;
+  /** Space between columns. Overrides `gap`. */
   columnGap?: GridSpacing;
+  /** CSS `grid-template-rows` value. */
   templateRows?: string;
+  /**
+   * CSS `grid-template-columns` value.
+   * @default 'repeat(12, minmax(0, 1fr))'
+   */
   templateColumns?: string;
 };
 declare function Grid({ className, gap, rowGap, columnGap, templateRows, templateColumns, style, ...props }: GridProps): React.JSX.Element;
 export type GridItemProps = React.ComponentProps<'div'> & {
+  /** Number of rows the item spans. */
   rowSpan?: number;
+  /**
+   * Number of columns the item spans.
+   * @default 12
+   */
   colSpan?: number;
 };
 declare function GridItem({ className, rowSpan, colSpan, style, ...props }: GridItemProps): React.JSX.Element;

package/dist/components/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":["spacingScale","spacing","props","cn","className","templateColumns","templateRows","gap","rowGap","columnGap","style","colSpan","rowSpan"],"sources":["../../src/components/grid.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype GridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst spacingScale: Record<GridSpacing, number> = {\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8\n}\n\nfunction toSpacingValue(spacing: GridSpacing) {\n  return `calc(var(--spacing) * ${spacingScale[spacing]})`\n}\n\nexport type GridProps = React.ComponentProps<'div'> & {\n  gap?: GridSpacing\n  rowGap?: GridSpacing\n  columnGap?: GridSpacing\n  templateRows?: string\n  templateColumns?: string\n}\n\nfunction Grid({\n  className,\n  gap,\n  rowGap,\n  columnGap,\n  templateRows,\n  templateColumns = 'repeat(12, minmax(0, 1fr))',\n  style,\n  ...props\n}: GridProps) {\n  return (\n    <div\n      data-slot=\"grid\"\n      className={cn(\n        'grid min-w-0',\n        'grid-cols-(--grid-template-columns) grid-rows-(--grid-template-rows)',\n        'gap-(--grid-gap) gap-y-(--grid-row-gap) gap-x-(--grid-column-gap)',\n        className\n      )}\n      style={\n        {\n          '--grid-template-columns': templateColumns,\n          '--grid-template-rows': templateRows,\n          '--grid-gap': gap ? toSpacingValue(gap) : '0px',\n          '--grid-row-gap': rowGap ? toSpacingValue(rowGap) : 'var(--grid-gap)',\n          '--grid-column-gap': columnGap ? toSpacingValue(columnGap) : 'var(--grid-gap)',\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport type GridItemProps = React.ComponentProps<'div'> & {\n  rowSpan?: number\n  colSpan?: number\n}\n\nfunction GridItem({ className, rowSpan, colSpan = 12, style, ...props }: GridItemProps) {\n  return (\n    <div\n      data-slot=\"grid-item\"\n      className={cn(\n        'min-w-0',\n        'col-[span_var(--grid-item-col-span)/span_var(--grid-item-col-span)]',\n        'row-[span_var(--grid-item-row-span)/span_var(--grid-item-row-span)]',\n        className\n      )}\n      style={\n        {\n          '--grid-item-col-span': colSpan,\n          '--grid-item-row-span': rowSpan,\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport { Grid, GridItem }\n"],"mappings":"qHAMA,MAAMA,EAA4C,CAChD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEA,SAAS,eAAe,EAAsB,CAC5C,MAAO,yBAAyBA,EAAaC,GAAS,EACxD,CAUA,SAAS,KAAK,CACZ,YACA,MACA,SACA,YACA,eACA,kBAAkB,6BAClB,QACA,GAAGC,GACS,CACZ,MACE,kBAAC,MAAD,CACE,YAAU,OACV,UAAWC,EACT,eACA,uEACA,oEACAC,CACF,EACA,MACE,CACE,0BAA2BC,EAC3B,uBAAwBC,EACxB,aAAcC,EAAM,eAAeA,CAAG,EAAI,MAC1C,iBAAkBC,EAAS,eAAeA,CAAM,EAAI,kBACpD,oBAAqBC,EAAY,eAAeA,CAAS,EAAI,kBAC7D,GAAGC,CACL,EAEF,GAAIR,CACL,CAAA,CAEL,CAOA,SAAS,SAAS,CAAE,YAAW,UAAS,UAAU,GAAI,QAAO,GAAGA,GAAwB,CACtF,MACE,kBAAC,MAAD,CACE,YAAU,YACV,UAAWC,EACT,UACA,sEACA,sEACAC,CACF,EACA,MACE,CACE,uBAAwBO,EACxB,uBAAwBC,EACxB,GAAGF,CACL,EAEF,GAAIR,CACL,CAAA,CAEL"}
+{"version":3,"file":"grid.js","names":["spacingScale","spacing","props","cn","className","templateColumns","templateRows","gap","rowGap","columnGap","style","colSpan","rowSpan"],"sources":["../../src/components/grid.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype GridSpacing = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nconst spacingScale: Record<GridSpacing, number> = {\n  xs: 1,\n  sm: 2,\n  md: 4,\n  lg: 6,\n  xl: 8\n}\n\nfunction toSpacingValue(spacing: GridSpacing) {\n  return `calc(var(--spacing) * ${spacingScale[spacing]})`\n}\n\nexport type GridProps = React.ComponentProps<'div'> & {\n  /** Space between rows and columns. */\n  gap?: GridSpacing\n  /** Space between rows. Overrides `gap`. */\n  rowGap?: GridSpacing\n  /** Space between columns. Overrides `gap`. */\n  columnGap?: GridSpacing\n  /** CSS `grid-template-rows` value. */\n  templateRows?: string\n  /**\n   * CSS `grid-template-columns` value.\n   * @default 'repeat(12, minmax(0, 1fr))'\n   */\n  templateColumns?: string\n}\n\nfunction Grid({\n  className,\n  gap,\n  rowGap,\n  columnGap,\n  templateRows,\n  templateColumns = 'repeat(12, minmax(0, 1fr))',\n  style,\n  ...props\n}: GridProps) {\n  return (\n    <div\n      data-slot=\"grid\"\n      className={cn(\n        'grid min-w-0',\n        'grid-cols-(--grid-template-columns) grid-rows-(--grid-template-rows)',\n        'gap-(--grid-gap) gap-y-(--grid-row-gap) gap-x-(--grid-column-gap)',\n        className\n      )}\n      style={\n        {\n          '--grid-template-columns': templateColumns,\n          '--grid-template-rows': templateRows,\n          '--grid-gap': gap ? toSpacingValue(gap) : '0px',\n          '--grid-row-gap': rowGap ? toSpacingValue(rowGap) : 'var(--grid-gap)',\n          '--grid-column-gap': columnGap ? toSpacingValue(columnGap) : 'var(--grid-gap)',\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport type GridItemProps = React.ComponentProps<'div'> & {\n  /** Number of rows the item spans. */\n  rowSpan?: number\n  /**\n   * Number of columns the item spans.\n   * @default 12\n   */\n  colSpan?: number\n}\n\nfunction GridItem({ className, rowSpan, colSpan = 12, style, ...props }: GridItemProps) {\n  return (\n    <div\n      data-slot=\"grid-item\"\n      className={cn(\n        'min-w-0',\n        'col-[span_var(--grid-item-col-span)/span_var(--grid-item-col-span)]',\n        'row-[span_var(--grid-item-row-span)/span_var(--grid-item-row-span)]',\n        className\n      )}\n      style={\n        {\n          '--grid-item-col-span': colSpan,\n          '--grid-item-row-span': rowSpan,\n          ...style\n        } as React.CSSProperties\n      }\n      {...props}\n    />\n  )\n}\n\nexport { Grid, GridItem }\n"],"mappings":"qHAMA,MAAMA,EAA4C,CAChD,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,EACJ,GAAI,CACN,EAEA,SAAS,eAAe,EAAsB,CAC5C,MAAO,yBAAyBA,EAAaC,GAAS,EACxD,CAkBA,SAAS,KAAK,CACZ,YACA,MACA,SACA,YACA,eACA,kBAAkB,6BAClB,QACA,GAAGC,GACS,CACZ,MACE,kBAAC,MAAD,CACE,YAAU,OACV,UAAWC,EACT,eACA,uEACA,oEACAC,CACF,EACA,MACE,CACE,0BAA2BC,EAC3B,uBAAwBC,EACxB,aAAcC,EAAM,eAAeA,CAAG,EAAI,MAC1C,iBAAkBC,EAAS,eAAeA,CAAM,EAAI,kBACpD,oBAAqBC,EAAY,eAAeA,CAAS,EAAI,kBAC7D,GAAGC,CACL,EAEF,GAAIR,CACL,CAAA,CAEL,CAYA,SAAS,SAAS,CAAE,YAAW,UAAS,UAAU,GAAI,QAAO,GAAGA,GAAwB,CACtF,MACE,kBAAC,MAAD,CACE,YAAU,YACV,UAAWC,EACT,UACA,sEACA,sEACAC,CACF,EACA,MACE,CACE,uBAAwBO,EACxB,uBAAwBC,EACxB,GAAGF,CACL,EAEF,GAAIR,CACL,CAAA,CAEL"}

package/dist/components/group.d.ts

@@ -1,6 +1,6 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { VariantProps } from "class-variance-authority";
 import * as React from "react";
+import { VariantProps } from "class-variance-authority";
 //#region src/components/group.d.ts
 declare const groupVariants: (props?: ({
   align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;

package/dist/components/heading.d.ts

@@ -1,14 +1,12 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
+import { n as AsChildProps } from "../as-child-Dxg3Xo1G.js";
 import { VariantProps } from "class-variance-authority";
-import * as React from "react";
 //#region src/components/heading.d.ts
 declare const headingVariants: (props?: ({
   size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type HeadingProps = React.ComponentProps<'h2'> & VariantProps<typeof headingVariants> & {
-  asChild?: boolean;
-};
-declare function Heading({ className, size, asChild, ...props }: HeadingProps): React.JSX.Element;
+export type HeadingProps = AsChildProps<'h2'> & VariantProps<typeof headingVariants>;
+declare function Heading({ className, size, ...props }: HeadingProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 //#endregion
 export { Heading, headingVariants };
 //# sourceMappingURL=heading.d.ts.map

package/dist/components/heading.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{Slot as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";const i=r(`text-foreground font-semibold tracking-tight`,{variants:{size:{xs:`text-lg`,sm:`text-xl`,md:`text-2xl`,lg:`text-3xl`,xl:`text-4xl`}},defaultVariants:{size:`md`}});function Heading({className:r,size:a=`md`,asChild:o=!1,...s}){let c=o?t.Root:`h2`;return/* @__PURE__ */ n(c,{"data-slot":`heading`,"data-size":a,className:e(i({size:a}),r),...s})}export{Heading,i as headingVariants};
+import"../rolldown-runtime-BhWHdk3m.js";import{useAsChild as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{cva as n}from"class-variance-authority";const r=n(`text-foreground font-semibold tracking-tight`,{variants:{size:{xs:`text-lg`,sm:`text-xl`,md:`text-2xl`,lg:`text-3xl`,xl:`text-4xl`}},defaultVariants:{size:`md`}});function Heading({className:n,size:i=`md`,...a}){return e(`h2`,{"data-slot":`heading`,"data-size":i,className:t(r({size:i}),n),...a})}export{Heading,r as headingVariants};
 //# sourceMappingURL=heading.js.map

package/dist/components/heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading.js","names":["headingVariants","cva","props","Comp","asChild","Slot","size","cn","className"],"sources":["../../src/components/heading.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { Slot } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nconst headingVariants = cva('text-foreground font-semibold tracking-tight', {\n  variants: {\n    size: {\n      xs: 'text-lg',\n      sm: 'text-xl',\n      md: 'text-2xl',\n      lg: 'text-3xl',\n      xl: 'text-4xl'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type HeadingProps = React.ComponentProps<'h2'> &\n  VariantProps<typeof headingVariants> & {\n    asChild?: boolean\n  }\n\nfunction Heading({ className, size = 'md', asChild = false, ...props }: HeadingProps) {\n  const Comp = asChild ? Slot.Root : 'h2'\n\n  return <Comp data-slot=\"heading\" data-size={size} className={cn(headingVariants({ size }), className)} {...props} />\n}\n\nexport { Heading, headingVariants }\n"],"mappings":"oMAOA,MAAMA,EAAkBC,EAAI,+CAAgD,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAOD,SAAS,QAAQ,CAAE,YAAW,OAAO,KAAM,UAAU,GAAO,GAAGC,GAAuB,CACpF,IAAMC,EAAOC,EAAUC,EAAK,KAAO,KAEnC,MAAO,kBAACF,EAAD,CAAM,YAAU,UAAU,YAAWG,EAAM,UAAWC,EAAGP,EAAgB,CAAE,MAAK,CAAC,EAAGQ,CAAS,EAAG,GAAIN,CAAQ,CAAA,CACrH"}
+{"version":3,"file":"heading.js","names":["headingVariants","cva","props","useAsChild","size","cn","className"],"sources":["../../src/components/heading.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority'\n\nimport { type AsChildProps, useAsChild } from '../lib/as-child'\nimport { cn } from '../lib/utils'\n\nconst headingVariants = cva('text-foreground font-semibold tracking-tight', {\n  variants: {\n    size: {\n      xs: 'text-lg',\n      sm: 'text-xl',\n      md: 'text-2xl',\n      lg: 'text-3xl',\n      xl: 'text-4xl'\n    }\n  },\n  defaultVariants: {\n    size: 'md'\n  }\n})\n\nexport type HeadingProps = AsChildProps<'h2'> & VariantProps<typeof headingVariants>\n\nfunction Heading({ className, size = 'md', ...props }: HeadingProps) {\n  return useAsChild('h2', {\n    'data-slot': 'heading',\n    'data-size': size,\n    className: cn(headingVariants({ size }), className),\n    ...props\n  })\n}\n\nexport { Heading, headingVariants }\n"],"mappings":"4KAKA,MAAMA,EAAkBC,EAAI,+CAAgD,CAC1E,SAAU,CACR,KAAM,CACJ,GAAI,UACJ,GAAI,UACJ,GAAI,WACJ,GAAI,WACJ,GAAI,UACN,CACF,EACA,gBAAiB,CACf,KAAM,IACR,CACF,CAAC,EAID,SAAS,QAAQ,CAAE,YAAW,OAAO,KAAM,GAAGC,GAAuB,CACnE,OAAOC,EAAW,KAAM,CACtB,YAAa,UACb,YAAaC,EACb,UAAWC,EAAGL,EAAgB,CAAE,MAAK,CAAC,EAAGM,CAAS,EAClD,GAAGJ,CACL,CAAC,CACH"}

package/dist/components/hover-card.d.ts

@@ -1,13 +1,14 @@
 import { t as __name } from "../rolldown-runtime-BhWHdk3m.js";
-import { HoverCard as HoverCard$1 } from "radix-ui";
+import { t as AsChildPrimitiveProps } from "../as-child-Dxg3Xo1G.js";
 import * as React from "react";
+import { PreviewCard } from "@base-ui/react/preview-card";
 //#region src/components/hover-card.d.ts
-export type HoverCardProps = React.ComponentProps<typeof HoverCard$1.Root>;
-export type HoverCardTriggerProps = React.ComponentProps<typeof HoverCard$1.Trigger>;
-export type HoverCardContentProps = React.ComponentProps<typeof HoverCard$1.Content>;
+export type HoverCardProps = React.ComponentProps<typeof PreviewCard.Root>;
+export type HoverCardTriggerProps = AsChildPrimitiveProps<typeof PreviewCard.Trigger>;
+export type HoverCardContentProps = AsChildPrimitiveProps<typeof PreviewCard.Popup> & Pick<React.ComponentProps<typeof PreviewCard.Positioner>, 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'> & Pick<React.ComponentProps<typeof PreviewCard.Portal>, 'keepMounted'>;
 declare function HoverCard({ ...props }: HoverCardProps): React.JSX.Element;
-declare function HoverCardTrigger({ ...props }: HoverCardTriggerProps): React.JSX.Element;
-declare function HoverCardContent({ className, align, sideOffset, ...props }: HoverCardContentProps): React.JSX.Element;
+declare function HoverCardTrigger({ asChild, children, delay, closeDelay, ...props }: HoverCardTriggerProps): React.JSX.Element;
+declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, sticky, keepMounted, asChild, children, ...props }: HoverCardContentProps): React.JSX.Element;
 //#endregion
 export { HoverCard, HoverCardContent, HoverCardTrigger };
 //# sourceMappingURL=hover-card.d.ts.map

package/dist/components/hover-card.js

@@ -1,2 +1,2 @@
-import"../rolldown-runtime-BhWHdk3m.js";import{cn as e}from"../lib/utils.js";import{HoverCard as t}from"radix-ui";import{jsx as n}from"react/jsx-runtime";function HoverCard({...e}){return/* @__PURE__ */ n(t.Root,{"data-slot":`hover-card`,...e})}function HoverCardTrigger({...e}){return/* @__PURE__ */ n(t.Trigger,{"data-slot":`hover-card-trigger`,...e})}function HoverCardContent({className:r,align:i=`center`,sideOffset:a=4,...o}){return/* @__PURE__ */ n(t.Portal,{"data-slot":`hover-card-portal`,children:/* @__PURE__ */ n(t.Content,{"data-slot":`hover-card-content`,align:i,sideOffset:a,className:e(`z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,r),...o})})}export{HoverCard,HoverCardContent,HoverCardTrigger};
+import"../rolldown-runtime-BhWHdk3m.js";import{toAsChildRenderProps as e}from"../lib/as-child.js";import{cn as t}from"../lib/utils.js";import{t as n}from"../resolve-class-name-BurP8ngI.js";import{jsx as r}from"react/jsx-runtime";import{PreviewCard as i}from"@base-ui/react/preview-card";function HoverCard({...e}){return/* @__PURE__ */ r(i.Root,{"data-slot":`hover-card`,...e})}function HoverCardTrigger({asChild:t,children:n,delay:a=700,closeDelay:o=300,...s}){return/* @__PURE__ */ r(i.Trigger,{"data-slot":`hover-card-trigger`,delay:a,closeDelay:o,...s,...e(t,n)})}function HoverCardContent({className:a,side:o=`bottom`,sideOffset:s=4,align:c=`center`,alignOffset:l=0,sticky:u,keepMounted:d,asChild:f,children:p,...m}){return/* @__PURE__ */ r(i.Portal,{"data-slot":`hover-card-portal`,keepMounted:d,children:/* @__PURE__ */ r(i.Positioner,{side:o,sideOffset:s,align:c,alignOffset:l,sticky:u,className:`isolate z-50`,children:/* @__PURE__ */ r(i.Popup,{"data-slot":`hover-card-content`,className:e=>t(`z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,n(a,e)),...m,...e(f,p)})})})}export{HoverCard,HoverCardContent,HoverCardTrigger};
 //# sourceMappingURL=hover-card.js.map

package/dist/components/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"hover-card.js","names":["HoverCardPrimitive","HoverCard$1","props","cn","className"],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { HoverCard as HoverCardPrimitive } from 'radix-ui'\n\nimport { cn } from '../lib/utils'\n\nexport type HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>\n\nexport type HoverCardTriggerProps = React.ComponentProps<typeof HoverCardPrimitive.Trigger>\n\nexport type HoverCardContentProps = React.ComponentProps<typeof HoverCardPrimitive.Content>\n\nfunction HoverCard({ ...props }: HoverCardProps) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ ...props }: HoverCardTriggerProps) {\n  return <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n}\n\nfunction HoverCardContent({ className, align = 'center', sideOffset = 4, ...props }: HoverCardContentProps) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n      <HoverCardPrimitive.Content\n        data-slot=\"hover-card-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          'z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n          className\n        )}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger }\n"],"mappings":"0JAYA,SAAS,UAAU,CAAE,GAAGE,GAAyB,CAC/C,MAAO,kBAACF,EAAmB,KAApB,CAAyB,YAAU,aAAa,GAAIE,CAAQ,CAAA,CACrE,CAEA,SAAS,iBAAiB,CAAE,GAAGA,GAAgC,CAC7D,MAAO,kBAACF,EAAmB,QAApB,CAA4B,YAAU,qBAAqB,GAAIE,CAAQ,CAAA,CAChF,CAEA,SAAS,iBAAiB,CAAE,YAAW,QAAQ,SAAU,aAAa,EAAG,GAAGA,GAAgC,CAC1G,MACE,kBAACF,EAAmB,OAApB,CAA2B,YAAU,oBACnC,SAAA,kBAACA,EAAmB,QAApB,CACE,YAAU,qBACH,QACK,aACZ,UAAWG,EACT,8dACAC,CACF,EACA,GAAIF,CACL,CAAA,CACwB,CAAA,CAE/B"}
+{"version":3,"file":"hover-card.js","names":["HoverCardPrimitive","resolveClassName","props","PreviewCard","toAsChildRenderProps","asChild","children","cn","className","state"],"sources":["../../src/components/hover-card.tsx"],"sourcesContent":["import type * as React from 'react'\n\nimport { PreviewCard as HoverCardPrimitive } from '@base-ui/react/preview-card'\n\nimport { type AsChildPrimitiveProps, toAsChildRenderProps } from '../lib/as-child'\nimport { cn } from '../lib/utils'\nimport { resolveClassName } from '../utils/resolve-class-name'\n\nexport type HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>\n\nexport type HoverCardTriggerProps = AsChildPrimitiveProps<typeof HoverCardPrimitive.Trigger>\n\nexport type HoverCardContentProps = AsChildPrimitiveProps<typeof HoverCardPrimitive.Popup> &\n  Pick<\n    React.ComponentProps<typeof HoverCardPrimitive.Positioner>,\n    'side' | 'sideOffset' | 'align' | 'alignOffset' | 'sticky'\n  > &\n  Pick<React.ComponentProps<typeof HoverCardPrimitive.Portal>, 'keepMounted'>\n\nfunction HoverCard({ ...props }: HoverCardProps) {\n  return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({ asChild, children, delay = 700, closeDelay = 300, ...props }: HoverCardTriggerProps) {\n  return (\n    <HoverCardPrimitive.Trigger\n      data-slot=\"hover-card-trigger\"\n      delay={delay}\n      closeDelay={closeDelay}\n      {...props}\n      {...toAsChildRenderProps(asChild, children)}\n    />\n  )\n}\n\nfunction HoverCardContent({\n  className,\n  side = 'bottom',\n  sideOffset = 4,\n  align = 'center',\n  alignOffset = 0,\n  sticky,\n  keepMounted,\n  asChild,\n  children,\n  ...props\n}: HoverCardContentProps) {\n  return (\n    <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\" keepMounted={keepMounted}>\n      <HoverCardPrimitive.Positioner\n        side={side}\n        sideOffset={sideOffset}\n        align={align}\n        alignOffset={alignOffset}\n        sticky={sticky}\n        className=\"isolate z-50\"\n      >\n        <HoverCardPrimitive.Popup\n          data-slot=\"hover-card-content\"\n          className={(state) =>\n            cn(\n              'z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n              resolveClassName(className, state)\n            )\n          }\n          {...props}\n          {...toAsChildRenderProps(asChild, children)}\n        />\n      </HoverCardPrimitive.Positioner>\n    </HoverCardPrimitive.Portal>\n  )\n}\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger }\n"],"mappings":"+RAmBA,SAAS,UAAU,CAAE,GAAGE,GAAyB,CAC/C,MAAO,kBAACF,EAAmB,KAApB,CAAyB,YAAU,aAAa,GAAIE,CAAQ,CAAA,CACrE,CAEA,SAAS,iBAAiB,CAAE,UAAS,WAAU,QAAQ,IAAK,aAAa,IAAK,GAAGA,GAAgC,CAC/G,MACE,kBAACF,EAAmB,QAApB,CACE,YAAU,qBACH,QACK,aACZ,GAAIE,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAEL,CAEA,SAAS,iBAAiB,CACxB,YACA,OAAO,SACP,aAAa,EACb,QAAQ,SACR,cAAc,EACd,SACA,cACA,UACA,WACA,GAAGJ,GACqB,CACxB,MACE,kBAACF,EAAmB,OAApB,CAA2B,YAAU,oBAAiC,cACpE,SAAA,kBAACA,EAAmB,WAApB,CACQ,OACM,aACL,QACM,cACL,SACR,UAAU,eAEV,SAAA,kBAACA,EAAmB,MAApB,CACE,YAAU,qBACV,UAAY,GACVO,EACE,qcACAN,EAAiBO,EAAWC,CAAK,CACnC,EAEF,GAAIP,EACJ,GAAIE,EAAqBC,EAASC,CAAQ,CAC3C,CAAA,CAC4B,CAAA,CACN,CAAA,CAE/B"}