@mage-ui/components 1.0.130 → 1.0.132

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,10 +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 { UploadProgress, UploadResponse, Uploader } from "./dropzone/upload-service.mjs";
-import { Dropzone, DropzoneProps, FileData } from "./dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./dropzone-s3/DropzoneS3.mjs";
-import { DropzoneFiles, DropzoneFilesProps } from "./dropzone-files/DropzoneFiles.mjs";
+import { 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 } 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/index.d.mts

@@ -38,4 +38,5 @@ import { Tag, TagProps } from "./tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./uploaded-file/UploadedFile.mjs";
 import { UploadedFileDetails, UploadedFileDetailsProps } from "./uploaded-file/UploadedFileDetails.mjs";
+import { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps } from "./uploaded-files/UploadedFiles.mjs";
 import { UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps } from "./uploading-files/UploadingFiles.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/data-display/uploaded-file/UploadedFile.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  uploadedFile,\n  uploadedFileButtonIcon,\n  uploadedFileButtonIconIcon,\n  uploadedFileButtonIconIconRaw,\n  uploadedFileButtonIconIconRawRoot,\n  uploadedFileButtonIconRoot,\n  uploadedFileContent,\n  uploadedFileDetails,\n  uploadedFileFileIcon,\n  uploadedFileFileIconIcon,\n  uploadedFileFileIconIconIconRaw,\n  uploadedFileFileIconIconIconRawRoot,\n  uploadedFileFileIconIconRoot,\n  uploadedFileFileIconIconWrapped,\n  uploadedFileFileIconIconWrappedRoot,\n  uploadedFileLink,\n  uploadedFileName,\n  uploadedFileRoot,\n  uploadedFileSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nimport { FileIcon, type FileIconProps } from '../file-icon/FileIcon';\n\nexport type UploadedFileProps = {\n  clearButtonLabel?: string;\n  fileName?: ReactNode;\n  fileType?: string;\n  url?: string;\n  children: ReactNode;\n  onRemove: () => void;\n  classNames?: {\n    uploadedFile?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    details?: string;\n    fileLink?: string;\n    fileName?: string;\n    fileIcon?: FileIconProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const UploadedFile = ({\n  clearButtonLabel = 'Remove file',\n  fileName,\n  fileType,\n  url,\n  children,\n  onRemove,\n  classNames,\n}: UploadedFileProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <FileIcon\n          fileType={fileType}\n          fileName={typeof fileName === 'string' ? fileName : undefined}\n          classNames={{\n            fileIcon: classNames?.fileIcon?.fileIcon ?? uploadedFileFileIcon(),\n            iconWrapped: {\n              iconWrapped:\n                classNames?.fileIcon?.iconWrapped?.iconWrapped ??\n                uploadedFileFileIconIconWrapped(),\n              root:\n                classNames?.fileIcon?.iconWrapped?.root ??\n                uploadedFileFileIconIconWrappedRoot(),\n            },\n            icon: {\n              icon:\n                classNames?.fileIcon?.icon?.icon ?? uploadedFileFileIconIcon(),\n              root:\n                classNames?.fileIcon?.icon?.root ??\n                uploadedFileFileIconIconRoot(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n                  uploadedFileFileIconIconIconRaw(),\n                root:\n                  classNames?.fileIcon?.icon?.iconRaw?.root ??\n                  uploadedFileFileIconIconIconRawRoot(),\n              },\n            },\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={clearButtonLabel}\n      classNames={{\n        removableItem: classNames?.uploadedFile ?? uploadedFile(),\n        root: classNames?.root ?? uploadedFileRoot(),\n        section: classNames?.section ?? uploadedFileSection(),\n        content: classNames?.content ?? uploadedFileContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ?? uploadedFileButtonIcon(),\n          root: classNames?.buttonIcon?.root ?? uploadedFileButtonIconRoot(),\n          icon: classNames?.buttonIcon?.icon ?? uploadedFileButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              uploadedFileButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              uploadedFileButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      {/* TODO: comentar link */}\n      {url ? (\n        <a\n          href={url}\n          target='_blank'\n          rel='noopener noreferrer'\n          download\n          className={classNames?.fileLink ?? uploadedFileLink()}\n        >\n          {fileName}\n        </a>\n      ) : (\n        <span className={classNames?.fileName ?? uploadedFileName()}>\n          {fileName}\n        </span>\n      )}\n\n      <div className={classNames?.details ?? uploadedFileDetails()}>\n        {children}\n      </div>\n    </RemovableItem>\n  );\n};\n"],"mappings":"kxBAmDA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,WACA,WACA,MACA,WACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACV,SAAU,OAAO,GAAa,SAAW,EAAW,IAAA,GACpD,WAAY,CACV,SAAU,GAAY,UAAU,UAAY,GAAsB,CAClE,YAAa,CACX,YACE,GAAY,UAAU,aAAa,aACnC,GAAiC,CACnC,KACE,GAAY,UAAU,aAAa,MACnC,GAAqC,CACxC,CACD,KAAM,CACJ,KACE,GAAY,UAAU,MAAM,MAAQ,GAA0B,CAChE,KACE,GAAY,UAAU,MAAM,MAC5B,GAA8B,CAChC,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAAiC,CACnC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAqC,CACxC,CACF,CACF,CACD,CAAA,CAEM,WACV,kBAAmB,EACnB,WAAY,CACV,cAAe,GAAY,cAAgB,GAAc,CACzD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACrD,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAwB,CAChE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAmC,CACtC,CACF,CACF,UAtDH,CAyDG,EACC,EAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,EACC,CAAA,CAEJ,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAkB,UACxD,EACI,CAAA,CAGT,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CACQ"}
