@mage-ui/components 1.0.131 → 1.0.132

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

@@ -1,57 +1,9 @@
+import { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, S3UploadConfig, getFileExtension } from "./use-s3-upload.mjs";
 import { DropzoneProps } from "./Dropzone.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone/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' | '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` map (MIME → ['.ext']) used by
-   * the underlying Mantine / react-dropzone, and uses it to resolve
-   * `meta.mimeType` per file (covering browsers that report an empty
-   * `file.type` for some Office formats).
-   *
-   * Ignored when `accept` is passed explicitly.
-   */
-  acceptedTypes?: Record<string, string>;
+type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<DropzoneProps, 'uploader' | 'url' | 'accept' | 'title' | 'subtitle' | 'hint'> & S3UploadConfig<TInitBody> & {
   /**
    * Explicit accept list forwarded to the underlying Mantine dropzone.
    * Takes precedence over `acceptedTypes`. Prefer the map shape
@@ -59,37 +11,8 @@ type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<DropzoneP
    * plain `string[]` triggers a "Skipped … not a valid MIME type"
    * warning in react-dropzone v15+.
    */
-  accept?: string[] | Record<string, 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;
+  accept?: string[] | Record<string, string[]>;
 };
-/** Lowercase extension without leading dot, or empty string. */
-declare const getFileExtension: (filename: string) => string;
 declare const DropzoneS3: <TInitBody extends S3InitBody = S3InitBody>({
   texts,
   acceptedTypes,
@@ -103,5 +26,5 @@ declare const DropzoneS3: <TInitBody extends S3InitBody = S3InitBody>({
   ...dropzoneProps
 }: DropzoneS3Props<TInitBody>) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension };
+export { DropzoneS3, DropzoneS3Props };
 //# sourceMappingURL=DropzoneS3.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropzoneS3.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"mappings":";;;;;;;;AAWA;;;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;;EAiCP,KAAA,GAAQ,eAAA;EA7BR;;;;;;;;;EAuCA,aAAA,GAAgB,MAAA;EAhBN;;;;;;;EAwBV,MAAA,cAAoB,MAAA,oBARJ;EAUhB,OAAA,UAEsB;EAAtB,aAAA,GAAgB,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAA,KAAe,MAAA;EAAA;;;;EAKjD,QAAA;IACE,GAAA;IACA,SAAA,GACE,IAAA,EAAM,IAAA,EACN,IAAA,EAAM,SAAA,EACN,IAAA,EAAM,UAAA,KACH,MAAA;EAAA;EAkBqB;;;;EAZ5B,UAAA,SAAmB,MAAA;EA7CyB;;;;;EAmD5C,eAAA,IAAmB,GAAA,EAAK,QAAA,EAAU,QAAA,aAAqB,OAAA;EAnCvD;;;;;EAyCA,kBAAA,IAAsB,IAAA,EAAM,SAAA,EAAW,IAAA,EAAM,IAAA;AAAA;;cA+ElC,gBAAA,GAAoB,QAAA;AAAA,cAiDpB,UAAA,qBAAgC,UAAA,GAAa,UAAA;EAAY,KAAA;EAAA,aAAA;EAAA,MAAA;EAAA,OAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,GAAA;AAAA,GAWnE,eAAA,CAAgB,SAAA,MAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"DropzoneS3.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"mappings":";;;;;KAiBY,eAAA,mBAAkC,UAAA,GAAa,UAAA,IAAc,IAAA,CACvE,aAAA,mEAGA,cAAA,CAAe,SAAA;EAJL;;;;;;;EAYR,MAAA,cAAoB,MAAA;AAAA;AAAA,cAGX,UAAA,qBAAgC,UAAA,GAAa,UAAA;EAAY,KAAA;EAAA,aAAA;EAAA,MAAA;EAAA,OAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,GAAA;AAAA,GAWnE,eAAA,CAAgB,SAAA,MAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,2 +1,2 @@
-import{Dropzone as e}from"./Dropzone.mjs";import{jsx as t}from"react/jsx-runtime";const n={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`},r=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}},i=(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)}),a=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},o=e=>{let t=e.lastIndexOf(`.`);return t>=0?e.slice(t+1).toLowerCase():``},s=e=>{if(!e)return;let t={};for(let[n,r]of Object.entries(e)){let e=`.${n}`,i=t[r];i?i.includes(e)||i.push(e):t[r]=[e]}return t},c=(e,t)=>{let n=o(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}},l=({texts:o,acceptedTypes:l,accept:u,initUrl:d,buildInitBody:f,register:p,getHeaders:m,getErrorMessage:h=r,resolveUploadedUrl:g,..._})=>{let v=u??s(l),y={...n,...o},b=async(e,{onProgress:t})=>{let n=()=>({"Content-Type":`application/json`,Accept:`application/json`,...m?.()??{}}),r=c(e,l),o=await fetch(d,{method:`POST`,headers:n(),body:JSON.stringify(f(e,r))});if(!o.ok)throw Error(await h(o,y.initFailed(o.status)));let s=await o.json(),{url:u,headers:_}=s.body;if(await i(u,a(_),e,n=>t?.({loaded:0,total:e.size,percentage:n}),y),p){let t=await fetch(p.url,{method:`POST`,headers:n(),body:JSON.stringify(p.buildBody(e,s.body,r))});if(!t.ok)throw Error(await h(t,y.registerFailed(t.status)))}return{body:{url:g?.(s.body,e)??(typeof s.body.key==`string`?s.body.key:u.split(`?`)[0])}}};return t(e,{..._,title:o?.title,subtitle:o?.subtitle,hint:o?.hint,accept:v,uploader:b})};export{l as DropzoneS3,o as getFileExtension};
+import{buildAcceptMap as e,defaultGetErrorMessage as t,useS3Upload as n}from"./use-s3-upload.mjs";import{Dropzone as r}from"./Dropzone.mjs";import{jsx as i}from"react/jsx-runtime";const a=({texts:a,acceptedTypes:o,accept:s,initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f=t,resolveUploadedUrl:p,...m})=>{let h=s??e(o),{upload:g}=n({initUrl:c,buildInitBody:l,register:u,getHeaders:d,getErrorMessage:f,resolveUploadedUrl:p,acceptedTypes:o,texts:a}),_=async(e,{onProgress:t})=>({body:{url:await g(e,n=>t?.({loaded:0,total:e.size,percentage:n}))}});return i(r,{...m,title:a?.title,subtitle:a?.subtitle,hint:a?.hint,accept:h,uploader:_})};export{a as DropzoneS3};
 //# sourceMappingURL=DropzoneS3.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DropzoneS3.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Dropzone, type DropzoneProps } from './Dropzone';\nimport type { Uploader } from './upload-service';\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' | 'url' | 'accept' | 'title' | 'subtitle' | '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` map (MIME → ['.ext']) used by\n   * the underlying Mantine / react-dropzone, and uses it to resolve\n   * `meta.mimeType` per file (covering browsers that report an empty\n   * `file.type` for some Office formats).\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`. Prefer the map shape\n   * `{ [mimeType]: ['.ext', ...] }` — passing a `.ext` entry inside a\n   * plain `string[]` triggers a \"Skipped … not a valid MIME type\"\n   * warning in react-dropzone v15+.\n   */\n  accept?: string[] | Record<string, string[]>;\n  /** 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\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\n/**\n * Build the `accept` map in the shape react-dropzone v15+ expects:\n * `{ [mimeType]: ['.ext', ...] }`. Multiple extensions that share a\n * MIME type (e.g. xls + xlsx in some legacy mappings) are grouped\n * under the same key.\n *\n * The previous flat-array shape (`[...mimes, ...'.exts']`) caused\n * react-dropzone to log `Skipped \".xlsx\" because it is not a valid\n * MIME type` and dropped the extension from the `<input accept>`\n * attribute, breaking selection on browsers that report an empty\n * `file.type` for Office formats.\n */\nconst buildAcceptMap = (\n  acceptedTypes: Record<string, string> | undefined,\n): Record<string, string[]> | undefined => {\n  if (!acceptedTypes) return undefined;\n  const map: Record<string, string[]> = {};\n  for (const [ext, mime] of Object.entries(acceptedTypes)) {\n    const dotted = `.${ext}`;\n    const list = map[mime];\n    if (list) {\n      if (!list.includes(dotted)) list.push(dotted);\n    } else {\n      map[mime] = [dotted];\n    }\n  }\n  return map;\n};\n\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\nexport const DropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  texts,\n  acceptedTypes,\n  accept,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  ...dropzoneProps\n}: DropzoneS3Props<TInitBody>) => {\n  const acceptList = accept ?? buildAcceptMap(acceptedTypes);\n  const 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  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"DropzoneS3.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/DropzoneS3.tsx"],"sourcesContent":["import { Dropzone, type DropzoneProps } from './Dropzone';\nimport type { Uploader } from './upload-service';\nimport {\n  buildAcceptMap,\n  type DropzoneS3Texts,\n  defaultGetErrorMessage,\n  getFileExtension,\n  type S3FileMeta,\n  type S3InitBody,\n  type S3InitResponse,\n  type S3UploadConfig,\n  useS3Upload,\n} from './use-s3-upload';\n\nexport type { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse };\nexport { getFileExtension };\n\nexport type DropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<\n  DropzoneProps,\n  'uploader' | 'url' | 'accept' | 'title' | 'subtitle' | 'hint'\n> &\n  S3UploadConfig<TInitBody> & {\n    /**\n     * Explicit accept list forwarded to the underlying Mantine dropzone.\n     * Takes precedence over `acceptedTypes`. Prefer the map shape\n     * `{ [mimeType]: ['.ext', ...] }` — passing a `.ext` entry inside a\n     * plain `string[]` triggers a \"Skipped … not a valid MIME type\"\n     * warning in react-dropzone v15+.\n     */\n    accept?: string[] | Record<string, string[]>;\n  };\n\nexport const DropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  texts,\n  acceptedTypes,\n  accept,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  ...dropzoneProps\n}: DropzoneS3Props<TInitBody>) => {\n  const acceptList = accept ?? buildAcceptMap(acceptedTypes);\n  const { upload } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const uploader: Uploader = async (file, { onProgress }) => {\n    const url = await upload(file, (p) =>\n      onProgress?.({ loaded: 0, total: file.size, percentage: p }),\n    );\n    return { body: { url } };\n  };\n\n  return (\n    <Dropzone\n      {...dropzoneProps}\n      title={texts?.title}\n      subtitle={texts?.subtitle}\n      hint={texts?.hint}\n      accept={acceptList}\n      uploader={uploader}\n    />\n  );\n};\n"],"mappings":"oLAgCA,MAAa,GAAyD,CACpE,QACA,gBACA,SACA,UACA,gBACA,WACA,aACA,kBAAkB,EAClB,qBACA,GAAG,KAC6B,CAChC,IAAM,EAAa,GAAU,EAAe,EAAc,CACpD,CAAE,UAAW,EAAuB,CACxC,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAEI,EAAqB,MAAO,EAAM,CAAE,iBAIjC,CAAE,KAAM,CAAE,IAHL,MAAM,EAAO,EAAO,GAC9B,IAAa,CAAE,OAAQ,EAAG,MAAO,EAAK,KAAM,WAAY,EAAG,CAAC,CAC7D,CACqB,CAAE,EAG1B,OACE,EAAC,EAAD,CACE,GAAI,EACJ,MAAO,GAAO,MACd,SAAU,GAAO,SACjB,KAAM,GAAO,KACb,OAAQ,EACE,WACV,CAAA"}

