@mage-ui/components 1.0.132 → 1.0.134

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

@@ -5,7 +5,7 @@ import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone/Dropzone.d.ts
 type DropzoneProps = Omit<DropzoneBaseProps, 'children' | 'classNames'> & {
-  children?: ReactNode;
+  children?: ReactNode | DropzoneBaseProps['children'];
   label?: ReactNode;
   description?: ReactNode;
   error?: ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"mappings":";;;;;;KA0BY,aAAA,GAAgB,IAAA,CAC1B,iBAAA;EAGA,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,cAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,YAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,aAAA;IACA,iBAAA;IACA,qBAAA;IACA,YAAA,GAAe,iBAAA;IACf,gBAAA,GAAmB,iBAAA;EAAA;AAAA;AAAA,cAMV,QAAA;EAAY,QAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,cAAA,EAAA,eAAA;EAAA,UAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAUtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Dropzone.d.mts","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"mappings":";;;;;;KA0BY,aAAA,GAAgB,IAAA,CAC1B,iBAAA;EAGA,QAAA,GAAW,SAAA,GAAY,iBAAA;EACvB,KAAA,GAAQ,SAAA;EACR,WAAA,GAAc,SAAA;EACd,KAAA,GAAQ,SAAA;EACR,cAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,YAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;IACA,aAAA;IACA,iBAAA;IACA,qBAAA;IACA,YAAA,GAAe,iBAAA;IACf,gBAAA,GAAmB,iBAAA;EAAA;AAAA;AAAA,cAMV,QAAA;EAAY,QAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,cAAA,EAAA,eAAA;EAAA,UAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAUtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,2 +1,2 @@
-import{UploadedFiles as e}from"../../data-display/uploaded-files/UploadedFiles.mjs";import{DropzoneBase as t}from"./DropzoneBase.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dropzone as r,dropzoneDescription as i,dropzoneDropzone as a,dropzoneError as o,dropzoneLabel as s,dropzoneLabelWrapper as c,dropzoneRoot as l,dropzoneUploadedFile as u,dropzoneUploadedFiles as d,dropzoneUploadedFilesListItem as f}from"@mage-ui/styled-system/recipes";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useId as h}from"react";const g=({children:g,label:_,description:v,error:y,fileListHeight:b,classNames:x,inputId:S,direction:C=`default`,...w})=>{let T=h(),E=S??T;return m(`div`,{className:n(x?.dropzone??r(),x?.root??l()),children:[(_||v)&&m(`div`,{className:x?.labelWrapper??c(),children:[_&&p(`label`,{htmlFor:E,className:x?.label??s(),children:_}),v&&p(`p`,{className:x?.description??i(),children:v})]}),p(t,{...w,inputId:E,direction:C,classNames:{...x?.dropzoneDropzone??{},dropzoneBase:x?.dropzoneDropzone?.dropzoneBase??a()},children:({files:t,removeFile:n})=>g===void 0?Object.keys(t).length>0?p(e,{classNames:{uploadedFiles:x?.uploadedFiles??d(),root:x?.uploadedFilesRoot},children:Object.values(t).map(t=>p(e.Item,{fileName:t.name,fileType:t.type,fileSize:`${(t.size/1024).toFixed(1)} KB`,fileDate:t.date,url:t.url,onRemove:()=>n(t.name),classNames:{listItem:x?.uploadedFilesListItem??f(),uploadedFile:{...x?.uploadedFile,uploadedFile:x?.uploadedFile?.uploadedFile??u()}}},t.name))}):null:g}),y&&p(`p`,{className:x?.error??o(),children:y})]})};export{g as Dropzone};
+import{UploadedFiles as e}from"../../data-display/uploaded-files/UploadedFiles.mjs";import{DropzoneBase as t}from"./DropzoneBase.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{dropzone as r,dropzoneDescription as i,dropzoneDropzone as a,dropzoneError as o,dropzoneLabel as s,dropzoneLabelWrapper as c,dropzoneRoot as l,dropzoneUploadedFile as u,dropzoneUploadedFiles as d,dropzoneUploadedFilesListItem as f}from"@mage-ui/styled-system/recipes";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{useId as h}from"react";const g=({children:g,label:_,description:v,error:y,fileListHeight:b,classNames:x,inputId:S,direction:C=`default`,...w})=>{let T=h(),E=S??T;return m(`div`,{className:n(x?.dropzone??r(),x?.root??l()),children:[(_||v)&&m(`div`,{className:x?.labelWrapper??c(),children:[_&&p(`label`,{htmlFor:E,className:x?.label??s(),children:_}),v&&p(`p`,{className:x?.description??i(),children:v})]}),p(t,{...w,inputId:E,direction:C,classNames:{...x?.dropzoneDropzone??{},dropzoneBase:x?.dropzoneDropzone?.dropzoneBase??a()},children:({files:t,isUploading:n,removeFile:r})=>g===void 0?Object.keys(t).length>0?p(e,{classNames:{uploadedFiles:x?.uploadedFiles??d(),root:x?.uploadedFilesRoot},children:Object.values(t).map(t=>p(e.Item,{fileName:t.name,fileType:t.type,fileSize:`${(t.size/1024).toFixed(1)} KB`,fileDate:t.date,url:t.url,onRemove:()=>r(t.name),classNames:{listItem:x?.uploadedFilesListItem??f(),uploadedFile:{...x?.uploadedFile,uploadedFile:x?.uploadedFile?.uploadedFile??u()}}},t.name))}):null:typeof g==`function`?g({files:t,isUploading:n,removeFile:r}):g}),y&&p(`p`,{className:x?.error??o(),children:y})]})};export{g as Dropzone};
 //# sourceMappingURL=Dropzone.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzone,\n  dropzoneDescription,\n  dropzoneDropzone,\n  dropzoneError,\n  dropzoneLabel,\n  dropzoneLabelWrapper,\n  dropzoneRoot,\n  dropzoneUploadedFile,\n  dropzoneUploadedFiles,\n  dropzoneUploadedFilesListItem,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  type UploadedFileProps,\n  UploadedFiles,\n} from '@/components/data-display';\n\nimport {\n  DropzoneBase,\n  type DropzoneBaseProps,\n  type FileData,\n} from './DropzoneBase';\n\nexport type DropzoneProps = Omit<\n  DropzoneBaseProps,\n  'children' | 'classNames'\n> & {\n  children?: ReactNode;\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  fileListHeight?: number | string;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    uploadedFiles?: string;\n    uploadedFilesRoot?: string;\n    uploadedFilesListItem?: string;\n    uploadedFile?: UploadedFileProps['classNames'];\n    dropzoneDropzone?: DropzoneBaseProps['classNames'];\n  };\n};\n\nexport type { FileData };\n\nexport const Dropzone = ({\n  children,\n  label,\n  description,\n  error,\n  fileListHeight: _fileListHeight,\n  classNames,\n  inputId,\n  direction = 'default',\n  ...baseProps\n}: DropzoneProps) => {\n  const generatedId = useId();\n  const groupId = inputId ?? generatedId;\n\n  return (\n    <div\n      className={cx(\n        classNames?.dropzone ?? dropzone(),\n        classNames?.root ?? dropzoneRoot(),\n      )}\n    >\n      {(label || description) && (\n        <div className={classNames?.labelWrapper ?? dropzoneLabelWrapper()}>\n          {label && (\n            <label\n              htmlFor={groupId}\n              className={classNames?.label ?? dropzoneLabel()}\n            >\n              {label}\n            </label>\n          )}\n          {description && (\n            <p className={classNames?.description ?? dropzoneDescription()}>\n              {description}\n            </p>\n          )}\n        </div>\n      )}\n      <DropzoneBase\n        {...baseProps}\n        inputId={groupId}\n        direction={direction}\n        classNames={{\n          ...(classNames?.dropzoneDropzone ?? {}),\n          dropzoneBase:\n            classNames?.dropzoneDropzone?.dropzoneBase ?? dropzoneDropzone(),\n        }}\n      >\n        {({ files, removeFile }) => {\n          if (children !== undefined) {\n            return children;\n          }\n          return Object.keys(files).length > 0 ? (\n            <UploadedFiles\n              classNames={{\n                uploadedFiles:\n                  classNames?.uploadedFiles ?? dropzoneUploadedFiles(),\n                root: classNames?.uploadedFilesRoot,\n              }}\n            >\n              {Object.values(files).map((file) => (\n                <UploadedFiles.Item\n                  key={file.name}\n                  fileName={file.name}\n                  fileType={file.type}\n                  fileSize={`${(file.size / 1024).toFixed(1)} KB`}\n                  fileDate={file.date}\n                  url={file.url}\n                  onRemove={() => removeFile(file.name)}\n                  classNames={{\n                    listItem:\n                      classNames?.uploadedFilesListItem ??\n                      dropzoneUploadedFilesListItem(),\n                    uploadedFile: {\n                      ...classNames?.uploadedFile,\n                      uploadedFile:\n                        classNames?.uploadedFile?.uploadedFile ??\n                        dropzoneUploadedFile(),\n                    },\n                  }}\n                />\n              ))}\n            </UploadedFiles>\n          ) : null;\n        }}\n      </DropzoneBase>\n      {error && <p className={classNames?.error ?? dropzoneError()}>{error}</p>}\n    </div>\n  );\n};\n"],"mappings":"yhBAoDA,MAAa,GAAY,CACvB,WACA,QACA,cACA,QACA,eAAgB,EAChB,aACA,UACA,YAAY,UACZ,GAAG,KACgB,CACnB,IAAM,EAAc,GAAO,CACrB,EAAU,GAAW,EAE3B,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,UAJH,EAMI,GAAS,IACT,EAAC,MAAD,CAAK,UAAW,GAAY,cAAgB,GAAsB,UAAlE,CACG,GACC,EAAC,QAAD,CACE,QAAS,EACT,UAAW,GAAY,OAAS,GAAe,UAE9C,EACK,CAAA,CAET,GACC,EAAC,IAAD,CAAG,UAAW,GAAY,aAAe,GAAqB,UAC3D,EACC,CAAA,CAEF,GAER,EAAC,EAAD,CACE,GAAI,EACJ,QAAS,EACE,YACX,WAAY,CACV,GAAI,GAAY,kBAAoB,EAAE,CACtC,aACE,GAAY,kBAAkB,cAAgB,GAAkB,CACnE,WAEC,CAAE,QAAO,gBACL,IAAa,IAAA,GAGV,OAAO,KAAK,EAAM,CAAC,OAAS,EACjC,EAAC,EAAD,CACE,WAAY,CACV,cACE,GAAY,eAAiB,GAAuB,CACtD,KAAM,GAAY,kBACnB,UAEA,OAAO,OAAO,EAAM,CAAC,IAAK,GACzB,EAAC,EAAc,KAAf,CAEE,SAAU,EAAK,KACf,SAAU,EAAK,KACf,SAAU,IAAI,EAAK,KAAO,MAAM,QAAQ,EAAE,CAAC,KAC3C,SAAU,EAAK,KACf,IAAK,EAAK,IACV,aAAgB,EAAW,EAAK,KAAK,CACrC,WAAY,CACV,SACE,GAAY,uBACZ,GAA+B,CACjC,aAAc,CACZ,GAAG,GAAY,aACf,aACE,GAAY,cAAc,cAC1B,GAAsB,CACzB,CACF,CACD,CAlBK,EAAK,KAkBV,CACF,CACY,CAAA,CACd,KAjCK,EAmCE,CAAA,CACd,GAAS,EAAC,IAAD,CAAG,UAAW,GAAY,OAAS,GAAe,UAAG,EAAU,CAAA,CACrE"}
+{"version":3,"file":"Dropzone.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/Dropzone.tsx"],"sourcesContent":["import { type ReactNode, useId } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  dropzone,\n  dropzoneDescription,\n  dropzoneDropzone,\n  dropzoneError,\n  dropzoneLabel,\n  dropzoneLabelWrapper,\n  dropzoneRoot,\n  dropzoneUploadedFile,\n  dropzoneUploadedFiles,\n  dropzoneUploadedFilesListItem,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  type UploadedFileProps,\n  UploadedFiles,\n} from '@/components/data-display';\n\nimport {\n  DropzoneBase,\n  type DropzoneBaseProps,\n  type FileData,\n} from './DropzoneBase';\n\nexport type DropzoneProps = Omit<\n  DropzoneBaseProps,\n  'children' | 'classNames'\n> & {\n  children?: ReactNode | DropzoneBaseProps['children'];\n  label?: ReactNode;\n  description?: ReactNode;\n  error?: ReactNode;\n  fileListHeight?: number | string;\n  classNames?: {\n    dropzone?: string;\n    root?: string;\n    labelWrapper?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n    uploadedFiles?: string;\n    uploadedFilesRoot?: string;\n    uploadedFilesListItem?: string;\n    uploadedFile?: UploadedFileProps['classNames'];\n    dropzoneDropzone?: DropzoneBaseProps['classNames'];\n  };\n};\n\nexport type { FileData };\n\nexport const Dropzone = ({\n  children,\n  label,\n  description,\n  error,\n  fileListHeight: _fileListHeight,\n  classNames,\n  inputId,\n  direction = 'default',\n  ...baseProps\n}: DropzoneProps) => {\n  const generatedId = useId();\n  const groupId = inputId ?? generatedId;\n\n  return (\n    <div\n      className={cx(\n        classNames?.dropzone ?? dropzone(),\n        classNames?.root ?? dropzoneRoot(),\n      )}\n    >\n      {(label || description) && (\n        <div className={classNames?.labelWrapper ?? dropzoneLabelWrapper()}>\n          {label && (\n            <label\n              htmlFor={groupId}\n              className={classNames?.label ?? dropzoneLabel()}\n            >\n              {label}\n            </label>\n          )}\n          {description && (\n            <p className={classNames?.description ?? dropzoneDescription()}>\n              {description}\n            </p>\n          )}\n        </div>\n      )}\n      <DropzoneBase\n        {...baseProps}\n        inputId={groupId}\n        direction={direction}\n        classNames={{\n          ...(classNames?.dropzoneDropzone ?? {}),\n          dropzoneBase:\n            classNames?.dropzoneDropzone?.dropzoneBase ?? dropzoneDropzone(),\n        }}\n      >\n        {({ files, isUploading, removeFile }) => {\n          if (children !== undefined) {\n            return typeof children === 'function'\n              ? children({ files, isUploading, removeFile })\n              : children;\n          }\n          return Object.keys(files).length > 0 ? (\n            <UploadedFiles\n              classNames={{\n                uploadedFiles:\n                  classNames?.uploadedFiles ?? dropzoneUploadedFiles(),\n                root: classNames?.uploadedFilesRoot,\n              }}\n            >\n              {Object.values(files).map((file) => (\n                <UploadedFiles.Item\n                  key={file.name}\n                  fileName={file.name}\n                  fileType={file.type}\n                  fileSize={`${(file.size / 1024).toFixed(1)} KB`}\n                  fileDate={file.date}\n                  url={file.url}\n                  onRemove={() => removeFile(file.name)}\n                  classNames={{\n                    listItem:\n                      classNames?.uploadedFilesListItem ??\n                      dropzoneUploadedFilesListItem(),\n                    uploadedFile: {\n                      ...classNames?.uploadedFile,\n                      uploadedFile:\n                        classNames?.uploadedFile?.uploadedFile ??\n                        dropzoneUploadedFile(),\n                    },\n                  }}\n                />\n              ))}\n            </UploadedFiles>\n          ) : null;\n        }}\n      </DropzoneBase>\n      {error && <p className={classNames?.error ?? dropzoneError()}>{error}</p>}\n    </div>\n  );\n};\n"],"mappings":"yhBAoDA,MAAa,GAAY,CACvB,WACA,QACA,cACA,QACA,eAAgB,EAChB,aACA,UACA,YAAY,UACZ,GAAG,KACgB,CACnB,IAAM,EAAc,GAAO,CACrB,EAAU,GAAW,EAE3B,OACE,EAAC,MAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,UAJH,EAMI,GAAS,IACT,EAAC,MAAD,CAAK,UAAW,GAAY,cAAgB,GAAsB,UAAlE,CACG,GACC,EAAC,QAAD,CACE,QAAS,EACT,UAAW,GAAY,OAAS,GAAe,UAE9C,EACK,CAAA,CAET,GACC,EAAC,IAAD,CAAG,UAAW,GAAY,aAAe,GAAqB,UAC3D,EACC,CAAA,CAEF,GAER,EAAC,EAAD,CACE,GAAI,EACJ,QAAS,EACE,YACX,WAAY,CACV,GAAI,GAAY,kBAAoB,EAAE,CACtC,aACE,GAAY,kBAAkB,cAAgB,GAAkB,CACnE,WAEC,CAAE,QAAO,cAAa,gBAClB,IAAa,IAAA,GAKV,OAAO,KAAK,EAAM,CAAC,OAAS,EACjC,EAAC,EAAD,CACE,WAAY,CACV,cACE,GAAY,eAAiB,GAAuB,CACtD,KAAM,GAAY,kBACnB,UAEA,OAAO,OAAO,EAAM,CAAC,IAAK,GACzB,EAAC,EAAc,KAAf,CAEE,SAAU,EAAK,KACf,SAAU,EAAK,KACf,SAAU,IAAI,EAAK,KAAO,MAAM,QAAQ,EAAE,CAAC,KAC3C,SAAU,EAAK,KACf,IAAK,EAAK,IACV,aAAgB,EAAW,EAAK,KAAK,CACrC,WAAY,CACV,SACE,GAAY,uBACZ,GAA+B,CACjC,aAAc,CACZ,GAAG,GAAY,aACf,aACE,GAAY,cAAc,cAC1B,GAAsB,CACzB,CACF,CACD,CAlBK,EAAK,KAkBV,CACF,CACY,CAAA,CACd,KAnCK,OAAO,GAAa,WACvB,EAAS,CAAE,QAAO,cAAa,aAAY,CAAC,CAC5C,EAmCK,CAAA,CACd,GAAS,EAAC,IAAD,CAAG,UAAW,GAAY,OAAS,GAAe,UAAG,EAAU,CAAA,CACrE"}

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

