@mage-ui/components 1.0.124 → 1.0.126

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

@@ -1,5 +1,6 @@
 import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
 import { LoaderOvalProps } from "../../data-display/loader-oval/LoaderOval.mjs";
+import { UploadProgress, UploadResponse, Uploader } from "./upload-service.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
@@ -26,8 +27,19 @@ type DropzoneProps = {
     removeFile: (fileName: string) => void;
   }) => ReactNode;
   initialFiles?: Record<string, FileData>;
-  maxFiles?: number; /** Required when autoSend=true (default). Optional when autoSend=false. */
-  url?: string; /** When false, files are added to state but not uploaded automatically. Default: true. */
+  maxFiles?: number;
+  /**
+   * Endpoint used by the built-in FormData uploader. Required when
+   * `autoSend=true` (default) AND no custom `uploader` is provided.
+   * Ignored if `uploader` is provided.
+   */
+  url?: string;
+  /**
+   * Custom upload function that replaces the built-in FormData POST.
+   * Use it for multi-step flows (e.g. presigned S3) or any non-standard
+   * transport. When set, the `url` prop is ignored.
+   */
+  uploader?: Uploader; /** When false, files are added to state but not uploaded automatically. Default: true. */
   autoSend?: boolean; /** Maximum file size in bytes. Files exceeding this will be rejected. */
   maxSize?: number; /** Called when the file list changes (added or removed). Useful when autoSend=false. */
   onChange?: (files: File[]) => void;