package/dist/components/controls/{avatar-dropzone → dropzone/avatar}/AvatarDropzone.d.mts

@@ -1,7 +1,7 @@
-import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
+import { IconProps } from "../../../data-display/icons/icon/Icon.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/controls/avatar-dropzone/AvatarDropzone.d.ts
+//#region src/components/controls/dropzone/avatar/AvatarDropzone.d.ts
 type AvatarDropzoneProps = {
   value?: string;
   onChange?: (file: File) => void;

package/dist/components/controls/dropzone/avatar/AvatarDropzone.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzone.d.mts","names":[],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzone.tsx"],"mappings":";;;;KAmBY,mBAAA;EACV,KAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,OAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,cAAA;EAAkB,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,2 @@
+import{Icon as e}from"../../../data-display/icons/icon/Icon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{avatarDropzone as n,avatarDropzoneIcon as r,avatarDropzoneIconSlot as i,avatarDropzoneImage as a,avatarDropzoneInner as o,avatarDropzoneOverlay as s,avatarDropzoneOverlayIconSlot as c,avatarDropzoneRoot as l}from"@mage-ui/styled-system/recipes";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p,useState as m}from"react";import{Dropzone as h,IMAGE_MIME_TYPE as g}from"@mantine/dropzone";const _=({value:_,onChange:v,maxSize:y,classNames:b})=>{let[x,S]=m(_??null);return f(h,{onDrop:p(e=>{let t=e[0];t&&(S(URL.createObjectURL(t)),v?.(t))},[v]),accept:g,maxFiles:1,maxSize:y,classNames:{root:t(b?.dropzone??n(),b?.root??l(),`group`),inner:b?.inner??o()},children:[d(h.Idle,{children:x?f(u,{children:[d(`img`,{src:x,alt:`Avatar`,className:b?.image??a()}),d(`div`,{className:b?.overlay??s()}),d(`div`,{className:b?.overlayIconSlot??c(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})]}):d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Accept,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Reject,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})})]})};export{_ as AvatarDropzone};
+//# sourceMappingURL=AvatarDropzone.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzone.mjs","names":["MantineDropzone"],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzone.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nexport type AvatarDropzoneProps = {\n  value?: string;\n  onChange?: (file: File) => void;\n  maxSize?: number;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    inner?: string;\n    image?: string;\n    overlay?: string;\n    overlayIconSlot?: string;\n    iconSlot?: string;\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const AvatarDropzone = ({\n  value,\n  onChange,\n  maxSize,\n  classNames,\n}: AvatarDropzoneProps) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      const url = URL.createObjectURL(file);\n      setPreview(url);\n      onChange?.(file);\n    },\n    [onChange],\n  );\n\n  return (\n    <MantineDropzone\n      onDrop={handleDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      maxSize={maxSize}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {preview ? (\n          <>\n            <img\n              src={preview}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"iiBAmCA,MAAa,GAAkB,CAC7B,QACA,WACA,UACA,gBACyB,CACzB,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAapE,OACE,EAACA,EAAD,CACE,OAbe,EAChB,GAAkB,CACjB,IAAM,EAAO,EAAM,GACd,IAEL,EADY,IAAI,gBAAgB,EAAK,CACtB,CACf,IAAW,EAAK,GAElB,CAAC,EAAS,CACX,CAKG,OAAQ,EACR,SAAU,EACD,UACT,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAZH,CAcE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}

package/dist/components/controls/dropzone/avatar/AvatarDropzoneS3.d.mts

@@ -0,0 +1,41 @@
+import { IconProps } from "../../../data-display/icons/icon/Icon.mjs";
+import { LoaderOvalProps } from "../../../data-display/loader-oval/LoaderOval.mjs";
+import { S3InitBody, S3UploadConfig } from "../use-s3-upload.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/controls/dropzone/avatar/AvatarDropzoneS3.d.ts
+type AvatarDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = S3UploadConfig<TInitBody> & {
+  value?: string;
+  onChange?: (url: string) => void;
+  onError?: (message: string) => void;
+  maxSize?: number;
+  classNames?: {
+    dropzone?: string;
+    root?: string;
+    inner?: string;
+    image?: string;
+    overlay?: string;
+    overlayIconSlot?: string;
+    iconSlot?: string;
+    icon?: IconProps['classNames'];
+    loader?: LoaderOvalProps['classNames'];
+  };
+};
+declare const AvatarDropzoneS3: <TInitBody extends S3InitBody = S3InitBody>({
+  value,
+  onChange,
+  onError,
+  maxSize,
+  classNames,
+  initUrl,
+  buildInitBody,
+  register,
+  getHeaders,
+  getErrorMessage,
+  resolveUploadedUrl,
+  acceptedTypes,
+  texts
+}: AvatarDropzoneS3Props<TInitBody>) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AvatarDropzoneS3, AvatarDropzoneS3Props };
+//# sourceMappingURL=AvatarDropzoneS3.d.mts.map

