@mage-ui/components 1.0.138 → 1.0.140

package/dist/components/controls/dropzone/DropzoneBase.d.mts

@@ -12,6 +12,7 @@ type FileData = {
   uploaded: boolean;
   loading: boolean;
   url: string;
+  token?: string;
   error?: string;
   progress?: number;
 };
@@ -63,7 +64,8 @@ type DropzoneBaseProps = {
   subtitle?: ReactNode;
   hint?: ReactNode;
   inputId?: string;
-  onFileUploaded?: (file: FileData) => void;
+  onFileUploaded?: (file: FileData) => void; /** Called when a file is about to be removed. Use to trigger server-side deletion. Fire-and-forget — errors are swallowed. */
+  onRemoveFile?: (file: FileData) => void | Promise<void>;
   hideWhenFull?: boolean;
   classNames?: {
     dropzoneBase?: string;

package/dist/components/controls/dropzone/DropzoneBase.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneBase.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneBase.tsx"],"mappings":";;;;;;KAkCY,QAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,GAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,iBAAA;EACV,QAAA;IACE,KAAA;IACA,WAAA;IACA;EAAA;IAEA,KAAA,EAAO,MAAA,SAAe,QAAA;IACtB,WAAA;IACA,UAAA,GAAa,QAAA;EAAA,MACT,SAAA;EACN,YAAA,GAAe,MAAA,SAAe,QAAA;EAC9B,QAAA;EAXU;;;;;EAiBV,GAAA;EAXwB;;;;;EAiBxB,QAAA,GAAW,QAAA,EAMQ;EAJnB,QAAA,YAMU;EAJV,OAAA,WAoBQ;EAlBR,QAAA,IAAY,KAAA,EAAO,IAAA;EACnB,IAAA,GAAO,MAAA;EACP,OAAA,GAAU,MAAA;EA8BO;;;;;;;;;;;;;;EAfjB,MAAA,cAAoB,MAAA;EACpB,KAAA,GAAQ,SAAA;EACR,QAAA,GAAW,SAAA;EACX,IAAA,GAAO,SAAA;EACP,OAAA;EACA,cAAA,IAAkB,IAAA,EAAM,QAAA;EACxB,YAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,KAAA;MACE,IAAA;MACA,KAAA;IAAA;IAEF,QAAA;IACA,YAAA,GAAe,SAAA;IACf,MAAA,GAAS,eAAA;IACT,QAAA;IACA,KAAA;IACA,QAAA;IACA,IAAA;EAAA;EAEF,SAAA;AAAA"}
+{"version":3,"file":"DropzoneBase.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneBase.tsx"],"mappings":";;;;;;KAkCY,QAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,GAAA;EACA,KAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,iBAAA;EACV,QAAA;IACE,KAAA;IACA,WAAA;IACA;EAAA;IAEA,KAAA,EAAO,MAAA,SAAe,QAAA;IACtB,WAAA;IACA,UAAA,GAAa,QAAA;EAAA,MACT,SAAA;EACN,YAAA,GAAe,MAAA,SAAe,QAAA;EAC9B,QAAA;EAXU;;;;;EAiBV,GAAA;EAXwB;;;;;EAiBxB,QAAA,GAAW,QAAA,EAMQ;EAJnB,QAAA,YAMU;EAJV,OAAA,WAoBQ;EAlBR,QAAA,IAAY,KAAA,EAAO,IAAA;EACnB,IAAA,GAAO,MAAA;EACP,OAAA,GAAU,MAAA;EAsBY;;;;;;;;;;;;;;EAPtB,MAAA,cAAoB,MAAA;EACpB,KAAA,GAAQ,SAAA;EACR,QAAA,GAAW,SAAA;EACX,IAAA,GAAO,SAAA;EACP,OAAA;EACA,cAAA,IAAkB,IAAA,EAAM,QAAA,WAzCxB;EA2CA,YAAA,IAAgB,IAAA,EAAM,QAAA,YAAoB,OAAA;EAC1C,YAAA;EACA,UAAA;IACE,YAAA;IACA,IAAA;IACA,KAAA;MACE,IAAA;MACA,KAAA;IAAA;IAEF,QAAA;IACA,YAAA,GAAe,SAAA;IACf,MAAA,GAAS,eAAA;IACT,QAAA;IACA,KAAA;IACA,QAAA;IACA,IAAA;EAAA;EAEF,SAAA;AAAA"}

package/dist/components/controls/dropzone/DropzoneBase.mjs

@@ -1,2 +1,2 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{LoaderOval as t}from"../../data-display/loader-oval/LoaderOval.mjs";import{useDropzoneState as n}from"./use-dropzone-state.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{dropzoneBase as i,dropzoneBaseHint as a,dropzoneBaseIcon as o,dropzoneBaseIconSlot as s,dropzoneBaseInput as c,dropzoneBaseInputInner as l,dropzoneBaseLoader as u,dropzoneBaseLoaderRoot as d,dropzoneBaseRoot as f,dropzoneBaseSubtitle as p,dropzoneBaseTextSlot as m,dropzoneBaseTitle as h}from"@mage-ui/styled-system/recipes";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useCallback as y,useRef as b}from"react";import{Dropzone as x}from"@mantine/dropzone";const S=({data:S,headers:C,children:w,initialFiles:T={},maxFiles:E,url:D,uploader:O,autoSend:k=!0,maxSize:A,onChange:j,accept:M,title:N,subtitle:P,hint:F,inputId:I,onFileUploaded:L,classNames:R,direction:z=`default`,hideWhenFull:B=!1})=>{let V=b(null),H=b(new Map),{files:U,isUploading:W,uploadMultipleFiles:G,addFile:K,removeFile:q}=n(D,T,L,C,O),J=y(e=>{q(e),H.current.delete(e),!k&&j&&j(Array.from(H.current.values()))},[q,k,j]),Y=y(async e=>{let t=Object.keys(U).length,n=(E??1/0)-t;if(n<=0)return;let r=e.slice(0,n);if(k)await G(r,S);else{for(let e of r)K(e),H.current.set(e.name,e);j?.(Array.from(H.current.values()))}},[k,G,K,S,U,E,j]),X=E!==void 0&&Object.keys(U).length>=E;return v(`div`,{className:r(R?.dropzoneBase??i(),R?.root??f()),"data-direction":z,children:[(!B||!X)&&v(x,{ref:V,onDrop:Y,disabled:X,loading:W,accept:M,maxSize:A,preventDropOnDocument:!0,inputProps:{id:I},classNames:{root:R?.input?.root??r(c(),`group`),inner:R?.input?.inner??l()},children:[_(`div`,{className:R?.iconSlot??s(),children:W?_(t,{classNames:{loader:R?.loader?.loader??u(),root:R?.loader?.root??d()}}):v(g,{children:[_(x.Idle,{children:_(e,{name:`mage-dropzone-upload-01`,path:`/icons/sprite-mage.svg`,classNames:{icon:R?.dropzoneIcon?.icon??o()}})}),_(x.Accept,{children:_(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:R?.dropzoneIcon?.icon??o()}})}),_(x.Reject,{children:_(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:R?.dropzoneIcon?.icon??o()}})})]})}),v(`div`,{className:R?.textSlot??m(),children:[_(`span`,{className:R?.title??h(),children:N||`Upload files`}),_(`span`,{className:R?.subtitle??p(),children:P||`Drag images here or click to select files`}),_(`span`,{className:R?.hint??a(),children:F||`Attach as many files as you like, each file should not exceed 5mb`})]})]}),w({files:U,isUploading:W,removeFile:J})]})};export{S as DropzoneBase};
+import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{LoaderOval as t}from"../../data-display/loader-oval/LoaderOval.mjs";import{useDropzoneState as n}from"./use-dropzone-state.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{dropzoneBase as i,dropzoneBaseHint as a,dropzoneBaseIcon as o,dropzoneBaseIconSlot as s,dropzoneBaseInput as c,dropzoneBaseInputInner as l,dropzoneBaseLoader as u,dropzoneBaseLoaderRoot as d,dropzoneBaseRoot as f,dropzoneBaseSubtitle as p,dropzoneBaseTextSlot as m,dropzoneBaseTitle as h}from"@mage-ui/styled-system/recipes";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useCallback as y,useRef as b}from"react";import{Dropzone as x}from"@mantine/dropzone";const S=({data:S,headers:C,children:w,initialFiles:T={},maxFiles:E,url:D,uploader:O,autoSend:k=!0,maxSize:A,onChange:j,accept:M,title:N,subtitle:P,hint:F,inputId:I,onFileUploaded:L,onRemoveFile:R,classNames:z,direction:B=`default`,hideWhenFull:V=!1})=>{let H=b(null),U=b(new Map),{files:W,isUploading:G,uploadMultipleFiles:K,addFile:q,removeFile:J}=n(D,T,L,C,O),Y=b(W);Y.current=W;let X=y(e=>{if(R){let t=Y.current[e];t&&Promise.resolve(R(t)).catch(console.error)}J(e),U.current.delete(e),!k&&j&&j(Array.from(U.current.values()))},[J,k,j,R]),Z=y(async e=>{let t=Object.keys(W).length,n=(E??1/0)-t;if(n<=0)return;let r=e.slice(0,n);if(k)await K(r,S);else{for(let e of r)q(e),U.current.set(e.name,e);j?.(Array.from(U.current.values()))}},[k,K,q,S,W,E,j]),Q=E!==void 0&&Object.keys(W).length>=E;return v(`div`,{className:r(z?.dropzoneBase??i(),z?.root??f()),"data-direction":B,children:[(!V||!Q)&&v(x,{ref:H,onDrop:Z,disabled:Q,loading:G,accept:M,maxSize:A,preventDropOnDocument:!0,inputProps:{id:I},classNames:{root:z?.input?.root??r(c(),`group`),inner:z?.input?.inner??l()},children:[_(`div`,{className:z?.iconSlot??s(),children:G?_(t,{classNames:{loader:z?.loader?.loader??u(),root:z?.loader?.root??d()}}):v(g,{children:[_(x.Idle,{children:_(e,{name:`mage-dropzone-upload-01`,path:`/icons/sprite-mage.svg`,classNames:{icon:z?.dropzoneIcon?.icon??o()}})}),_(x.Accept,{children:_(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:z?.dropzoneIcon?.icon??o()}})}),_(x.Reject,{children:_(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:z?.dropzoneIcon?.icon??o()}})})]})}),v(`div`,{className:z?.textSlot??m(),children:[_(`span`,{className:z?.title??h(),children:N||`Upload files`}),_(`span`,{className:z?.subtitle??p(),children:P||`Drag images here or click to select files`}),_(`span`,{className:z?.hint??a(),children:F||`Attach as many files as you like, each file should not exceed 5mb`})]})]}),w({files:W,isUploading:G,removeFile:X})]})};export{S as DropzoneBase};
 //# sourceMappingURL=DropzoneBase.mjs.map

package/dist/components/controls/dropzone/DropzoneBase.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneBase.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/dropzone/DropzoneBase.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzoneBase,\n  dropzoneBaseHint,\n  dropzoneBaseIcon,\n  dropzoneBaseIconSlot,\n  dropzoneBaseInput,\n  dropzoneBaseInputInner,\n  dropzoneBaseLoader,\n  dropzoneBaseLoaderRoot,\n  dropzoneBaseRoot,\n  dropzoneBaseSubtitle,\n  dropzoneBaseTextSlot,\n  dropzoneBaseTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Dropzone as MantineDropzone } from '@mantine/dropzone';\nimport {\n  Icon,\n  type IconProps,\n  LoaderOval,\n  type LoaderOvalProps,\n} from '@/components/data-display';\n\nimport type {\n  Uploader,\n  UploadProgress,\n  UploadResponse,\n} from './upload-service';\nimport { useDropzoneState } from './use-dropzone-state';\n\nexport type { Uploader, UploadProgress, UploadResponse };\n\nexport type FileData = {\n  name: string;\n  size: number;\n  type: string;\n  date: string;\n  uploaded: boolean;\n  loading: boolean;\n  url: string;\n  error?: string;\n  progress?: number; // (0-100)\n};\n\nexport type DropzoneBaseProps = {\n  children: ({\n    files,\n    isUploading,\n    removeFile,\n  }: {\n    files: Record<string, FileData>;\n    isUploading: boolean;\n    removeFile: (fileName: string) => void;\n  }) => ReactNode;\n  initialFiles?: Record<string, FileData>;\n  maxFiles?: number;\n  /**\n   * Endpoint used by the built-in FormData uploader. Required when\n   * `autoSend=true` (default) AND no custom `uploader` is provided.\n   * Ignored if `uploader` is provided.\n   */\n  url?: string;\n  /**\n   * Custom upload function that replaces the built-in FormData POST.\n   * Use it for multi-step flows (e.g. presigned S3) or any non-standard\n   * transport. When set, the `url` prop is ignored.\n   */\n  uploader?: Uploader;\n  /** When false, files are added to state but not uploaded automatically. Default: true. */\n  autoSend?: boolean;\n  /** Maximum file size in bytes. Files exceeding this will be rejected. */\n  maxSize?: number;\n  /** Called when the file list changes (added or removed). Useful when autoSend=false. */\n  onChange?: (files: File[]) => void;\n  data?: Record<string, unknown>;\n  headers?: Record<string, string>;\n  /**\n   * Files the dropzone accepts. Forwarded directly to Mantine's\n   * `<Dropzone accept>`.\n   *\n   * Two formats are supported:\n   * - **Map (preferred)**: `{ [mimeType]: ['.ext', ...] }` — matches\n   *   the native `react-dropzone` shape and produces a correct\n   *   `<input accept>` with MIME + extension pairs. Required when any\n   *   key would otherwise be a bare extension string.\n   * - **Array**: `string[]` of MIME types (no `.ext` entries) — kept\n   *   for backward compatibility. Mixing `.ext` strings into the\n   *   array triggers a `Skipped \"...\" because it is not a valid MIME\n   *   type` warning from `react-dropzone` v15+.\n   */\n  accept?: string[] | Record<string, string[]>;\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  hint?: ReactNode;\n  inputId?: string;\n  onFileUploaded?: (file: FileData) => void;\n  hideWhenFull?: boolean;\n  classNames?: {\n    dropzoneBase?: string;\n    root?: string;\n    input?: {\n      root?: string;\n      inner?: string;\n    };\n    iconSlot?: string;\n    dropzoneIcon?: IconProps['classNames'];\n    loader?: LoaderOvalProps['classNames'];\n    textSlot?: string;\n    title?: string;\n    subtitle?: string;\n    hint?: string;\n  };\n  direction?: 'default' | 'reverse';\n};\n\nexport const DropzoneBase = ({\n  data,\n  headers,\n  children,\n  initialFiles = {},\n  maxFiles,\n  url,\n  uploader,\n  autoSend = true,\n  maxSize,\n  onChange,\n  accept,\n  title,\n  subtitle,\n  hint,\n  inputId,\n  onFileUploaded,\n  classNames,\n  direction = 'default',\n  hideWhenFull = false,\n}: DropzoneBaseProps) => {\n  const dropzoneRef = useRef<HTMLDivElement>(null);\n  const rawFilesRef = useRef<Map<string, File>>(new Map());\n  const {\n    files,\n    isUploading,\n    uploadMultipleFiles,\n    addFile,\n    removeFile: hookRemoveFile,\n  } = useDropzoneState(url, initialFiles, onFileUploaded, headers, uploader);\n\n  const removeFile = useCallback(\n    (fileName: string) => {\n      hookRemoveFile(fileName);\n      rawFilesRef.current.delete(fileName);\n      if (!autoSend && onChange) {\n        onChange(Array.from(rawFilesRef.current.values()));\n      }\n    },\n    [hookRemoveFile, autoSend, onChange],\n  );\n\n  const handleDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      const currentCount = Object.keys(files).length;\n      const max = maxFiles ?? Number.POSITIVE_INFINITY;\n      const remainingSlots = max - currentCount;\n      if (remainingSlots <= 0) {\n        return;\n      }\n      const filesToProcess = acceptedFiles.slice(0, remainingSlots);\n      if (autoSend) {\n        await uploadMultipleFiles(filesToProcess, data);\n      } else {\n        for (const file of filesToProcess) {\n          addFile(file);\n          rawFilesRef.current.set(file.name, file);\n        }\n        onChange?.(Array.from(rawFilesRef.current.values()));\n      }\n    },\n    [autoSend, uploadMultipleFiles, addFile, data, files, maxFiles, onChange],\n  );\n\n  const isFull =\n    maxFiles !== undefined && Object.keys(files).length >= maxFiles;\n\n  return (\n    <div\n      className={cx(\n        classNames?.dropzoneBase ?? dropzoneBase(),\n        classNames?.root ?? dropzoneBaseRoot(),\n      )}\n      data-direction={direction}\n    >\n      {(!hideWhenFull || !isFull) && (\n        <MantineDropzone\n          ref={dropzoneRef}\n          onDrop={handleDrop}\n          disabled={isFull}\n          loading={isUploading}\n          accept={accept}\n          maxSize={maxSize}\n          preventDropOnDocument\n          inputProps={{ id: inputId }}\n          classNames={{\n            root: classNames?.input?.root ?? cx(dropzoneBaseInput(), 'group'),\n            inner: classNames?.input?.inner ?? dropzoneBaseInputInner(),\n          }}\n        >\n          <div className={classNames?.iconSlot ?? dropzoneBaseIconSlot()}>\n            {isUploading ? (\n              <LoaderOval\n                classNames={{\n                  loader: classNames?.loader?.loader ?? dropzoneBaseLoader(),\n                  root: classNames?.loader?.root ?? dropzoneBaseLoaderRoot(),\n                }}\n              />\n            ) : (\n              <>\n                <MantineDropzone.Idle>\n                  <Icon\n                    name='mage-dropzone-upload-01'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Idle>\n                <MantineDropzone.Accept>\n                  <Icon\n                    name='mage-dropzone-thumbs-up'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Accept>\n                <MantineDropzone.Reject>\n                  <Icon\n                    name='mage-dropzone-thumbs-down'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Reject>\n              </>\n            )}\n          </div>\n          <div className={classNames?.textSlot ?? dropzoneBaseTextSlot()}>\n            <span className={classNames?.title ?? dropzoneBaseTitle()}>\n              {title || 'Upload files'}\n            </span>\n            <span className={classNames?.subtitle ?? dropzoneBaseSubtitle()}>\n              {subtitle || 'Drag images here or click to select files'}\n            </span>\n            <span className={classNames?.hint ?? dropzoneBaseHint()}>\n              {hint ||\n                'Attach as many files as you like, each file should not exceed 5mb'}\n            </span>\n          </div>\n        </MantineDropzone>\n      )}\n      {children({ files, isUploading, removeFile })}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DropzoneBase.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/dropzone/DropzoneBase.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzoneBase,\n  dropzoneBaseHint,\n  dropzoneBaseIcon,\n  dropzoneBaseIconSlot,\n  dropzoneBaseInput,\n  dropzoneBaseInputInner,\n  dropzoneBaseLoader,\n  dropzoneBaseLoaderRoot,\n  dropzoneBaseRoot,\n  dropzoneBaseSubtitle,\n  dropzoneBaseTextSlot,\n  dropzoneBaseTitle,\n} from '@mage-ui/styled-system/recipes';\nimport { Dropzone as MantineDropzone } from '@mantine/dropzone';\nimport {\n  Icon,\n  type IconProps,\n  LoaderOval,\n  type LoaderOvalProps,\n} from '@/components/data-display';\n\nimport type {\n  Uploader,\n  UploadProgress,\n  UploadResponse,\n} from './upload-service';\nimport { useDropzoneState } from './use-dropzone-state';\n\nexport type { Uploader, UploadProgress, UploadResponse };\n\nexport type FileData = {\n  name: string;\n  size: number;\n  type: string;\n  date: string;\n  uploaded: boolean;\n  loading: boolean;\n  url: string;\n  token?: string;\n  error?: string;\n  progress?: number; // (0-100)\n};\n\nexport type DropzoneBaseProps = {\n  children: ({\n    files,\n    isUploading,\n    removeFile,\n  }: {\n    files: Record<string, FileData>;\n    isUploading: boolean;\n    removeFile: (fileName: string) => void;\n  }) => ReactNode;\n  initialFiles?: Record<string, FileData>;\n  maxFiles?: number;\n  /**\n   * Endpoint used by the built-in FormData uploader. Required when\n   * `autoSend=true` (default) AND no custom `uploader` is provided.\n   * Ignored if `uploader` is provided.\n   */\n  url?: string;\n  /**\n   * Custom upload function that replaces the built-in FormData POST.\n   * Use it for multi-step flows (e.g. presigned S3) or any non-standard\n   * transport. When set, the `url` prop is ignored.\n   */\n  uploader?: Uploader;\n  /** When false, files are added to state but not uploaded automatically. Default: true. */\n  autoSend?: boolean;\n  /** Maximum file size in bytes. Files exceeding this will be rejected. */\n  maxSize?: number;\n  /** Called when the file list changes (added or removed). Useful when autoSend=false. */\n  onChange?: (files: File[]) => void;\n  data?: Record<string, unknown>;\n  headers?: Record<string, string>;\n  /**\n   * Files the dropzone accepts. Forwarded directly to Mantine's\n   * `<Dropzone accept>`.\n   *\n   * Two formats are supported:\n   * - **Map (preferred)**: `{ [mimeType]: ['.ext', ...] }` — matches\n   *   the native `react-dropzone` shape and produces a correct\n   *   `<input accept>` with MIME + extension pairs. Required when any\n   *   key would otherwise be a bare extension string.\n   * - **Array**: `string[]` of MIME types (no `.ext` entries) — kept\n   *   for backward compatibility. Mixing `.ext` strings into the\n   *   array triggers a `Skipped \"...\" because it is not a valid MIME\n   *   type` warning from `react-dropzone` v15+.\n   */\n  accept?: string[] | Record<string, string[]>;\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  hint?: ReactNode;\n  inputId?: string;\n  onFileUploaded?: (file: FileData) => void;\n  /** Called when a file is about to be removed. Use to trigger server-side deletion. Fire-and-forget — errors are swallowed. */\n  onRemoveFile?: (file: FileData) => void | Promise<void>;\n  hideWhenFull?: boolean;\n  classNames?: {\n    dropzoneBase?: string;\n    root?: string;\n    input?: {\n      root?: string;\n      inner?: string;\n    };\n    iconSlot?: string;\n    dropzoneIcon?: IconProps['classNames'];\n    loader?: LoaderOvalProps['classNames'];\n    textSlot?: string;\n    title?: string;\n    subtitle?: string;\n    hint?: string;\n  };\n  direction?: 'default' | 'reverse';\n};\n\nexport const DropzoneBase = ({\n  data,\n  headers,\n  children,\n  initialFiles = {},\n  maxFiles,\n  url,\n  uploader,\n  autoSend = true,\n  maxSize,\n  onChange,\n  accept,\n  title,\n  subtitle,\n  hint,\n  inputId,\n  onFileUploaded,\n  onRemoveFile,\n  classNames,\n  direction = 'default',\n  hideWhenFull = false,\n}: DropzoneBaseProps) => {\n  const dropzoneRef = useRef<HTMLDivElement>(null);\n  const rawFilesRef = useRef<Map<string, File>>(new Map());\n  const {\n    files,\n    isUploading,\n    uploadMultipleFiles,\n    addFile,\n    removeFile: hookRemoveFile,\n  } = useDropzoneState(url, initialFiles, onFileUploaded, headers, uploader);\n\n  const filesRef = useRef<Record<string, FileData>>(files);\n  filesRef.current = files;\n\n  const removeFile = useCallback(\n    (fileName: string) => {\n      if (onRemoveFile) {\n        const fileData = filesRef.current[fileName];\n        if (fileData) {\n          Promise.resolve(onRemoveFile(fileData)).catch(console.error);\n        }\n      }\n      hookRemoveFile(fileName);\n      rawFilesRef.current.delete(fileName);\n      if (!autoSend && onChange) {\n        onChange(Array.from(rawFilesRef.current.values()));\n      }\n    },\n    [hookRemoveFile, autoSend, onChange, onRemoveFile],\n  );\n\n  const handleDrop = useCallback(\n    async (acceptedFiles: File[]) => {\n      const currentCount = Object.keys(files).length;\n      const max = maxFiles ?? Number.POSITIVE_INFINITY;\n      const remainingSlots = max - currentCount;\n      if (remainingSlots <= 0) {\n        return;\n      }\n      const filesToProcess = acceptedFiles.slice(0, remainingSlots);\n      if (autoSend) {\n        await uploadMultipleFiles(filesToProcess, data);\n      } else {\n        for (const file of filesToProcess) {\n          addFile(file);\n          rawFilesRef.current.set(file.name, file);\n        }\n        onChange?.(Array.from(rawFilesRef.current.values()));\n      }\n    },\n    [autoSend, uploadMultipleFiles, addFile, data, files, maxFiles, onChange],\n  );\n\n  const isFull =\n    maxFiles !== undefined && Object.keys(files).length >= maxFiles;\n\n  return (\n    <div\n      className={cx(\n        classNames?.dropzoneBase ?? dropzoneBase(),\n        classNames?.root ?? dropzoneBaseRoot(),\n      )}\n      data-direction={direction}\n    >\n      {(!hideWhenFull || !isFull) && (\n        <MantineDropzone\n          ref={dropzoneRef}\n          onDrop={handleDrop}\n          disabled={isFull}\n          loading={isUploading}\n          accept={accept}\n          maxSize={maxSize}\n          preventDropOnDocument\n          inputProps={{ id: inputId }}\n          classNames={{\n            root: classNames?.input?.root ?? cx(dropzoneBaseInput(), 'group'),\n            inner: classNames?.input?.inner ?? dropzoneBaseInputInner(),\n          }}\n        >\n          <div className={classNames?.iconSlot ?? dropzoneBaseIconSlot()}>\n            {isUploading ? (\n              <LoaderOval\n                classNames={{\n                  loader: classNames?.loader?.loader ?? dropzoneBaseLoader(),\n                  root: classNames?.loader?.root ?? dropzoneBaseLoaderRoot(),\n                }}\n              />\n            ) : (\n              <>\n                <MantineDropzone.Idle>\n                  <Icon\n                    name='mage-dropzone-upload-01'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Idle>\n                <MantineDropzone.Accept>\n                  <Icon\n                    name='mage-dropzone-thumbs-up'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Accept>\n                <MantineDropzone.Reject>\n                  <Icon\n                    name='mage-dropzone-thumbs-down'\n                    path='/icons/sprite-mage.svg'\n                    classNames={{\n                      icon:\n                        classNames?.dropzoneIcon?.icon ?? dropzoneBaseIcon(),\n                    }}\n                  />\n                </MantineDropzone.Reject>\n              </>\n            )}\n          </div>\n          <div className={classNames?.textSlot ?? dropzoneBaseTextSlot()}>\n            <span className={classNames?.title ?? dropzoneBaseTitle()}>\n              {title || 'Upload files'}\n            </span>\n            <span className={classNames?.subtitle ?? dropzoneBaseSubtitle()}>\n              {subtitle || 'Drag images here or click to select files'}\n            </span>\n            <span className={classNames?.hint ?? dropzoneBaseHint()}>\n              {hint ||\n                'Attach as many files as you like, each file should not exceed 5mb'}\n            </span>\n          </div>\n        </MantineDropzone>\n      )}\n      {children({ files, isUploading, removeFile })}\n    </div>\n  );\n};\n"],"mappings":"8tBAwHA,MAAa,GAAgB,CAC3B,OACA,UACA,WACA,eAAe,EAAE,CACjB,WACA,MACA,WACA,WAAW,GACX,UACA,WACA,SACA,QACA,WACA,OACA,UACA,iBACA,eACA,aACA,YAAY,UACZ,eAAe,MACQ,CACvB,IAAM,EAAc,EAAuB,KAAK,CAC1C,EAAc,EAA0B,IAAI,IAAM,CAClD,CACJ,QACA,cACA,sBACA,UACA,WAAY,GACV,EAAiB,EAAK,EAAc,EAAgB,EAAS,EAAS,CAEpE,EAAW,EAAiC,EAAM,CACxD,EAAS,QAAU,EAEnB,IAAM,EAAa,EAChB,GAAqB,CACpB,GAAI,EAAc,CAChB,IAAM,EAAW,EAAS,QAAQ,GAC9B,GACF,QAAQ,QAAQ,EAAa,EAAS,CAAC,CAAC,MAAM,QAAQ,MAAM,CAGhE,EAAe,EAAS,CACxB,EAAY,QAAQ,OAAO,EAAS,CAChC,CAAC,GAAY,GACf,EAAS,MAAM,KAAK,EAAY,QAAQ,QAAQ,CAAC,CAAC,EAGtD,CAAC,EAAgB,EAAU,EAAU,EAAa,CACnD,CAEK,EAAa,EACjB,KAAO,IAA0B,CAC/B,IAAM,EAAe,OAAO,KAAK,EAAM,CAAC,OAElC,GADM,GAAY,KACK,EAC7B,GAAI,GAAkB,EACpB,OAEF,IAAM,EAAiB,EAAc,MAAM,EAAG,EAAe,CAC7D,GAAI,EACF,MAAM,EAAoB,EAAgB,EAAK,KAC1C,CACL,IAAK,IAAM,KAAQ,EACjB,EAAQ,EAAK,CACb,EAAY,QAAQ,IAAI,EAAK,KAAM,EAAK,CAE1C,IAAW,MAAM,KAAK,EAAY,QAAQ,QAAQ,CAAC,CAAC,GAGxD,CAAC,EAAU,EAAqB,EAAS,EAAM,EAAO,EAAU,EAAS,CAC1E,CAEK,EACJ,IAAa,IAAA,IAAa,OAAO,KAAK,EAAM,CAAC,QAAU,EAEzD,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,CACD,iBAAgB,WALlB,EAOI,CAAC,GAAgB,CAAC,IAClB,EAACA,EAAD,CACE,IAAK,EACL,OAAQ,EACR,SAAU,EACV,QAAS,EACD,SACC,UACT,sBAAA,GACA,WAAY,CAAE,GAAI,EAAS,CAC3B,WAAY,CACV,KAAM,GAAY,OAAO,MAAQ,EAAG,GAAmB,CAAE,QAAQ,CACjE,MAAO,GAAY,OAAO,OAAS,GAAwB,CAC5D,UAZH,CAcE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAsB,UAC3D,EACC,EAAC,EAAD,CACE,WAAY,CACV,OAAQ,GAAY,QAAQ,QAAU,GAAoB,CAC1D,KAAM,GAAY,QAAQ,MAAQ,GAAwB,CAC3D,CACD,CAAA,CAEF,EAAA,EAAA,CAAA,SAAA,CACE,EAACA,EAAgB,KAAjB,CAAA,SACE,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KACE,GAAY,cAAc,MAAQ,GAAkB,CACvD,CACD,CAAA,CACmB,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KACE,GAAY,cAAc,MAAQ,GAAkB,CACvD,CACD,CAAA,CACqB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KACE,GAAY,cAAc,MAAQ,GAAkB,CACvD,CACD,CAAA,CACqB,CAAA,CACxB,CAAA,CAAA,CAED,CAAA,CACN,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAsB,UAA9D,CACE,EAAC,OAAD,CAAM,UAAW,GAAY,OAAS,GAAmB,UACtD,GAAS,eACL,CAAA,CACP,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAsB,UAC5D,GAAY,4CACR,CAAA,CACP,EAAC,OAAD,CAAM,UAAW,GAAY,MAAQ,GAAkB,UACpD,GACC,oEACG,CAAA,CACH,GACU,GAEnB,EAAS,CAAE,QAAO,cAAa,aAAY,CAAC,CACzC"}

package/dist/components/controls/dropzone/DropzoneS3.mjs

@@ -1,2 +1,2 @@
-import{buildAcceptMap as e,defaultGetErrorMessage as t,useS3Upload as n}from"./use-s3-upload.mjs";import{Dropzone as r}from"./Dropzone.mjs";import{jsx as i}from"react/jsx-runtime";const a=({texts:a,acceptedTypes:o,accept:s,initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f=t,resolveUploadedUrl:p,...m})=>{let h=s??e(o),{upload:g}=n({initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f,resolveUploadedUrl:p,acceptedTypes:o,texts:a}),_=async(e,{onProgress:t})=>({body:{url:await g(e,n=>t?.({loaded:0,total:e.size,percentage:n}))}});return i(r,{...m,title:a?.title,subtitle:a?.subtitle,hint:a?.hint,accept:h,uploader:_})};export{a as DropzoneS3};
+import{buildAcceptMap as e,defaultGetErrorMessage as t,useS3Upload as n}from"./use-s3-upload.mjs";import{Dropzone as r}from"./Dropzone.mjs";import{jsx as i}from"react/jsx-runtime";const a=({texts:a,acceptedTypes:o,accept:s,initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f=t,resolveUploadedUrl:p,...m})=>{let h=s??e(o),{upload:g}=n({initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f,resolveUploadedUrl:p,acceptedTypes:o,texts:a}),_=async(e,{onProgress:t})=>{let{url:n,token:r}=await g(e,n=>t?.({loaded:0,total:e.size,percentage:n}));return{body:{url:n,token:r}}};return i(r,{...m,title:a?.title,subtitle:a?.subtitle,hint:a?.hint,accept:h,uploader:_})};export{a as DropzoneS3};
 //# sourceMappingURL=DropzoneS3.mjs.map

package/dist/components/controls/dropzone/DropzoneS3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropzoneS3.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"sourcesContent":["import { Dropzone, type DropzoneProps } from './Dropzone';\nimport type { Uploader } from './upload-service';\nimport {\n  buildAcceptMap,\n  type DropzoneS3Texts,\n  defaultGetErrorMessage,\n  getFileExtension,\n  type S3FileMeta,\n  type S3InitBody,\n  type S3InitResponse,\n  type S3UploadConfig,\n  useS3Upload,\n} from './use-s3-upload';\n\nexport type { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse };\nexport { getFileExtension };\n\nexport type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<\n  DropzoneProps,\n  'uploader' | 'url' | 'accept' | 'title' | 'subtitle' | 'hint'\n> &\n  S3UploadConfig<TInitBody> & {\n    /**\n     * Explicit accept list forwarded to the underlying Mantine dropzone.\n     * Takes precedence over `acceptedTypes`. Prefer the map shape\n     * `{ [mimeType]: ['.ext', ...] }` — passing a `.ext` entry inside a\n     * plain `string[]` triggers a \"Skipped … not a valid MIME type\"\n     * warning in react-dropzone v15+.\n     */\n    accept?: string[] | Record<string, string[]>;\n  };\n\nexport const DropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  texts,\n  acceptedTypes,\n  accept,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  ...dropzoneProps\n}: DropzoneS3Props<TInitBody>) => {\n  const acceptList = accept ?? buildAcceptMap(acceptedTypes);\n  const { upload } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const uploader: Uploader = async (file, { onProgress }) => {\n    const url = await upload(file, (p) =>\n      onProgress?.({ loaded: 0, total: file.size, percentage: p }),\n    );\n    return { body: { url } };\n  };\n\n  return (\n    <Dropzone\n      {...dropzoneProps}\n      title={texts?.title}\n      subtitle={texts?.subtitle}\n      hint={texts?.hint}\n      accept={acceptList}\n      uploader={uploader}\n    />\n  );\n};\n"],"mappings":"oLAgCA,MAAa,GAAyD,CACpE,QACA,gBACA,SACA,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,GAAG,KAC6B,CAChC,IAAM,EAAa,GAAU,EAAe,EAAc,CACpD,CAAE,UAAW,EAAuB,CACxC,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAEI,EAAqB,MAAO,EAAM,CAAE,iBAIjC,CAAE,KAAM,CAAE,IAHL,MAAM,EAAO,EAAO,GAC9B,IAAa,CAAE,OAAQ,EAAG,MAAO,EAAK,KAAM,WAAY,EAAG,CAAC,CAC7D,CACqB,CAAE,EAG1B,OACE,EAAC,EAAD,CACE,GAAI,EACJ,MAAO,GAAO,MACd,SAAU,GAAO,SACjB,KAAM,GAAO,KACb,OAAQ,EACE,WACV,CAAA"}
+{"version":3,"file":"DropzoneS3.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"sourcesContent":["import { Dropzone, type DropzoneProps } from './Dropzone';\nimport type { Uploader } from './upload-service';\nimport {\n  buildAcceptMap,\n  type DropzoneS3Texts,\n  defaultGetErrorMessage,\n  getFileExtension,\n  type S3FileMeta,\n  type S3InitBody,\n  type S3InitResponse,\n  type S3UploadConfig,\n  useS3Upload,\n} from './use-s3-upload';\n\nexport type { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse };\nexport { getFileExtension };\n\nexport type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<\n  DropzoneProps,\n  'uploader' | 'url' | 'accept' | 'title' | 'subtitle' | 'hint'\n> &\n  S3UploadConfig<TInitBody> & {\n    /**\n     * Explicit accept list forwarded to the underlying Mantine dropzone.\n     * Takes precedence over `acceptedTypes`. Prefer the map shape\n     * `{ [mimeType]: ['.ext', ...] }` — passing a `.ext` entry inside a\n     * plain `string[]` triggers a \"Skipped … not a valid MIME type\"\n     * warning in react-dropzone v15+.\n     */\n    accept?: string[] | Record<string, string[]>;\n  };\n\nexport const DropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  texts,\n  acceptedTypes,\n  accept,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  ...dropzoneProps\n}: DropzoneS3Props<TInitBody>) => {\n  const acceptList = accept ?? buildAcceptMap(acceptedTypes);\n  const { upload } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const uploader: Uploader = async (file, { onProgress }) => {\n    const { url, token } = await upload(file, (p) =>\n      onProgress?.({ loaded: 0, total: file.size, percentage: p }),\n    );\n    return { body: { url, token } };\n  };\n\n  return (\n    <Dropzone\n      {...dropzoneProps}\n      title={texts?.title}\n      subtitle={texts?.subtitle}\n      hint={texts?.hint}\n      accept={acceptList}\n      uploader={uploader}\n    />\n  );\n};\n"],"mappings":"oLAgCA,MAAa,GAAyD,CACpE,QACA,gBACA,SACA,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,GAAG,KAC6B,CAChC,IAAM,EAAa,GAAU,EAAe,EAAc,CACpD,CAAE,UAAW,EAAuB,CACxC,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAEI,EAAqB,MAAO,EAAM,CAAE,gBAAiB,CACzD,GAAM,CAAE,MAAK,SAAU,MAAM,EAAO,EAAO,GACzC,IAAa,CAAE,OAAQ,EAAG,MAAO,EAAK,KAAM,WAAY,EAAG,CAAC,CAC7D,CACD,MAAO,CAAE,KAAM,CAAE,MAAK,QAAO,CAAE,EAGjC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,MAAO,GAAO,MACd,SAAU,GAAO,SACjB,KAAM,GAAO,KACb,OAAQ,EACE,WACV,CAAA"}