@@ -65,6 +77,7 @@ declare const Dropzone: ({
   initialFiles,
   maxFiles,
   url,
+  uploader,
   autoSend,
   maxSize,
   onChange,

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

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"mappings":";;;;;;KA2BY,QAAA;EACV,IAAA;EACA,IAAA;EACA,IAAA;EACA,IAAA;EACA,QAAA;EACA,OAAA;EACA,GAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,KAGU,aAAA;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,WAdQ;EAgBR,GAAA,WAbuB;EAevB,QAAA,YAbE;EAeF,OAAA,WAbE;EAeF,QAAA,IAAY,KAAA,EAAO,IAAA;EACnB,IAAA,GAAO,MAAA;EACP,OAAA,GAAU,MAAA;EACV,MAAA;EACA,qBAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,GAAW,SAAA;EACX,IAAA,GAAO,SAAA;EACP,OAAA;EACA,cAAA,IAAkB,IAAA,EAAM,QAAA;EACxB,YAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,gBAAA;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;AAAA,cAGW,QAAA;EAAY,IAAA;EAAA,OAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,GAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,KAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,cAAA;EAAA,UAAA;EAAA,SAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Dropzone.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.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,aAAA;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,WAQW;EANX,QAAA,IAAY,KAAA,EAAO,IAAA;EACnB,IAAA,GAAO,MAAA;EACP,OAAA,GAAU,MAAA;EACV,MAAA;EACA,qBAAA;EACA,KAAA,GAAQ,SAAA;EACR,QAAA,GAAW,SAAA;EACX,IAAA,GAAO,SAAA;EACP,OAAA;EACA,cAAA,IAAkB,IAAA,EAAM,QAAA;EACxB,YAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,gBAAA;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;AAAA,cAGW,QAAA;EAAY,IAAA;EAAA,OAAA;EAAA,QAAA;EAAA,YAAA;EAAA,QAAA;EAAA,GAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,KAAA;EAAA,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,cAAA;EAAA,UAAA;EAAA,SAAA;EAAA;AAAA,GAoBtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/dropzone/Dropzone.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{dropzone as i,dropzoneDropzoneInner as a,dropzoneDropzoneRoot as o,dropzoneHint as s,dropzoneIcon as c,dropzoneIconSlot as l,dropzoneLoader as u,dropzoneLoaderRoot as d,dropzoneRoot as f,dropzoneSubtitle as p,dropzoneTextSlot as m,dropzoneTitle 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,autoSend:O=!0,maxSize:k,onChange:A,accept:j,title:M,subtitle:N,hint:P,inputId:F,onFileUploaded:I,classNames:L,direction:R=`default`,hideWhenFull:z=!1})=>{let B=b(null),V=b(new Map),{files:H,isUploading:U,uploadMultipleFiles:W,addFile:G,removeFile:K}=n(D,T,I,C),q=y(e=>{K(e),V.current.delete(e),!O&&A&&A(Array.from(V.current.values()))},[K,O,A]),J=y(async e=>{let t=Object.keys(H).length,n=(E??1/0)-t;if(n<=0)return;let r=e.slice(0,n);if(O)await W(r,S);else{for(let e of r)G(e),V.current.set(e.name,e);A?.(Array.from(V.current.values()))}},[O,W,G,S,H,E,A]),Y=E!==void 0&&Object.keys(H).length>=E;return v(`div`,{className:r(L?.dropzone??i(),L?.root??f()),"data-direction":R,children:[(!z||!Y)&&v(x,{ref:B,onDrop:J,disabled:Y,loading:U,accept:j,maxSize:k,preventDropOnDocument:!0,inputProps:{id:F},classNames:{root:L?.dropzoneDropzone?.root??r(o(),`group`),inner:L?.dropzoneDropzone?.inner??a()},children:[_(`div`,{className:L?.iconSlot??l(),children:U?_(t,{classNames:{loader:L?.loader?.loader??u(),root:L?.loader?.root??d()}}):v(g,{children:[_(x.Idle,{children:_(e,{name:`mage-dropzone-upload-01`,path:`/icons/sprite-mage.svg`,classNames:{icon:L?.dropzoneIcon?.icon??c()}})}),_(x.Accept,{children:_(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:L?.dropzoneIcon?.icon??c()}})}),_(x.Reject,{children:_(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:L?.dropzoneIcon?.icon??c()}})})]})}),v(`div`,{className:L?.textSlot??m(),children:[_(`span`,{className:L?.title??h(),children:M||`Upload files`}),_(`span`,{className:L?.subtitle??p(),children:N||`Drag images here or click to select files`}),_(`span`,{className:L?.hint??s(),children:P||`Attach as many files as you like, each file should not exceed 5mb`})]})]}),w({files:H,isUploading:U,removeFile:q})]})};export{S as Dropzone};
+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{dropzone as i,dropzoneDropzoneInner as a,dropzoneDropzoneRoot as o,dropzoneHint as s,dropzoneIcon as c,dropzoneIconSlot as l,dropzoneLoader as u,dropzoneLoaderRoot as d,dropzoneRoot as f,dropzoneSubtitle as p,dropzoneTextSlot as m,dropzoneTitle 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?.dropzone??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?.dropzoneDropzone?.root??r(o(),`group`),inner:R?.dropzoneDropzone?.inner??a()},children:[_(`div`,{className:R?.iconSlot??l(),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??c()}})}),_(x.Accept,{children:_(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:R?.dropzoneIcon?.icon??c()}})}),_(x.Reject,{children:_(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:R?.dropzoneIcon?.icon??c()}})})]})}),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??s(),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 Dropzone};
 //# sourceMappingURL=Dropzone.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.mjs","names":["Dropzone","MantineDropzone"],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzone,\n  dropzoneDropzoneInner,\n  dropzoneDropzoneRoot,\n  dropzoneHint,\n  dropzoneIcon,\n  dropzoneIconSlot,\n  dropzoneLoader,\n  dropzoneLoaderRoot,\n  dropzoneRoot,\n  dropzoneSubtitle,\n  dropzoneTextSlot,\n  dropzoneTitle,\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 { useDropzoneState } from './use-dropzone-state';\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 DropzoneProps = {\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  /** Required when autoSend=true (default). Optional when autoSend=false. */\n  url?: string;\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  accept?: string[];\n  preventDropOnDocument?: boolean;\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  hint?: ReactNode;\n  inputId?: string;\n  onFileUploaded?: (file: FileData) => void;\n  hideWhenFull?: boolean;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    dropzoneDropzone?: {\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 Dropzone = ({\n  data,\n  headers,\n  children,\n  initialFiles = {},\n  maxFiles,\n  url,\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}: DropzoneProps) => {\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);\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?.dropzone ?? dropzone(),\n        classNames?.root ?? dropzoneRoot(),\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:\n              classNames?.dropzoneDropzone?.root ??\n              cx(dropzoneDropzoneRoot(), 'group'),\n            inner:\n              classNames?.dropzoneDropzone?.inner ?? dropzoneDropzoneInner(),\n          }}\n        >\n          <div className={classNames?.iconSlot ?? dropzoneIconSlot()}>\n            {isUploading ? (\n              <LoaderOval\n                classNames={{\n                  loader: classNames?.loader?.loader ?? dropzoneLoader(),\n                  root: classNames?.loader?.root ?? dropzoneLoaderRoot(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\n                    }}\n                  />\n                </MantineDropzone.Reject>\n              </>\n            )}\n          </div>\n          <div className={classNames?.textSlot ?? dropzoneTextSlot()}>\n            <span className={classNames?.title ?? dropzoneTitle()}>\n              {title || 'Upload files'}\n            </span>\n            <span className={classNames?.subtitle ?? dropzoneSubtitle()}>\n              {subtitle || 'Drag images here or click to select files'}\n            </span>\n            <span className={classNames?.hint ?? dropzoneHint()}>\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":"Dropzone.mjs","names":["Dropzone","MantineDropzone"],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"sourcesContent":["import { type ReactNode, useCallback, useRef } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzone,\n  dropzoneDropzoneInner,\n  dropzoneDropzoneRoot,\n  dropzoneHint,\n  dropzoneIcon,\n  dropzoneIconSlot,\n  dropzoneLoader,\n  dropzoneLoaderRoot,\n  dropzoneRoot,\n  dropzoneSubtitle,\n  dropzoneTextSlot,\n  dropzoneTitle,\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 {\n  type UploadProgress,\n  type UploadResponse,\n  type Uploader,\n} from './upload-service';\nimport { useDropzoneState } from './use-dropzone-state';\n\nexport type { UploadProgress, UploadResponse, Uploader };\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 DropzoneProps = {\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  accept?: string[];\n  preventDropOnDocument?: boolean;\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  hint?: ReactNode;\n  inputId?: string;\n  onFileUploaded?: (file: FileData) => void;\n  hideWhenFull?: boolean;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    dropzoneDropzone?: {\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 Dropzone = ({\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}: DropzoneProps) => {\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?.dropzone ?? dropzone(),\n        classNames?.root ?? dropzoneRoot(),\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:\n              classNames?.dropzoneDropzone?.root ??\n              cx(dropzoneDropzoneRoot(), 'group'),\n            inner:\n              classNames?.dropzoneDropzone?.inner ?? dropzoneDropzoneInner(),\n          }}\n        >\n          <div className={classNames?.iconSlot ?? dropzoneIconSlot()}>\n            {isUploading ? (\n              <LoaderOval\n                classNames={{\n                  loader: classNames?.loader?.loader ?? dropzoneLoader(),\n                  root: classNames?.loader?.root ?? dropzoneLoaderRoot(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\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: classNames?.dropzoneIcon?.icon ?? dropzoneIcon(),\n                    }}\n                  />\n                </MantineDropzone.Reject>\n              </>\n            )}\n          </div>\n          <div className={classNames?.textSlot ?? dropzoneTextSlot()}>\n            <span className={classNames?.title ?? dropzoneTitle()}>\n              {title || 'Upload files'}\n            </span>\n            <span className={classNames?.subtitle ?? dropzoneSubtitle()}>\n              {subtitle || 'Drag images here or click to select files'}\n            </span>\n            <span className={classNames?.hint ?? dropzoneHint()}>\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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"}

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

@@ -0,0 +1,27 @@
+//#region src/components/controls/dropzone/upload-service.d.ts
+type UploadResponse = {
+  body: {
+    url: string;
+  };
+};
+type UploadProgress = {
+  loaded: number;
+  total: number;
+  percentage: number;
+};
+/**
+ * Custom upload function that replaces the built-in FormData POST.
+ * Useful for multi-step flows (e.g. presigned S3 uploads with separate
+ * init/register endpoints) or any non-standard transport.
+ *
+ * The function must resolve with an `UploadResponse` once the file is
+ * fully persisted, or reject with an `Error` describing the failure.
+ */
+type Uploader = (file: File, options: {
+  data?: Record<string, unknown>;
+  onProgress?: (progress: UploadProgress) => void;
+  headers?: Record<string, string>;
+}) => Promise<UploadResponse>;
+//#endregion
+export { UploadProgress, UploadResponse, Uploader };
+//# sourceMappingURL=upload-service.d.mts.map

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

@@ -0,0 +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"}

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\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":"AAYA,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  };\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"}

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)=>{let[c,l]=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{}})()),[u,d]=r(!1),f=n(new Set),p=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 l(t=>({...t,[e.name]:n})),e.name},[]),m=t((e,t)=>{l(n=>({...n,[e]:{...n[e],progress:t,loading:t<100}}))},[]),h=t((e,t)=>{l(n=>({...n,[e]:{...n[e],uploaded:!0,loading:!1,progress:100,url:t}}))},[]),g=t((e,t)=>{l(n=>({...n,[e]:{...n[e],uploaded:!1,loading:!1,progress:0,error:t}}))},[]),_=t(e=>{l(t=>{let n={...t};return delete n[e],n}),f.current.delete(e)},[]),v=t(()=>{l({}),f.current.clear()},[]),y=t(e=>f.current.has(e),[]),b=t(e=>{f.current.add(e)},[]),x=t(e=>{f.current.delete(e)},[]),S=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=p(t,r);b(a);try{let{body:c}=await e(i??``,t,n,e=>{m(a,e.percentage)},s);h(a,c.url),o?.({name:t.name,size:t.size,type:t.type,date:r,uploaded:!0,loading:!1,progress:100,url:c.url})}catch(e){console.error(`Error al subir archivo:`,e),g(a,e instanceof Error?e.message:`Error desconocido`)}finally{x(a)}},[p,b,m,h,g,x,o,i,s]);return{files:c,isUploading:u,setIsUploading:d,addFile:p,updateFileProgress:m,markFileAsUploaded:h,markFileAsError:g,removeFile:_,clearFiles:v,isFileUploading:y,addToUploadQueue:b,removeFromUploadQueue:x,uploadFileToServer:S,uploadMultipleFiles:t(async(e,t)=>{if(u){console.warn(`Ya hay una subida en progreso`);return}d(!0);try{for(let n of e)await S(n,t)}finally{d(!1)}},[u,d,S])}};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)=>{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};
 //# 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 './Dropzone';\nimport { uploadFile } 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) => {\n  const normalizeInitialFiles = (): Record<string, FileData> => {\n    if (!initialFiles) return {};\n\n    if (typeof initialFiles === 'object' && !('name' in initialFiles)) {\n      return initialFiles as Record<string, FileData>;\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 { body } = await uploadFile(\n          url ?? '',\n          file,\n          data,\n          (progress) => {\n            updateFileProgress(fileName, progress.percentage);\n          },\n          headers,\n        );\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    ],\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 './Dropzone';\nimport {\n  type UploadProgress,\n  type Uploader,\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 as Record<string, FileData>;\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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"}

package/dist/components/controls/dropzone-s3/DropzoneS3.d.mts