package/dist/components/controls/dropzone/avatar/AvatarDropzoneS3.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzoneS3.d.mts","names":[],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneS3.tsx"],"mappings":";;;;;;KA8BY,qBAAA,mBAAwC,UAAA,GAAa,UAAA,IAC/D,cAAA,CAAe,SAAA;EACb,KAAA;EACA,QAAA,IAAY,GAAA;EACZ,OAAA,IAAW,OAAA;EACX,OAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;IACP,MAAA,GAAS,eAAA;EAAA;AAAA;AAAA,cAIF,gBAAA,qBAAsC,UAAA,GAAa,UAAA;EAAY,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,UAAA;EAAA,OAAA;EAAA,aAAA;EAAA,QAAA;EAAA,UAAA;EAAA,eAAA;EAAA,kBAAA;EAAA,aAAA;EAAA;AAAA,GAczE,qBAAA,CAAsB,SAAA,MAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +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{useS3Upload as n}from"../use-s3-upload.mjs";import{cx as r}from"@mage-ui/styled-system/css";import{avatarDropzone as i,avatarDropzoneIcon as a,avatarDropzoneIconSlot as o,avatarDropzoneImage as s,avatarDropzoneInner as c,avatarDropzoneOverlay as l,avatarDropzoneOverlayIconSlot as u,avatarDropzoneRoot as d}from"@mage-ui/styled-system/recipes";import{Fragment as f,jsx as p,jsxs as m}from"react/jsx-runtime";import{useCallback as h,useState as g}from"react";import{Dropzone as _,IMAGE_MIME_TYPE as v}from"@mantine/dropzone";const y=({value:y,onChange:b,onError:x,maxSize:S,classNames:C,initUrl:w,buildInitBody:T,register:E,getHeaders:D,getErrorMessage:O,resolveUploadedUrl:k,acceptedTypes:A,texts:j})=>{let[M,N]=g(y??null),{upload:P,isUploading:F}=n({initUrl:w,buildInitBody:T,register:E,getHeaders:D,getErrorMessage:O,resolveUploadedUrl:k,acceptedTypes:A,texts:j});return m(_,{onDrop:h(async e=>{let t=e[0];if(t){N(URL.createObjectURL(t));try{let e=await P(t);b?.(e)}catch(e){N(y??null),x?.(e.message)}}},[P,b,x,y]),accept:v,maxFiles:1,maxSize:S,loading:F,classNames:{root:r(C?.dropzone??i(),C?.root??d(),`group`),inner:C?.inner??c()},children:[p(_.Idle,{children:F?p(`div`,{className:C?.iconSlot??o(),children:p(t,{classNames:C?.loader})}):M?m(f,{children:[p(`img`,{src:M,alt:`Avatar`,className:C?.image??s()}),p(`div`,{className:C?.overlay??l()}),p(`div`,{className:C?.overlayIconSlot??u(),children:p(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:C?.icon?.icon??a()}})})]}):p(`div`,{className:C?.iconSlot??o(),children:p(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:C?.icon?.icon??a()}})})}),p(_.Accept,{children:p(`div`,{className:C?.iconSlot??o(),children:p(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:C?.icon?.icon??a()}})})}),p(_.Reject,{children:p(`div`,{className:C?.iconSlot??o(),children:p(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:C?.icon?.icon??a()}})})})]})};export{y as AvatarDropzoneS3};
+//# sourceMappingURL=AvatarDropzoneS3.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzoneS3.mjs","names":["MantineDropzone"],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneS3.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport {\n  Icon,\n  type IconProps,\n  LoaderOval,\n  type LoaderOvalProps,\n} from '@/components/data-display';\n\nimport {\n  type S3InitBody,\n  type S3UploadConfig,\n  useS3Upload,\n} from '../use-s3-upload';\n\nexport type AvatarDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> =\n  S3UploadConfig<TInitBody> & {\n    value?: string;\n    onChange?: (url: string) => void;\n    onError?: (message: string) => void;\n    maxSize?: number;\n    classNames?: {\n      dropzone?: string;\n      root?: string;\n      inner?: string;\n      image?: string;\n      overlay?: string;\n      overlayIconSlot?: string;\n      iconSlot?: string;\n      icon?: IconProps['classNames'];\n      loader?: LoaderOvalProps['classNames'];\n    };\n  };\n\nexport const AvatarDropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  value,\n  onChange,\n  onError,\n  maxSize,\n  classNames,\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: AvatarDropzoneS3Props<TInitBody>) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n  const { upload, isUploading } = useS3Upload<TInitBody>({\n    initUrl,\n    buildInitBody,\n    register,\n    getHeaders,\n    getErrorMessage,\n    resolveUploadedUrl,\n    acceptedTypes,\n    texts,\n  });\n\n  const handleDrop = useCallback(\n    async (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      setPreview(URL.createObjectURL(file));\n      try {\n        const url = await upload(file);\n        onChange?.(url);\n      } catch (err) {\n        setPreview(value ?? null);\n        onError?.((err as Error).message);\n      }\n    },\n    [upload, onChange, onError, value],\n  );\n\n  return (\n    <MantineDropzone\n      onDrop={handleDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      maxSize={maxSize}\n      loading={isUploading}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {isUploading ? (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <LoaderOval classNames={classNames?.loader} />\n          </div>\n        ) : preview ? (\n          <>\n            <img\n              src={preview}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"kqBAiDA,MAAa,GAA+D,CAC1E,QACA,WACA,UACA,UACA,aACA,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,WACsC,CACtC,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAC9D,CAAE,SAAQ,eAAgB,EAAuB,CACrD,UACA,gBACA,WACA,aACA,kBACA,qBACA,gBACA,QACD,CAAC,CAkBF,OACE,EAACA,EAAD,CACE,OAlBe,EACjB,KAAO,IAAkB,CACvB,IAAM,EAAO,EAAM,GACd,KACL,GAAW,IAAI,gBAAgB,EAAK,CAAC,CACrC,GAAI,CACF,IAAM,EAAM,MAAM,EAAO,EAAK,CAC9B,IAAW,EAAI,OACR,EAAK,CACZ,EAAW,GAAS,KAAK,CACzB,IAAW,EAAc,QAAQ,IAGrC,CAAC,EAAQ,EAAU,EAAS,EAAM,CACnC,CAKG,OAAQ,EACR,SAAU,EACD,UACT,QAAS,EACT,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAbH,CAeE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CAAY,WAAY,GAAY,OAAU,CAAA,CAC1C,CAAA,CACJ,EACF,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}

package/dist/components/controls/dropzone/use-s3-upload.d.mts