package/dist/components/controls/dropzone/avatar/AvatarDropzoneS3.mjs

@@ -1,2 +1,2 @@
-import{AvatarDropzoneBase as e}from"./AvatarDropzoneBase.mjs";import{useS3Upload as t}from"../use-s3-upload.mjs";import{jsx as n}from"react/jsx-runtime";import{useCallback as r,useState as i}from"react";const a=({value:a,onChange:o,onError:s,maxSize:c,disabled:l=!1,classNames:u,initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h,resolveUploadedUrl:g,acceptedTypes:_,texts:v})=>{let[y,b]=i(a??null),{upload:x,isUploading:S}=t({initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h,resolveUploadedUrl:g,acceptedTypes:_,texts:v});return n(e,{onDrop:r(async e=>{let t=e[0];if(t){b(URL.createObjectURL(t));try{let e=await x(t);o?.(e)}catch(e){b(a??null),s?.(e.message)}}},[x,o,s,a]),value:y,maxSize:c,disabled:l,isUploading:S,classNames:u})};export{a as AvatarDropzoneS3};
+import{AvatarDropzoneBase as e}from"./AvatarDropzoneBase.mjs";import{useS3Upload as t}from"../use-s3-upload.mjs";import{jsx as n}from"react/jsx-runtime";import{useCallback as r,useState as i}from"react";const a=({value:a,onChange:o,onError:s,maxSize:c,disabled:l=!1,classNames:u,initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h,resolveUploadedUrl:g,acceptedTypes:_,texts:v})=>{let[y,b]=i(a??null),{upload:x,isUploading:S}=t({initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h,resolveUploadedUrl:g,acceptedTypes:_,texts:v});return n(e,{onDrop:r(async e=>{let t=e[0];if(t){b(URL.createObjectURL(t));try{let{url:e}=await x(t);o?.(e)}catch(e){b(a??null),s?.(e.message)}}},[x,o,s,a]),value:y,maxSize:c,disabled:l,isUploading:S,classNames:u})};export{a as AvatarDropzoneS3};
 //# sourceMappingURL=AvatarDropzoneS3.mjs.map

