@m4l/components 0.1.25 → 0.1.27

package/components/hook-form/RHFTextField/{index.ba2a8f67.js → index.f9aaaa90.js}

@@ -1,7 +1,7 @@
 import { useModuleSkeleton as y, useEnvironment as C } from "@m4l/core";
 import { styled as H, Skeleton as h, TextField as R, InputAdornment as S } from "@mui/material";
 import { forwardRef as I, useState as T } from "react";
-import { I as b } from "../../mui_extended/IconButton/index.4b5ce8b5.js";
+import { I as b } from "../../mui_extended/IconButton/index.a321e5cb.js";
 import { useFormContext as W, Controller as $ } from "react-hook-form";
 import { jsx as e, jsxs as P } from "react/jsx-runtime";
 const u = H("div")(({

package/components/hook-form/RHFUpload/RHFUploadImage/{components → subcomponents}/UploadImage/styles.d.ts

@@ -4,8 +4,9 @@ export declare const DropZoneStyle: import("@emotion/styled").StyledComponent<im
 export declare const PlaceholderStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ContainerUploadBody: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Containermessage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ContainerTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ContainerDescription: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ContainerConditions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const ContainerTitle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerDescription: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerConditions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const WrapperImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ContainerPlaceHolder: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperFileImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFUpload/{index.6347159a.js → index.ec4d5326.js}

@@ -1,10 +1,10 @@
 import { styled as w, Skeleton as p, FormHelperText as I } from "@mui/material";
 import { useCallback as D } from "react";
-import { useFormContext as y, Controller as N } from "react-hook-form";
-import S from "lodash/isString";
-import { useDropzone as m } from "react-dropzone";
-import { styled as e, alpha as x } from "@mui/material/styles";
-import { I as l } from "../../Image/index.c9da2d5a.js";
+import { useFormContext as y, Controller as m } from "react-hook-form";
+import N from "lodash/isString";
+import { useDropzone as x } from "react-dropzone";
+import { styled as e, alpha as S } from "@mui/material/styles";
+import { I as d } from "../../Image/index.c9da2d5a.js";
 import { useEnvironment as z, useModuleDictionary as h, useModuleSkeleton as A } from "@m4l/core";
 import { jsx as i, jsxs as n, Fragment as b } from "react/jsx-runtime";
 const j = e("div")(({
@@ -12,6 +12,7 @@ const j = e("div")(({
 }) => ({
   width: "inherit",
   height: "100%",
+  minHeight: "200px",
   minWidth: t.spacing(20),
   margin: "auto",
   borderRadius: t.spacing(1),
@@ -61,7 +62,7 @@ const j = e("div")(({
 }) => ({
   padding: t.spacing(3, 5),
   display: "flex",
-  flexWrap: "wrap",
+  flexDirection: "column",
   justifyContent: "center",
   width: "100%",
   height: "100%",
@@ -72,28 +73,25 @@ const j = e("div")(({
   display: "flex",
   justifyContent: "center",
   flexDirection: "column",
-  gap: t.spacing(3)
-})), Y = e("span")(({
+  gap: t.spacing(1)
+})), H = e("div")(({
   theme: t
 }) => ({
-  ...t.typography.subtitle2,
-  width: "fit-content"
-})), H = e("span")(({
+  ...t.typography.subtitle1,
+  textAlign: "center"
+})), Y = e("div")(({
   theme: t
 }) => ({
   ...t.typography.body2,
-  minWidth: t.spacing(20)
-})), k = e("span")(({
+  textAlign: "center"
+})), k = e("div")(({
   theme: t
 }) => ({
   ...t.typography.caption,
-  width: "fit-content"
-})), G = e("div")(({
-  theme: t
-}) => ({
+  textAlign: "center"
+})), G = e("div")(() => ({
   display: "flex",
-  alignItems: "center",
-  maxWidth: t.spacing(20)
+  justifyContent: "center"
 }));
 e("div")(() => ({
   width: "100%",
@@ -104,7 +102,13 @@ e("div")(() => ({
   justifyContent: "center",
   alignItems: "center"
 }));
-const Q = w("div")(({
+const Q = e("div")(() => ({
+  "& .m4l_image > img": {
+    objectFit: "cover",
+    width: "auto",
+    margin: "0 auto"
+  }
+})), f = w("div")(({
   theme: t
 }) => ({
   maskPosition: "center!important",
@@ -115,8 +119,8 @@ const Q = w("div")(({
   height: "100%",
   mask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')",
   WebkitMask: "url('data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==')"
-})), f = () => /* @__PURE__ */ i(j, {
-  children: /* @__PURE__ */ i(Q, {
+})), Z = () => /* @__PURE__ */ i(j, {
+  children: /* @__PURE__ */ i(f, {
     children: /* @__PURE__ */ i(p, {
       variant: "rectangular",
       width: "100%",
@@ -124,61 +128,63 @@ const Q = w("div")(({
     })
   })
 });
-function Z({
+function W({
   error: t,
-  file: M,
+  file: o,
   helperText: s,
-  sx: a,
-  ...c
+  sx: r,
+  ...a
 }) {
   const {
     getRootProps: L,
-    getInputProps: o,
-    isDragActive: r,
-    isDragReject: d
-  } = m({
+    getInputProps: M,
+    isDragActive: u,
+    isDragReject: l
+  } = x({
     multiple: !1,
-    ...c
+    ...a
   }), {
     host_static_assets: C,
     environment_assets: g
   } = z(), {
-    getLabel: u
+    getLabel: c
   } = h();
-  return A() ? /* @__PURE__ */ i(f, {}) : /* @__PURE__ */ n(b, {
+  return A() ? /* @__PURE__ */ i(Z, {}) : /* @__PURE__ */ n(b, {
     children: [/* @__PURE__ */ i(j, {
       sx: {
-        ...(d || t) && {
+        ...(l || t) && {
           borderColor: "error.light"
         },
-        ...a
+        ...r
       },
       children: /* @__PURE__ */ n(T, {
-        id: "DropZoneStyle",
         ...L(),
         sx: {
-          ...r && {
+          ...u && {
             opacity: 0.72
           }
         },
         children: [/* @__PURE__ */ i("input", {
-          ...o()
-        }), M && /* @__PURE__ */ i(l, {
-          alt: "avatar",
-          src: S(M) ? M : M.preview || "",
-          width: "100%"
+          ...M()
+        }), o && /* @__PURE__ */ i(Q, {
+          children: /* @__PURE__ */ i(d, {
+            alt: "avatar",
+            src: N(o) ? o : o.preview || "",
+            width: "auto",
+            height: "100%"
+          })
         }), /* @__PURE__ */ i(E, {
           id: "PlaceholderStyle",
           className: "placeholder",
           sx: {
-            ...M ? {
-              bgcolor: x("#161C24", 0.72),
+            ...o ? {
+              bgcolor: S("#161C24", 0.72),
               color: "common.white",
               opacity: 0
             } : {
               opacity: 1
             },
-            ...(d || t) && {
+            ...(l || t) && {
               bgcolor: "error.lighter",
               borderColor: "error.light",
               color: "error.main"
@@ -187,18 +193,18 @@ function Z({
           children: /* @__PURE__ */ n(v, {
             className: "ContainerUploadBody",
             children: [/* @__PURE__ */ i(G, {
-              children: /* @__PURE__ */ i(l, {
+              children: /* @__PURE__ */ i(d, {
                 src: `${C}/${g}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
-                width: "100%",
-                height: "auto"
+                width: "100px",
+                height: "100px"
               })
             }), /* @__PURE__ */ n(U, {
-              children: [/* @__PURE__ */ i(Y, {
-                children: u(M ? "upload_image.title_update" : "upload_image.title_upload")
-              }), /* @__PURE__ */ i(H, {
-                children: u("upload_image.description")
+              children: [/* @__PURE__ */ i(H, {
+                children: c("upload_image.title_upload")
+              }), /* @__PURE__ */ i(Y, {
+                children: c("upload_image.description")
               }), /* @__PURE__ */ i(k, {
-                children: u("upload_image.conditions")
+                children: c("upload_image.conditions")
               })]
             })]
           })
@@ -207,52 +213,52 @@ function Z({
     }), s && s]
   });
 }
-const W = w("div")(() => ({
+const P = w("div")(() => ({
   width: "inherit",
   height: "inherit",
   padding: "1px"
 }));
-function $({
+function q({
   name: t,
-  ...M
+  ...o
 }) {
   const {
     control: s,
-    setValue: a
-  } = y(), c = D((L) => {
-    const o = L[0];
-    o && a(t, Object.assign(o, {
-      preview: URL.createObjectURL(o)
+    setValue: r
+  } = y(), a = D((L) => {
+    const M = L[0];
+    M && r(t, Object.assign(M, {
+      preview: URL.createObjectURL(M)
     }));
-  }, [a]);
-  return /* @__PURE__ */ i(N, {
+  }, [r]);
+  return /* @__PURE__ */ i(m, {
     name: t,
     control: s,
     render: ({
       field: L,
       fieldState: {
-        error: o
+        error: M
       }
     }) => {
-      const r = !!o && !L.value;
-      return /* @__PURE__ */ n(W, {
-        children: [/* @__PURE__ */ i(Z, {
-          onDrop: c,
-          error: r,
-          ...M,
+      const u = !!M && !L.value;
+      return /* @__PURE__ */ n(P, {
+        children: [/* @__PURE__ */ i(W, {
+          onDrop: a,
+          error: u,
+          ...o,
           file: L.value
-        }), r && /* @__PURE__ */ i(I, {
+        }), u && /* @__PURE__ */ i(I, {
           error: !0,
           sx: {
             px: 2,
             textAlign: "center"
           },
-          children: o.message
+          children: M.message
         })]
       });
     }
   });
 }
 export {
-  $ as R
+  q as R
 };

package/components/mui_extended/Accordion/{index.49f5df8e.js → index.a02ac6ae.js}

@@ -1,7 +1,7 @@
 import { Skeleton as d, Accordion as f, AccordionSummary as x, AccordionDetails as b } from "@mui/material";
-import { I as v } from "../IconButton/index.4b5ce8b5.js";
+import { I as v } from "../IconButton/index.a321e5cb.js";
 import { useEnvironment as y, useModuleSkeleton as I } from "@m4l/core";
-import { I as S } from "../../Icon/index.f569765b.js";
+import { I as S } from "../../Icon/index.619c31c4.js";
 import { styled as c } from "@mui/material/styles";
 import { jsx as t, jsxs as s } from "react/jsx-runtime";
 c("div")(({

package/components/mui_extended/Avatar/index.fe06afd7.js

@@ -0,0 +1,41 @@
+import { forwardRef as m } from "react";
+import { useTheme as p } from "@mui/material/styles";
+import { Skeleton as u, Avatar as s } from "@mui/material";
+import { useModuleSkeleton as f } from "@m4l/core";
+import { jsx as t } from "react/jsx-runtime";
+const l = () => /* @__PURE__ */ t(u, {
+  variant: "circular",
+  width: "32px",
+  height: "32px"
+}), c = m(({
+  color: r = "default",
+  children: o,
+  sx: a,
+  ...n
+}, i) => {
+  const e = p();
+  return f() ? /* @__PURE__ */ t(l, {}) : r === "default" ? /* @__PURE__ */ t(s, {
+    ref: i,
+    sx: {
+      cursor: "pointer",
+      ...a
+    },
+    ...n,
+    children: o
+  }) : /* @__PURE__ */ t(s, {
+    ref: i,
+    sx: {
+      fontWeight: e.typography.fontWeightMedium,
+      color: e.palette[r].contrastText,
+      backgroundColor: e.palette[r].main,
+      cursor: "pointer",
+      ...a
+    },
+    ...n,
+    children: o
+  });
+});
+c.displayName = "Avatar";
+export {
+  c as A
+};

package/components/mui_extended/Button/{index.2afaa420.js → index.51dae0bb.js}

@@ -3,9 +3,9 @@ import { Skeleton as m, styled as S, IconButton as v, Tooltip as I } from "@mui/
 import _ from "@mui/material/Button";
 import { jsx as i } from "react/jsx-runtime";
 import { LoadingButton as b } from "@mui/lab";
-import { I as x } from "../IconButton/index.4b5ce8b5.js";
+import { I as x } from "../IconButton/index.a321e5cb.js";
 import { styled as h, alpha as F } from "@mui/material/styles";
-import { u as L } from "../../DynamicFilter/index.d0753667.js";
+import { u as L } from "../../DynamicFilter/index.e1d4a948.js";
 import { useMemo as u } from "react";
 import { I as $ } from "../../Image/index.c9da2d5a.js";
 const G = (t) => g() ? /* @__PURE__ */ i(m, {

package/components/mui_extended/IconButton/index.a321e5cb.js

@@ -0,0 +1,105 @@
+import { m as f } from "framer-motion";
+import { forwardRef as v, useMemo as I } from "react";
+import { IconButton as l, Box as b, Skeleton as h, Tooltip as x } from "@mui/material";
+import { jsx as e } from "react/jsx-runtime";
+import { useModuleDictionary as B, useModuleSkeleton as S } from "@m4l/core";
+import { I as d } from "../../Icon/index.619c31c4.js";
+const g = {
+  hover: {
+    scale: 1.1
+  },
+  tap: {
+    scale: 0.95
+  }
+}, k = {
+  hover: {
+    scale: 1.09
+  },
+  tap: {
+    scale: 0.97
+  }
+}, w = {
+  hover: {
+    scale: 1.08
+  },
+  tap: {
+    scale: 0.99
+  }
+};
+function M({
+  size: t,
+  children: o
+}) {
+  const a = t === "small", n = t === "large";
+  return /* @__PURE__ */ e(b, {
+    component: f.div,
+    whileTap: "tap",
+    whileHover: "hover",
+    variants: a && g || n && w || k,
+    sx: {
+      display: "inline-flex"
+    },
+    children: o
+  });
+}
+const L = v(({
+  children: t,
+  size: o = "medium",
+  ...a
+}, n) => /* @__PURE__ */ e(M, {
+  size: o,
+  children: /* @__PURE__ */ e(l, {
+    size: o,
+    ref: n,
+    ...a,
+    children: t
+  })
+}));
+L.displayName = "IconButtonAnimate";
+const y = () => /* @__PURE__ */ e(h, {
+  variant: "circular",
+  width: "30px",
+  height: "30px"
+});
+function R({
+  src: t,
+  tooltip: o,
+  size: a = "small",
+  dictionaryTooltip: n,
+  bgColor: s = "primary.active",
+  rotationAngle: c,
+  angleTransition: u,
+  ...r
+}) {
+  const {
+    getLabel: i
+  } = B(), p = S(), m = I(() => {
+    if (!r.disabled)
+      return n && i ? i(n) : o;
+  }, [n, i, r.disabled]);
+  return p ? /* @__PURE__ */ e(y, {}) : m ? /* @__PURE__ */ e(x, {
+    title: m || "",
+    children: /* @__PURE__ */ e(l, {
+      size: a,
+      ...r,
+      children: /* @__PURE__ */ e(d, {
+        src: t,
+        bgColor: r.disabled ? "action.disabled" : s,
+        rotationAngle: c
+      })
+    })
+  }) : /* @__PURE__ */ e(l, {
+    size: a,
+    ...r,
+    children: /* @__PURE__ */ e(d, {
+      src: t,
+      bgColor: r.disabled ? "action.disabled" : s,
+      rotationAngle: c,
+      angleTransition: u
+    })
+  });
+}
+export {
+  R as I,
+  L as a
+};

package/components/mui_extended/IconButton/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 import { IconButtonProps } from './types';
-export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, rotate, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
+export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, rotationAngle, angleTransition, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;

package/components/mui_extended/Pager/{index.a23cf8de.js → index.1dc45f5e.js}

@@ -1,6 +1,6 @@
 import { useMemo as y } from "react";
 import { Skeleton as i, TablePagination as R } from "@mui/material";
-import { P as S } from "../../CommonActions/components/Actions/index.309d3b6f.js";
+import { P as S } from "../../CommonActions/components/Actions/index.edeb05c2.js";
 import { styled as a } from "@mui/material/styles";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 a("div")(() => ({