@@ -0,0 +1,70 @@
+import { ReactNode } from "react";
+
+//#region src/components/controls/dropzone/use-s3-upload.d.ts
+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 S3 upload components. */
+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;
+};
+/** Lowercase extension without leading dot, or empty string. */
+declare const getFileExtension: (filename: string) => string;
+type S3UploadConfig<TInitBody extends S3InitBody = S3InitBody> = {
+  /** 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.
+   */
+  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;
+  /**
+   * URL stored 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;
+  /**
+   * Map of file extension → MIME type used to resolve `meta.mimeType`
+   * and build the `accept` map for the dropzone.
+   */
+  acceptedTypes?: Record<string, string>; /** All replaceable UI and error strings. */
+  texts?: DropzoneS3Texts;
+};
+//#endregion
+export { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, S3UploadConfig, getFileExtension };
+//# sourceMappingURL=use-s3-upload.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-s3-upload.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/use-s3-upload.ts"],"mappings":";;;KAGY,UAAA;EACV,GAAA;EACA,OAAA,GAAU,MAAA;AAAA,IACR,MAAA;AAAA,KAEQ,cAAA,eAA6B,UAAA,GAAa,UAAA;EACpD,IAAA,EAAM,KAAA;AAAA;;KAII,UAAA;EAPR;;;AAEJ;;EAWE,QAAA,UAXuC;EAavC,SAAA;AAAA;;KAIU,eAAA;EAjBe,6BAmBzB,KAAA,GAAQ,SAAA,EAnB4C;EAqBpD,QAAA,GAAW,SAAA,EApBL;EAsBN,IAAA,GAAO,SAAA,EAtBI;EAwBX,UAAA,IAAc,MAAA,qBApBM;EAsBpB,cAAA,IAAkB,MAAA,qBAhBlB;EAkBA,YAAA,IAAgB,MAAA,UAAgB,UAAA,qBAZtB;EAcV,YAAA;EAEA,aAAA,WAZW;EAcX,cAAA;AAAA;;cAuEW,gBAAA,GAAoB,QAAA;AAAA,KA8DrB,cAAA,mBAAiC,UAAA,GAAa,UAAA;EA3IxD,2EA6IA,OAAA,UA7IgC;EA+IhC,aAAA,GAAgB,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,UAAA,KAAe,MAAA;EA3IjD;;;;EAgJA,QAAA;IACE,GAAA;IACA,SAAA,GACE,IAAA,EAAM,IAAA,EACN,IAAA,EAAM,SAAA,EACN,IAAA,EAAM,UAAA,KACH,MAAA;EAAA;EA7EwC;AA8DjD;;;EAqBE,UAAA,SAAmB,MAAA;EArBqC;;;;EA0BxD,eAAA,IAAmB,GAAA,EAAK,QAAA,EAAU,QAAA,aAAqB,OAAA;EAb7C;;;;EAkBV,kBAAA,IAAsB,IAAA,EAAM,SAAA,EAAW,IAAA,EAAM,IAAA;EALU;;;;EAUvD,aAAA,GAAgB,MAAA,kBAEO;EAAvB,KAAA,GAAQ,eAAA;AAAA"}

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

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

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

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

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