+{"version":3,"file":"UploadedFile.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-file/UploadedFile.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n  uploadedFile,\n  uploadedFileButtonIcon,\n  uploadedFileButtonIconIcon,\n  uploadedFileButtonIconIconRaw,\n  uploadedFileButtonIconIconRawRoot,\n  uploadedFileButtonIconRoot,\n  uploadedFileContent,\n  uploadedFileDetails,\n  uploadedFileFileIcon,\n  uploadedFileFileIconIcon,\n  uploadedFileFileIconIconIconRaw,\n  uploadedFileFileIconIconIconRawRoot,\n  uploadedFileFileIconIconRoot,\n  uploadedFileFileIconIconWrapped,\n  uploadedFileFileIconIconWrappedRoot,\n  uploadedFileLink,\n  uploadedFileName,\n  uploadedFileRoot,\n  uploadedFileSection,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  RemovableItem,\n  type RemovableItemProps,\n} from '@/components/data-display';\n\nimport { FileIcon, type FileIconProps } from '../file-icon/FileIcon';\n\nexport type UploadedFileProps = {\n  clearButtonLabel?: string;\n  fileName?: ReactNode;\n  fileType?: string;\n  url?: string;\n  children: ReactNode;\n  onRemove: () => void;\n  classNames?: {\n    uploadedFile?: string;\n    root?: string;\n    section?: string;\n    content?: string;\n    details?: string;\n    fileLink?: string;\n    fileName?: string;\n    fileIcon?: FileIconProps['classNames'];\n    removableItem?: RemovableItemProps['classNames'];\n    buttonIcon?: NonNullable<RemovableItemProps['classNames']>['buttonIcon'];\n  };\n};\n\nexport const UploadedFile = ({\n  clearButtonLabel = 'Remove file',\n  fileName,\n  fileType,\n  url,\n  children,\n  onRemove,\n  classNames,\n}: UploadedFileProps) => {\n  return (\n    <RemovableItem\n      startSlot={\n        <FileIcon\n          fileType={fileType}\n          fileName={typeof fileName === 'string' ? fileName : undefined}\n          classNames={{\n            fileIcon: classNames?.fileIcon?.fileIcon ?? uploadedFileFileIcon(),\n            iconWrapped: {\n              iconWrapped:\n                classNames?.fileIcon?.iconWrapped?.iconWrapped ??\n                uploadedFileFileIconIconWrapped(),\n              root:\n                classNames?.fileIcon?.iconWrapped?.root ??\n                uploadedFileFileIconIconWrappedRoot(),\n            },\n            icon: {\n              icon:\n                classNames?.fileIcon?.icon?.icon ?? uploadedFileFileIconIcon(),\n              root:\n                classNames?.fileIcon?.icon?.root ??\n                uploadedFileFileIconIconRoot(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.fileIcon?.icon?.iconRaw?.iconRaw ??\n                  uploadedFileFileIconIconIconRaw(),\n                root:\n                  classNames?.fileIcon?.icon?.iconRaw?.root ??\n                  uploadedFileFileIconIconIconRawRoot(),\n              },\n            },\n          }}\n        />\n      }\n      onRemove={onRemove}\n      removeButtonLabel={clearButtonLabel}\n      classNames={{\n        removableItem: classNames?.uploadedFile ?? uploadedFile(),\n        root: classNames?.root ?? uploadedFileRoot(),\n        section: classNames?.section ?? uploadedFileSection(),\n        content: classNames?.content ?? uploadedFileContent(),\n        buttonIcon: {\n          buttonIcon:\n            classNames?.buttonIcon?.buttonIcon ?? uploadedFileButtonIcon(),\n          root: classNames?.buttonIcon?.root ?? uploadedFileButtonIconRoot(),\n          icon: classNames?.buttonIcon?.icon ?? uploadedFileButtonIconIcon(),\n          iconRaw: {\n            iconRaw:\n              classNames?.buttonIcon?.iconRaw?.iconRaw ??\n              uploadedFileButtonIconIconRaw(),\n            root:\n              classNames?.buttonIcon?.iconRaw?.root ??\n              uploadedFileButtonIconIconRawRoot(),\n          },\n        },\n      }}\n    >\n      {url ? (\n        <a\n          href={url}\n          target='_blank'\n          rel='noopener noreferrer'\n          download\n          className={classNames?.fileLink ?? uploadedFileLink()}\n        >\n          {fileName}\n        </a>\n      ) : (\n        <span className={classNames?.fileName ?? uploadedFileName()}>\n          {fileName}\n        </span>\n      )}\n\n      <div className={classNames?.details ?? uploadedFileDetails()}>\n        {children}\n      </div>\n    </RemovableItem>\n  );\n};\n"],"mappings":"kxBAmDA,MAAa,GAAgB,CAC3B,mBAAmB,cACnB,WACA,WACA,MACA,WACA,WACA,gBAGE,EAAC,EAAD,CACE,UACE,EAAC,EAAD,CACY,WACV,SAAU,OAAO,GAAa,SAAW,EAAW,IAAA,GACpD,WAAY,CACV,SAAU,GAAY,UAAU,UAAY,GAAsB,CAClE,YAAa,CACX,YACE,GAAY,UAAU,aAAa,aACnC,GAAiC,CACnC,KACE,GAAY,UAAU,aAAa,MACnC,GAAqC,CACxC,CACD,KAAM,CACJ,KACE,GAAY,UAAU,MAAM,MAAQ,GAA0B,CAChE,KACE,GAAY,UAAU,MAAM,MAC5B,GAA8B,CAChC,QAAS,CACP,QACE,GAAY,UAAU,MAAM,SAAS,SACrC,GAAiC,CACnC,KACE,GAAY,UAAU,MAAM,SAAS,MACrC,GAAqC,CACxC,CACF,CACF,CACD,CAAA,CAEM,WACV,kBAAmB,EACnB,WAAY,CACV,cAAe,GAAY,cAAgB,GAAc,CACzD,KAAM,GAAY,MAAQ,GAAkB,CAC5C,QAAS,GAAY,SAAW,GAAqB,CACrD,QAAS,GAAY,SAAW,GAAqB,CACrD,WAAY,CACV,WACE,GAAY,YAAY,YAAc,GAAwB,CAChE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,KAAM,GAAY,YAAY,MAAQ,GAA4B,CAClE,QAAS,CACP,QACE,GAAY,YAAY,SAAS,SACjC,GAA+B,CACjC,KACE,GAAY,YAAY,SAAS,MACjC,GAAmC,CACtC,CACF,CACF,UAtDH,CAwDG,EACC,EAAC,IAAD,CACE,KAAM,EACN,OAAO,SACP,IAAI,sBACJ,SAAA,GACA,UAAW,GAAY,UAAY,GAAkB,UAEpD,EACC,CAAA,CAEJ,EAAC,OAAD,CAAM,UAAW,GAAY,UAAY,GAAkB,UACxD,EACI,CAAA,CAGT,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAqB,CACzD,WACG,CAAA,CACQ"}

package/dist/components/data-display/uploaded-files/UploadedFiles.d.mts

@@ -0,0 +1,42 @@
+import { UploadedFileProps } from "../uploaded-file/UploadedFile.mjs";
+import { ReactNode } from "react";
+
+//#region src/components/data-display/uploaded-files/UploadedFiles.d.ts
+type UploadedFilesClassNames = {
+  uploadedFiles?: string;
+  root?: string;
+};
+type UploadedFilesProps = {
+  children: ReactNode;
+  classNames?: UploadedFilesClassNames;
+};
+type UploadedFilesItemClassNames = {
+  listItem?: string;
+  uploadedFile?: UploadedFileProps['classNames'];
+};
+type UploadedFilesItemProps = {
+  fileName: string;
+  fileType: string;
+  fileSize: string;
+  fileDate: string;
+  url: string;
+  onRemove: () => void;
+  classNames?: UploadedFilesItemClassNames;
+};
+declare const UploadedFiles: (({
+  children,
+  classNames
+}: UploadedFilesProps) => ReactNode) & {
+  Item: ({
+    fileName,
+    fileType,
+    fileSize,
+    fileDate,
+    url,
+    onRemove,
+    classNames
+  }: UploadedFilesItemProps) => ReactNode;
+};
+//#endregion
+export { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps };
+//# sourceMappingURL=UploadedFiles.d.mts.map

package/dist/components/data-display/uploaded-files/UploadedFiles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFiles.d.mts","names":[],"sources":["../../../../src/components/data-display/uploaded-files/UploadedFiles.tsx"],"mappings":";;;;KAgBY,uBAAA;EACV,aAAA;EACA,IAAA;AAAA;AAAA,KAGU,kBAAA;EACV,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,uBAAA;AAAA;AAAA,KAGH,2BAAA;EACV,QAAA;EACA,YAAA,GAAe,iBAAA;AAAA;AAAA,KAGL,sBAAA;EACV,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,GAAA;EACA,QAAA;EACA,UAAA,GAAa,2BAAA;AAAA;AAAA,cA8CF,aAAA;EAAa,QAAA;EAAA;AAAA,GAxCvB,kBAAA,KAAqB,SAAA;;;;;;;;;KAmBrB,sBAAA,KAAyB,SAAA;AAAA"}

package/dist/components/data-display/uploaded-files/UploadedFiles.mjs

@@ -0,0 +1,2 @@
+import{UploadedFile as e}from"../uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as t}from"../uploaded-file/UploadedFileDetails.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{uploadedFiles as r,uploadedFilesListItem as i,uploadedFilesRoot as a,uploadedFilesUploadedFile as o}from"@mage-ui/styled-system/recipes";import{jsx as s}from"react/jsx-runtime";const c=Object.assign(({children:e,classNames:t})=>s(`ul`,{className:n(t?.uploadedFiles??r(),t?.root??a()),children:e}),{Item:({fileName:n,fileType:r,fileSize:a,fileDate:c,url:l,onRemove:u,classNames:d})=>s(`li`,{className:d?.listItem??i(),children:s(e,{fileName:n,fileType:r,url:l,onRemove:u,classNames:{uploadedFile:d?.uploadedFile?.uploadedFile??o()},children:s(t,{fileSize:a,fileDate:c,fileType:r})})})});export{c as UploadedFiles};
+//# sourceMappingURL=UploadedFiles.mjs.map