@@ -0,0 +1,110 @@
+import { DropzoneProps } from "../dropzone/Dropzone.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/controls/dropzone-s3/DropzoneS3.d.ts
+/**
+ * Body of the response returned by the init endpoint. Must at least
+ * expose a `url` to PUT the file to; may carry any number of extra
+ * fields that the consumer forwards to the register step (e.g.
+ * `document_id`, `key`).
+ */
+type S3InitBody = {
+  url: string;
+  headers?: Record<string, string | string[]>;
+} & Record<string, unknown>;
+type S3InitResponse<TBody extends S3InitBody = S3InitBody> = {
+  body: TBody;
+};
+/** Metadata derived from the file that body builders frequently need. */
+type S3FileMeta = {
+  /**
+   * Best-effort MIME type. When `acceptedTypes` is provided and the
+   * browser-reported `file.type` is empty or unknown, this falls back to
+   * the MIME mapped from the file extension.
+   */
+  mimeType: string; /** Lowercase file extension without the leading dot. */
+  extension: string;
+};
+/** All replaceable UI and error strings surfaced by DropzoneS3. */
+type DropzoneS3Texts = {
+  /** Main dropzone heading. */title?: ReactNode; /** Secondary dropzone text. */
+  subtitle?: ReactNode; /** Small helper text below the subtitle. */
+  hint?: ReactNode; /** Fallback shown when the init request fails without a parseable body. */
+  initFailed?: (status: number) => string; /** Fallback shown when the register request fails without a parseable body. */
+  registerFailed?: (status: number) => string; /** Error when the S3 PUT returns a non-2xx status. */
+  uploadFailed?: (status: number, statusText: string) => string; /** Error when the network fails during the PUT. */
+  networkError?: string; /** Error when the PUT is aborted. */
+  uploadAborted?: string; /** Error when the PUT times out. */
+  uploadTimedOut?: string;
+};
+type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<DropzoneProps, 'uploader' | 'url' | 'children' | 'accept' | 'title' | 'subtitle' | 'hint'> & {
+  /** All replaceable UI and error strings. Any field left unset falls back
+   * to the English default. */
+  texts?: DropzoneS3Texts;
+  /**
+   * Map of file extension → MIME type. When provided, DropzoneS3
+   * automatically computes the `accept` array (MIMEs plus `.ext` entries
+   * to cover browsers that report an empty `file.type` for some Office
+   * formats) and uses it to resolve `meta.mimeType` per file.
+   *
+   * Ignored when `accept` is passed explicitly.
+   */
+  acceptedTypes?: Record<string, string>;
+  /**
+   * Explicit accept list forwarded to the underlying Mantine dropzone.
+   * Takes precedence over `acceptedTypes`.
+   */
+  accept?: string[]; /** POST endpoint that returns `{ body: { url, headers?, ...extras } }`. */
+  initUrl: string; /** Build the init request JSON body from the file and resolved meta. */
+  buildInitBody: (file: File, meta: S3FileMeta) => Record<string, unknown>;
+  /**
+   * Optional post-upload registration step. When set, a POST is sent to
+   * `register.url` with the body produced by `register.buildBody`.
+   */
+  register?: {
+    url: string;
+    buildBody: (file: File, init: TInitBody, meta: S3FileMeta) => Record<string, unknown>;
+  };
+  /**
+   * Called on every outbound request (init, register). Use it to supply
+   * auth/CSRF headers that may rotate during the session.
+   */
+  getHeaders?: () => Record<string, string>;
+  /**
+   * Customize how an error response is turned into a human-readable
+   * message. Defaults to common Laravel-style error shapes
+   * (`errors`, `body.message`, `message`).
+   */
+  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;
+  /**
+   * URL stored in `FileData.url` after a successful upload. Defaults to
+   * `init.body.key` when present, falling back to the presigned URL
+   * stripped of its query string.
+   */
+  resolveUploadedUrl?: (init: TInitBody, file: File) => string;
+  /**
+   * Override the default children (a list of in-flight / errored files).
+   * Use it when you need to render the progress list elsewhere in the
+   * layout or when you want a completely custom UI.
+   */
+  children?: DropzoneProps['children'];
+};
+/** Lowercase extension without leading dot, or empty string. */
+declare const getFileExtension: (filename: string) => string;
+declare const DropzoneS3: <TInitBody extends S3InitBody = S3InitBody>({
+  texts,
+  acceptedTypes,
+  accept,
+  initUrl,
+  buildInitBody,
+  register,
+  getHeaders,
+  getErrorMessage,
+  resolveUploadedUrl,
+  children,
+  ...dropzoneProps
+}: DropzoneS3Props<TInitBody>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension };
+//# sourceMappingURL=DropzoneS3.d.mts.map