@@ -1,4 +1,3 @@
-import { AvatarDropzone, AvatarDropzoneProps } from "./avatar-dropzone/AvatarDropzone.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.mjs";
@@ -6,9 +5,12 @@ 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 { AvatarDropzone, AvatarDropzoneProps } from "./dropzone/avatar/AvatarDropzone.mjs";
+import { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./dropzone/use-s3-upload.mjs";
+import { AvatarDropzoneS3, AvatarDropzoneS3Props } from "./dropzone/avatar/AvatarDropzoneS3.mjs";
 import { FileData } from "./dropzone/DropzoneBase.mjs";
 import { Dropzone, DropzoneProps } from "./dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./dropzone/DropzoneS3.mjs";
+import { DropzoneS3, DropzoneS3Props } from "./dropzone/DropzoneS3.mjs";
 import { FileInput, FileInputProps } from "./file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./file-input/FileInputMultiple.mjs";
 import { PasswordInput, PasswordInputProps } from "./password-input/PasswordInput.mjs";

package/dist/components/data-display/resource-item/ResourceItem.mjs

@@ -1,2 +1,2 @@
-import{cx as e}from"@mage-ui/styled-system/css";import{resourceItem as t,resourceItemContent as n,resourceItemRoot as r,resourceItemSection as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({startSlot:s,children:c,endSlot:l,classNames:u})=>o(`div`,{className:e(u?.resourceItem??t(),u?.root??r()),children:[s&&a(`div`,{className:u?.section??i(),children:s}),a(`div`,{className:u?.content??n(),children:c}),l&&a(`div`,{className:u?.section??i(),children:l})]});export{s as ResourceItem};
+import{cx as e}from"@mage-ui/styled-system/css";import{resourceItem as t,resourceItemContent as n,resourceItemRoot as r,resourceItemSection as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({startSlot:s,children:c,endSlot:l,classNames:u})=>o(`div`,{className:e(u?.resourceItem??t(),u?.root??r()),children:[s&&a(`div`,{className:u?.section??i(),"data-section":`start`,children:s}),a(`div`,{className:u?.content??n(),children:c}),l&&a(`div`,{className:u?.section??i(),"data-section":`end`,children:l})]});export{s as ResourceItem};
 //# sourceMappingURL=ResourceItem.mjs.map

package/dist/components/data-display/resource-item/ResourceItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceItem.mjs","names":[],"sources":["../../../../src/components/data-display/resource-item/ResourceItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  resourceItem,\n  resourceItemContent,\n  resourceItemRoot,\n  resourceItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ResourceItemProps = {\n  startSlot?: ReactNode;\n  children: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    resourceItem?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n  };\n};\n\nexport const ResourceItem = ({\n  startSlot,\n  children,\n  endSlot,\n  classNames,\n}: ResourceItemProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.resourceItem ?? resourceItem(),\n        classNames?.root ?? resourceItemRoot(),\n      )}\n    >\n      {startSlot && (\n        <div className={classNames?.section ?? resourceItemSection()}>\n          {startSlot}\n        </div>\n      )}\n\n      <div className={classNames?.content ?? resourceItemContent()}>\n        {children}\n      </div>\n\n      {endSlot && (\n        <div className={classNames?.section ?? resourceItemSection()}>\n          {endSlot}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wOAsBA,MAAa,GAAgB,CAC3B,YACA,WACA,UACA,gBAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,UAJH,CAMG,GACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,UACzD,EACG,CAAA,CAGR,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CAEL,GACC,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,UACzD,EACG,CAAA,CAEJ"}
+{"version":3,"file":"ResourceItem.mjs","names":[],"sources":["../../../../src/components/data-display/resource-item/ResourceItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  resourceItem,\n  resourceItemContent,\n  resourceItemRoot,\n  resourceItemSection,\n} from '@mage-ui/styled-system/recipes';\n\nexport type ResourceItemProps = {\n  startSlot?: ReactNode;\n  children: ReactNode;\n  endSlot?: ReactNode;\n  classNames?: {\n    resourceItem?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n  };\n};\n\nexport const ResourceItem = ({\n  startSlot,\n  children,\n  endSlot,\n  classNames,\n}: ResourceItemProps) => {\n  return (\n    <div\n      className={cx(\n        classNames?.resourceItem ?? resourceItem(),\n        classNames?.root ?? resourceItemRoot(),\n      )}\n    >\n      {startSlot && (\n        <div\n          className={classNames?.section ?? resourceItemSection()}\n          data-section='start'\n        >\n          {startSlot}\n        </div>\n      )}\n\n      <div className={classNames?.content ?? resourceItemContent()}>\n        {children}\n      </div>\n\n      {endSlot && (\n        <div\n          className={classNames?.section ?? resourceItemSection()}\n          data-section='end'\n        >\n          {endSlot}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"wOAsBA,MAAa,GAAgB,CAC3B,YACA,WACA,UACA,gBAGE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,UAJH,CAMG,GACC,EAAC,MAAD,CACE,UAAW,GAAY,SAAW,GAAqB,CACvD,eAAa,iBAEZ,EACG,CAAA,CAGR,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CAEL,GACC,EAAC,MAAD,CACE,UAAW,GAAY,SAAW,GAAqB,CACvD,eAAa,eAEZ,EACG,CAAA,CAEJ"}

package/dist/components/forms/Form.d.mts

@@ -1,5 +1,5 @@
 import { TextInputProps } from "../controls/text-input/TextInput.mjs";
-import { S3InitBody } from "../controls/dropzone/DropzoneS3.mjs";
+import { S3InitBody } from "../controls/dropzone/use-s3-upload.mjs";
 import { TextareaProps } from "../controls/textarea/Textarea.mjs";
 import { FormSubmitProps } from "./controls/FormSubmit.mjs";
 import { FormCheckboxProps } from "./controls/FormCheckbox.mjs";

package/dist/components/forms/controls/FormDropzoneS3.d.mts

@@ -1,4 +1,5 @@
-import { DropzoneS3Props, S3InitBody } from "../../controls/dropzone/DropzoneS3.mjs";
+import { S3InitBody } from "../../controls/dropzone/use-s3-upload.mjs";
+import { DropzoneS3Props } from "../../controls/dropzone/DropzoneS3.mjs";
 //#region src/components/forms/controls/FormDropzoneS3.d.ts
 type FormDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = Omit<DropzoneS3Props<TInitBody>, 'autoSend' | 'onChange'> & {
   name: string;

package/dist/components/forms/controls/FormDropzoneS3.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"FormDropzoneS3.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormDropzoneS3.tsx"],"mappings":";;KAQY,mBAAA,mBAAsC,UAAA,GAAa,UAAA,IAC7D,IAAA,CAAK,eAAA,CAAgB,SAAA;EACnB,IAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA,EAAO,IAAA;AAAA"}
+{"version":3,"file":"FormDropzoneS3.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormDropzoneS3.tsx"],"mappings":";;;KAQY,mBAAA,mBAAsC,UAAA,GAAa,UAAA,IAC7D,IAAA,CAAK,eAAA,CAAgB,SAAA;EACnB,IAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,IAAY,KAAA,EAAO,IAAA;AAAA"}

package/dist/components/index.d.mts

@@ -48,7 +48,6 @@ import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/Up
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./data-display/uploaded-file/UploadedFileDetails.mjs";
 import { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps } from "./data-display/uploaded-files/UploadedFiles.mjs";
 import { UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps } from "./data-display/uploading-files/UploadingFiles.mjs";
-import { AvatarDropzone, AvatarDropzoneProps } from "./controls/avatar-dropzone/AvatarDropzone.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./controls/avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
@@ -60,9 +59,12 @@ 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 { AvatarDropzone, AvatarDropzoneProps } from "./controls/dropzone/avatar/AvatarDropzone.mjs";
+import { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./controls/dropzone/use-s3-upload.mjs";
+import { AvatarDropzoneS3, AvatarDropzoneS3Props } from "./controls/dropzone/avatar/AvatarDropzoneS3.mjs";
 import { FileData } from "./controls/dropzone/DropzoneBase.mjs";
 import { Dropzone, DropzoneProps } from "./controls/dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./controls/dropzone/DropzoneS3.mjs";
+import { DropzoneS3, DropzoneS3Props } from "./controls/dropzone/DropzoneS3.mjs";
 import { FileInput, FileInputProps } from "./controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./controls/file-input/FileInputMultiple.mjs";
 import { PasswordInput, PasswordInputProps } from "./controls/password-input/PasswordInput.mjs";

package/dist/index.d.mts

@@ -48,7 +48,6 @@ import { UploadedFile, UploadedFileProps } from "./components/data-display/uploa
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./components/data-display/uploaded-file/UploadedFileDetails.mjs";
 import { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps } from "./components/data-display/uploaded-files/UploadedFiles.mjs";
 import { UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps } from "./components/data-display/uploading-files/UploadingFiles.mjs";
-import { AvatarDropzone, AvatarDropzoneProps } from "./components/controls/avatar-dropzone/AvatarDropzone.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./components/controls/avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
 import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
@@ -60,9 +59,12 @@ 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 { AvatarDropzone, AvatarDropzoneProps } from "./components/controls/dropzone/avatar/AvatarDropzone.mjs";
+import { DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./components/controls/dropzone/use-s3-upload.mjs";
+import { AvatarDropzoneS3, AvatarDropzoneS3Props } from "./components/controls/dropzone/avatar/AvatarDropzoneS3.mjs";
 import { FileData } from "./components/controls/dropzone/DropzoneBase.mjs";
 import { Dropzone, DropzoneProps } from "./components/controls/dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./components/controls/dropzone/DropzoneS3.mjs";
+import { DropzoneS3, DropzoneS3Props } from "./components/controls/dropzone/DropzoneS3.mjs";
 import { FileInput, FileInputProps } from "./components/controls/file-input/FileInput.mjs";
 import { FileInputMultiple, FileInputMultipleProps } from "./components/controls/file-input/FileInputMultiple.mjs";
 import { PasswordInput, PasswordInputProps } from "./components/controls/password-input/PasswordInput.mjs";
@@ -90,4 +92,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, DocumentItem, DocumentItemProps, Dropzone, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileIcon, FileIconProps, 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, ResourceItem, ResourceItemProps, 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, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, usePasswordRules, z };
+export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarDropzoneS3, AvatarDropzoneS3Props, 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, DocumentItem, DocumentItemProps, Dropzone, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileIcon, FileIconProps, 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, ResourceItem, ResourceItemProps, 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, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps, 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{FileIcon as j}from"./components/data-display/file-icon/FileIcon.mjs";import{ResourceItem as M}from"./components/data-display/resource-item/ResourceItem.mjs";import{DocumentItem as N}from"./components/data-display/document-item/DocumentItem.mjs";import{IconSvg as P}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as F}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as I}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as L}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as R}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as z}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as B}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as V}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as H}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as U}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as W}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as G}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadedFiles as K}from"./components/data-display/uploaded-files/UploadedFiles.mjs";import{UploadingFiles as q}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as J}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as Y}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as X}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as Z}from"./components/controls/avatar-dropzone/AvatarDropzone.mjs";import{Modal as Q}from"./components/overlays/modal/Modal.mjs";import{Modals as $}from"./components/overlays/modal/index.mjs";import{Toast as ee}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as te}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as ne}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as re}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ie}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as ae}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as oe,getFileExtension as se}from"./components/controls/dropzone/DropzoneS3.mjs";import{FileInput as ce}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as le}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ue}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as de}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as fe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as pe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as me}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as he}from"./components/controls/switch/Switch.mjs";import{Textarea as ge}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as _e}from"./components/forms/rules/password-rules.mjs";import{z as ve}from"./components/forms/rules/zod.mjs";import{Form as ye}from"./components/forms/Form.mjs";import{Card as be,CardBase as xe,CardBody as Se,CardFooter as Ce,CardHeader as we,CardRoot as Te}from"./components/layouts/card/Card.mjs";import{FluidGrid as Ee}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as De}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Oe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as ke}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Ae}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as je}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Me}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,re as Autocomplete,a as Avatar,Z as AvatarDropzone,te as AvatarUpload,o as Badge,Oe as Breadcrumbs,e as Button,n as ButtonAction,J as ButtonIcon,Y as ButtonIconVisual,r as ButtonLoader,X as ButtonVisual,c as Calendar,be as Card,xe as CardBase,Se as CardBody,Ce as CardFooter,we as CardHeader,Te as CardRoot,_ as Checkbox,ie 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,ne as DatePicker,A as DescriptionList,N as DocumentItem,ae as Dropzone,oe as DropzoneS3,j as FileIcon,ce as FileInput,le as FileInputMultiple,Ee as FluidGrid,ye as Form,De as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,P as IconSvg,S as IconWrapped,F as Indicator,I as LoaderDot,L as LoaderOval,R as LogoImage,z as LogoSvg,Me as MageUiProvider,ke as Menu,Q as Modal,$ as Modals,Ae as NavigationMenu,B as NotificationBanner,_e as PASSWORD_RULES,T as Pagination,ue as PasswordInput,de as PasswordStrengthInput,pe as Radio,V as RemovableItem,M as ResourceItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,je as Sidebar,he as Switch,me as SwitchGroup,d as Table,U as Tag,H as TagGroup,x as TextInput,ge as Textarea,ee as Toast,s as Tooltip,W as UploadedFile,G as UploadedFileDetails,K as UploadedFiles,q as UploadingFiles,l as Virtual,t as VisuallyHidden,se as getFileExtension,g as useDataTableContext,fe as usePasswordRules,ve 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{FileIcon as j}from"./components/data-display/file-icon/FileIcon.mjs";import{ResourceItem as M}from"./components/data-display/resource-item/ResourceItem.mjs";import{DocumentItem as N}from"./components/data-display/document-item/DocumentItem.mjs";import{IconSvg as P}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as F}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as I}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as L}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as R}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as z}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as B}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as V}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as H}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as U}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as W}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as G}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadedFiles as K}from"./components/data-display/uploaded-files/UploadedFiles.mjs";import{UploadingFiles as q}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as J}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as Y}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as X}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as Z}from"./components/overlays/modal/Modal.mjs";import{Modals as Q}from"./components/overlays/modal/index.mjs";import{Toast as $}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as ee}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as te}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as ne}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as re}from"./components/controls/dropdown/combobox/Combobox.mjs";import{AvatarDropzone as ie}from"./components/controls/dropzone/avatar/AvatarDropzone.mjs";import{getFileExtension as ae}from"./components/controls/dropzone/use-s3-upload.mjs";import{AvatarDropzoneS3 as oe}from"./components/controls/dropzone/avatar/AvatarDropzoneS3.mjs";import{Dropzone as se}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ce}from"./components/controls/dropzone/DropzoneS3.mjs";import{FileInput as le}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ue}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as de}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as fe}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as pe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as me}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as he}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ge}from"./components/controls/switch/Switch.mjs";import{Textarea as _e}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ve}from"./components/forms/rules/password-rules.mjs";import{z as ye}from"./components/forms/rules/zod.mjs";import{Form as be}from"./components/forms/Form.mjs";import{Card as xe,CardBase as Se,CardBody as Ce,CardFooter as we,CardHeader as Te,CardRoot as Ee}from"./components/layouts/card/Card.mjs";import{FluidGrid as De}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Oe}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as ke}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Ae}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as je}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Me}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Ne}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,ne as Autocomplete,a as Avatar,ie as AvatarDropzone,oe as AvatarDropzoneS3,ee as AvatarUpload,o as Badge,ke as Breadcrumbs,e as Button,n as ButtonAction,J as ButtonIcon,Y as ButtonIconVisual,r as ButtonLoader,X as ButtonVisual,c as Calendar,xe as Card,Se as CardBase,Ce as CardBody,we as CardFooter,Te as CardHeader,Ee as CardRoot,_ as Checkbox,re 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,te as DatePicker,A as DescriptionList,N as DocumentItem,se as Dropzone,ce as DropzoneS3,j as FileIcon,le as FileInput,ue as FileInputMultiple,De as FluidGrid,be as Form,Oe as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,P as IconSvg,S as IconWrapped,F as Indicator,I as LoaderDot,L as LoaderOval,R as LogoImage,z as LogoSvg,Ne as MageUiProvider,Ae as Menu,Z as Modal,Q as Modals,je as NavigationMenu,B as NotificationBanner,ve as PASSWORD_RULES,T as Pagination,de as PasswordInput,fe as PasswordStrengthInput,me as Radio,V as RemovableItem,M as ResourceItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Me as Sidebar,ge as Switch,he as SwitchGroup,d as Table,U as Tag,H as TagGroup,x as TextInput,_e as Textarea,$ as Toast,s as Tooltip,W as UploadedFile,G as UploadedFileDetails,K as UploadedFiles,q as UploadingFiles,l as Virtual,t as VisuallyHidden,ae as getFileExtension,g as useDataTableContext,pe as usePasswordRules,ye as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.131",
+  "version": "1.0.132",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,7 +25,7 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/preset": "1.0.131",
+    "@mage-ui/preset": "1.0.132",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {

package/dist/components/controls/avatar-dropzone/AvatarDropzone.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarDropzone.d.mts","names":[],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"mappings":";;;;KAmBY,mBAAA;EACV,KAAA;EACA,QAAA,IAAY,IAAA,EAAM,IAAA;EAClB,OAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,KAAA;IACA,OAAA;IACA,eAAA;IACA,QAAA;IACA,IAAA,GAAO,SAAA;EAAA;AAAA;AAAA,cAIE,cAAA;EAAkB,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,GAK5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs

@@ -1,2 +0,0 @@
-import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{avatarDropzone as n,avatarDropzoneIcon as r,avatarDropzoneIconSlot as i,avatarDropzoneImage as a,avatarDropzoneInner as o,avatarDropzoneOverlay as s,avatarDropzoneOverlayIconSlot as c,avatarDropzoneRoot as l}from"@mage-ui/styled-system/recipes";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";import{useCallback as p,useState as m}from"react";import{Dropzone as h,IMAGE_MIME_TYPE as g}from"@mantine/dropzone";const _=({value:_,onChange:v,maxSize:y,classNames:b})=>{let[x,S]=m(_??null);return f(h,{onDrop:p(e=>{let t=e[0];t&&(S(URL.createObjectURL(t)),v?.(t))},[v]),accept:g,maxFiles:1,maxSize:y,classNames:{root:t(b?.dropzone??n(),b?.root??l(),`group`),inner:b?.inner??o()},children:[d(h.Idle,{children:x?f(u,{children:[d(`img`,{src:x,alt:`Avatar`,className:b?.image??a()}),d(`div`,{className:b?.overlay??s()}),d(`div`,{className:b?.overlayIconSlot??c(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})]}):d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-avatar-dropzone-camera-plus`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Accept,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-up`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})}),d(h.Reject,{children:d(`div`,{className:b?.iconSlot??i(),children:d(e,{name:`mage-dropzone-thumbs-down`,path:`/icons/sprite-mage.svg`,classNames:{icon:b?.icon?.icon??r()}})})})]})};export{_ as AvatarDropzone};
-//# sourceMappingURL=AvatarDropzone.mjs.map

package/dist/components/controls/avatar-dropzone/AvatarDropzone.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarDropzone.mjs","names":["MantineDropzone"],"sources":["../../../../src/components/controls/avatar-dropzone/AvatarDropzone.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nexport type AvatarDropzoneProps = {\n  value?: string;\n  onChange?: (file: File) => void;\n  maxSize?: number;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    inner?: string;\n    image?: string;\n    overlay?: string;\n    overlayIconSlot?: string;\n    iconSlot?: string;\n    icon?: IconProps['classNames'];\n  };\n};\n\nexport const AvatarDropzone = ({\n  value,\n  onChange,\n  maxSize,\n  classNames,\n}: AvatarDropzoneProps) => {\n  const [preview, setPreview] = useState<string | null>(value ?? null);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      const file = files[0];\n      if (!file) return;\n      const url = URL.createObjectURL(file);\n      setPreview(url);\n      onChange?.(file);\n    },\n    [onChange],\n  );\n\n  return (\n    <MantineDropzone\n      onDrop={handleDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      maxSize={maxSize}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {preview ? (\n          <>\n            <img\n              src={preview}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"8hBAmCA,MAAa,GAAkB,CAC7B,QACA,WACA,UACA,gBACyB,CACzB,GAAM,CAAC,EAAS,GAAc,EAAwB,GAAS,KAAK,CAapE,OACE,EAACA,EAAD,CACE,OAbe,EAChB,GAAkB,CACjB,IAAM,EAAO,EAAM,GACd,IAEL,EADY,IAAI,gBAAgB,EAAK,CACtB,CACf,IAAW,EAAK,GAElB,CAAC,EAAS,CACX,CAKG,OAAQ,EACR,SAAU,EACD,UACT,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAZH,CAcE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}