package/dist/components/controls/dropzone/avatar/AvatarDropzoneS3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarDropzoneS3.mjs","names":[],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneS3.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport type { IconProps, LoaderOvalProps } from '@/components/data-display';\n\nimport {\n  type S3InitBody,\n  type S3UploadConfig,\n  useS3Upload,\n} from '../use-s3-upload';\nimport {\n  AvatarDropzoneBase,\n  type AvatarDropzoneClassNames,\n} from './AvatarDropzoneBase';\n\nexport type AvatarDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> =\n  S3UploadConfig<TInitBody> & {\n    value?: string;\n    onChange?: (url: string) => void;\n    onError?: (message: string) => void;\n    maxSize?: number;\n    disabled?: boolean;\n    classNames?: AvatarDropzoneClassNames & {\n      icon?: IconProps['classNames'];\n      loader?: LoaderOvalProps['classNames'];\n    };\n  };\n\nexport const AvatarDropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  value,\n  onChange,\n  onError,\n  maxSize,\n  disabled = false,\n  classNames,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: AvatarDropzoneS3Props<TInitBody>) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n  const { upload, isUploading } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const handleDrop = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      setPreview(URL.createObjectURL(file));\n      try {\n        const url = await upload(file);\n        onChange?.(url);\n      } catch (err) {\n        setPreview(value ?? null);\n        onError?.((err as Error).message);\n      }\n    },\n    [upload, onChange, onError, value],\n  );\n\n  return (\n    <AvatarDropzoneBase\n      onDrop={handleDrop}\n      value={preview}\n      maxSize={maxSize}\n      disabled={disabled}\n      isUploading={isUploading}\n      classNames={classNames}\n    />\n  );\n};\n"],"mappings":"2MA2BA,MAAa,GAA+D,CAC1E,QACA,WACA,UACA,UACA,WAAW,GACX,aACA,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,WACsC,CACtC,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAC9D,CAAE,SAAQ,eAAgB,EAAuB,CACrD,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAkBF,OACE,EAAC,EAAD,CACE,OAlBe,EACjB,KAAO,IAAkB,CACvB,IAAM,EAAO,EAAM,GACd,KACL,GAAW,IAAI,gBAAgB,EAAK,CAAC,CACrC,GAAI,CACF,IAAM,EAAM,MAAM,EAAO,EAAK,CAC9B,IAAW,EAAI,OACR,EAAK,CACZ,EAAW,GAAS,KAAK,CACzB,IAAW,EAAc,QAAQ,IAGrC,CAAC,EAAQ,EAAU,EAAS,EAAM,CACnC,CAKG,MAAO,EACE,UACC,WACG,cACD,aACZ,CAAA"}
+{"version":3,"file":"AvatarDropzoneS3.mjs","names":[],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneS3.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport type { IconProps, LoaderOvalProps } from '@/components/data-display';\n\nimport {\n  type S3InitBody,\n  type S3UploadConfig,\n  useS3Upload,\n} from '../use-s3-upload';\nimport {\n  AvatarDropzoneBase,\n  type AvatarDropzoneClassNames,\n} from './AvatarDropzoneBase';\n\nexport type AvatarDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> =\n  S3UploadConfig<TInitBody> & {\n    value?: string;\n    onChange?: (url: string) => void;\n    onError?: (message: string) => void;\n    maxSize?: number;\n    disabled?: boolean;\n    classNames?: AvatarDropzoneClassNames & {\n      icon?: IconProps['classNames'];\n      loader?: LoaderOvalProps['classNames'];\n    };\n  };\n\nexport const AvatarDropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  value,\n  onChange,\n  onError,\n  maxSize,\n  disabled = false,\n  classNames,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: AvatarDropzoneS3Props<TInitBody>) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n  const { upload, isUploading } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const handleDrop = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      setPreview(URL.createObjectURL(file));\n      try {\n        const { url } = await upload(file);\n        onChange?.(url);\n      } catch (err) {\n        setPreview(value ?? null);\n        onError?.((err as Error).message);\n      }\n    },\n    [upload, onChange, onError, value],\n  );\n\n  return (\n    <AvatarDropzoneBase\n      onDrop={handleDrop}\n      value={preview}\n      maxSize={maxSize}\n      disabled={disabled}\n      isUploading={isUploading}\n      classNames={classNames}\n    />\n  );\n};\n"],"mappings":"2MA2BA,MAAa,GAA+D,CAC1E,QACA,WACA,UACA,UACA,WAAW,GACX,aACA,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,WACsC,CACtC,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAC9D,CAAE,SAAQ,eAAgB,EAAuB,CACrD,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAkBF,OACE,EAAC,EAAD,CACE,OAlBe,EACjB,KAAO,IAAkB,CACvB,IAAM,EAAO,EAAM,GACd,KACL,GAAW,IAAI,gBAAgB,EAAK,CAAC,CACrC,GAAI,CACF,GAAM,CAAE,OAAQ,MAAM,EAAO,EAAK,CAClC,IAAW,EAAI,OACR,EAAK,CACZ,EAAW,GAAS,KAAK,CACzB,IAAW,EAAc,QAAQ,IAGrC,CAAC,EAAQ,EAAU,EAAS,EAAM,CACnC,CAKG,MAAO,EACE,UACC,WACG,cACD,aACZ,CAAA"}