package/dist/components/controls/dropzone-s3/DropzoneS3.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneS3.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone-s3/DropzoneS3.tsx"],"mappings":";;;;;;;;AAgBA;;;KAAY,UAAA;EACV,GAAA;EACA,OAAA,GAAU,MAAA;AAAA,IACR,MAAA;AAAA,KAEQ,cAAA,eAA6B,UAAA,GAAa,UAAA;EACpD,IAAA,EAAM,KAAA;AAAA;AADR;AAAA,KAKY,UAAA;EALc;;;;;EAWxB,QAAA,UAXyB;EAazB,SAAA;AAAA;;KAIU,eAAA;EAhBC,6BAkBX,KAAA,GAAQ,SAAA,EAdE;EAgBV,QAAA,GAAW,SAAA;EAEX,IAAA,GAAO,SAAA,EAVE;EAYT,UAAA,IAAc,MAAA,qBARW;EAUzB,cAAA,IAAkB,MAAA,qBARV;EAUR,YAAA,IAAgB,MAAA,UAAgB,UAAA,qBANzB;EAQP,YAAA,WARgB;EAUhB,aAAA,WAdQ;EAgBR,cAAA;AAAA;AAAA,KAeU,eAAA,mBAAkC,UAAA,GAAa,UAAA,IAAc,IAAA,CACvE,aAAA;EA5BO;;EAuCP,KAAA,GAAQ,eAAA;EAnCR;;;;;;;;EA4CA,aAAA,GAAgB,MAAA;EApCF;AAehB;;;EA0BE,MAAA,aA1ByD;EA4BzD,OAAA,UA5BuE;EA8BvE,aAAA,GAAgB,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAA,KAAe,MAAA;EATjC;;;;EAchB,QAAA;IACE,GAAA;IACA,SAAA,GACE,IAAA,EAAM,IAAA,EACN,IAAA,EAAM,SAAA,EACN,IAAA,EAAM,UAAA,KACH,MAAA;EAAA;EAMY;;;;EAAnB,UAAA,SAAmB,MAAA;EAkBR;;;;;EAZX,eAAA,IAAmB,GAAA,EAAK,QAAA,EAAU,QAAA,aAAqB,OAAA;EArDgB;;;;;EA2DvE,kBAAA,IAAsB,IAAA,EAAM,SAAA,EAAW,IAAA,EAAM,IAAA;EAjC7C;;;;;EAuCA,QAAA,GAAW,aAAA;AAAA;;cA+EA,gBAAA,GAAoB,QAAA;AAAA,cAwDpB,UAAA,qBAAgC,UAAA,GAAa,UAAA;EAAY,KAAA;EAAA,aAAA;EAAA,MAAA;EAAA,OAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAYnE,eAAA,CAAgB,SAAA,MAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{UploadingFiles as e}from"../../data-display/uploading-files/UploadingFiles.mjs";import{Dropzone as t}from"../dropzone/Dropzone.mjs";import{jsx as n}from"react/jsx-runtime";const r={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`},i=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}},a=(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)}),o=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},s=e=>{let t=e.lastIndexOf(`.`);return t>=0?e.slice(t+1).toLowerCase():``},c=e=>{if(e)return[...Object.values(e),...Object.keys(e).map(e=>`.${e}`)]},l=(e,t)=>{let n=s(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}},u=({files:t})=>{let r=Object.values(t).filter(e=>e.loading||!!e.error);return r.length===0?null:n(e,{children:r.map(t=>t.error?n(e.ItemError,{name:t.name,message:t.error},t.name):n(e.Item,{name:t.name,progress:t.progress??0},t.name))})},d=({texts:e,acceptedTypes:s,accept:d,initUrl:f,buildInitBody:p,register:m,getHeaders:h,getErrorMessage:g=i,resolveUploadedUrl:_,children:v,...y})=>{let b=d??c(s),x={...r,...e},S=async(e,{onProgress:t})=>{let n=()=>({"Content-Type":`application/json`,Accept:`application/json`,...h?.()??{}}),r=l(e,s),i=await fetch(f,{method:`POST`,headers:n(),body:JSON.stringify(p(e,r))});if(!i.ok)throw Error(await g(i,x.initFailed(i.status)));let c=await i.json(),{url:u,headers:d}=c.body;if(await a(u,o(d),e,n=>t?.({loaded:0,total:e.size,percentage:n}),x),m){let t=await fetch(m.url,{method:`POST`,headers:n(),body:JSON.stringify(m.buildBody(e,c.body,r))});if(!t.ok)throw Error(await g(t,x.registerFailed(t.status)))}return{body:{url:_?.(c.body,e)??(typeof c.body.key==`string`?c.body.key:u.split(`?`)[0])}}};return n(t,{...y,title:e?.title,subtitle:e?.subtitle,hint:e?.hint,accept:b,uploader:S,children:v??u})};export{d as DropzoneS3,s as getFileExtension};
+//# sourceMappingURL=DropzoneS3.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneS3.mjs","names":[],"sources":["../../../../src/components/controls/dropzone-s3/DropzoneS3.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { UploadingFiles } from '@/components/data-display';\n\nimport {\n  Dropzone,\n  type DropzoneProps,\n  type Uploader,\n} from '../dropzone/Dropzone';\n\n/**\n * Body of the response returned by the init endpoint. Must at least\n * expose a `url` to PUT the file to; may carry any number of extra\n * fields that the consumer forwards to the register step (e.g.\n * `document_id`, `key`).\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 DropzoneS3. */\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\nexport type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<\n  DropzoneProps,\n  | 'uploader'\n  | 'url'\n  | 'children'\n  | 'accept'\n  | 'title'\n  | 'subtitle'\n  | 'hint'\n> & {\n  /** All replaceable UI and error strings. Any field left unset falls back\n   * to the English default. */\n  texts?: DropzoneS3Texts;\n  /**\n   * Map of file extension → MIME type. When provided, DropzoneS3\n   * automatically computes the `accept` array (MIMEs plus `.ext` entries\n   * to cover browsers that report an empty `file.type` for some Office\n   * formats) and uses it to resolve `meta.mimeType` per file.\n   *\n   * Ignored when `accept` is passed explicitly.\n   */\n  acceptedTypes?: Record<string, string>;\n  /**\n   * Explicit accept list forwarded to the underlying Mantine dropzone.\n   * Takes precedence over `acceptedTypes`.\n   */\n  accept?: string[];\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   * (`errors`, `body.message`, `message`).\n   */\n  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;\n  /**\n   * URL stored in `FileData.url` after a successful upload. Defaults to\n   * `init.body.key` when present, falling back to the presigned URL\n   * stripped of its query string.\n   */\n  resolveUploadedUrl?: (init: TInitBody, file: File) => string;\n  /**\n   * Override the default children (a list of in-flight / errored files).\n   * Use it when you need to render the progress list elsewhere in the\n   * layout or when you want a completely custom UI.\n   */\n  children?: DropzoneProps['children'];\n};\n\nconst 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\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\nconst buildAcceptList = (\n  acceptedTypes: Record<string, string> | undefined,\n): string[] | undefined => {\n  if (!acceptedTypes) return undefined;\n  return [\n    ...Object.values(acceptedTypes),\n    ...Object.keys(acceptedTypes).map((ext) => `.${ext}`),\n  ];\n};\n\nconst 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\nconst defaultChildren: DropzoneProps['children'] = ({ files }) => {\n  const uploading = Object.values(files).filter(\n    (f) => f.loading || !!f.error,\n  );\n  if (uploading.length === 0) return null;\n  return (\n    <UploadingFiles>\n      {uploading.map((file) =>\n        file.error ? (\n          <UploadingFiles.ItemError\n            key={file.name}\n            name={file.name}\n            message={file.error}\n          />\n        ) : (\n          <UploadingFiles.Item\n            key={file.name}\n            name={file.name}\n            progress={file.progress ?? 0}\n          />\n        ),\n      )}\n    </UploadingFiles>\n  );\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  children,\n  ...dropzoneProps\n}: DropzoneS3Props<TInitBody>) => {\n  const acceptList = accept ?? buildAcceptList(acceptedTypes);\n  const t = { ...DEFAULT_TEXTS, ...texts };\n\n  const uploader: Uploader = async (file, { onProgress }) => {\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?.({ loaded: 0, total: file.size, percentage: 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 { body: { url: storedUrl } };\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      {children ?? defaultChildren}\n    </Dropzone>\n  );\n};\n"],"mappings":"mLA2DA,MAAM,EAAgB,CACpB,WAAa,GACX,iCAAiC,EAAO,GAC1C,eAAiB,GACf,4BAA4B,EAAO,GACrC,cAAe,EAAgB,IAC7B,kBAAkB,EAAO,GAAG,EAAW,GACzC,aAAc,qCACd,cAAe,iBACf,eAAgB,mBACjB,CAsEK,EAAyB,MAC7B,EACA,IACoB,CACpB,GAAI,CACF,IAAM,EAAQ,MAAM,EAAI,OAAO,CAAC,MAAM,CAKtC,GAAI,EAAK,OAAQ,CACf,IAAM,EAAQ,OAAO,OAAO,EAAK,OAAO,CAAC,GACzC,GAAI,GAAS,EAAM,OAAS,EAAG,OAAO,EAAM,GAE9C,OAAO,EAAK,MAAM,SAAW,EAAK,MAAM,MAAQ,EAAK,SAAW,OAC1D,CACN,OAAO,IAWL,GACJ,EACA,EACA,EACA,EACA,IAEO,IAAI,SAAS,EAAS,IAAW,CACtC,IAAM,EAAM,IAAI,eAChB,EAAI,OAAO,iBAAiB,WAAa,GAAM,CACzC,EAAE,kBACJ,EAAW,KAAK,MAAO,EAAE,OAAS,EAAE,MAAS,IAAI,CAAC,EAEpD,CACF,EAAI,iBAAiB,WAAc,CAC7B,EAAI,QAAU,KAAO,EAAI,OAAS,IAAK,GAAS,CAC/C,EAAW,MAAM,EAAM,aAAa,EAAI,OAAQ,EAAI,WAAW,CAAC,CAAC,EACtE,CACF,EAAI,iBAAiB,YAAe,EAAW,MAAM,EAAM,aAAa,CAAC,CAAC,CAC1E,EAAI,iBAAiB,YAAe,EAAW,MAAM,EAAM,cAAc,CAAC,CAAC,CAC3E,EAAI,iBAAiB,cACnB,EAAW,MAAM,EAAM,eAAe,CAAC,CACxC,CACD,EAAI,KAAK,MAAO,EAAI,CACpB,IAAK,GAAM,CAAC,EAAG,KAAM,OAAO,QAAQ,EAAQ,CAAE,CAC5C,IAAM,EAAK,EAAE,aAAa,CACtB,SAAO,QAAU,IAAO,kBAC5B,GAAI,CACF,EAAI,iBAAiB,EAAG,EAAE,MACpB,GAIV,EAAI,KAAK,EAAK,EACd,CAGE,EACJ,GAC2B,CAC3B,IAAM,EAA8B,EAAE,CACtC,GAAI,CAAC,EAAS,OAAO,EACrB,IAAK,GAAM,CAAC,EAAG,KAAM,OAAO,QAAQ,EAAQ,CAC1C,EAAI,GAAK,MAAM,QAAQ,EAAE,CAAG,EAAE,KAAK,IAAI,CAAG,OAAO,EAAE,CAErD,OAAO,GAII,EAAoB,GAA6B,CAC5D,IAAM,EAAM,EAAS,YAAY,IAAI,CACrC,OAAO,GAAO,EAAI,EAAS,MAAM,EAAM,EAAE,CAAC,aAAa,CAAG,IAGtD,EACJ,GACyB,CACpB,KACL,MAAO,CACL,GAAG,OAAO,OAAO,EAAc,CAC/B,GAAG,OAAO,KAAK,EAAc,CAAC,IAAK,GAAQ,IAAI,IAAM,CACtD,EAGG,GACJ,EACA,IACe,CACf,IAAM,EAAY,EAAiB,EAAK,KAAK,CAC7C,GAAI,CAAC,EACH,MAAO,CAAE,SAAU,EAAK,KAAM,YAAW,CAE3C,IAAM,EAAW,OAAO,OAAO,EAAc,CAI7C,OAHI,EAAK,MAAQ,EAAS,SAAS,EAAK,KAAK,CACpC,CAAE,SAAU,EAAK,KAAM,YAAW,CAEpC,CAAE,SAAU,EAAc,IAAc,EAAK,KAAM,YAAW,EAGjE,GAA8C,CAAE,WAAY,CAChE,IAAM,EAAY,OAAO,OAAO,EAAM,CAAC,OACpC,GAAM,EAAE,SAAW,CAAC,CAAC,EAAE,MACzB,CAED,OADI,EAAU,SAAW,EAAU,KAEjC,EAAC,EAAD,CAAA,SACG,EAAU,IAAK,GACd,EAAK,MACH,EAAC,EAAe,UAAhB,CAEE,KAAM,EAAK,KACX,QAAS,EAAK,MACd,CAHK,EAAK,KAGV,CAEF,EAAC,EAAe,KAAhB,CAEE,KAAM,EAAK,KACX,SAAU,EAAK,UAAY,EAC3B,CAHK,EAAK,KAGV,CAEL,CACc,CAAA,EAIR,GAAyD,CACpE,QACA,gBACA,SACA,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,WACA,GAAG,KAC6B,CAChC,IAAM,EAAa,GAAU,EAAgB,EAAc,CACrD,EAAI,CAAE,GAAG,EAAe,GAAG,EAAO,CAElC,EAAqB,MAAO,EAAM,CAAE,gBAAiB,CACzD,IAAM,OAA6C,CACjD,eAAgB,mBAChB,OAAQ,mBACR,GAAI,KAAc,EAAI,EAAE,CACzB,EACK,EAAO,EAAY,EAAM,EAAc,CAGvC,EAAU,MAAM,MAAM,EAAS,CACnC,OAAQ,OACR,QAAS,GAAa,CACtB,KAAM,KAAK,UAAU,EAAc,EAAM,EAAK,CAAC,CAChD,CAAC,CACF,GAAI,CAAC,EAAQ,GACX,MAAU,MACR,MAAM,EAAgB,EAAS,EAAE,WAAW,EAAQ,OAAO,CAAC,CAC7D,CAEH,IAAM,EAAQ,MAAM,EAAQ,MAAM,CAC5B,CAAE,MAAK,QAAS,GAAc,EAAK,KAYzC,GATA,MAAM,EACJ,EACA,EAAe,EAAU,CACzB,EACC,GAAM,IAAa,CAAE,OAAQ,EAAG,MAAO,EAAK,KAAM,WAAY,EAAG,CAAC,CACnE,EACD,CAGG,EAAU,CACZ,IAAM,EAAS,MAAM,MAAM,EAAS,IAAK,CACvC,OAAQ,OACR,QAAS,GAAa,CACtB,KAAM,KAAK,UAAU,EAAS,UAAU,EAAM,EAAK,KAAM,EAAK,CAAC,CAChE,CAAC,CACF,GAAI,CAAC,EAAO,GACV,MAAU,MACR,MAAM,EAAgB,EAAQ,EAAE,eAAe,EAAO,OAAO,CAAC,CAC/D,CAOL,MAAO,CAAE,KAAM,CAAE,IAFf,IAAqB,EAAK,KAAM,EAAK,GACpC,OAAO,EAAK,KAAK,KAAQ,SAAW,EAAK,KAAK,IAAM,EAAI,MAAM,IAAI,CAAC,IACrC,CAAE,EAGrC,OACE,EAAC,EAAD,CACE,GAAI,EACJ,MAAO,GAAO,MACd,SAAU,GAAO,SACjB,KAAM,GAAO,KACb,OAAQ,EACE,oBAET,GAAY,EACJ,CAAA"}

package/dist/components/controls/index.d.mts

@@ -6,7 +6,9 @@ import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";
 import { Combobox, ComboboxProps } from "./dropdown/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps } from "./dropdown/autocomplete/Autocomplete.mjs";
 import { Select, SelectProps } from "./dropdown/select/Select.mjs";
+import { UploadProgress, UploadResponse, Uploader } from "./dropzone/upload-service.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./dropzone/Dropzone.mjs";
+import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./dropzone-s3/DropzoneS3.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./file-input/FileInputMultiple.mjs";

package/dist/components/index.d.mts

@@ -56,7 +56,9 @@ import { TextInput, TextInputProps } from "./controls/text-input/TextInput.mjs";
 import { Combobox, ComboboxProps } from "./controls/dropdown/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps } from "./controls/dropdown/autocomplete/Autocomplete.mjs";
 import { Select, SelectProps } from "./controls/dropdown/select/Select.mjs";
+import { UploadProgress, UploadResponse, Uploader } from "./controls/dropzone/upload-service.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.mjs";
+import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./controls/dropzone-s3/DropzoneS3.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";

package/dist/index.d.mts

@@ -56,7 +56,9 @@ import { TextInput, TextInputProps } from "./components/controls/text-input/Text
 import { Combobox, ComboboxProps } from "./components/controls/dropdown/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps } from "./components/controls/dropdown/autocomplete/Autocomplete.mjs";
 import { Select, SelectProps } from "./components/controls/dropdown/select/Select.mjs";
+import { UploadProgress, UploadResponse, Uploader } from "./components/controls/dropzone/upload-service.mjs";
 import { Dropzone, DropzoneProps, FileData } from "./components/controls/dropzone/Dropzone.mjs";
+import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./components/controls/dropzone-s3/DropzoneS3.mjs";
 import { DropzoneFiles, DropzoneFilesProps } from "./components/controls/dropzone-files/DropzoneFiles.mjs";
 import { FileInput, FileInputProps } from "./components/controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./components/controls/file-input/FileInputMultiple.mjs";
@@ -85,4 +87,4 @@ import { Modals } from "./components/overlays/modal/index.mjs";
 import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
-export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, useDataTableContext, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, S3FileMeta, S3InitBody, S3InitResponse, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadProgress, UploadResponse, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Uploader, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, usePasswordRules, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as O}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadingFiles as U}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as W}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as G}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as K}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as q}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as Z}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Q}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as $}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ee}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as te}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as ne}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as re}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ie}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ae}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as oe}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as se}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ce}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as le}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ue}from"./components/controls/switch/Switch.mjs";import{Textarea as de}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as fe}from"./components/forms/rules/password-rules.mjs";import{z as pe}from"./components/forms/rules/zod.mjs";import{Form as me}from"./components/forms/Form.mjs";import{Card as he,CardBase as ge,CardBody as _e,CardFooter as ve,CardHeader as ye,CardRoot as be}from"./components/layouts/card/Card.mjs";import{FluidGrid as xe}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Se}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Ce}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as we}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Te}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Ee}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as De}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,$ as Autocomplete,a as Avatar,q as AvatarDropzone,Z as AvatarUpload,o as Badge,Ce as Breadcrumbs,e as Button,n as ButtonAction,W as ButtonIcon,G as ButtonIconVisual,r as ButtonLoader,K as ButtonVisual,c as Calendar,he as Card,ge as CardBase,_e as CardBody,ve as CardFooter,ye as CardHeader,be as CardRoot,_ as Checkbox,ee as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableFeedback,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Q as DatePicker,A as DescriptionList,te as Dropzone,ne as DropzoneFiles,re as FileInput,ie as FileInputMultiple,xe as FluidGrid,me as Form,Se as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,De as MageUiProvider,we as Menu,J as Modal,Y as Modals,Te as NavigationMenu,L as NotificationBanner,fe as PASSWORD_RULES,T as Pagination,ae as PasswordInput,oe as PasswordStrengthInput,ce as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ee as Sidebar,ue as Switch,le as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,de as Textarea,X as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,U as UploadingFiles,l as Virtual,t as VisuallyHidden,g as useDataTableContext,se as usePasswordRules,pe as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as O}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadingFiles as U}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as W}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as G}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as K}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as q}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as J}from"./components/overlays/modal/Modal.mjs";import{Modals as Y}from"./components/overlays/modal/index.mjs";import{Toast as X}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as Z}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as Q}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as $}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ee}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as te}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ne,getFileExtension as re}from"./components/controls/dropzone-s3/DropzoneS3.mjs";import{DropzoneFiles as ie}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as ae}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as oe}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as se}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ce}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as le}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as ue}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as de}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as fe}from"./components/controls/switch/Switch.mjs";import{Textarea as pe}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as me}from"./components/forms/rules/password-rules.mjs";import{z as he}from"./components/forms/rules/zod.mjs";import{Form as ge}from"./components/forms/Form.mjs";import{Card as _e,CardBase as ve,CardBody as ye,CardFooter as be,CardHeader as xe,CardRoot as Se}from"./components/layouts/card/Card.mjs";import{FluidGrid as Ce}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as we}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Te}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Ee}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as De}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Oe}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as ke}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,$ as Autocomplete,a as Avatar,q as AvatarDropzone,Z as AvatarUpload,o as Badge,Te as Breadcrumbs,e as Button,n as ButtonAction,W as ButtonIcon,G as ButtonIconVisual,r as ButtonLoader,K as ButtonVisual,c as Calendar,_e as Card,ve as CardBase,ye as CardBody,be as CardFooter,xe as CardHeader,Se as CardRoot,_ as Checkbox,ee as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableFeedback,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,Q as DatePicker,A as DescriptionList,te as Dropzone,ie as DropzoneFiles,ne as DropzoneS3,ae as FileInput,oe as FileInputMultiple,Ce as FluidGrid,ge as Form,we as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,ke as MageUiProvider,Ee as Menu,J as Modal,Y as Modals,De as NavigationMenu,L as NotificationBanner,me as PASSWORD_RULES,T as Pagination,se as PasswordInput,ce as PasswordStrengthInput,ue as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Oe as Sidebar,fe as Switch,de as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,pe as Textarea,X as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,U as UploadingFiles,l as Virtual,t as VisuallyHidden,re as getFileExtension,g as useDataTableContext,le as usePasswordRules,he as z};

package/package.json

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