package/dist/components/data-display/uploaded-files/UploadedFiles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFiles.mjs","names":[],"sources":["../../../../src/components/data-display/uploaded-files/UploadedFiles.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  uploadedFiles,\n  uploadedFilesListItem,\n  uploadedFilesRoot,\n  uploadedFilesUploadedFile,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  UploadedFile,\n  type UploadedFileProps,\n} from '../uploaded-file/UploadedFile';\nimport { UploadedFileDetails } from '../uploaded-file/UploadedFileDetails';\n\nexport type UploadedFilesClassNames = {\n  uploadedFiles?: string;\n  root?: string;\n};\n\nexport type UploadedFilesProps = {\n  children: ReactNode;\n  classNames?: UploadedFilesClassNames;\n};\n\nexport type UploadedFilesItemClassNames = {\n  listItem?: string;\n  uploadedFile?: UploadedFileProps['classNames'];\n};\n\nexport type UploadedFilesItemProps = {\n  fileName: string;\n  fileType: string;\n  fileSize: string;\n  fileDate: string;\n  url: string;\n  onRemove: () => void;\n  classNames?: UploadedFilesItemClassNames;\n};\n\nconst UploadedFilesRoot = ({\n  children,\n  classNames,\n}: UploadedFilesProps): ReactNode => (\n  <ul\n    className={cx(\n      classNames?.uploadedFiles ?? uploadedFiles(),\n      classNames?.root ?? uploadedFilesRoot(),\n    )}\n  >\n    {children}\n  </ul>\n);\n\nconst Item = ({\n  fileName,\n  fileType,\n  fileSize,\n  fileDate,\n  url,\n  onRemove,\n  classNames,\n}: UploadedFilesItemProps): ReactNode => (\n  <li className={classNames?.listItem ?? uploadedFilesListItem()}>\n    <UploadedFile\n      fileName={fileName}\n      fileType={fileType}\n      url={url}\n      onRemove={onRemove}\n      classNames={{\n        uploadedFile:\n          classNames?.uploadedFile?.uploadedFile ?? uploadedFilesUploadedFile(),\n      }}\n    >\n      <UploadedFileDetails\n        fileSize={fileSize}\n        fileDate={fileDate}\n        fileType={fileType}\n      />\n    </UploadedFile>\n  </li>\n);\n\nexport const UploadedFiles = Object.assign(UploadedFilesRoot, {\n  Item,\n});\n"],"mappings":"wXAoFA,MAAa,EAAgB,OAAO,QA3CT,CACzB,WACA,gBAEA,EAAC,KAAD,CACE,UAAW,EACT,GAAY,eAAiB,GAAe,CAC5C,GAAY,MAAQ,GAAmB,CACxC,CAEA,WACE,CAAA,CAgCuD,CAC5D,MA9BY,CACZ,WACA,WACA,WACA,WACA,MACA,WACA,gBAEA,EAAC,KAAD,CAAI,UAAW,GAAY,UAAY,GAAuB,UAC5D,EAAC,EAAD,CACY,WACA,WACL,MACK,WACV,WAAY,CACV,aACE,GAAY,cAAc,cAAgB,GAA2B,CACxE,UAED,EAAC,EAAD,CACY,WACA,WACA,WACV,CAAA,CACW,CAAA,CACZ,CAAA,CAKN,CAAC"}

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

@@ -1,4 +1,5 @@
 import { TextInputProps } from "../controls/text-input/TextInput.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";
@@ -9,7 +10,7 @@ import { FormAutocompleteProps } from "./controls/FormAutocomplete.mjs";
 import { FormFileInputProps } from "./controls/FormFileInput.mjs";
 import { FormFileInputMultipleProps } from "./controls/FormFileInputMultiple.mjs";
 import { FormDropzoneProps } from "./controls/FormDropzone.mjs";
-import { FormDropzoneFilesProps } from "./controls/FormDropzoneFiles.mjs";
+import { FormDropzoneS3Props } from "./controls/FormDropzoneS3.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 import { FieldValues, UseFormSetError } from "react-hook-form";
@@ -182,14 +183,14 @@ declare const Form: {
     }: FormDropzoneProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
-  DropzoneFiles: {
-    ({
+  DropzoneS3: {
+    <TInitBody extends S3InitBody = S3InitBody>({
       $rule: _$rule,
       isSubmitting: _isSubmitting,
       name,
       onChange,
       ...props
-    }: FormDropzoneFilesProps): react_jsx_runtime0.JSX.Element;
+    }: FormDropzoneS3Props<TInitBody>): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;;;;;;;;KAuBK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;EACpB,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;KAuBK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;EACpB,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA;EAAA,GASvC,SAAA,CAAU,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/forms/Form.mjs

@@ -1,2 +1,2 @@
-import{FormAutocomplete as e}from"./controls/FormAutocomplete.mjs";import{FormCheckbox as t}from"./controls/FormCheckbox.mjs";import{FormCombobox as n}from"./controls/FormCombobox.mjs";import{FormDropzone as r}from"./controls/FormDropzone.mjs";import{FormDropzoneFiles as i}from"./controls/FormDropzoneFiles.mjs";import{FormFileInput as a}from"./controls/FormFileInput.mjs";import{FormFileInputMultiple as o}from"./controls/FormFileInputMultiple.mjs";import{FormHidden as s}from"./controls/FormHidden.mjs";import{FormPassword as c}from"./controls/FormPassword.mjs";import{FormSelect as l}from"./controls/FormSelect.mjs";import{FormSubmit as u}from"./controls/FormSubmit.mjs";import{FormTextarea as d}from"./controls/FormTextarea.mjs";import{FormTextInput as f}from"./controls/FormTextInput.mjs";import{FormBase as p}from"./FormBase.mjs";import{FormErrorBox as m}from"./FormErrorBox.mjs";import{form as h,formRoot as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";const v=({$fetcher:e,onValidSubmit:t,onInvalidSubmit:n,invalidStatus:r=[],children:i,schema:a,t:o,classNames:s})=>_(p,{onSubmit:async({data:i,setError:a})=>{await e({data:i}).then(e=>{let n=e;if(n?.statusCode&&n.statusCode>=400)throw n;t?.(e||{})}).catch(e=>{switch(e.statusCode){case 400:case 422:e.cause?.issues&&Object.keys(e.cause.issues).forEach(t=>{a(t,{type:`server`,message:e.cause?.issues?.[t]})}),a(`root.serverError`,{type:`server`,message:e?.message??`Something went wrong`});break;default:if(r.includes(e.statusCode)){n?.({message:e.message,setError:a,status:e.statusCode});break}throw e}})},schema:a,errorBox:m,t:o,classNames:{form:s?.form??h(),root:s?.root??g()},children:i});v.displayName=`Form`,v.TextInput=f,v.Textarea=d,v.Submit=u,v.Hidden=s,v.Checkbox=t,v.Password=c,v.Select=l,v.Combobox=n,v.Autocomplete=e,v.FileInput=a,v.FileInputMultiple=o,v.Dropzone=r,v.DropzoneFiles=i;export{v as Form};
+import{FormAutocomplete as e}from"./controls/FormAutocomplete.mjs";import{FormCheckbox as t}from"./controls/FormCheckbox.mjs";import{FormCombobox as n}from"./controls/FormCombobox.mjs";import{FormDropzone as r}from"./controls/FormDropzone.mjs";import{FormDropzoneS3 as i}from"./controls/FormDropzoneS3.mjs";import{FormFileInput as a}from"./controls/FormFileInput.mjs";import{FormFileInputMultiple as o}from"./controls/FormFileInputMultiple.mjs";import{FormHidden as s}from"./controls/FormHidden.mjs";import{FormPassword as c}from"./controls/FormPassword.mjs";import{FormSelect as l}from"./controls/FormSelect.mjs";import{FormSubmit as u}from"./controls/FormSubmit.mjs";import{FormTextarea as d}from"./controls/FormTextarea.mjs";import{FormTextInput as f}from"./controls/FormTextInput.mjs";import{FormBase as p}from"./FormBase.mjs";import{FormErrorBox as m}from"./FormErrorBox.mjs";import{form as h,formRoot as g}from"@mage-ui/styled-system/recipes";import{jsx as _}from"react/jsx-runtime";const v=({$fetcher:e,onValidSubmit:t,onInvalidSubmit:n,invalidStatus:r=[],children:i,schema:a,t:o,classNames:s})=>_(p,{onSubmit:async({data:i,setError:a})=>{await e({data:i}).then(e=>{let n=e;if(n?.statusCode&&n.statusCode>=400)throw n;t?.(e||{})}).catch(e=>{switch(e.statusCode){case 400:case 422:e.cause?.issues&&Object.keys(e.cause.issues).forEach(t=>{a(t,{type:`server`,message:e.cause?.issues?.[t]})}),a(`root.serverError`,{type:`server`,message:e?.message??`Something went wrong`});break;default:if(r.includes(e.statusCode)){n?.({message:e.message,setError:a,status:e.statusCode});break}throw e}})},schema:a,errorBox:m,t:o,classNames:{form:s?.form??h(),root:s?.root??g()},children:i});v.displayName=`Form`,v.TextInput=f,v.Textarea=d,v.Submit=u,v.Hidden=s,v.Checkbox=t,v.Password=c,v.Select=l,v.Combobox=n,v.Autocomplete=e,v.FileInput=a,v.FileInputMultiple=o,v.Dropzone=r,v.DropzoneS3=i;export{v as Form};
 //# sourceMappingURL=Form.mjs.map

package/dist/components/forms/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/forms/Form.tsx"],"sourcesContent":["import type React from 'react';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, UseFormSetError } from 'react-hook-form';\nimport type { ZodObject, ZodTypeAny } from 'zod';\n\nimport { form, formRoot } from '@mage-ui/styled-system/recipes';\n\nimport { FormAutocomplete } from './controls/FormAutocomplete';\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDropzone } from './controls/FormDropzone';\nimport { FormDropzoneFiles } from './controls/FormDropzoneFiles';\nimport { FormFileInput } from './controls/FormFileInput';\nimport { FormFileInputMultiple } from './controls/FormFileInputMultiple';\nimport { FormHidden } from './controls/FormHidden';\nimport { FormPassword } from './controls/FormPassword';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormSubmit } from './controls/FormSubmit';\nimport { FormTextarea } from './controls/FormTextarea';\nimport { FormTextInput } from './controls/FormTextInput';\nimport { FormBase } from './FormBase';\nimport { FormErrorBox } from './FormErrorBox';\n\ntype FormResponse = {\n  body?: object;\n  details?: string;\n  status?: number;\n  url?: string;\n};\n\nexport type FormProps<T extends FieldValues> = {\n  $fetcher: (params: { data: T }) => Promise<unknown>;\n  onValidSubmit?: (response: FormResponse) => void;\n  onInvalidSubmit?: (params: {\n    message: string;\n    setError: UseFormSetError<T>;\n    status: number;\n  }) => void;\n  invalidStatus?: number[];\n  children: ReactNode;\n  schema?: ZodObject<Record<string, ZodTypeAny>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n  classNames?: {\n    form?: string;\n    root?: string;\n  };\n};\n\ntype FormError = {\n  statusCode: number;\n  message: string;\n  cause?: {\n    issues: Record<string, string>;\n  };\n};\n\nexport const Form = <T extends FieldValues>({\n  $fetcher,\n  onValidSubmit,\n  onInvalidSubmit,\n  invalidStatus = [],\n  children,\n  schema,\n  t,\n  classNames,\n}: FormProps<T>) => {\n  const onSubmit = async ({\n    data,\n    setError,\n  }: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => {\n    await $fetcher({ data: data as T })\n      .then((response) => {\n        const res = response as FormError & FormResponse;\n        if (res?.statusCode && res.statusCode >= 400) {\n          throw res;\n        }\n\n        onValidSubmit?.((response || {}) as FormResponse);\n      })\n      .catch((error: FormError) => {\n        switch (error.statusCode) {\n          case 400:\n          case 422: {\n            if (error.cause?.issues) {\n              Object.keys(error.cause.issues).forEach((key) => {\n                setError(key, {\n                  type: 'server',\n                  message: error.cause?.issues?.[key],\n                });\n              });\n            }\n            setError('root.serverError', {\n              type: 'server',\n              message: error?.message ?? 'Something went wrong',\n            });\n            break;\n          }\n          default:\n            if (invalidStatus.includes(error.statusCode)) {\n              onInvalidSubmit?.({\n                message: error.message,\n                setError: setError as UseFormSetError<T>,\n                status: error.statusCode,\n              });\n              break;\n            }\n            throw error;\n        }\n      });\n  };\n\n  return (\n    <FormBase\n      onSubmit={onSubmit}\n      schema={schema}\n      errorBox={FormErrorBox}\n      t={t}\n      classNames={{\n        form: classNames?.form ?? form(),\n        root: classNames?.root ?? formRoot(),\n      }}\n    >\n      {children}\n    </FormBase>\n  );\n};\n\nForm.displayName = 'Form';\nForm.TextInput = FormTextInput;\nForm.Textarea = FormTextarea;\nForm.Submit = FormSubmit;\nForm.Hidden = FormHidden;\nForm.Checkbox = FormCheckbox;\nForm.Password = FormPassword;\nForm.Select = FormSelect;\nForm.Combobox = FormCombobox;\nForm.Autocomplete = FormAutocomplete;\nForm.FileInput = FormFileInput;\nForm.FileInputMultiple = FormFileInputMultiple;\nForm.Dropzone = FormDropzone;\nForm.DropzoneFiles = FormDropzoneFiles;\n"],"mappings":"m+BA4DA,MAAa,GAA+B,CAC1C,WACA,gBACA,kBACA,gBAAgB,EAAE,CAClB,WACA,SACA,IACA,gBAmDE,EAAC,EAAD,CACY,SAlDG,MAAO,CACtB,OACA,cAII,CACJ,MAAM,EAAS,CAAQ,OAAW,CAAC,CAChC,KAAM,GAAa,CAClB,IAAM,EAAM,EACZ,GAAI,GAAK,YAAc,EAAI,YAAc,IACvC,MAAM,EAGR,IAAiB,GAAY,EAAE,CAAkB,EACjD,CACD,MAAO,GAAqB,CAC3B,OAAQ,EAAM,WAAd,CACE,IAAK,KACL,IAAK,KACC,EAAM,OAAO,QACf,OAAO,KAAK,EAAM,MAAM,OAAO,CAAC,QAAS,GAAQ,CAC/C,EAAS,EAAK,CACZ,KAAM,SACN,QAAS,EAAM,OAAO,SAAS,GAChC,CAAC,EACF,CAEJ,EAAS,mBAAoB,CAC3B,KAAM,SACN,QAAS,GAAO,SAAW,uBAC5B,CAAC,CACF,MAEF,QACE,GAAI,EAAc,SAAS,EAAM,WAAW,CAAE,CAC5C,IAAkB,CAChB,QAAS,EAAM,QACL,WACV,OAAQ,EAAM,WACf,CAAC,CACF,MAEF,MAAM,IAEV,EAMM,SACR,SAAU,EACP,IACH,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,KAAM,GAAY,MAAQ,GAAU,CACrC,CAEA,WACQ,CAAA,CAIf,EAAK,YAAc,OACnB,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,aAAe,EACpB,EAAK,UAAY,EACjB,EAAK,kBAAoB,EACzB,EAAK,SAAW,EAChB,EAAK,cAAgB"}
+{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/forms/Form.tsx"],"sourcesContent":["import type React from 'react';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, UseFormSetError } from 'react-hook-form';\nimport type { ZodObject, ZodTypeAny } from 'zod';\n\nimport { form, formRoot } from '@mage-ui/styled-system/recipes';\n\nimport { FormAutocomplete } from './controls/FormAutocomplete';\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDropzone } from './controls/FormDropzone';\nimport { FormDropzoneS3 } from './controls/FormDropzoneS3';\nimport { FormFileInput } from './controls/FormFileInput';\nimport { FormFileInputMultiple } from './controls/FormFileInputMultiple';\nimport { FormHidden } from './controls/FormHidden';\nimport { FormPassword } from './controls/FormPassword';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormSubmit } from './controls/FormSubmit';\nimport { FormTextarea } from './controls/FormTextarea';\nimport { FormTextInput } from './controls/FormTextInput';\nimport { FormBase } from './FormBase';\nimport { FormErrorBox } from './FormErrorBox';\n\ntype FormResponse = {\n  body?: object;\n  details?: string;\n  status?: number;\n  url?: string;\n};\n\nexport type FormProps<T extends FieldValues> = {\n  $fetcher: (params: { data: T }) => Promise<unknown>;\n  onValidSubmit?: (response: FormResponse) => void;\n  onInvalidSubmit?: (params: {\n    message: string;\n    setError: UseFormSetError<T>;\n    status: number;\n  }) => void;\n  invalidStatus?: number[];\n  children: ReactNode;\n  schema?: ZodObject<Record<string, ZodTypeAny>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n  classNames?: {\n    form?: string;\n    root?: string;\n  };\n};\n\ntype FormError = {\n  statusCode: number;\n  message: string;\n  cause?: {\n    issues: Record<string, string>;\n  };\n};\n\nexport const Form = <T extends FieldValues>({\n  $fetcher,\n  onValidSubmit,\n  onInvalidSubmit,\n  invalidStatus = [],\n  children,\n  schema,\n  t,\n  classNames,\n}: FormProps<T>) => {\n  const onSubmit = async ({\n    data,\n    setError,\n  }: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => {\n    await $fetcher({ data: data as T })\n      .then((response) => {\n        const res = response as FormError & FormResponse;\n        if (res?.statusCode && res.statusCode >= 400) {\n          throw res;\n        }\n\n        onValidSubmit?.((response || {}) as FormResponse);\n      })\n      .catch((error: FormError) => {\n        switch (error.statusCode) {\n          case 400:\n          case 422: {\n            if (error.cause?.issues) {\n              Object.keys(error.cause.issues).forEach((key) => {\n                setError(key, {\n                  type: 'server',\n                  message: error.cause?.issues?.[key],\n                });\n              });\n            }\n            setError('root.serverError', {\n              type: 'server',\n              message: error?.message ?? 'Something went wrong',\n            });\n            break;\n          }\n          default:\n            if (invalidStatus.includes(error.statusCode)) {\n              onInvalidSubmit?.({\n                message: error.message,\n                setError: setError as UseFormSetError<T>,\n                status: error.statusCode,\n              });\n              break;\n            }\n            throw error;\n        }\n      });\n  };\n\n  return (\n    <FormBase\n      onSubmit={onSubmit}\n      schema={schema}\n      errorBox={FormErrorBox}\n      t={t}\n      classNames={{\n        form: classNames?.form ?? form(),\n        root: classNames?.root ?? formRoot(),\n      }}\n    >\n      {children}\n    </FormBase>\n  );\n};\n\nForm.displayName = 'Form';\nForm.TextInput = FormTextInput;\nForm.Textarea = FormTextarea;\nForm.Submit = FormSubmit;\nForm.Hidden = FormHidden;\nForm.Checkbox = FormCheckbox;\nForm.Password = FormPassword;\nForm.Select = FormSelect;\nForm.Combobox = FormCombobox;\nForm.Autocomplete = FormAutocomplete;\nForm.FileInput = FormFileInput;\nForm.FileInputMultiple = FormFileInputMultiple;\nForm.Dropzone = FormDropzone;\nForm.DropzoneS3 = FormDropzoneS3;\n"],"mappings":"69BA4DA,MAAa,GAA+B,CAC1C,WACA,gBACA,kBACA,gBAAgB,EAAE,CAClB,WACA,SACA,IACA,gBAmDE,EAAC,EAAD,CACY,SAlDG,MAAO,CACtB,OACA,cAII,CACJ,MAAM,EAAS,CAAQ,OAAW,CAAC,CAChC,KAAM,GAAa,CAClB,IAAM,EAAM,EACZ,GAAI,GAAK,YAAc,EAAI,YAAc,IACvC,MAAM,EAGR,IAAiB,GAAY,EAAE,CAAkB,EACjD,CACD,MAAO,GAAqB,CAC3B,OAAQ,EAAM,WAAd,CACE,IAAK,KACL,IAAK,KACC,EAAM,OAAO,QACf,OAAO,KAAK,EAAM,MAAM,OAAO,CAAC,QAAS,GAAQ,CAC/C,EAAS,EAAK,CACZ,KAAM,SACN,QAAS,EAAM,OAAO,SAAS,GAChC,CAAC,EACF,CAEJ,EAAS,mBAAoB,CAC3B,KAAM,SACN,QAAS,GAAO,SAAW,uBAC5B,CAAC,CACF,MAEF,QACE,GAAI,EAAc,SAAS,EAAM,WAAW,CAAE,CAC5C,IAAkB,CAChB,QAAS,EAAM,QACL,WACV,OAAQ,EAAM,WACf,CAAC,CACF,MAEF,MAAM,IAEV,EAMM,SACR,SAAU,EACP,IACH,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,KAAM,GAAY,MAAQ,GAAU,CACrC,CAEA,WACQ,CAAA,CAIf,EAAK,YAAc,OACnB,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,aAAe,EACpB,EAAK,UAAY,EACjB,EAAK,kBAAoB,EACzB,EAAK,SAAW,EAChB,EAAK,WAAa"}

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

@@ -0,0 +1,12 @@
+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;
+  $rule?: string;
+  isSubmitting?: boolean;
+  onChange?: (files: File[]) => void;
+};
+//#endregion
+export { FormDropzoneS3Props };
+//# sourceMappingURL=FormDropzoneS3.d.mts.map

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

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

package/dist/components/forms/controls/FormDropzoneS3.mjs

@@ -0,0 +1,2 @@
+import{DropzoneS3 as e}from"../../controls/dropzone/DropzoneS3.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=({$rule:r,isSubmitting:i,name:a,onChange:o,...s})=>t(n,{name:a,render:({field:{onChange:n}})=>t(e,{...s,autoSend:!1,onChange:e=>{n(e),o?.(e)}})});r.displayName=`Form.DropzoneS3`;export{r as FormDropzoneS3};
+//# sourceMappingURL=FormDropzoneS3.mjs.map

package/dist/components/forms/controls/FormDropzoneS3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDropzoneS3.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormDropzoneS3.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  DropzoneS3,\n  type DropzoneS3Props,\n  type S3InitBody,\n} from '@/components/controls/dropzone/DropzoneS3';\n\nexport type FormDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> =\n  Omit<DropzoneS3Props<TInitBody>, 'autoSend' | 'onChange'> & {\n    name: string;\n    $rule?: string;\n    isSubmitting?: boolean;\n    onChange?: (files: File[]) => void;\n  };\n\nexport const FormDropzoneS3 = <TInitBody extends S3InitBody = S3InitBody>({\n  $rule: _$rule,\n  isSubmitting: _isSubmitting,\n  name,\n  onChange,\n  ...props\n}: FormDropzoneS3Props<TInitBody>) => {\n  return (\n    <Controller\n      name={name}\n      render={({ field: { onChange: fieldOnChange } }) => (\n        <DropzoneS3<TInitBody>\n          {...props}\n          autoSend={false}\n          onChange={(files) => {\n            fieldOnChange(files);\n            onChange?.(files);\n          }}\n        />\n      )}\n    />\n  );\n};\n\nFormDropzoneS3.displayName = 'Form.DropzoneS3';\n"],"mappings":"yJAgBA,MAAa,GAA6D,CACxE,MAAO,EACP,aAAc,EACd,OACA,WACA,GAAG,KAGD,EAAC,EAAD,CACQ,OACN,QAAS,CAAE,MAAO,CAAE,SAAU,MAC5B,EAAC,EAAD,CACE,GAAI,EACJ,SAAU,GACV,SAAW,GAAU,CACnB,EAAc,EAAM,CACpB,IAAW,EAAM,EAEnB,CAAA,CAEJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/forms/controls/index.mjs

@@ -1,2 +1,2 @@
-import{FormAutocomplete as e}from"./FormAutocomplete.mjs";import{FormCheckbox as t}from"./FormCheckbox.mjs";import{FormCombobox as n}from"./FormCombobox.mjs";import{FormDropzone as r}from"./FormDropzone.mjs";import{FormDropzoneFiles as i}from"./FormDropzoneFiles.mjs";import{FormFileInput as a}from"./FormFileInput.mjs";import{FormFileInputMultiple as o}from"./FormFileInputMultiple.mjs";import{FormHidden as s}from"./FormHidden.mjs";import{FormPassword as c}from"./FormPassword.mjs";import{FormSelect as l}from"./FormSelect.mjs";import{FormSubmit as u}from"./FormSubmit.mjs";import{FormTextarea as d}from"./FormTextarea.mjs";import{FormTextInput as f}from"./FormTextInput.mjs";const p=[u,f,d,c,s,t,l,n,e,a,o,r,i];export{p as controls};
+import{FormAutocomplete as e}from"./FormAutocomplete.mjs";import{FormCheckbox as t}from"./FormCheckbox.mjs";import{FormCombobox as n}from"./FormCombobox.mjs";import{FormDropzone as r}from"./FormDropzone.mjs";import{FormDropzoneS3 as i}from"./FormDropzoneS3.mjs";import{FormFileInput as a}from"./FormFileInput.mjs";import{FormFileInputMultiple as o}from"./FormFileInputMultiple.mjs";import{FormHidden as s}from"./FormHidden.mjs";import{FormPassword as c}from"./FormPassword.mjs";import{FormSelect as l}from"./FormSelect.mjs";import{FormSubmit as u}from"./FormSubmit.mjs";import{FormTextarea as d}from"./FormTextarea.mjs";import{FormTextInput as f}from"./FormTextInput.mjs";const p=[u,f,d,c,s,t,l,n,e,a,o,r,i];export{p as controls};
 //# sourceMappingURL=index.mjs.map

package/dist/components/forms/controls/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormAutocomplete } from './FormAutocomplete';\nimport { FormCheckbox } from './FormCheckbox';\nimport { FormCombobox } from './FormCombobox';\nimport { FormDropzone } from './FormDropzone';\nimport { FormDropzoneFiles } from './FormDropzoneFiles';\nimport { FormFileInput } from './FormFileInput';\nimport { FormFileInputMultiple } from './FormFileInputMultiple';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSelect } from './FormSelect';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextarea } from './FormTextarea';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormTextarea,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n  FormSelect,\n  FormCombobox,\n  FormAutocomplete,\n  FormFileInput,\n  FormFileInputMultiple,\n  FormDropzone,\n  FormDropzoneFiles,\n] as React.ComponentType[];\n"],"mappings":"sqBAcA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormAutocomplete } from './FormAutocomplete';\nimport { FormCheckbox } from './FormCheckbox';\nimport { FormCombobox } from './FormCombobox';\nimport { FormDropzone } from './FormDropzone';\nimport { FormDropzoneS3 } from './FormDropzoneS3';\nimport { FormFileInput } from './FormFileInput';\nimport { FormFileInputMultiple } from './FormFileInputMultiple';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSelect } from './FormSelect';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextarea } from './FormTextarea';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormTextarea,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n  FormSelect,\n  FormCombobox,\n  FormAutocomplete,\n  FormFileInput,\n  FormFileInputMultiple,\n  FormDropzone,\n  FormDropzoneS3,\n] as React.ComponentType[];\n"],"mappings":"gqBAcA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD"}

package/dist/components/forms/controls/register-components.mjs

@@ -1,2 +1,2 @@
-"use client";import{Fragment as e,jsx as t}from"react/jsx-runtime";import{Children as n,cloneElement as r,isValidElement as i}from"react";const a=new Set([`Form.Password`,`Form.Checkbox`,`Form.Select`,`Form.Combobox`,`Form.Autocomplete`,`Form.Hidden`,`Form.FileInput`,`Form.FileInputMultiple`,`Form.Dropzone`,`Form.DropzoneFiles`]),o=(e,t,n)=>{if(e)try{let r=JSON.parse(e),i={...r.bindings,attribute:t},a=n?n(r.key,i,r.fallback):r.fallback;return String(a).replace(/{attribute}/g,t)}catch{return e.replace(/{attribute}/g,t)}},s=({children:s,register:c,componentTypes:l,errors:u={},t:d})=>{let f=e=>n.map(e,e=>{if(!i(e))return e;let t=e.props;if(l.some(t=>e.type===t)){let n=t.name,i=u[n??``]?.message?.toString(),s=n?o(i,n,d):void 0,l=e.type.displayName;return r(e,{...n!==void 0&&!a.has(l??``)&&n?c(n):{},error:s})}return t.children?r(e,{children:f(t.children)}):e});return t(e,{children:f(s)})};export{s as RegisteredFormChildren};
+"use client";import{Fragment as e,jsx as t}from"react/jsx-runtime";import{Children as n,cloneElement as r,isValidElement as i}from"react";const a=new Set([`Form.Password`,`Form.Checkbox`,`Form.Select`,`Form.Combobox`,`Form.Autocomplete`,`Form.Hidden`,`Form.FileInput`,`Form.FileInputMultiple`,`Form.Dropzone`]),o=(e,t,n)=>{if(e)try{let r=JSON.parse(e),i={...r.bindings,attribute:t},a=n?n(r.key,i,r.fallback):r.fallback;return String(a).replace(/{attribute}/g,t)}catch{return e.replace(/{attribute}/g,t)}},s=({children:s,register:c,componentTypes:l,errors:u={},t:d})=>{let f=e=>n.map(e,e=>{if(!i(e))return e;let t=e.props;if(l.some(t=>e.type===t)){let n=t.name,i=u[n??``]?.message?.toString(),s=n?o(i,n,d):void 0,l=e.type.displayName;return r(e,{...n!==void 0&&!a.has(l??``)&&n?c(n):{},error:s})}return t.children?r(e,{children:f(t.children)}):e});return t(e,{children:f(s)})};export{s as RegisteredFormChildren};
 //# sourceMappingURL=register-components.mjs.map

package/dist/components/forms/controls/register-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst controllerDisplayNames = new Set([\n  'Form.Password',\n  'Form.Checkbox',\n  'Form.Select',\n  'Form.Combobox',\n  'Form.Autocomplete',\n  'Form.Hidden',\n  'Form.FileInput',\n  'Form.FileInputMultiple',\n  'Form.Dropzone',\n  'Form.DropzoneFiles',\n]);\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const fieldName = childProps.name;\n        const errorMessage = errors[fieldName ?? '']?.message?.toString();\n        const translatedError = fieldName\n          ? parseAndTranslate(errorMessage, fieldName, t)\n          : undefined;\n        const displayName = (\n          child.type as React.ComponentType & { displayName?: string }\n        ).displayName;\n        const shouldRegister =\n          fieldName !== undefined &&\n          !controllerDisplayNames.has(displayName ?? '');\n        const registrationProps =\n          shouldRegister && fieldName ? register(fieldName) : {};\n\n        return cloneElement(child, {\n          ...registrationProps,\n          error: translatedError,\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,EAAyB,IAAI,IAAI,CACrC,gBACA,gBACA,cACA,gBACA,oBACA,cACA,iBACA,yBACA,gBACA,qBACD,CAAC,CAEI,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAY,EAAW,KACvB,EAAe,EAAO,GAAa,KAAK,SAAS,UAAU,CAC3D,EAAkB,EACpB,EAAkB,EAAc,EAAW,EAAE,CAC7C,IAAA,GACE,EACJ,EAAM,KACN,YAOF,OAAO,EAAa,EAAO,CACzB,GANA,IAAc,IAAA,IACd,CAAC,EAAuB,IAAI,GAAe,GAAG,EAE5B,EAAY,EAAS,EAAU,CAAG,EAAE,CAItD,MAAO,EACR,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAI,CAAA"}
+{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst controllerDisplayNames = new Set([\n  'Form.Password',\n  'Form.Checkbox',\n  'Form.Select',\n  'Form.Combobox',\n  'Form.Autocomplete',\n  'Form.Hidden',\n  'Form.FileInput',\n  'Form.FileInputMultiple',\n  'Form.Dropzone',\n]);\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const fieldName = childProps.name;\n        const errorMessage = errors[fieldName ?? '']?.message?.toString();\n        const translatedError = fieldName\n          ? parseAndTranslate(errorMessage, fieldName, t)\n          : undefined;\n        const displayName = (\n          child.type as React.ComponentType & { displayName?: string }\n        ).displayName;\n        const shouldRegister =\n          fieldName !== undefined &&\n          !controllerDisplayNames.has(displayName ?? '');\n        const registrationProps =\n          shouldRegister && fieldName ? register(fieldName) : {};\n\n        return cloneElement(child, {\n          ...registrationProps,\n          error: translatedError,\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,EAAyB,IAAI,IAAI,CACrC,gBACA,gBACA,cACA,gBACA,oBACA,cACA,iBACA,yBACA,gBACD,CAAC,CAEI,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAY,EAAW,KACvB,EAAe,EAAO,GAAa,KAAK,SAAS,UAAU,CAC3D,EAAkB,EACpB,EAAkB,EAAc,EAAW,EAAE,CAC7C,IAAA,GACE,EACJ,EAAM,KACN,YAOF,OAAO,EAAa,EAAO,CACzB,GANA,IAAc,IAAA,IACd,CAAC,EAAuB,IAAI,GAAe,GAAG,EAE5B,EAAY,EAAS,EAAU,CAAG,EAAE,CAItD,MAAO,EACR,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAI,CAAA"}

package/dist/components/forms/rules/extract-form-rules.mjs

@@ -1,2 +1,2 @@
-import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(e,t)=>{if(!e.name||!e.$rule?.includes(`confirmed`))return;let n=e.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),r=n?.includes(`:`)?n.split(`:`)[1]:`${e.name}_confirmation`;t.confirmedFields.push({field:e.name,target:r})},o=(e,t)=>{e.name&&(e.$rule?.includes(`required`)?(t.rules[e.name]=i.boolean().optional().or(i.literal(!1)),t.requiredBooleanFields.push(e.name)):t.rules[e.name]=i.boolean().optional())},s=(e,a)=>{if(!e.name)return;let o=i.string(),s=e.$rule?e.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;s&&(o=r(s));let c=e.rules||(e.$rule?.includes(`password`)?t:[]);c.length>0&&(o=n(o,c));let l=!e.$rule||e.$rule.includes(`optional`)||s.includes(`optional`);a.rules[e.name]=l?o.optional():o},c=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().optional())},l=(e,t)=>{e.name&&(t.rules[e.name]=i.any().optional())},u=JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),d=(e,t,n)=>{e.name&&(e.$rule?.includes(`required`)?t.rules[e.name]=n?i.any().refine(e=>Array.isArray(e)&&e.length>0,{message:u}):i.any().refine(e=>e instanceof File,{message:u}):t.rules[e.name]=i.any().optional())},f=(e,t)=>t.confirmedFields.length===0&&t.requiredBooleanFields.length===0?e:e.superRefine((e,n)=>{t.confirmedFields.forEach(({field:t,target:r})=>{e[t]!==e[r]&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})}),t.requiredBooleanFields.forEach(t=>{e[t]!==!0&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),path:[t]})})}),p=(t,n)=>{let r={rules:{},confirmedFields:[],requiredBooleanFields:[]};return e(t,n).forEach(e=>{let t=e.props,n=e.type.displayName;t.name&&(a(t,r),n===`Form.Checkbox`?o(t,r):n===`Form.Password`?s(t,r):n===`Form.Select`||n===`Form.Combobox`||n===`Form.Autocomplete`?l(t,r):n===`Form.FileInput`?d(t,r,!1):n===`Form.FileInputMultiple`||n===`Form.Dropzone`||n===`Form.DropzoneFiles`?d(t,r,!0):c(t,r))}),f(i.object(r.rules).loose(),r)};export{p as extractFormRules};
+import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(e,t)=>{if(!e.name||!e.$rule?.includes(`confirmed`))return;let n=e.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),r=n?.includes(`:`)?n.split(`:`)[1]:`${e.name}_confirmation`;t.confirmedFields.push({field:e.name,target:r})},o=(e,t)=>{e.name&&(e.$rule?.includes(`required`)?(t.rules[e.name]=i.boolean().optional().or(i.literal(!1)),t.requiredBooleanFields.push(e.name)):t.rules[e.name]=i.boolean().optional())},s=(e,a)=>{if(!e.name)return;let o=i.string(),s=e.$rule?e.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;s&&(o=r(s));let c=e.rules||(e.$rule?.includes(`password`)?t:[]);c.length>0&&(o=n(o,c));let l=!e.$rule||e.$rule.includes(`optional`)||s.includes(`optional`);a.rules[e.name]=l?o.optional():o},c=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().optional())},l=(e,t)=>{e.name&&(t.rules[e.name]=i.any().optional())},u=JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),d=(e,t,n)=>{e.name&&(e.$rule?.includes(`required`)?t.rules[e.name]=n?i.any().refine(e=>Array.isArray(e)&&e.length>0,{message:u}):i.any().refine(e=>e instanceof File,{message:u}):t.rules[e.name]=i.any().optional())},f=(e,t)=>t.confirmedFields.length===0&&t.requiredBooleanFields.length===0?e:e.superRefine((e,n)=>{t.confirmedFields.forEach(({field:t,target:r})=>{e[t]!==e[r]&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})}),t.requiredBooleanFields.forEach(t=>{e[t]!==!0&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),path:[t]})})}),p=(t,n)=>{let r={rules:{},confirmedFields:[],requiredBooleanFields:[]};return e(t,n).forEach(e=>{let t=e.props,n=e.type.displayName;t.name&&(a(t,r),n===`Form.Checkbox`?o(t,r):n===`Form.Password`?s(t,r):n===`Form.Select`||n===`Form.Combobox`||n===`Form.Autocomplete`?l(t,r):n===`Form.FileInput`?d(t,r,!1):n===`Form.FileInputMultiple`||n===`Form.Dropzone`||n===`Form.DropzoneS3`?d(t,r,!0):c(t,r))}),f(i.object(r.rules).loose(),r)};export{p as extractFormRules};
 //# sourceMappingURL=extract-form-rules.mjs.map

package/dist/components/forms/rules/extract-form-rules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\ntype FormRuleContext = {\n  rules: Record<string, ZodTypeAny>;\n  confirmedFields: { field: string; target: string }[];\n  requiredBooleanFields: string[];\n};\n\ntype ComponentProps = {\n  name?: string;\n  $rule?: string;\n  rules?: PasswordRuleDefinition[];\n};\n\nconst processConfirmedRule = (\n  props: ComponentProps,\n  context: FormRuleContext,\n) => {\n  if (!props.name || !props.$rule?.includes('confirmed')) return;\n\n  const rulesList = props.$rule.split('|');\n  const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n  const target = confirmedRule?.includes(':')\n    ? confirmedRule.split(':')[1]\n    : `${props.name}_confirmation`;\n\n  context.confirmedFields.push({ field: props.name, target });\n};\n\nconst processCheckbox = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = z.boolean().optional().or(z.literal(false));\n    context.requiredBooleanFields.push(props.name);\n  } else {\n    context.rules[props.name] = z.boolean().optional();\n  }\n};\n\nconst processPassword = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  let baseSchema: ZodTypeAny = z.string();\n  const otherRules = props.$rule\n    ? props.$rule\n        .split('|')\n        .filter((r) => r.trim() !== 'password')\n        .join('|')\n    : '';\n\n  if (otherRules) {\n    baseSchema = parseRules(otherRules);\n  }\n\n  const passwordRules =\n    props.rules || (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n  if (passwordRules.length > 0) {\n    baseSchema = passwordRule(baseSchema, passwordRules);\n  }\n\n  const isOptional =\n    !props.$rule ||\n    props.$rule.includes('optional') ||\n    otherRules.includes('optional');\n\n  context.rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n};\n\nconst processDefault = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().optional();\n};\n\nconst processDropdown = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = z.any().optional();\n};\n\nconst requiredMessage = JSON.stringify({\n  key: 'required',\n  fallback: 'El campo {attribute} es obligatorio.',\n  bindings: {},\n});\n\nconst processFileInput = (\n  props: ComponentProps,\n  context: FormRuleContext,\n  multiple: boolean,\n) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = multiple\n      ? z.any().refine((val) => Array.isArray(val) && val.length > 0, {\n          message: requiredMessage,\n        })\n      : z\n          .any()\n          .refine((val) => val instanceof File, { message: requiredMessage });\n  } else {\n    context.rules[props.name] = z.any().optional();\n  }\n};\n\nconst applyRefinements = (\n  schema: z.ZodObject<FieldValues>,\n  context: FormRuleContext,\n) => {\n  if (\n    context.confirmedFields.length === 0 &&\n    context.requiredBooleanFields.length === 0\n  ) {\n    return schema;\n  }\n\n  return schema.superRefine((data, ctx) => {\n    context.confirmedFields.forEach(({ field, target }) => {\n      if (data[field] !== data[target]) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'confirmed',\n            fallback: 'La confirmación no coincide.',\n            bindings: {},\n          }),\n          path: [target],\n        });\n      }\n    });\n\n    context.requiredBooleanFields.forEach((field) => {\n      if (data[field] !== true) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'required',\n            fallback: 'El campo {attribute} es obligatorio.',\n            bindings: {},\n          }),\n          path: [field],\n        });\n      }\n    });\n  });\n};\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const context: FormRuleContext = {\n    rules: {},\n    confirmedFields: [],\n    requiredBooleanFields: [],\n  };\n\n  const components = findFormComponents(children, componentTypes);\n\n  components.forEach((component) => {\n    const props = component.props as ComponentProps;\n    const displayName = (component.type as { displayName?: string })\n      .displayName;\n\n    if (props.name) {\n      processConfirmedRule(props, context);\n\n      if (displayName === 'Form.Checkbox') {\n        processCheckbox(props, context);\n      } else if (displayName === 'Form.Password') {\n        processPassword(props, context);\n      } else if (\n        displayName === 'Form.Select' ||\n        displayName === 'Form.Combobox' ||\n        displayName === 'Form.Autocomplete'\n      ) {\n        processDropdown(props, context);\n      } else if (displayName === 'Form.FileInput') {\n        processFileInput(props, context, false);\n      } else if (\n        displayName === 'Form.FileInputMultiple' ||\n        displayName === 'Form.Dropzone' ||\n        displayName === 'Form.DropzoneFiles'\n      ) {\n        processFileInput(props, context, true);\n      } else {\n        processDefault(props, context);\n      }\n    }\n  });\n\n  return applyRefinements(z.object(context.rules).loose(), context);\n};\n"],"mappings":"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"}
+{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\ntype FormRuleContext = {\n  rules: Record<string, ZodTypeAny>;\n  confirmedFields: { field: string; target: string }[];\n  requiredBooleanFields: string[];\n};\n\ntype ComponentProps = {\n  name?: string;\n  $rule?: string;\n  rules?: PasswordRuleDefinition[];\n};\n\nconst processConfirmedRule = (\n  props: ComponentProps,\n  context: FormRuleContext,\n) => {\n  if (!props.name || !props.$rule?.includes('confirmed')) return;\n\n  const rulesList = props.$rule.split('|');\n  const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n  const target = confirmedRule?.includes(':')\n    ? confirmedRule.split(':')[1]\n    : `${props.name}_confirmation`;\n\n  context.confirmedFields.push({ field: props.name, target });\n};\n\nconst processCheckbox = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = z.boolean().optional().or(z.literal(false));\n    context.requiredBooleanFields.push(props.name);\n  } else {\n    context.rules[props.name] = z.boolean().optional();\n  }\n};\n\nconst processPassword = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  let baseSchema: ZodTypeAny = z.string();\n  const otherRules = props.$rule\n    ? props.$rule\n        .split('|')\n        .filter((r) => r.trim() !== 'password')\n        .join('|')\n    : '';\n\n  if (otherRules) {\n    baseSchema = parseRules(otherRules);\n  }\n\n  const passwordRules =\n    props.rules || (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n  if (passwordRules.length > 0) {\n    baseSchema = passwordRule(baseSchema, passwordRules);\n  }\n\n  const isOptional =\n    !props.$rule ||\n    props.$rule.includes('optional') ||\n    otherRules.includes('optional');\n\n  context.rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n};\n\nconst processDefault = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().optional();\n};\n\nconst processDropdown = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = z.any().optional();\n};\n\nconst requiredMessage = JSON.stringify({\n  key: 'required',\n  fallback: 'El campo {attribute} es obligatorio.',\n  bindings: {},\n});\n\nconst processFileInput = (\n  props: ComponentProps,\n  context: FormRuleContext,\n  multiple: boolean,\n) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = multiple\n      ? z.any().refine((val) => Array.isArray(val) && val.length > 0, {\n          message: requiredMessage,\n        })\n      : z\n          .any()\n          .refine((val) => val instanceof File, { message: requiredMessage });\n  } else {\n    context.rules[props.name] = z.any().optional();\n  }\n};\n\nconst applyRefinements = (\n  schema: z.ZodObject<FieldValues>,\n  context: FormRuleContext,\n) => {\n  if (\n    context.confirmedFields.length === 0 &&\n    context.requiredBooleanFields.length === 0\n  ) {\n    return schema;\n  }\n\n  return schema.superRefine((data, ctx) => {\n    context.confirmedFields.forEach(({ field, target }) => {\n      if (data[field] !== data[target]) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'confirmed',\n            fallback: 'La confirmación no coincide.',\n            bindings: {},\n          }),\n          path: [target],\n        });\n      }\n    });\n\n    context.requiredBooleanFields.forEach((field) => {\n      if (data[field] !== true) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'required',\n            fallback: 'El campo {attribute} es obligatorio.',\n            bindings: {},\n          }),\n          path: [field],\n        });\n      }\n    });\n  });\n};\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const context: FormRuleContext = {\n    rules: {},\n    confirmedFields: [],\n    requiredBooleanFields: [],\n  };\n\n  const components = findFormComponents(children, componentTypes);\n\n  components.forEach((component) => {\n    const props = component.props as ComponentProps;\n    const displayName = (component.type as { displayName?: string })\n      .displayName;\n\n    if (props.name) {\n      processConfirmedRule(props, context);\n\n      if (displayName === 'Form.Checkbox') {\n        processCheckbox(props, context);\n      } else if (displayName === 'Form.Password') {\n        processPassword(props, context);\n      } else if (\n        displayName === 'Form.Select' ||\n        displayName === 'Form.Combobox' ||\n        displayName === 'Form.Autocomplete'\n      ) {\n        processDropdown(props, context);\n      } else if (displayName === 'Form.FileInput') {\n        processFileInput(props, context, false);\n      } else if (\n        displayName === 'Form.FileInputMultiple' ||\n        displayName === 'Form.Dropzone' ||\n        displayName === 'Form.DropzoneS3'\n      ) {\n        processFileInput(props, context, true);\n      } else {\n        processDefault(props, context);\n      }\n    }\n  });\n\n  return applyRefinements(z.object(context.rules).loose(), context);\n};\n"],"mappings":"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"}

package/dist/components/index.d.mts

@@ -46,8 +46,8 @@ import { Tag, TagProps } from "./data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./data-display/uploaded-file/UploadedFile.mjs";
 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";
@@ -59,10 +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 { UploadProgress, UploadResponse, Uploader } from "./controls/dropzone/upload-service.mjs";
-import { Dropzone, DropzoneProps, FileData } from "./controls/dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./controls/dropzone-s3/DropzoneS3.mjs";
-import { DropzoneFiles, DropzoneFilesProps } from "./controls/dropzone-files/DropzoneFiles.mjs";
+import { 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 } 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

@@ -46,8 +46,8 @@ import { Tag, TagProps } from "./components/data-display/tag/Tag.mjs";
 import { TagGroup, TagGroupProps } from "./components/data-display/tag-group/TagGroup.mjs";
 import { UploadedFile, UploadedFileProps } from "./components/data-display/uploaded-file/UploadedFile.mjs";
 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";
@@ -59,10 +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 { UploadProgress, UploadResponse, Uploader } from "./components/controls/dropzone/upload-service.mjs";
-import { Dropzone, DropzoneProps, FileData } from "./components/controls/dropzone/Dropzone.mjs";
-import { DropzoneS3, DropzoneS3Props, DropzoneS3Texts, S3FileMeta, S3InitBody, S3InitResponse, getFileExtension } from "./components/controls/dropzone-s3/DropzoneS3.mjs";
-import { DropzoneFiles, DropzoneFilesProps } from "./components/controls/dropzone-files/DropzoneFiles.mjs";
+import { 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 } 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, DropzoneFiles, DropzoneFilesProps, 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, UploadProgress, UploadResponse, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Uploader, 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{UploadingFiles as K}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as q}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as J}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as Y}from"./components/buttons/button-visual/ButtonVisual.mjs";import{AvatarDropzone as X}from"./components/controls/avatar-dropzone/AvatarDropzone.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{Dropzone as ie}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ae,getFileExtension as oe}from"./components/controls/dropzone-s3/DropzoneS3.mjs";import{DropzoneFiles as se}from"./components/controls/dropzone-files/DropzoneFiles.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,ne as Autocomplete,a as Avatar,X as AvatarDropzone,ee as AvatarUpload,o as Badge,Oe as Breadcrumbs,e as Button,n as ButtonAction,q as ButtonIcon,J as ButtonIconVisual,r as ButtonLoader,Y 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,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,ie as Dropzone,se as DropzoneFiles,ae 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,Z as Modal,Q 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,$ as Toast,s as Tooltip,W as UploadedFile,G as UploadedFileDetails,K as UploadingFiles,l as Virtual,t as VisuallyHidden,oe 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.130",
+  "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.130",
+    "@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