package/dist/components/controls/dropzone/upload-service.d.mts

@@ -2,6 +2,7 @@
 type UploadResponse = {
   body: {
     url: string;
+    token?: string;
   };
 };
 type UploadProgress = {

package/dist/components/controls/dropzone/upload-service.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"upload-service.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/upload-service.ts"],"mappings":";KAAY,cAAA;EACV,IAAA;IACE,GAAA;EAAA;AAAA;AAAA,KAIQ,cAAA;EACV,MAAA;EACA,KAAA;EACA,UAAA;AAAA;;;;;;AAWF;;;KAAY,QAAA,IACV,IAAA,EAAM,IAAA,EACN,OAAA;EACE,IAAA,GAAO,MAAA;EACP,UAAA,IAAc,QAAA,EAAU,cAAA;EACxB,OAAA,GAAU,MAAA;AAAA,MAET,OAAA,CAAQ,cAAA"}
+{"version":3,"file":"upload-service.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/upload-service.ts"],"mappings":";KAAY,cAAA;EACV,IAAA;IACE,GAAA;IACA,KAAA;EAAA;AAAA;AAAA,KAIQ,cAAA;EACV,MAAA;EACA,KAAA;EACA,UAAA;AAAA;;;;;;;;;KAWU,QAAA,IACV,IAAA,EAAM,IAAA,EACN,OAAA;EACE,IAAA,GAAO,MAAA;EACP,UAAA,IAAc,QAAA,EAAU,cAAA;EACxB,OAAA,GAAU,MAAA;AAAA,MAET,OAAA,CAAQ,cAAA"}

package/dist/components/controls/dropzone/upload-service.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-service.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/upload-service.ts"],"sourcesContent":["export type UploadResponse = {\n  body: {\n    url: string;\n  };\n};\n\nexport type UploadProgress = {\n  loaded: number;\n  total: number;\n  percentage: number;\n};\n\n/**\n * Custom upload function that replaces the built-in FormData POST.\n * Useful for multi-step flows (e.g. presigned S3 uploads with separate\n * init/register endpoints) or any non-standard transport.\n *\n * The function must resolve with an `UploadResponse` once the file is\n * fully persisted, or reject with an `Error` describing the failure.\n */\nexport type Uploader = (\n  file: File,\n  options: {\n    data?: Record<string, unknown>;\n    onProgress?: (progress: UploadProgress) => void;\n    headers?: Record<string, string>;\n  },\n) => Promise<UploadResponse>;\n\nexport const uploadFile = async (\n  url: string,\n  file: File,\n  data?: Record<string, unknown>,\n  onProgress?: (progress: UploadProgress) => void,\n  headers?: Record<string, string>,\n): Promise<UploadResponse> => {\n  const formData = new FormData();\n  formData.append('file', file);\n  if (data) {\n    Object.entries(data).forEach(([key, value]) => {\n      formData.append(key, value as string);\n    });\n  }\n  const xhr = new XMLHttpRequest();\n\n  return new Promise((resolve, reject) => {\n    // Prevenir múltiples solicitudes simultáneas\n    if (xhr.readyState !== 0) {\n      reject(new Error('Ya hay una solicitud en progreso'));\n      return;\n    }\n\n    xhr.upload.addEventListener('progress', (event) => {\n      if (event.lengthComputable && onProgress) {\n        const progress: UploadProgress = {\n          loaded: event.loaded,\n          total: event.total,\n          percentage: Math.round((event.loaded / event.total) * 100),\n        };\n        onProgress(progress);\n      }\n    });\n\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        try {\n          const response = JSON.parse(xhr.responseText);\n          resolve(response);\n        } catch (_) {\n          reject(new Error('Error al parsear la respuesta'));\n        }\n      } else {\n        try {\n          const errorData = JSON.parse(xhr.responseText);\n          reject(new Error(errorData.error || 'Error al subir el archivo'));\n        } catch {\n          reject(new Error(`Error ${xhr.status}: ${xhr.statusText}`));\n        }\n      }\n    });\n\n    xhr.addEventListener('error', () => {\n      reject(new Error('Error de red al subir el archivo'));\n    });\n\n    xhr.addEventListener('abort', () => {\n      reject(new Error('Subida cancelada'));\n    });\n\n    // Configurar timeout para evitar solicitudes colgadas\n    xhr.timeout = 30000; // 30 segundos\n    xhr.addEventListener('timeout', () => {\n      reject(new Error('Tiempo de espera agotado'));\n    });\n\n    try {\n      xhr.open('POST', url);\n      if (headers) {\n        Object.entries(headers).forEach(([key, value]) => {\n          xhr.setRequestHeader(key, value);\n        });\n      }\n      xhr.send(formData);\n    } catch (_) {\n      reject(new Error('Error al iniciar la solicitud'));\n    }\n  });\n};\n"],"mappings":"AA6BA,MAAa,EAAa,MACxB,EACA,EACA,EACA,EACA,IAC4B,CAC5B,IAAM,EAAW,IAAI,SACrB,EAAS,OAAO,OAAQ,EAAK,CACzB,GACF,OAAO,QAAQ,EAAK,CAAC,SAAS,CAAC,EAAK,KAAW,CAC7C,EAAS,OAAO,EAAK,EAAgB,EACrC,CAEJ,IAAM,EAAM,IAAI,eAEhB,OAAO,IAAI,SAAS,EAAS,IAAW,CAEtC,GAAI,EAAI,aAAe,EAAG,CACxB,EAAW,MAAM,mCAAmC,CAAC,CACrD,OAGF,EAAI,OAAO,iBAAiB,WAAa,GAAU,CAC7C,EAAM,kBAAoB,GAM5B,EALiC,CAC/B,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,WAAY,KAAK,MAAO,EAAM,OAAS,EAAM,MAAS,IAAI,CAC3D,CACmB,EAEtB,CAEF,EAAI,iBAAiB,WAAc,CACjC,GAAI,EAAI,QAAU,KAAO,EAAI,OAAS,IACpC,GAAI,CAEF,EADiB,KAAK,MAAM,EAAI,aAAa,CAC5B,MACP,CACV,EAAW,MAAM,gCAAgC,CAAC,MAGpD,GAAI,CACF,IAAM,EAAY,KAAK,MAAM,EAAI,aAAa,CAC9C,EAAW,MAAM,EAAU,OAAS,4BAA4B,CAAC,MAC3D,CACN,EAAW,MAAM,SAAS,EAAI,OAAO,IAAI,EAAI,aAAa,CAAC,GAG/D,CAEF,EAAI,iBAAiB,YAAe,CAClC,EAAW,MAAM,mCAAmC,CAAC,EACrD,CAEF,EAAI,iBAAiB,YAAe,CAClC,EAAW,MAAM,mBAAmB,CAAC,EACrC,CAGF,EAAI,QAAU,IACd,EAAI,iBAAiB,cAAiB,CACpC,EAAW,MAAM,2BAA2B,CAAC,EAC7C,CAEF,GAAI,CACF,EAAI,KAAK,OAAQ,EAAI,CACjB,GACF,OAAO,QAAQ,EAAQ,CAAC,SAAS,CAAC,EAAK,KAAW,CAChD,EAAI,iBAAiB,EAAK,EAAM,EAChC,CAEJ,EAAI,KAAK,EAAS,MACR,CACV,EAAW,MAAM,gCAAgC,CAAC,GAEpD"}
+{"version":3,"file":"upload-service.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/upload-service.ts"],"sourcesContent":["export type UploadResponse = {\n  body: {\n    url: string;\n    token?: string;\n  };\n};\n\nexport type UploadProgress = {\n  loaded: number;\n  total: number;\n  percentage: number;\n};\n\n/**\n * Custom upload function that replaces the built-in FormData POST.\n * Useful for multi-step flows (e.g. presigned S3 uploads with separate\n * init/register endpoints) or any non-standard transport.\n *\n * The function must resolve with an `UploadResponse` once the file is\n * fully persisted, or reject with an `Error` describing the failure.\n */\nexport type Uploader = (\n  file: File,\n  options: {\n    data?: Record<string, unknown>;\n    onProgress?: (progress: UploadProgress) => void;\n    headers?: Record<string, string>;\n  },\n) => Promise<UploadResponse>;\n\nexport const uploadFile = async (\n  url: string,\n  file: File,\n  data?: Record<string, unknown>,\n  onProgress?: (progress: UploadProgress) => void,\n  headers?: Record<string, string>,\n): Promise<UploadResponse> => {\n  const formData = new FormData();\n  formData.append('file', file);\n  if (data) {\n    Object.entries(data).forEach(([key, value]) => {\n      formData.append(key, value as string);\n    });\n  }\n  const xhr = new XMLHttpRequest();\n\n  return new Promise((resolve, reject) => {\n    // Prevenir múltiples solicitudes simultáneas\n    if (xhr.readyState !== 0) {\n      reject(new Error('Ya hay una solicitud en progreso'));\n      return;\n    }\n\n    xhr.upload.addEventListener('progress', (event) => {\n      if (event.lengthComputable && onProgress) {\n        const progress: UploadProgress = {\n          loaded: event.loaded,\n          total: event.total,\n          percentage: Math.round((event.loaded / event.total) * 100),\n        };\n        onProgress(progress);\n      }\n    });\n\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) {\n        try {\n          const response = JSON.parse(xhr.responseText);\n          resolve(response);\n        } catch (_) {\n          reject(new Error('Error al parsear la respuesta'));\n        }\n      } else {\n        try {\n          const errorData = JSON.parse(xhr.responseText);\n          reject(new Error(errorData.error || 'Error al subir el archivo'));\n        } catch {\n          reject(new Error(`Error ${xhr.status}: ${xhr.statusText}`));\n        }\n      }\n    });\n\n    xhr.addEventListener('error', () => {\n      reject(new Error('Error de red al subir el archivo'));\n    });\n\n    xhr.addEventListener('abort', () => {\n      reject(new Error('Subida cancelada'));\n    });\n\n    // Configurar timeout para evitar solicitudes colgadas\n    xhr.timeout = 30000; // 30 segundos\n    xhr.addEventListener('timeout', () => {\n      reject(new Error('Tiempo de espera agotado'));\n    });\n\n    try {\n      xhr.open('POST', url);\n      if (headers) {\n        Object.entries(headers).forEach(([key, value]) => {\n          xhr.setRequestHeader(key, value);\n        });\n      }\n      xhr.send(formData);\n    } catch (_) {\n      reject(new Error('Error al iniciar la solicitud'));\n    }\n  });\n};\n"],"mappings":"AA8BA,MAAa,EAAa,MACxB,EACA,EACA,EACA,EACA,IAC4B,CAC5B,IAAM,EAAW,IAAI,SACrB,EAAS,OAAO,OAAQ,EAAK,CACzB,GACF,OAAO,QAAQ,EAAK,CAAC,SAAS,CAAC,EAAK,KAAW,CAC7C,EAAS,OAAO,EAAK,EAAgB,EACrC,CAEJ,IAAM,EAAM,IAAI,eAEhB,OAAO,IAAI,SAAS,EAAS,IAAW,CAEtC,GAAI,EAAI,aAAe,EAAG,CACxB,EAAW,MAAM,mCAAmC,CAAC,CACrD,OAGF,EAAI,OAAO,iBAAiB,WAAa,GAAU,CAC7C,EAAM,kBAAoB,GAM5B,EALiC,CAC/B,OAAQ,EAAM,OACd,MAAO,EAAM,MACb,WAAY,KAAK,MAAO,EAAM,OAAS,EAAM,MAAS,IAAI,CAC3D,CACmB,EAEtB,CAEF,EAAI,iBAAiB,WAAc,CACjC,GAAI,EAAI,QAAU,KAAO,EAAI,OAAS,IACpC,GAAI,CAEF,EADiB,KAAK,MAAM,EAAI,aAAa,CAC5B,MACP,CACV,EAAW,MAAM,gCAAgC,CAAC,MAGpD,GAAI,CACF,IAAM,EAAY,KAAK,MAAM,EAAI,aAAa,CAC9C,EAAW,MAAM,EAAU,OAAS,4BAA4B,CAAC,MAC3D,CACN,EAAW,MAAM,SAAS,EAAI,OAAO,IAAI,EAAI,aAAa,CAAC,GAG/D,CAEF,EAAI,iBAAiB,YAAe,CAClC,EAAW,MAAM,mCAAmC,CAAC,EACrD,CAEF,EAAI,iBAAiB,YAAe,CAClC,EAAW,MAAM,mBAAmB,CAAC,EACrC,CAGF,EAAI,QAAU,IACd,EAAI,iBAAiB,cAAiB,CACpC,EAAW,MAAM,2BAA2B,CAAC,EAC7C,CAEF,GAAI,CACF,EAAI,KAAK,OAAQ,EAAI,CACjB,GACF,OAAO,QAAQ,EAAQ,CAAC,SAAS,CAAC,EAAK,KAAW,CAChD,EAAI,iBAAiB,EAAK,EAAM,EAChC,CAEJ,EAAI,KAAK,EAAS,MACR,CACV,EAAW,MAAM,gCAAgC,CAAC,GAEpD"}

package/dist/components/controls/dropzone/use-dropzone-state.mjs

@@ -1,2 +1,2 @@
-import{uploadFile as e}from"./upload-service.mjs";import{useCallback as t,useRef as n,useState as r}from"react";const i=(i,a={},o,s,c)=>{let[l,u]=r((()=>{if(!a)return{};if(typeof a==`object`&&!(`name`in a))return a;if(typeof a==`object`&&`name`in a){let e=a;return{[e.name]:{name:e.name,size:e.size,type:e.type,date:e.date,uploaded:e.uploaded??!0,loading:e.loading??!1,url:e.url,error:e.error,progress:e.progress}}}return{}})()),[d,f]=r(!1),p=n(new Set),m=t((e,t)=>{let n={name:e.name,size:e.size,type:e.type,url:``,uploaded:!1,loading:!1,progress:0,date:t??new Date().toLocaleString(`es-ES`,{timeZone:`Europe/Madrid`,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})};return u(t=>({...t,[e.name]:n})),e.name},[]),h=t((e,t)=>{u(n=>({...n,[e]:{...n[e],progress:t,loading:t<100}}))},[]),g=t((e,t)=>{u(n=>({...n,[e]:{...n[e],uploaded:!0,loading:!1,progress:100,url:t}}))},[]),_=t((e,t)=>{u(n=>({...n,[e]:{...n[e],uploaded:!1,loading:!1,progress:0,error:t}}))},[]),v=t(e=>{u(t=>{let n={...t};return delete n[e],n}),p.current.delete(e)},[]),y=t(()=>{u({}),p.current.clear()},[]),b=t(e=>p.current.has(e),[]),x=t(e=>{p.current.add(e)},[]),S=t(e=>{p.current.delete(e)},[]),C=t(async(t,n)=>{let r=new Date().toLocaleString(`es-ES`,{timeZone:`Europe/Madrid`,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`}),a=m(t,r);x(a);try{let l=e=>{h(a,e.percentage)},{body:u}=c?await c(t,{data:n,onProgress:l,headers:s}):await e(i??``,t,n,l,s);g(a,u.url),o?.({name:t.name,size:t.size,type:t.type,date:r,uploaded:!0,loading:!1,progress:100,url:u.url})}catch(e){console.error(`Error al subir archivo:`,e),_(a,e instanceof Error?e.message:`Error desconocido`)}finally{S(a)}},[m,x,h,g,_,S,o,i,s,c]);return{files:l,isUploading:d,setIsUploading:f,addFile:m,updateFileProgress:h,markFileAsUploaded:g,markFileAsError:_,removeFile:v,clearFiles:y,isFileUploading:b,addToUploadQueue:x,removeFromUploadQueue:S,uploadFileToServer:C,uploadMultipleFiles:t(async(e,t)=>{if(d){console.warn(`Ya hay una subida en progreso`);return}f(!0);try{for(let n of e)await C(n,t)}finally{f(!1)}},[d,f,C])}};export{i as useDropzoneState};
+import{uploadFile as e}from"./upload-service.mjs";import{useCallback as t,useRef as n,useState as r}from"react";const i=(i,a={},o,s,c)=>{let[l,u]=r((()=>{if(!a)return{};if(typeof a==`object`&&!(`name`in a))return a;if(typeof a==`object`&&`name`in a){let e=a;return{[e.name]:{name:e.name,size:e.size,type:e.type,date:e.date,uploaded:e.uploaded??!0,loading:e.loading??!1,url:e.url,error:e.error,progress:e.progress}}}return{}})()),[d,f]=r(!1),p=n(new Set),m=t((e,t)=>{let n={name:e.name,size:e.size,type:e.type,url:``,uploaded:!1,loading:!1,progress:0,date:t??new Date().toLocaleString(`es-ES`,{timeZone:`Europe/Madrid`,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`})};return u(t=>({...t,[e.name]:n})),e.name},[]),h=t((e,t)=>{u(n=>({...n,[e]:{...n[e],progress:t,loading:t<100}}))},[]),g=t((e,t,n)=>{u(r=>({...r,[e]:{...r[e],uploaded:!0,loading:!1,progress:100,url:t,...n===void 0?{}:{token:n}}}))},[]),_=t((e,t)=>{u(n=>({...n,[e]:{...n[e],uploaded:!1,loading:!1,progress:0,error:t}}))},[]),v=t(e=>{u(t=>{let n={...t};return delete n[e],n}),p.current.delete(e)},[]),y=t(()=>{u({}),p.current.clear()},[]),b=t(e=>p.current.has(e),[]),x=t(e=>{p.current.add(e)},[]),S=t(e=>{p.current.delete(e)},[]),C=t(async(t,n)=>{let r=new Date().toLocaleString(`es-ES`,{timeZone:`Europe/Madrid`,year:`numeric`,month:`2-digit`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`,second:`2-digit`}),a=m(t,r);x(a);try{let l=e=>{h(a,e.percentage)},{body:u}=c?await c(t,{data:n,onProgress:l,headers:s}):await e(i??``,t,n,l,s);g(a,u.url,u.token),o?.({name:t.name,size:t.size,type:t.type,date:r,uploaded:!0,loading:!1,progress:100,url:u.url,token:u.token})}catch(e){console.error(`Error al subir archivo:`,e),_(a,e instanceof Error?e.message:`Error desconocido`)}finally{S(a)}},[m,x,h,g,_,S,o,i,s,c]);return{files:l,isUploading:d,setIsUploading:f,addFile:m,updateFileProgress:h,markFileAsUploaded:g,markFileAsError:_,removeFile:v,clearFiles:y,isFileUploading:b,addToUploadQueue:x,removeFromUploadQueue:S,uploadFileToServer:C,uploadMultipleFiles:t(async(e,t)=>{if(d){console.warn(`Ya hay una subida en progreso`);return}f(!0);try{for(let n of e)await C(n,t)}finally{f(!1)}},[d,f,C])}};export{i as useDropzoneState};
 //# sourceMappingURL=use-dropzone-state.mjs.map

package/dist/components/controls/dropzone/use-dropzone-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dropzone-state.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-dropzone-state.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { FileData } from './DropzoneBase';\nimport {\n  type Uploader,\n  type UploadProgress,\n  uploadFile,\n} from './upload-service';\n\nexport const useDropzoneState = (\n  url: string | undefined,\n  initialFiles: Record<string, FileData> | FileData | null | undefined = {},\n  onFileUploaded?: (file: FileData) => void,\n  headers?: Record<string, string>,\n  uploader?: Uploader,\n) => {\n  const normalizeInitialFiles = (): Record<string, FileData> => {\n    if (!initialFiles) return {};\n\n    if (typeof initialFiles === 'object' && !('name' in initialFiles)) {\n      return initialFiles;\n    }\n\n    if (typeof initialFiles === 'object' && 'name' in initialFiles) {\n      const fileData = initialFiles as FileData;\n      return {\n        [fileData.name]: {\n          name: fileData.name,\n          size: fileData.size,\n          type: fileData.type,\n          date: fileData.date,\n          uploaded: fileData.uploaded ?? true,\n          loading: fileData.loading ?? false,\n          url: fileData.url,\n          error: fileData.error,\n          progress: fileData.progress,\n        },\n      };\n    }\n\n    return {};\n  };\n\n  const [files, setFiles] = useState<Record<string, FileData>>(\n    normalizeInitialFiles(),\n  );\n  const [isUploading, setIsUploading] = useState(false);\n  const uploadQueue = useRef<Set<string>>(new Set());\n\n  const addFile = useCallback((file: File, date?: string) => {\n    const fileData: FileData = {\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      url: '',\n      uploaded: false,\n      loading: false,\n      progress: 0,\n      date:\n        date ??\n        new Date().toLocaleString('es-ES', {\n          timeZone: 'Europe/Madrid',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit',\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }),\n    };\n\n    setFiles((prev) => ({\n      ...prev,\n      [file.name]: fileData,\n    }));\n\n    return file.name;\n  }, []);\n\n  const updateFileProgress = useCallback(\n    (fileName: string, progress: number) => {\n      setFiles((prev) => ({\n        ...prev,\n        [fileName]: {\n          ...prev[fileName],\n          progress,\n          loading: progress < 100,\n        },\n      }));\n    },\n    [],\n  );\n\n  const markFileAsUploaded = useCallback((fileName: string, url: string) => {\n    setFiles((prev) => ({\n      ...prev,\n      [fileName]: {\n        ...prev[fileName],\n        uploaded: true,\n        loading: false,\n        progress: 100,\n        url,\n      },\n    }));\n  }, []);\n\n  const markFileAsError = useCallback((fileName: string, error: string) => {\n    setFiles((prev) => ({\n      ...prev,\n      [fileName]: {\n        ...prev[fileName],\n        uploaded: false,\n        loading: false,\n        progress: 0,\n        error,\n      },\n    }));\n  }, []);\n\n  const removeFile = useCallback((fileName: string) => {\n    setFiles((prev) => {\n      const newFiles = { ...prev };\n      delete newFiles[fileName];\n      return newFiles;\n    });\n    uploadQueue.current.delete(fileName);\n  }, []);\n\n  const clearFiles = useCallback(() => {\n    setFiles({});\n    uploadQueue.current.clear();\n  }, []);\n\n  const isFileUploading = useCallback((fileName: string) => {\n    return uploadQueue.current.has(fileName);\n  }, []);\n\n  const addToUploadQueue = useCallback((fileName: string) => {\n    uploadQueue.current.add(fileName);\n  }, []);\n\n  const removeFromUploadQueue = useCallback((fileName: string) => {\n    uploadQueue.current.delete(fileName);\n  }, []);\n\n  const uploadFileToServer = useCallback(\n    async (file: File, data?: Record<string, unknown>) => {\n      const date = new Date().toLocaleString('es-ES', {\n        timeZone: 'Europe/Madrid',\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n      });\n      const fileName = addFile(file, date);\n      addToUploadQueue(fileName);\n\n      try {\n        const onProgress = (progress: UploadProgress) => {\n          updateFileProgress(fileName, progress.percentage);\n        };\n        const { body } = uploader\n          ? await uploader(file, { data, onProgress, headers })\n          : await uploadFile(url ?? '', file, data, onProgress, headers);\n\n        markFileAsUploaded(fileName, body.url);\n        onFileUploaded?.({\n          name: file.name,\n          size: file.size,\n          type: file.type,\n          date,\n          uploaded: true,\n          loading: false,\n          progress: 100,\n          url: body.url,\n        });\n      } catch (error) {\n        console.error('Error al subir archivo:', error);\n        markFileAsError(\n          fileName,\n          error instanceof Error ? error.message : 'Error desconocido',\n        );\n      } finally {\n        removeFromUploadQueue(fileName);\n      }\n    },\n    [\n      addFile,\n      addToUploadQueue,\n      updateFileProgress,\n      markFileAsUploaded,\n      markFileAsError,\n      removeFromUploadQueue,\n      onFileUploaded,\n      url,\n      headers,\n      uploader,\n    ],\n  );\n\n  const uploadMultipleFiles = useCallback(\n    async (acceptedFiles: File[], data?: Record<string, unknown>) => {\n      if (isUploading) {\n        console.warn('Ya hay una subida en progreso');\n        return;\n      }\n\n      setIsUploading(true);\n\n      try {\n        for (const file of acceptedFiles) {\n          await uploadFileToServer(file, data);\n        }\n      } finally {\n        setIsUploading(false);\n      }\n    },\n    [isUploading, setIsUploading, uploadFileToServer],\n  );\n\n  return {\n    files,\n    isUploading,\n    setIsUploading,\n    addFile,\n    updateFileProgress,\n    markFileAsUploaded,\n    markFileAsError,\n    removeFile,\n    clearFiles,\n    isFileUploading,\n    addToUploadQueue,\n    removeFromUploadQueue,\n    uploadFileToServer,\n    uploadMultipleFiles,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-dropzone-state.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-dropzone-state.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { FileData } from './DropzoneBase';\nimport {\n  type Uploader,\n  type UploadProgress,\n  uploadFile,\n} from './upload-service';\n\nexport const useDropzoneState = (\n  url: string | undefined,\n  initialFiles: Record<string, FileData> | FileData | null | undefined = {},\n  onFileUploaded?: (file: FileData) => void,\n  headers?: Record<string, string>,\n  uploader?: Uploader,\n) => {\n  const normalizeInitialFiles = (): Record<string, FileData> => {\n    if (!initialFiles) return {};\n\n    if (typeof initialFiles === 'object' && !('name' in initialFiles)) {\n      return initialFiles;\n    }\n\n    if (typeof initialFiles === 'object' && 'name' in initialFiles) {\n      const fileData = initialFiles as FileData;\n      return {\n        [fileData.name]: {\n          name: fileData.name,\n          size: fileData.size,\n          type: fileData.type,\n          date: fileData.date,\n          uploaded: fileData.uploaded ?? true,\n          loading: fileData.loading ?? false,\n          url: fileData.url,\n          error: fileData.error,\n          progress: fileData.progress,\n        },\n      };\n    }\n\n    return {};\n  };\n\n  const [files, setFiles] = useState<Record<string, FileData>>(\n    normalizeInitialFiles(),\n  );\n  const [isUploading, setIsUploading] = useState(false);\n  const uploadQueue = useRef<Set<string>>(new Set());\n\n  const addFile = useCallback((file: File, date?: string) => {\n    const fileData: FileData = {\n      name: file.name,\n      size: file.size,\n      type: file.type,\n      url: '',\n      uploaded: false,\n      loading: false,\n      progress: 0,\n      date:\n        date ??\n        new Date().toLocaleString('es-ES', {\n          timeZone: 'Europe/Madrid',\n          year: 'numeric',\n          month: '2-digit',\n          day: '2-digit',\n          hour: '2-digit',\n          minute: '2-digit',\n          second: '2-digit',\n        }),\n    };\n\n    setFiles((prev) => ({\n      ...prev,\n      [file.name]: fileData,\n    }));\n\n    return file.name;\n  }, []);\n\n  const updateFileProgress = useCallback(\n    (fileName: string, progress: number) => {\n      setFiles((prev) => ({\n        ...prev,\n        [fileName]: {\n          ...prev[fileName],\n          progress,\n          loading: progress < 100,\n        },\n      }));\n    },\n    [],\n  );\n\n  const markFileAsUploaded = useCallback(\n    (fileName: string, url: string, token?: string) => {\n      setFiles((prev) => ({\n        ...prev,\n        [fileName]: {\n          ...prev[fileName],\n          uploaded: true,\n          loading: false,\n          progress: 100,\n          url,\n          ...(token !== undefined ? { token } : {}),\n        },\n      }));\n    },\n    [],\n  );\n\n  const markFileAsError = useCallback((fileName: string, error: string) => {\n    setFiles((prev) => ({\n      ...prev,\n      [fileName]: {\n        ...prev[fileName],\n        uploaded: false,\n        loading: false,\n        progress: 0,\n        error,\n      },\n    }));\n  }, []);\n\n  const removeFile = useCallback((fileName: string) => {\n    setFiles((prev) => {\n      const newFiles = { ...prev };\n      delete newFiles[fileName];\n      return newFiles;\n    });\n    uploadQueue.current.delete(fileName);\n  }, []);\n\n  const clearFiles = useCallback(() => {\n    setFiles({});\n    uploadQueue.current.clear();\n  }, []);\n\n  const isFileUploading = useCallback((fileName: string) => {\n    return uploadQueue.current.has(fileName);\n  }, []);\n\n  const addToUploadQueue = useCallback((fileName: string) => {\n    uploadQueue.current.add(fileName);\n  }, []);\n\n  const removeFromUploadQueue = useCallback((fileName: string) => {\n    uploadQueue.current.delete(fileName);\n  }, []);\n\n  const uploadFileToServer = useCallback(\n    async (file: File, data?: Record<string, unknown>) => {\n      const date = new Date().toLocaleString('es-ES', {\n        timeZone: 'Europe/Madrid',\n        year: 'numeric',\n        month: '2-digit',\n        day: '2-digit',\n        hour: '2-digit',\n        minute: '2-digit',\n        second: '2-digit',\n      });\n      const fileName = addFile(file, date);\n      addToUploadQueue(fileName);\n\n      try {\n        const onProgress = (progress: UploadProgress) => {\n          updateFileProgress(fileName, progress.percentage);\n        };\n        const { body } = uploader\n          ? await uploader(file, { data, onProgress, headers })\n          : await uploadFile(url ?? '', file, data, onProgress, headers);\n\n        markFileAsUploaded(fileName, body.url, body.token);\n        onFileUploaded?.({\n          name: file.name,\n          size: file.size,\n          type: file.type,\n          date,\n          uploaded: true,\n          loading: false,\n          progress: 100,\n          url: body.url,\n          token: body.token,\n        });\n      } catch (error) {\n        console.error('Error al subir archivo:', error);\n        markFileAsError(\n          fileName,\n          error instanceof Error ? error.message : 'Error desconocido',\n        );\n      } finally {\n        removeFromUploadQueue(fileName);\n      }\n    },\n    [\n      addFile,\n      addToUploadQueue,\n      updateFileProgress,\n      markFileAsUploaded,\n      markFileAsError,\n      removeFromUploadQueue,\n      onFileUploaded,\n      url,\n      headers,\n      uploader,\n    ],\n  );\n\n  const uploadMultipleFiles = useCallback(\n    async (acceptedFiles: File[], data?: Record<string, unknown>) => {\n      if (isUploading) {\n        console.warn('Ya hay una subida en progreso');\n        return;\n      }\n\n      setIsUploading(true);\n\n      try {\n        for (const file of acceptedFiles) {\n          await uploadFileToServer(file, data);\n        }\n      } finally {\n        setIsUploading(false);\n      }\n    },\n    [isUploading, setIsUploading, uploadFileToServer],\n  );\n\n  return {\n    files,\n    isUploading,\n    setIsUploading,\n    addFile,\n    updateFileProgress,\n    markFileAsUploaded,\n    markFileAsError,\n    removeFile,\n    clearFiles,\n    isFileUploading,\n    addToUploadQueue,\n    removeFromUploadQueue,\n    uploadFileToServer,\n    uploadMultipleFiles,\n  };\n};\n"],"mappings":"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"}

package/dist/components/controls/dropzone/use-s3-upload.mjs

@@ -1,2 +1,2 @@
-import{useState as e}from"react";const t={initFailed:e=>`Failed to request upload URL (${e})`,registerFailed:e=>`Failed to register file (${e})`,uploadFailed:(e,t)=>`Upload failed (${e} ${t})`,networkError:`Network error during direct upload`,uploadAborted:`Upload aborted`,uploadTimedOut:`Upload timed out`},n=(e,t,n,r,i)=>new Promise((a,o)=>{let s=new XMLHttpRequest;s.upload.addEventListener(`progress`,e=>{e.lengthComputable&&r(Math.round(e.loaded/e.total*100))}),s.addEventListener(`load`,()=>{s.status>=200&&s.status<300?a():o(Error(i.uploadFailed(s.status,s.statusText)))}),s.addEventListener(`error`,()=>o(Error(i.networkError))),s.addEventListener(`abort`,()=>o(Error(i.uploadAborted))),s.addEventListener(`timeout`,()=>o(Error(i.uploadTimedOut))),s.open(`PUT`,e);for(let[e,n]of Object.entries(t)){let t=e.toLowerCase();if(!(t===`host`||t===`content-length`))try{s.setRequestHeader(e,n)}catch{}}s.send(n)}),r=e=>{let t={};if(!e)return t;for(let[n,r]of Object.entries(e))t[n]=Array.isArray(r)?r.join(`,`):String(r);return t},i=e=>{let t=e.lastIndexOf(`.`);return t>=0?e.slice(t+1).toLowerCase():``},a=e=>{if(!e)return;let t={};for(let[n,r]of Object.entries(e)){let e=`.${n}`,i=t[r];i?i.includes(e)||i.push(e):t[r]=[e]}return t},o=(e,t)=>{let n=i(e.name);if(!t)return{mimeType:e.type,extension:n};let r=Object.values(t);return e.type&&r.includes(e.type)?{mimeType:e.type,extension:n}:{mimeType:t[n]??e.type,extension:n}},s=async(e,t)=>{try{let n=await e.clone().json();if(n.errors){let e=Object.values(n.errors)[0];if(e&&e.length>0)return e[0]}return n.body?.message??n.body?.text??n.message??t}catch{return t}},c=({initUrl:i,buildInitBody:a,register:c,getHeaders:l,getErrorMessage:u=s,resolveUploadedUrl:d,acceptedTypes:f,texts:p})=>{let[m,h]=e(!1);return{upload:async(e,s)=>{let m={...t,...p};h(!0);try{let t=()=>({"Content-Type":`application/json`,Accept:`application/json`,...l?.()??{}}),p=o(e,f),h=await fetch(i,{method:`POST`,headers:t(),body:JSON.stringify(a(e,p))});if(!h.ok)throw Error(await u(h,m.initFailed(h.status)));let g=await h.json(),{url:_,headers:v}=g.body;if(await n(_,r(v),e,e=>s?.(e),m),c){let n=await fetch(c.url,{method:`POST`,headers:t(),body:JSON.stringify(c.buildBody(e,g.body,p))});if(!n.ok)throw Error(await u(n,m.registerFailed(n.status)))}return d?.(g.body,e)??(typeof g.body.key==`string`?g.body.key:_.split(`?`)[0])}finally{h(!1)}},isUploading:m}};export{a as buildAcceptMap,s as defaultGetErrorMessage,i as getFileExtension,o as resolveMeta,c as useS3Upload};
+import{useState as e}from"react";const t={initFailed:e=>`Failed to request upload URL (${e})`,registerFailed:e=>`Failed to register file (${e})`,uploadFailed:(e,t)=>`Upload failed (${e} ${t})`,networkError:`Network error during direct upload`,uploadAborted:`Upload aborted`,uploadTimedOut:`Upload timed out`},n=(e,t,n,r,i)=>new Promise((a,o)=>{let s=new XMLHttpRequest;s.upload.addEventListener(`progress`,e=>{e.lengthComputable&&r(Math.round(e.loaded/e.total*100))}),s.addEventListener(`load`,()=>{s.status>=200&&s.status<300?a():o(Error(i.uploadFailed(s.status,s.statusText)))}),s.addEventListener(`error`,()=>o(Error(i.networkError))),s.addEventListener(`abort`,()=>o(Error(i.uploadAborted))),s.addEventListener(`timeout`,()=>o(Error(i.uploadTimedOut))),s.open(`PUT`,e);for(let[e,n]of Object.entries(t)){let t=e.toLowerCase();if(!(t===`host`||t===`content-length`))try{s.setRequestHeader(e,n)}catch{}}s.send(n)}),r=e=>{let t={};if(!e)return t;for(let[n,r]of Object.entries(e))t[n]=Array.isArray(r)?r.join(`,`):String(r);return t},i=e=>{let t=e.lastIndexOf(`.`);return t>=0?e.slice(t+1).toLowerCase():``},a=e=>{if(!e)return;let t={};for(let[n,r]of Object.entries(e)){let e=`.${n}`,i=t[r];i?i.includes(e)||i.push(e):t[r]=[e]}return t},o=(e,t)=>{let n=i(e.name);if(!t)return{mimeType:e.type,extension:n};let r=Object.values(t);return e.type&&r.includes(e.type)?{mimeType:e.type,extension:n}:{mimeType:t[n]??e.type,extension:n}},s=async(e,t)=>{try{let n=await e.clone().json();if(n.errors){let e=Object.values(n.errors)[0];if(e&&e.length>0)return e[0]}return n.body?.message??n.body?.text??n.message??t}catch{return t}},c=({initUrl:i,buildInitBody:a,register:c,getHeaders:l,getErrorMessage:u=s,resolveUploadedUrl:d,acceptedTypes:f,texts:p})=>{let[m,h]=e(!1);return{upload:async(e,s)=>{let m={...t,...p};h(!0);try{let t=()=>({"Content-Type":`application/json`,Accept:`application/json`,...l?.()??{}}),p=o(e,f),h=await fetch(i,{method:`POST`,headers:t(),body:JSON.stringify(a(e,p))});if(!h.ok)throw Error(await u(h,m.initFailed(h.status)));let g=await h.json(),{url:_,headers:v}=g.body;await n(_,r(v),e,e=>s?.(e),m);let y;if(c){let n=await fetch(c.url,{method:`POST`,headers:t(),body:JSON.stringify(c.buildBody(e,g.body,p))});if(!n.ok)throw Error(await u(n,m.registerFailed(n.status)));y=(await n.json())?.token}return{url:d?.(g.body,e)??(typeof g.body.key==`string`?g.body.key:_.split(`?`)[0]),token:y}}finally{h(!1)}},isUploading:m}};export{a as buildAcceptMap,s as defaultGetErrorMessage,i as getFileExtension,o as resolveMeta,c as useS3Upload};
 //# sourceMappingURL=use-s3-upload.mjs.map

package/dist/components/controls/dropzone/use-s3-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-s3-upload.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-s3-upload.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nexport type S3InitBody = {\n  url: string;\n  headers?: Record<string, string | string[]>;\n} & Record<string, unknown>;\n\nexport type S3InitResponse<TBody extends S3InitBody = S3InitBody> = {\n  body: TBody;\n};\n\n/** Metadata derived from the file that body builders frequently need. */\nexport type S3FileMeta = {\n  /**\n   * Best-effort MIME type. When `acceptedTypes` is provided and the\n   * browser-reported `file.type` is empty or unknown, this falls back to\n   * the MIME mapped from the file extension.\n   */\n  mimeType: string;\n  /** Lowercase file extension without the leading dot. */\n  extension: string;\n};\n\n/** All replaceable UI and error strings surfaced by S3 upload components. */\nexport type DropzoneS3Texts = {\n  /** Main dropzone heading. */\n  title?: ReactNode;\n  /** Secondary dropzone text. */\n  subtitle?: ReactNode;\n  /** Small helper text below the subtitle. */\n  hint?: ReactNode;\n  /** Fallback shown when the init request fails without a parseable body. */\n  initFailed?: (status: number) => string;\n  /** Fallback shown when the register request fails without a parseable body. */\n  registerFailed?: (status: number) => string;\n  /** Error when the S3 PUT returns a non-2xx status. */\n  uploadFailed?: (status: number, statusText: string) => string;\n  /** Error when the network fails during the PUT. */\n  networkError?: string;\n  /** Error when the PUT is aborted. */\n  uploadAborted?: string;\n  /** Error when the PUT times out. */\n  uploadTimedOut?: string;\n};\n\nconst DEFAULT_TEXTS = {\n  initFailed: (status: number): string =>\n    `Failed to request upload URL (${status})`,\n  registerFailed: (status: number): string =>\n    `Failed to register file (${status})`,\n  uploadFailed: (status: number, statusText: string): string =>\n    `Upload failed (${status} ${statusText})`,\n  networkError: 'Network error during direct upload',\n  uploadAborted: 'Upload aborted',\n  uploadTimedOut: 'Upload timed out',\n} as const;\n\ntype PutTexts = {\n  uploadFailed: (status: number, statusText: string) => string;\n  networkError: string;\n  uploadAborted: string;\n  uploadTimedOut: string;\n};\n\nconst putWithProgress = (\n  url: string,\n  headers: Record<string, string>,\n  file: File,\n  onProgress: (percentage: number) => void,\n  texts: PutTexts,\n): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => {\n      if (e.lengthComputable) {\n        onProgress(Math.round((e.loaded / e.total) * 100));\n      }\n    });\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) resolve();\n      else reject(new Error(texts.uploadFailed(xhr.status, xhr.statusText)));\n    });\n    xhr.addEventListener('error', () => reject(new Error(texts.networkError)));\n    xhr.addEventListener('abort', () => reject(new Error(texts.uploadAborted)));\n    xhr.addEventListener('timeout', () =>\n      reject(new Error(texts.uploadTimedOut)),\n    );\n    xhr.open('PUT', url);\n    for (const [k, v] of Object.entries(headers)) {\n      const lk = k.toLowerCase();\n      if (lk === 'host' || lk === 'content-length') continue;\n      try {\n        xhr.setRequestHeader(k, v);\n      } catch {\n        // Some headers are blocked by the browser — skip silently.\n      }\n    }\n    xhr.send(file);\n  });\n};\n\nconst flattenHeaders = (\n  headers: Record<string, string | string[]> | undefined,\n): Record<string, string> => {\n  const out: Record<string, string> = {};\n  if (!headers) return out;\n  for (const [k, v] of Object.entries(headers)) {\n    out[k] = Array.isArray(v) ? v.join(',') : String(v);\n  }\n  return out;\n};\n\n/** Lowercase extension without leading dot, or empty string. */\nexport const getFileExtension = (filename: string): string => {\n  const dot = filename.lastIndexOf('.');\n  return dot >= 0 ? filename.slice(dot + 1).toLowerCase() : '';\n};\n\n/**\n * Build the `accept` map in the shape react-dropzone v15+ expects:\n * `{ [mimeType]: ['.ext', ...] }`. Multiple extensions that share a\n * MIME type are grouped under the same key.\n */\nexport const buildAcceptMap = (\n  acceptedTypes: Record<string, string> | undefined,\n): Record<string, string[]> | undefined => {\n  if (!acceptedTypes) return undefined;\n  const map: Record<string, string[]> = {};\n  for (const [ext, mime] of Object.entries(acceptedTypes)) {\n    const dotted = `.${ext}`;\n    const list = map[mime];\n    if (list) {\n      if (!list.includes(dotted)) list.push(dotted);\n    } else {\n      map[mime] = [dotted];\n    }\n  }\n  return map;\n};\n\nexport const resolveMeta = (\n  file: File,\n  acceptedTypes: Record<string, string> | undefined,\n): S3FileMeta => {\n  const extension = getFileExtension(file.name);\n  if (!acceptedTypes) {\n    return { mimeType: file.type, extension };\n  }\n  const mimeList = Object.values(acceptedTypes);\n  if (file.type && mimeList.includes(file.type)) {\n    return { mimeType: file.type, extension };\n  }\n  return { mimeType: acceptedTypes[extension] ?? file.type, extension };\n};\n\nexport const defaultGetErrorMessage = async (\n  res: Response,\n  fallback: string,\n): Promise<string> => {\n  try {\n    const data = (await res.clone().json()) as {\n      message?: string;\n      body?: { message?: string; text?: string };\n      errors?: Record<string, string[]>;\n    };\n    if (data.errors) {\n      const first = Object.values(data.errors)[0];\n      if (first && first.length > 0) return first[0];\n    }\n    return data.body?.message ?? data.body?.text ?? data.message ?? fallback;\n  } catch {\n    return fallback;\n  }\n};\n\nexport type S3UploadConfig<TInitBody extends S3InitBody = S3InitBody> = {\n  /** POST endpoint that returns `{ body: { url, headers?, ...extras } }`. */\n  initUrl: string;\n  /** Build the init request JSON body from the file and resolved meta. */\n  buildInitBody: (file: File, meta: S3FileMeta) => Record<string, unknown>;\n  /**\n   * Optional post-upload registration step. When set, a POST is sent to\n   * `register.url` with the body produced by `register.buildBody`.\n   */\n  register?: {\n    url: string;\n    buildBody: (\n      file: File,\n      init: TInitBody,\n      meta: S3FileMeta,\n    ) => Record<string, unknown>;\n  };\n  /**\n   * Called on every outbound request (init, register). Use it to supply\n   * auth/CSRF headers that may rotate during the session.\n   */\n  getHeaders?: () => Record<string, string>;\n  /**\n   * Customize how an error response is turned into a human-readable\n   * message. Defaults to common Laravel-style error shapes.\n   */\n  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;\n  /**\n   * URL stored after a successful upload. Defaults to `init.body.key`\n   * when present, falling back to the presigned URL stripped of its query string.\n   */\n  resolveUploadedUrl?: (init: TInitBody, file: File) => string;\n  /**\n   * Map of file extension → MIME type used to resolve `meta.mimeType`\n   * and build the `accept` map for the dropzone.\n   */\n  acceptedTypes?: Record<string, string>;\n  /** All replaceable UI and error strings. */\n  texts?: DropzoneS3Texts;\n};\n\n/**\n * Encapsulates the three-step S3 upload flow: init POST → S3 PUT → register POST.\n * Returns an `upload(file, onProgress?)` function and an `isUploading` flag.\n * Consumed by `DropzoneS3` and `AvatarDropzoneS3`.\n */\nexport const useS3Upload = <TInitBody extends S3InitBody = S3InitBody>({\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: S3UploadConfig<TInitBody>) => {\n  const [isUploading, setIsUploading] = useState(false);\n\n  const upload = async (\n    file: File,\n    onProgress?: (percentage: number) => void,\n  ): Promise<string> => {\n    const t = { ...DEFAULT_TEXTS, ...texts };\n\n    setIsUploading(true);\n    try {\n      const jsonHeaders = (): Record<string, string> => ({\n        'Content-Type': 'application/json',\n        Accept: 'application/json',\n        ...(getHeaders?.() ?? {}),\n      });\n      const meta = resolveMeta(file, acceptedTypes);\n\n      // 1. init — request a presigned URL.\n      const initRes = await fetch(initUrl, {\n        method: 'POST',\n        headers: jsonHeaders(),\n        body: JSON.stringify(buildInitBody(file, meta)),\n      });\n      if (!initRes.ok) {\n        throw new Error(\n          await getErrorMessage(initRes, t.initFailed(initRes.status)),\n        );\n      }\n      const init = (await initRes.json()) as S3InitResponse<TInitBody>;\n      const { url, headers: s3Headers } = init.body;\n\n      // 2. direct upload to S3.\n      await putWithProgress(\n        url,\n        flattenHeaders(s3Headers),\n        file,\n        (p) => onProgress?.(p),\n        t,\n      );\n\n      // 3. register (optional) — persist metadata on the app backend.\n      if (register) {\n        const regRes = await fetch(register.url, {\n          method: 'POST',\n          headers: jsonHeaders(),\n          body: JSON.stringify(register.buildBody(file, init.body, meta)),\n        });\n        if (!regRes.ok) {\n          throw new Error(\n            await getErrorMessage(regRes, t.registerFailed(regRes.status)),\n          );\n        }\n      }\n\n      const storedUrl =\n        resolveUploadedUrl?.(init.body, file) ??\n        (typeof init.body.key === 'string' ? init.body.key : url.split('?')[0]);\n      return storedUrl;\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  return { upload, isUploading };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-s3-upload.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-s3-upload.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nexport type S3InitBody = {\n  url: string;\n  headers?: Record<string, string | string[]>;\n} & Record<string, unknown>;\n\nexport type S3InitResponse<TBody extends S3InitBody = S3InitBody> = {\n  body: TBody;\n};\n\n/** Metadata derived from the file that body builders frequently need. */\nexport type S3FileMeta = {\n  /**\n   * Best-effort MIME type. When `acceptedTypes` is provided and the\n   * browser-reported `file.type` is empty or unknown, this falls back to\n   * the MIME mapped from the file extension.\n   */\n  mimeType: string;\n  /** Lowercase file extension without the leading dot. */\n  extension: string;\n};\n\n/** All replaceable UI and error strings surfaced by S3 upload components. */\nexport type DropzoneS3Texts = {\n  /** Main dropzone heading. */\n  title?: ReactNode;\n  /** Secondary dropzone text. */\n  subtitle?: ReactNode;\n  /** Small helper text below the subtitle. */\n  hint?: ReactNode;\n  /** Fallback shown when the init request fails without a parseable body. */\n  initFailed?: (status: number) => string;\n  /** Fallback shown when the register request fails without a parseable body. */\n  registerFailed?: (status: number) => string;\n  /** Error when the S3 PUT returns a non-2xx status. */\n  uploadFailed?: (status: number, statusText: string) => string;\n  /** Error when the network fails during the PUT. */\n  networkError?: string;\n  /** Error when the PUT is aborted. */\n  uploadAborted?: string;\n  /** Error when the PUT times out. */\n  uploadTimedOut?: string;\n};\n\nconst DEFAULT_TEXTS = {\n  initFailed: (status: number): string =>\n    `Failed to request upload URL (${status})`,\n  registerFailed: (status: number): string =>\n    `Failed to register file (${status})`,\n  uploadFailed: (status: number, statusText: string): string =>\n    `Upload failed (${status} ${statusText})`,\n  networkError: 'Network error during direct upload',\n  uploadAborted: 'Upload aborted',\n  uploadTimedOut: 'Upload timed out',\n} as const;\n\ntype PutTexts = {\n  uploadFailed: (status: number, statusText: string) => string;\n  networkError: string;\n  uploadAborted: string;\n  uploadTimedOut: string;\n};\n\nconst putWithProgress = (\n  url: string,\n  headers: Record<string, string>,\n  file: File,\n  onProgress: (percentage: number) => void,\n  texts: PutTexts,\n): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => {\n      if (e.lengthComputable) {\n        onProgress(Math.round((e.loaded / e.total) * 100));\n      }\n    });\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) resolve();\n      else reject(new Error(texts.uploadFailed(xhr.status, xhr.statusText)));\n    });\n    xhr.addEventListener('error', () => reject(new Error(texts.networkError)));\n    xhr.addEventListener('abort', () => reject(new Error(texts.uploadAborted)));\n    xhr.addEventListener('timeout', () =>\n      reject(new Error(texts.uploadTimedOut)),\n    );\n    xhr.open('PUT', url);\n    for (const [k, v] of Object.entries(headers)) {\n      const lk = k.toLowerCase();\n      if (lk === 'host' || lk === 'content-length') continue;\n      try {\n        xhr.setRequestHeader(k, v);\n      } catch {\n        // Some headers are blocked by the browser — skip silently.\n      }\n    }\n    xhr.send(file);\n  });\n};\n\nconst flattenHeaders = (\n  headers: Record<string, string | string[]> | undefined,\n): Record<string, string> => {\n  const out: Record<string, string> = {};\n  if (!headers) return out;\n  for (const [k, v] of Object.entries(headers)) {\n    out[k] = Array.isArray(v) ? v.join(',') : String(v);\n  }\n  return out;\n};\n\n/** Lowercase extension without leading dot, or empty string. */\nexport const getFileExtension = (filename: string): string => {\n  const dot = filename.lastIndexOf('.');\n  return dot >= 0 ? filename.slice(dot + 1).toLowerCase() : '';\n};\n\n/**\n * Build the `accept` map in the shape react-dropzone v15+ expects:\n * `{ [mimeType]: ['.ext', ...] }`. Multiple extensions that share a\n * MIME type are grouped under the same key.\n */\nexport const buildAcceptMap = (\n  acceptedTypes: Record<string, string> | undefined,\n): Record<string, string[]> | undefined => {\n  if (!acceptedTypes) return undefined;\n  const map: Record<string, string[]> = {};\n  for (const [ext, mime] of Object.entries(acceptedTypes)) {\n    const dotted = `.${ext}`;\n    const list = map[mime];\n    if (list) {\n      if (!list.includes(dotted)) list.push(dotted);\n    } else {\n      map[mime] = [dotted];\n    }\n  }\n  return map;\n};\n\nexport const resolveMeta = (\n  file: File,\n  acceptedTypes: Record<string, string> | undefined,\n): S3FileMeta => {\n  const extension = getFileExtension(file.name);\n  if (!acceptedTypes) {\n    return { mimeType: file.type, extension };\n  }\n  const mimeList = Object.values(acceptedTypes);\n  if (file.type && mimeList.includes(file.type)) {\n    return { mimeType: file.type, extension };\n  }\n  return { mimeType: acceptedTypes[extension] ?? file.type, extension };\n};\n\nexport const defaultGetErrorMessage = async (\n  res: Response,\n  fallback: string,\n): Promise<string> => {\n  try {\n    const data = (await res.clone().json()) as {\n      message?: string;\n      body?: { message?: string; text?: string };\n      errors?: Record<string, string[]>;\n    };\n    if (data.errors) {\n      const first = Object.values(data.errors)[0];\n      if (first && first.length > 0) return first[0];\n    }\n    return data.body?.message ?? data.body?.text ?? data.message ?? fallback;\n  } catch {\n    return fallback;\n  }\n};\n\nexport type S3UploadConfig<TInitBody extends S3InitBody = S3InitBody> = {\n  /** POST endpoint that returns `{ body: { url, headers?, ...extras } }`. */\n  initUrl: string;\n  /** Build the init request JSON body from the file and resolved meta. */\n  buildInitBody: (file: File, meta: S3FileMeta) => Record<string, unknown>;\n  /**\n   * Optional post-upload registration step. When set, a POST is sent to\n   * `register.url` with the body produced by `register.buildBody`.\n   */\n  register?: {\n    url: string;\n    buildBody: (\n      file: File,\n      init: TInitBody,\n      meta: S3FileMeta,\n    ) => Record<string, unknown>;\n  };\n  /**\n   * Called on every outbound request (init, register). Use it to supply\n   * auth/CSRF headers that may rotate during the session.\n   */\n  getHeaders?: () => Record<string, string>;\n  /**\n   * Customize how an error response is turned into a human-readable\n   * message. Defaults to common Laravel-style error shapes.\n   */\n  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;\n  /**\n   * URL stored after a successful upload. Defaults to `init.body.key`\n   * when present, falling back to the presigned URL stripped of its query string.\n   */\n  resolveUploadedUrl?: (init: TInitBody, file: File) => string;\n  /**\n   * Map of file extension → MIME type used to resolve `meta.mimeType`\n   * and build the `accept` map for the dropzone.\n   */\n  acceptedTypes?: Record<string, string>;\n  /** All replaceable UI and error strings. */\n  texts?: DropzoneS3Texts;\n};\n\n/**\n * Encapsulates the three-step S3 upload flow: init POST → S3 PUT → register POST.\n * Returns an `upload(file, onProgress?)` function and an `isUploading` flag.\n * Consumed by `DropzoneS3` and `AvatarDropzoneS3`.\n */\nexport const useS3Upload = <TInitBody extends S3InitBody = S3InitBody>({\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: S3UploadConfig<TInitBody>) => {\n  const [isUploading, setIsUploading] = useState(false);\n\n  const upload = async (\n    file: File,\n    onProgress?: (percentage: number) => void,\n  ): Promise<{ url: string; token?: string }> => {\n    const t = { ...DEFAULT_TEXTS, ...texts };\n\n    setIsUploading(true);\n    try {\n      const jsonHeaders = (): Record<string, string> => ({\n        'Content-Type': 'application/json',\n        Accept: 'application/json',\n        ...(getHeaders?.() ?? {}),\n      });\n      const meta = resolveMeta(file, acceptedTypes);\n\n      // 1. init — request a presigned URL.\n      const initRes = await fetch(initUrl, {\n        method: 'POST',\n        headers: jsonHeaders(),\n        body: JSON.stringify(buildInitBody(file, meta)),\n      });\n      if (!initRes.ok) {\n        throw new Error(\n          await getErrorMessage(initRes, t.initFailed(initRes.status)),\n        );\n      }\n      const init = (await initRes.json()) as S3InitResponse<TInitBody>;\n      const { url, headers: s3Headers } = init.body;\n\n      // 2. direct upload to S3.\n      await putWithProgress(\n        url,\n        flattenHeaders(s3Headers),\n        file,\n        (p) => onProgress?.(p),\n        t,\n      );\n\n      // 3. register (optional) — persist metadata on the app backend.\n      let registeredToken: string | undefined;\n      if (register) {\n        const regRes = await fetch(register.url, {\n          method: 'POST',\n          headers: jsonHeaders(),\n          body: JSON.stringify(register.buildBody(file, init.body, meta)),\n        });\n        if (!regRes.ok) {\n          throw new Error(\n            await getErrorMessage(regRes, t.registerFailed(regRes.status)),\n          );\n        }\n        const regBody = (await regRes.json()) as { token?: string };\n        registeredToken = regBody?.token;\n      }\n\n      const storedUrl =\n        resolveUploadedUrl?.(init.body, file) ??\n        (typeof init.body.key === 'string' ? init.body.key : url.split('?')[0]);\n      return { url: storedUrl, token: registeredToken };\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  return { upload, isUploading };\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.138",
+  "version": "1.0.140",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.138",
-    "@mage-ui/styled-system": "1.0.8"
+    "@mage-ui/styled-system": "1.0.8",
+    "@mage-ui/preset": "1.0.140"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",