@m4l/components 9.50.0 → 9.51.0-beta-m4lcom-764-device-picker.0

package/components/hook-form/RHFUpload/RHFUploadImage/slots/RHFUploadImageSlots.js

@@ -1,59 +1,67 @@
 import { styled as t } from "@mui/material/styles";
 import { Button as a } from "../../../../extended/mui/Button/Button.js";
-import { Divider as m } from "../../../../extended/mui/Divider/Divider.js";
-import { IconButton as l } from "../../../../extended/mui/IconButton/IconButton.js";
+import { Divider as l } from "../../../../extended/mui/Divider/Divider.js";
+import { IconButton as m } from "../../../../extended/mui/IconButton/IconButton.js";
 import { Typography as d } from "@m4l/base";
 import { RHF_UPLOAD_IMAGE_KEY_COMPONENT as o } from "../constants.js";
 import { rhfUploadImageStyles as e } from "../RHFUploadImage.styles.js";
 import { UploadImageSlots as n } from "./RHFUploadImageEnum.js";
-const I = t("div", {
+const u = t("div", {
   slot: n.rhfUploadImageRoot,
   name: o
-})(e.rhfUploadImageRoot), u = t("div", {
+})(e.rhfUploadImageRoot), I = t("div", {
   slot: n.uploadImageRoot,
   name: o
 })(e.uploadImageRoot), S = t("div", {
   slot: n.contentModuleLayout,
   name: o
 })(e.contentModuleLayout), f = t("div", {
+  slot: n.emptyState,
+  name: o
+})(e.emptyState), R = t("div", {
   slot: n.contentImage,
   name: o
-})(e.contentImage), R = t("div", {
+})(e.contentImage), M = t("div", {
   slot: n.contentImageText,
   name: o
-})(e.contentImageText), M = t("div", {
+})(e.contentImageText), U = t("span", {
+  slot: n.uploadIllustration,
+  name: o
+})(e.uploadIllustration), h = t("div", {
   slot: n.contentMessage,
   name: o
-})(e.contentMessage), h = t(d, {
+})(e.contentMessage), w = t(d, {
   slot: n.typography,
   name: o
-})(e.typography), U = t(a, {
+})(e.typography), B = t(a, {
   slot: n.button,
   name: o
-})(e.button), w = t(l, {
+})(e.button), C = t(m, {
   slot: n.iconButtonRemove,
   name: o
-})(e.iconButtonRemove), B = t("div", {
+})(e.iconButtonRemove), P = t("div", {
   slot: n.containPreview,
   name: o
-})(e.containPreview), C = t("div", {
+})(e.containPreview), T = t("div", {
   slot: n.previewFallback,
   name: o
-})(e.previewFallback), P = t(m, {
+})(e.previewFallback), b = t(l, {
   slot: n.divider,
   name: o
 })(e.divider);
 export {
-  U as ButtonStyled,
-  B as ContainPreviewStyled,
-  f as ContentImageStyled,
-  R as ContentImageTextStyled,
-  M as ContentMessageStyled,
+  B as ButtonStyled,
+  P as ContainPreviewStyled,
+  R as ContentImageStyled,
+  M as ContentImageTextStyled,
+  h as ContentMessageStyled,
   S as ContentModuleLayoutStyled,
-  P as DividerStyled,
-  w as IconButtonRemoveStyled,
-  C as PreviewFallbackStyled,
-  I as RHFUploadImageRootStyled,
-  h as TypographyStyled,
-  u as UploadImageRootStyled
+  b as DividerStyled,
+  f as EmptyStateStyled,
+  C as IconButtonRemoveStyled,
+  T as PreviewFallbackStyled,
+  u as RHFUploadImageRootStyled,
+  w as TypographyStyled,
+  U as UploadIllustrationStyled,
+  I as UploadImageRootStyled
 };

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadImage.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.tsx"],"names":[],"mappings":"AA0BA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,qDA8IlD,CAAC"}
+{"version":3,"file":"UploadImage.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.tsx"],"names":[],"mappings":"AA2BA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,qDAuJlD,CAAC"}

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/UploadImage.js

@@ -1,134 +1,142 @@
 import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { useState as L, useEffect as $ } from "react";
-import { useHostTools as W, useEnvironment as Y, useModuleDictionary as B } from "@m4l/core";
-import K from "lodash-es/isString";
-import { useDropzone as V } from "react-dropzone";
-import { useComponentSize as G } from "../../../../../../hooks/useComponentSize/index.js";
-import { getPropDataTestId as w } from "../../../../../../test/getNameDataTestId.js";
-import { Image as C } from "../../../../../Image/Image.js";
+import { useState as F, useEffect as H } from "react";
+import { useHostTools as W, useModuleDictionary as Y, useModuleSkeleton as B } from "@m4l/core";
+import G from "lodash-es/isString";
+import { useDropzone as K } from "react-dropzone";
+import { useComponentSize as V } from "../../../../../../hooks/useComponentSize/index.js";
+import { getPropDataTestId as u } from "../../../../../../test/getNameDataTestId.js";
+import { Image as w } from "../../../../../Image/Image.js";
 import { Typography as q } from "@m4l/base";
-import { RHF_UPLOAD_IMAGE_KEY_COMPONENT as p } from "../../constants.js";
+import { RHF_UPLOAD_IMAGE_CLASSES as _, RHF_UPLOAD_IMAGE_KEY_COMPONENT as S } from "../../constants.js";
 import { UploadImageSlots as g } from "../../slots/RHFUploadImageEnum.js";
-import { UploadImageRootStyled as J, ContentModuleLayoutStyled as Q, ContainPreviewStyled as X, IconButtonRemoveStyled as Z, PreviewFallbackStyled as ee, TypographyStyled as l, ContentImageStyled as te, ContentImageTextStyled as oe, ContentMessageStyled as ie, DividerStyled as b, ButtonStyled as ne } from "../../slots/RHFUploadImageSlots.js";
-import { getUploadImageDictionary as r, COMPONENTS_DICTIONARY_KEYS as a } from "./dictionary.js";
-import { getComponentClasses as re } from "../../../../../../utils/getComponentSlotRoot.js";
-const ze = (D) => {
+import { UploadImageRootStyled as J, ContentModuleLayoutStyled as Q, ContainPreviewStyled as X, IconButtonRemoveStyled as Z, PreviewFallbackStyled as $, TypographyStyled as s, EmptyStateStyled as ee, ContentImageStyled as te, ContentImageTextStyled as oe, UploadIllustrationStyled as ie, ContentMessageStyled as re, DividerStyled as C, ButtonStyled as ae } from "../../slots/RHFUploadImageSlots.js";
+import { getUploadImageDictionary as n, COMPONENTS_DICTIONARY_KEYS as l } from "./dictionary.js";
+import { LegacyS3ChipCloseSmallOutlined as ne, LegacyS3RhfUploadImageUploadImageOutlined as le } from "@m4l/icons";
+const _e = (b) => {
   const {
     file: i,
-    size: u,
-    onDrop: R,
-    onRemove: x,
-    maxSize: E,
-    dataTestId: h,
-    error: P = !1,
-    multiple: ae,
-    disabled: f,
-    imageFit: S,
-    height: d,
-    maxHeight: m,
-    ...k
-  } = D, { currentSize: c } = G(u), { toast: T } = W(), t = c === "small" || c === "medium" ? c : "medium", { getInputProps: M, getRootProps: O, open: j, isDragReject: N, isDragAccept: U } = V({
+    size: h,
+    onDrop: D,
+    onRemove: E,
+    maxSize: R,
+    dataTestId: d,
+    error: k = !1,
+    multiple: se,
+    disabled: y,
+    imageFit: f,
+    height: m,
+    maxHeight: c,
+    ...P
+  } = b, { currentSize: p } = V(h), { toast: O } = W(), t = p === "small" || p === "medium" ? p : "medium", { getInputProps: x, getRootProps: M, open: T, isDragReject: U, isDragAccept: L } = K({
     multiple: !1,
     accept: { "image/png": [], "image/jpeg": [], "image/gif": [], "image/ico": [], "image/vnd.microsoft.icon": [], "image/x-icon": [], "image/svg+xml": [] },
-    onDrop: R,
+    onDrop: D,
     /**
      * Runs when a dropped file is rejected (type/size/etc.).
      */
-    onDropRejected: (A) => {
-      A.forEach((_) => {
-        T(
-          { title: _.file.name, description: _.errors[0].message },
+    onDropRejected: (j) => {
+      j.forEach((z) => {
+        O(
+          { title: z.file.name, description: z.errors[0].message },
           { type: "error" }
         );
       });
     },
     noClick: !0,
-    maxSize: E,
-    ...k
-  }), { host_static_assets: v, environment_assets: y } = Y(), { getLabel: n } = B(), I = K(i) ? i : i?.preview || "", [F, z] = L(!1);
-  $(() => {
-    z(!1);
-  }, [I]);
-  const s = {
-    isDragReject: N,
-    isDragAccept: U,
-    error: P,
+    maxSize: R,
+    ...P
+  }), { getLabel: r } = Y(), A = B(), v = G(i) ? i : i?.preview || "", [N, I] = F(!1);
+  H(() => {
+    I(!1);
+  }, [v]);
+  const a = {
+    isDragReject: U,
+    isDragAccept: L,
+    error: k,
     hasFile: !!i,
-    height: d,
-    maxHeight: m
-  }, H = re(p, g);
+    height: m,
+    maxHeight: c
+  };
   return /* @__PURE__ */ e(
     J,
     {
-      className: H.uploadImageRoot,
-      ownerState: { ...s },
-      ...w(p, g.uploadImageRoot, h),
+      className: _.uploadImageRoot,
+      ownerState: { ...a },
+      ...u(S, g.uploadImageRoot, d),
       children: /* @__PURE__ */ o(
         Q,
         {
-          ownerState: { ...s },
-          ...w(p, g.contentModuleLayout, h),
-          ...O(),
+          ownerState: { ...a },
+          ...u(S, g.contentModuleLayout, d),
+          ...M(),
           children: [
             i ? /* @__PURE__ */ o(
               X,
               {
-                ownerState: { ...s, imageFit: S, height: d, maxHeight: m },
+                ownerState: { ...a, imageFit: f, height: m, maxHeight: c },
                 children: [
                   /* @__PURE__ */ e(
                     Z,
                     {
                       variant: "contained",
-                      icon: `${v}/${y}/frontend/components/chip/assets/icons/closeSmall.svg`,
-                      onClick: x,
+                      icon: /* @__PURE__ */ e(ne, {}),
+                      onClick: E,
                       size: t,
-                      disabled: f
+                      disabled: y
                     }
                   ),
-                  F ? /* @__PURE__ */ o(ee, { ownerState: { ...s, imageFit: S, height: d, maxHeight: m }, children: [
-                    /* @__PURE__ */ e(l, { variant: "bodyDens", size: t, children: n(r(a.preview_unavailable_title)) }),
-                    /* @__PURE__ */ e(l, { variant: "bodyStandard", size: t, children: n(r(a.preview_unavailable_description)) })
+                  N ? /* @__PURE__ */ o($, { ownerState: { ...a, imageFit: f, height: m, maxHeight: c }, children: [
+                    /* @__PURE__ */ e(s, { variant: "bodyDens", size: t, children: r(n(l.preview_unavailable_title)) }),
+                    /* @__PURE__ */ e(s, { variant: "bodyStandard", size: t, children: r(n(l.preview_unavailable_description)) })
                   ] }) : /* @__PURE__ */ e(
-                    C,
+                    w,
                     {
-                      src: I,
+                      src: v,
                       enableIntersectionObserver: !1,
                       onError: () => {
-                        z(!0);
+                        I(!0);
                       }
                     }
                   )
                 ]
               }
-            ) : /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" }, children: [
+            ) : /* @__PURE__ */ o(ee, { ownerState: { ...a }, children: [
               /* @__PURE__ */ e(
                 "input",
                 {
-                  ...M()
+                  ...x()
                 }
               ),
               /* @__PURE__ */ o(te, { children: [
                 /* @__PURE__ */ o(oe, { children: [
                   /* @__PURE__ */ e(
-                    C,
+                    ie,
                     {
-                      height: 100,
-                      width: 100,
-                      sizes: u,
-                      src: `${v}/${y}/frontend/components/RHFUploadImage/assets/icons/uploadImage.svg`
+                      "aria-hidden": "true",
+                      className: _.uploadIllustration,
+                      ownerState: { ...a },
+                      ...u(S, g.uploadIllustration, d),
+                      children: A ? /* @__PURE__ */ e(
+                        w,
+                        {
+                          height: 100,
+                          width: 100,
+                          sizes: h
+                        }
+                      ) : /* @__PURE__ */ e(le, {})
                     }
                   ),
-                  /* @__PURE__ */ e(q, { skeletonWidth: 100, variant: "bodyDens", size: t, children: n(r(a.title_upload)) })
+                  /* @__PURE__ */ e(q, { skeletonWidth: 100, variant: "bodyDens", size: t, children: r(n(l.title_upload)) })
                 ] }),
-                /* @__PURE__ */ e(l, { skeletonWidth: 200, skeletonRows: 2, variant: "bodyStandard", size: t, children: n(r(a.description)) }),
-                /* @__PURE__ */ o(ie, { children: [
-                  /* @__PURE__ */ e(b, { orientation: "horizontal", customVariant: "solid", size: t }),
-                  /* @__PURE__ */ e(l, { skeletonWidth: 10, variant: "bodyStandard", size: t, children: n(r(a.divider_text)) }),
-                  /* @__PURE__ */ e(b, { orientation: "horizontal", customVariant: "solid", size: t })
+                /* @__PURE__ */ e(s, { skeletonWidth: 200, skeletonRows: 2, variant: "bodyStandard", size: t, children: r(n(l.description)) }),
+                /* @__PURE__ */ o(re, { children: [
+                  /* @__PURE__ */ e(C, { orientation: "horizontal", customVariant: "solid", size: t }),
+                  /* @__PURE__ */ e(s, { skeletonWidth: 10, variant: "bodyStandard", size: t, children: r(n(l.divider_text)) }),
+                  /* @__PURE__ */ e(C, { orientation: "horizontal", customVariant: "solid", size: t })
                 ] })
               ] })
             ] }),
-            i ? null : /* @__PURE__ */ e(ne, { variant: "contained", color: "primary", onClick: j, label: n(r(a.click_button)), size: t, disabled: f })
+            i ? null : /* @__PURE__ */ e(ae, { variant: "contained", color: "primary", onClick: T, label: r(n(l.click_button)), size: t, disabled: y })
           ]
         }
       )
@@ -136,5 +144,5 @@ const ze = (D) => {
   );
 };
 export {
-  ze as UploadImage
+  _e as UploadImage
 };

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHFUploadSingleFile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,eAAO,MAAM,yBAAyB,EAAE,yBAmJvC,CAAC"}
+{"version":3,"file":"RHFUploadSingleFile.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AACpD,eAAO,MAAM,yBAAyB,EAAE,yBAuLvC,CAAC"}

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.js

@@ -1,6 +1,6 @@
-const a = {
+const s = {
   /**
-   * estilos root
+   * root styles
    */
   root: ({ theme: e }) => ({
     display: "flex",
@@ -9,7 +9,7 @@ const a = {
     height: "300px"
   }),
   /**
-   * estilos containerDropZone
+   * containerDropZone styles
    */
   containerDropZone: ({ theme: e }) => ({
     display: "flex",
@@ -24,7 +24,7 @@ const a = {
     paddingRight: e.vars.size.baseSpacings["sp2-5"]
   }),
   /**
-   * estilos dropZone
+   * dropZone styles
    */
   dropZone: ({ theme: e, ownerState: i }) => ({
     display: "flex",
@@ -38,7 +38,7 @@ const a = {
     cursor: i?.isSkeleton ? "default" : "pointer"
   }),
   /**
-   * estilos containerBlockContent
+   * containerBlockContent styles
    */
   containerBlockContent: ({ theme: e, ownerState: i }) => ({
     flexDirection: "column",
@@ -59,7 +59,7 @@ const a = {
     display: "flex"
   }),
   /**
-   * estilos blockContentGroup
+   * blockContentGroup styles
    */
   blockContentGroup: ({ theme: e }) => ({
     display: "flex",
@@ -69,11 +69,30 @@ const a = {
     flexDirection: "column",
     gap: e.vars.size.baseSpacings.sp2
   }),
-  illustrationUpload: {},
+  /**
+   * illustrationUpload styles
+   */
+  illustrationUpload: () => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 100,
+    height: 100,
+    flex: "0 0 100px",
+    "& .MuiSvgIcon-root": {
+      display: "block",
+      width: "100%",
+      height: "100%"
+    },
+    "& svg": {
+      width: "100%",
+      height: "100%"
+    }
+  }),
   title: {},
   description: {},
   /**
-   * estilos divider
+   * divider styles
    */
   divider: ({ theme: e }) => ({
     display: "flex",
@@ -88,7 +107,7 @@ const a = {
     margin: e.vars.size.baseSpacings.sp3
   }),
   /**
-   * estilos dividerText
+   * dividerText styles
    */
   dividerText: ({ theme: e }) => ({
     position: "absolute",
@@ -97,7 +116,7 @@ const a = {
   }),
   button: {},
   /**
-   * estilos containerPreview
+   * containerPreview styles
    */
   containerPreview: ({ theme: e }) => ({
     display: "flex",
@@ -112,7 +131,7 @@ const a = {
     backgroundColor: e.vars.palette.background.default
   }),
   /**
-   * estilos containerNameSize
+   * containerNameSize styles
    */
   containerNameSize: ({ theme: e }) => ({
     display: "flex",
@@ -122,18 +141,31 @@ const a = {
     justifyContent: "center"
   }),
   /**
-   * estilos imagePreview
+   * imagePreview styles
    */
   imagePreview: ({ theme: e }) => ({
     display: "flex",
     width: e.vars.size.baseSpacings.sp10,
     height: e.vars.size.baseSpacings.sp10,
-    alignItems: "center"
+    alignItems: "center",
+    justifyContent: "center",
+    flex: `0 0 ${e.vars.size.baseSpacings.sp10}`,
+    // The generated artwork keeps its own non-square viewBox, so it is scaled by the
+    // slot footprint and centered by `preserveAspectRatio` instead of being stretched.
+    "& .MuiSvgIcon-root": {
+      display: "block",
+      width: "100%",
+      height: "100%"
+    },
+    "& svg": {
+      width: "100%",
+      height: "100%"
+    }
   }),
   namePreview: {},
   sizePreview: {},
   /**
-   * estilos closePreview
+   * closePreview styles
    */
   closePreview: () => ({
     display: "flex",
@@ -143,5 +175,5 @@ const a = {
   })
 };
 export {
-  a as rhfUploadSingleFileStyles
+  s as rhfUploadSingleFileStyles
 };

package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.d.ts

@@ -25,24 +25,29 @@ export declare const RHF_UPLOAD_SINGLE_FILE_COMPLEMENTARY_CLASSES: {
 };
 export declare const RHF_UPLOAD_SINGLE_FILE_CLASSES: Record<"divider" | "root" | "button" | "label" | "title" | "image" | "description" | "helperError" | "containerDropZone" | "dropZone" | "containerBlockContent" | "blockContentGroup" | "illustrationUpload" | "dividerText" | "containerPreview" | "containerNameSize" | "imagePreview" | "namePreview" | "sizePreview" | "closePreview" | "linearProgress", string>;
 export declare const DEFAULT_MAX_FILE_SIZE: number;
+/**
+ * Per-MIME preview artwork. These are multi-tone gradient illustrations, so the
+ * `imagePreview` slot renders them directly inside a sized span instead of routing
+ * them through `Icon`, which would flatten every gradient into a single theme color.
+ */
 export declare const FILES_ICONS: {
-    readonly 'application/pdf': "frontend/components/RHF_upload_single_file/assets/icons/application_pdf.svg";
-    readonly 'image/jpeg': "frontend/components/RHF_upload_single_file/assets/icons/image_jpeg.svg";
-    readonly 'image/png': "frontend/components/RHF_upload_single_file/assets/icons/image_png.svg";
-    readonly 'image/gif': "frontend/components/RHF_upload_single_file/assets/icons/image_gif.svg";
-    readonly 'image/svg+xml': "frontend/components/RHF_upload_single_file/assets/icons/image_svg%2Bxml.svg";
-    readonly 'audio/mpeg': "frontend/components/RHF_upload_single_file/assets/icons/audio_mpeg.svg";
-    readonly 'video/mp4': "frontend/components/RHF_upload_single_file/assets/icons/video_mp4.svg";
-    readonly 'application/zip': "frontend/components/RHF_upload_single_file/assets/icons/application_zip.svg";
-    readonly 'application/msword': "frontend/components/RHF_upload_single_file/assets/icons/application_msword.svg";
-    readonly 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats_officedocument.wordprocessingml.document.svg";
-    readonly 'application/vnd.ms-excel': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.ms_excel.svg";
-    readonly 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats_officedocument.spreadsheetml.sheet.svg";
-    readonly 'application/vnd.ms-powerpoint': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.ms-powerpoint.svg";
-    readonly 'application/vnd.openxmlformats-officedocument.presentationml.presentation': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats-officedocument.presentationml.presentation.svg";
-    readonly 'text/plain': "frontend/components/RHF_upload_single_file/assets/icons/text_plain.svg";
-    readonly 'application/octet-stream': "frontend/components/RHF_upload_single_file/assets/icons/application_octet_stream.svg";
+    readonly 'application/pdf': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'image/jpeg': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'image/png': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'image/gif': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'image/svg+xml': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'audio/mpeg': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'video/mp4': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/zip': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/msword': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/vnd.ms-excel': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/vnd.ms-powerpoint': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/vnd.openxmlformats-officedocument.presentationml.presentation': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'text/plain': import("@emotion/react/jsx-runtime").JSX.Element;
+    readonly 'application/octet-stream': import("@emotion/react/jsx-runtime").JSX.Element;
 };
-export declare const CLOSE_PREVIEW_ICON = "frontend/components/RHF_upload_single_file/assets/icons/close.svg";
-export declare const ILLUSTRATION_UPLOAD = "frontend/components/RHF_upload_single_file/assets/icons/RHFuploadSingleFile.svg";
+export declare const CLOSE_PREVIEW_ICON: import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ILLUSTRATION_UPLOAD: import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=constants.d.ts.map

package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,eAAO,MAAM,oCAAoC,2BAA2B,CAAC;AAE7E,eAAO,MAAM,4CAA4C;;;;;;;;;;;;;;;;;;;;;;CAGxD,CAAC;AAEF,eAAO,MAAM,8BAA8B,uWAA0G,CAAC;AAEtJ,eAAO,MAAM,qBAAqB,QAAoB,CAAC;AAIvD,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEX,eAAO,MAAM,kBAAkB,sEAA4B,CAAC;AAE5D,eAAO,MAAM,mBAAmB,oFAAoF,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,iCAAiC,CAAC;AAsB3E,eAAO,MAAM,oCAAoC,2BAA2B,CAAC;AAE7E,eAAO,MAAM,4CAA4C;;;;;;;;;;;;;;;;;;;;;;CAGxD,CAAC;AAEF,eAAO,MAAM,8BAA8B,uWAA0G,CAAC;AAEtJ,eAAO,MAAM,qBAAqB,QAAoB,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBd,CAAC;AAEX,eAAO,MAAM,kBAAkB,kDAA6B,CAAC;AAE7D,eAAO,MAAM,mBAAmB,kDAAgD,CAAC"}

package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.js

@@ -1,32 +1,34 @@
-import { getComponentClasses as e } from "../../../../utils/getComponentSlotRoot.js";
-import { RHFUploadSingleFileSlots as n } from "./slots/RHFUploadSingleFileEnum.js";
-const i = "M4LRHFUploadSingleFile", p = {
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { getComponentClasses as i } from "../../../../utils/getComponentSlotRoot.js";
+import { RHFUploadSingleFileSlots as l } from "./slots/RHFUploadSingleFileEnum.js";
+import { LegacyS3RhfUploadImageUploadImageOutlined as n, LegacyS3RhfUploadSingleFileApplicationOctetStreamOutlined as o, LegacyS3RhfUploadSingleFileTextPlainOutlined as a, LegacyS3RhfUploadSingleFileApplicationPresentationmlPresentationOutlined as p, LegacyS3RhfUploadSingleFileApplicationMsPowerpointOutlined as t, LegacyS3RhfUploadSingleFileApplicationSpreadsheetmlSheetOutlined as d, LegacyS3RhfUploadSingleFileApplicationMsExcelOutlined as g, LegacyS3RhfUploadSingleFileApplicationWordprocessingmlDocumentOutlined as c, LegacyS3RhfUploadSingleFileApplicationMswordOutlined as S, LegacyS3RhfUploadSingleFileApplicationZipOutlined as m, LegacyS3RhfUploadSingleFileVideoMp4Outlined as s, LegacyS3RhfUploadSingleFileAudioMpegOutlined as r, LegacyS3RhfUploadSingleFileImageSvgXmlOutlined as L, LegacyS3RhfUploadSingleFileImageGifOutlined as f, LegacyS3RhfUploadSingleFileImagePngOutlined as O, LegacyS3RhfUploadSingleFileImageJpegOutlined as F, LegacyS3RhfUploadSingleFileApplicationPdfOutlined as U, ActionsCloseMdOutlined as u } from "@m4l/icons";
+const R = "M4LRHFUploadSingleFile", h = {
   linearProgress: "linearProgress-linearProgress",
-  ...n
-}, a = e(i, p), l = 100 * 1024 * 1024, o = "frontend/components/RHF_upload_single_file/assets/icons", m = {
-  "application/pdf": `${o}/application_pdf.svg`,
-  "image/jpeg": `${o}/image_jpeg.svg`,
-  "image/png": `${o}/image_png.svg`,
-  "image/gif": `${o}/image_gif.svg`,
-  "image/svg+xml": `${o}/image_svg%2Bxml.svg`,
-  "audio/mpeg": `${o}/audio_mpeg.svg`,
-  "video/mp4": `${o}/video_mp4.svg`,
-  "application/zip": `${o}/application_zip.svg`,
-  "application/msword": `${o}/application_msword.svg`,
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": `${o}/application_vnd.openxmlformats_officedocument.wordprocessingml.document.svg`,
-  "application/vnd.ms-excel": `${o}/application_vnd.ms_excel.svg`,
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": `${o}/application_vnd.openxmlformats_officedocument.spreadsheetml.sheet.svg`,
-  "application/vnd.ms-powerpoint": `${o}/application_vnd.ms-powerpoint.svg`,
-  "application/vnd.openxmlformats-officedocument.presentationml.presentation": `${o}/application_vnd.openxmlformats-officedocument.presentationml.presentation.svg`,
-  "text/plain": `${o}/text_plain.svg`,
-  "application/octet-stream": `${o}/application_octet_stream.svg`
-}, c = `${o}/close.svg`, _ = "frontend/components/RHF_upload_single_file/assets/icons/RHFuploadSingleFile.svg";
+  ...l
+}, y = i(R, h), P = 100 * 1024 * 1024, M = {
+  "application/pdf": /* @__PURE__ */ e(U, {}),
+  "image/jpeg": /* @__PURE__ */ e(F, {}),
+  "image/png": /* @__PURE__ */ e(O, {}),
+  "image/gif": /* @__PURE__ */ e(f, {}),
+  "image/svg+xml": /* @__PURE__ */ e(L, {}),
+  "audio/mpeg": /* @__PURE__ */ e(r, {}),
+  "video/mp4": /* @__PURE__ */ e(s, {}),
+  "application/zip": /* @__PURE__ */ e(m, {}),
+  "application/msword": /* @__PURE__ */ e(S, {}),
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": /* @__PURE__ */ e(c, {}),
+  "application/vnd.ms-excel": /* @__PURE__ */ e(g, {}),
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": /* @__PURE__ */ e(d, {}),
+  "application/vnd.ms-powerpoint": /* @__PURE__ */ e(t, {}),
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": /* @__PURE__ */ e(p, {}),
+  "text/plain": /* @__PURE__ */ e(a, {}),
+  "application/octet-stream": /* @__PURE__ */ e(o, {})
+}, x = /* @__PURE__ */ e(u, {}), C = /* @__PURE__ */ e(n, {});
 export {
-  c as CLOSE_PREVIEW_ICON,
-  l as DEFAULT_MAX_FILE_SIZE,
-  m as FILES_ICONS,
-  _ as ILLUSTRATION_UPLOAD,
-  a as RHF_UPLOAD_SINGLE_FILE_CLASSES,
-  p as RHF_UPLOAD_SINGLE_FILE_COMPLEMENTARY_CLASSES,
-  i as RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT
+  x as CLOSE_PREVIEW_ICON,
+  P as DEFAULT_MAX_FILE_SIZE,
+  M as FILES_ICONS,
+  C as ILLUSTRATION_UPLOAD,
+  y as RHF_UPLOAD_SINGLE_FILE_CLASSES,
+  h as RHF_UPLOAD_SINGLE_FILE_COMPLEMENTARY_CLASSES,
+  R as RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT
 };