@@ -1,4 +1,5 @@
 import { IconProps } from "../../../data-display/icons/icon/Icon.mjs";
+import { AvatarDropzoneClassNames } from "./AvatarDropzoneBase.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/controls/dropzone/avatar/AvatarDropzone.d.ts
@@ -6,14 +7,8 @@ type AvatarDropzoneProps = {
   value?: string;
   onChange?: (file: File) => void;
   maxSize?: number;
-  classNames?: {
-    dropzone?: string;
-    root?: string;
-    inner?: string;
-    image?: string;
-    overlay?: string;
-    overlayIconSlot?: string;
-    iconSlot?: string;
+  disabled?: boolean;
+  classNames?: Omit<AvatarDropzoneClassNames, 'loader'> & {
     icon?: IconProps['classNames'];
   };
 };
@@ -21,6 +16,7 @@ declare const AvatarDropzone: ({
   value,
   onChange,
   maxSize,
+  disabled,
   classNames
 }: AvatarDropzoneProps) => react_jsx_runtime0.JSX.Element;
 //#endregion

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { IconProps } from "../../../data-display/icons/icon/Icon.mjs";
+import { LoaderOvalProps } from "../../../data-display/loader-oval/LoaderOval.mjs";
+//#region src/components/controls/dropzone/avatar/AvatarDropzoneBase.d.ts
+type AvatarDropzoneClassNames = {
+  dropzone?: string;
+  root?: string;
+  inner?: string;
+  image?: string;
+  overlay?: string;
+  overlayIconSlot?: string;
+  iconSlot?: string;
+  icon?: IconProps['classNames'];
+  loader?: LoaderOvalProps['classNames'];
+};
+//#endregion
+export { AvatarDropzoneClassNames };
+//# sourceMappingURL=AvatarDropzoneBase.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzoneBase.d.mts","names":[],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneBase.tsx"],"mappings":";;;KAsBY,wBAAA;EACV,QAAA;EACA,IAAA;EACA,KAAA;EACA,KAAA;EACA,OAAA;EACA,eAAA;EACA,QAAA;EACA,IAAA,GAAO,SAAA;EACP,MAAA,GAAS,eAAA;AAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarDropzoneBase.mjs","names":["MantineDropzone"],"sources":["../../../../../src/components/controls/dropzone/avatar/AvatarDropzoneBase.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  avatarDropzone,\n  avatarDropzoneIcon,\n  avatarDropzoneIconSlot,\n  avatarDropzoneImage,\n  avatarDropzoneInner,\n  avatarDropzoneOverlay,\n  avatarDropzoneOverlayIconSlot,\n  avatarDropzoneRoot,\n} from '@mage-ui/styled-system/recipes';\nimport {\n  IMAGE_MIME_TYPE,\n  Dropzone as MantineDropzone,\n} from '@mantine/dropzone';\nimport {\n  Icon,\n  type IconProps,\n  LoaderOval,\n  type LoaderOvalProps,\n} from '@/components/data-display';\n\nexport type AvatarDropzoneClassNames = {\n  dropzone?: string;\n  root?: string;\n  inner?: string;\n  image?: string;\n  overlay?: string;\n  overlayIconSlot?: string;\n  iconSlot?: string;\n  icon?: IconProps['classNames'];\n  loader?: LoaderOvalProps['classNames'];\n};\n\ntype AvatarDropzoneBaseProps = {\n  value?: string | null;\n  maxSize?: number;\n  disabled?: boolean;\n  isUploading?: boolean;\n  onDrop: (files: File[]) => void | Promise<void>;\n  classNames?: AvatarDropzoneClassNames;\n};\n\nexport const AvatarDropzoneBase = ({\n  value,\n  maxSize,\n  disabled = false,\n  isUploading = false,\n  onDrop,\n  classNames,\n}: AvatarDropzoneBaseProps) => {\n  return (\n    <MantineDropzone\n      onDrop={onDrop}\n      accept={IMAGE_MIME_TYPE}\n      maxFiles={1}\n      maxSize={maxSize}\n      disabled={disabled || isUploading}\n      classNames={{\n        root: cx(\n          classNames?.dropzone ?? avatarDropzone(),\n          classNames?.root ?? avatarDropzoneRoot(),\n          'group',\n        ),\n        inner: classNames?.inner ?? avatarDropzoneInner(),\n      }}\n    >\n      <MantineDropzone.Idle>\n        {isUploading ? (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <LoaderOval classNames={classNames?.loader} />\n          </div>\n        ) : value ? (\n          <>\n            <img\n              src={value}\n              alt='Avatar'\n              className={classNames?.image ?? avatarDropzoneImage()}\n            />\n            <div className={classNames?.overlay ?? avatarDropzoneOverlay()} />\n            <div\n              className={\n                classNames?.overlayIconSlot ?? avatarDropzoneOverlayIconSlot()\n              }\n            >\n              <Icon\n                name='mage-avatar-dropzone-camera-plus'\n                path='/icons/sprite-mage.svg'\n                classNames={{\n                  icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n                }}\n              />\n            </div>\n          </>\n        ) : (\n          <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n            <Icon\n              name='mage-avatar-dropzone-camera-plus'\n              path='/icons/sprite-mage.svg'\n              classNames={{\n                icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n              }}\n            />\n          </div>\n        )}\n      </MantineDropzone.Idle>\n      <MantineDropzone.Accept>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-up'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Accept>\n      <MantineDropzone.Reject>\n        <div className={classNames?.iconSlot ?? avatarDropzoneIconSlot()}>\n          <Icon\n            name='mage-dropzone-thumbs-down'\n            path='/icons/sprite-mage.svg'\n            classNames={{\n              icon: classNames?.icon?.icon ?? avatarDropzoneIcon(),\n            }}\n          />\n        </div>\n      </MantineDropzone.Reject>\n    </MantineDropzone>\n  );\n};\n"],"mappings":"6jBA2CA,MAAa,GAAsB,CACjC,QACA,UACA,WAAW,GACX,cAAc,GACd,SACA,gBAGE,EAACA,EAAD,CACU,SACR,OAAQ,EACR,SAAU,EACD,UACT,SAAU,GAAY,EACtB,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAgB,CACxC,GAAY,MAAQ,GAAoB,CACxC,QACD,CACD,MAAO,GAAY,OAAS,GAAqB,CAClD,UAbH,CAeE,EAACA,EAAgB,KAAjB,CAAA,SACG,EACC,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CAAY,WAAY,GAAY,OAAU,CAAA,CAC1C,CAAA,CACJ,EACF,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,IAAK,EACL,IAAI,SACJ,UAAW,GAAY,OAAS,GAAqB,CACrD,CAAA,CACF,EAAC,MAAD,CAAK,UAAW,GAAY,SAAW,GAAuB,CAAI,CAAA,CAClE,EAAC,MAAD,CACE,UACE,GAAY,iBAAmB,GAA+B,UAGhE,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACL,CAAA,CAAA,CAEH,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,mCACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CAEa,CAAA,CACvB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,0BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACzB,EAACA,EAAgB,OAAjB,CAAA,SACE,EAAC,MAAD,CAAK,UAAW,GAAY,UAAY,GAAwB,UAC9D,EAAC,EAAD,CACE,KAAK,4BACL,KAAK,yBACL,WAAY,CACV,KAAM,GAAY,MAAM,MAAQ,GAAoB,CACrD,CACD,CAAA,CACE,CAAA,CACiB,CAAA,CACT"}

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

@@ -1,5 +1,6 @@
 import { IconProps } from "../../../data-display/icons/icon/Icon.mjs";
 import { LoaderOvalProps } from "../../../data-display/loader-oval/LoaderOval.mjs";
+import { AvatarDropzoneClassNames } from "./AvatarDropzoneBase.mjs";
 import { S3InitBody, S3UploadConfig } from "../use-s3-upload.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -9,14 +10,8 @@ type AvatarDropzoneS3Props<TInitBody extends S3InitBody = S3InitBody> = S3Upload
   onChange?: (url: string) => void;
   onError?: (message: string) => void;
   maxSize?: number;
-  classNames?: {
-    dropzone?: string;
-    root?: string;
-    inner?: string;
-    image?: string;
-    overlay?: string;
-    overlayIconSlot?: string;
-    iconSlot?: string;
+  disabled?: boolean;
+  classNames?: AvatarDropzoneClassNames & {
     icon?: IconProps['classNames'];
     loader?: LoaderOvalProps['classNames'];
   };
@@ -26,6 +21,7 @@ declare const AvatarDropzoneS3: <TInitBody extends S3InitBody = S3InitBody>({
   onChange,
   onError,
   maxSize,
+  disabled,
   classNames,
   initUrl,
   buildInitBody,

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

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

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

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

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

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

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`]),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`,`Form.DropzoneS3`]),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]);\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"}
+{"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.DropzoneS3',\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,kBACD,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.132",
+  "version": "1.0.134",
   "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.132",
+    "@mage-ui/preset": "1.0.134",
     "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {