@m4l/components 3.1.8 → 3.1.9

package/{vendor-AfIOyqRr.js → vendor-BDLrgGjq.js}

@@ -45,6 +45,9 @@ import { SketchPicker } from "react-color";
 import "leaflet-polylinedecorator";
 import { useDrag, useDrop, DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
+import "simplebar-react/dist/simplebar.min.css";
+import { inputBaseClasses } from "@mui/material/InputBase";
+import { typographyClasses } from "@mui/material/Typography";
 import { DateTimePicker } from "@mui/x-date-pickers";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { Helmet } from "react-helmet-async";
@@ -513,8 +516,8 @@ const DivIcon = styled$1("div", {
             transition: `transform ${angleTransition}s ease-in-out`,
         }), */
 }));
-const componentName$K = "M4LIcon";
-generateUtilityClasses(componentName$K, [
+const componentName$J = "M4LIcon";
+generateUtilityClasses(componentName$J, [
   /* elements */
   "root",
   "icon",
@@ -528,7 +531,7 @@ generateUtilityClasses(componentName$K, [
   "rotationAngle"
 ]);
 function getIconClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName$K, slot);
+  return generateUtilityClass(componentName$J, slot);
 }
 const useUtilityClasses$i = (ownerState) => {
   const slots = {
@@ -558,7 +561,7 @@ const useUtilityClasses$i = (ownerState) => {
 };
 const TEST_PROP_ID = "data-testid";
 const ICON_PREFIX$2 = "Icon";
-const getNameDataTestId$f = (KEY) => {
+const getNameDataTestId$e = (KEY) => {
   return `${ICON_PREFIX$2}-${KEY}`;
 };
 function Icon(props) {
@@ -573,14 +576,14 @@ function Icon(props) {
     IconRoot,
     {
       className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$f("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$e("root") } : {},
       children: /* @__PURE__ */ jsx(
         DivIcon,
         {
           className: classes2.icon,
           src,
           rotationAngle,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$f("icon") } : {}
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$e("icon") } : {}
         }
       )
     }
@@ -600,8 +603,8 @@ const SkeletonIconButton = (props) => {
 const IconButtonRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LIconButton?.styleOverrides
 }));
-const componentName$J = "M4LIconButton";
-const iconButtonClasses = generateUtilityClasses(componentName$J, [
+const componentName$I = "M4LIconButton";
+const iconButtonClasses = generateUtilityClasses(componentName$I, [
   /* elements */
   "root",
   "skeleton",
@@ -618,7 +621,7 @@ const iconButtonClasses = generateUtilityClasses(componentName$J, [
   "toggleNotPressed"
 ]);
 function getIconButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName$J, slot);
+  return generateUtilityClass(componentName$I, slot);
 }
 const useUtilityClasses$h = (ownerState) => {
   const slots = {
@@ -2866,6 +2869,8 @@ function withSizeProvider(ComposedComponent) {
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;
 const DEBOUCED_SAVE_TIME = 500;
+const COOKIE_AREAS_ADMIN_CONTAINER_ID = "areas";
+const COOKIE_AREAS_ADMIN_ID = "admin";
 const COOKIE_BREAKPOINT_LAYOUTS = "layoutPros";
 const COOKIE_WINDOWS = "windows";
 const BREAKPOINT_SIZES = { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 1 };
@@ -3052,6 +3057,49 @@ function getCookiesContainer(data, containerId) {
   }
   return cookies;
 }
+function getSelectedAreaIdFromCookies(cookiesResponse) {
+  return typeof cookiesResponse?.data?.[0]?.value === "string" && JSON.parse(cookiesResponse?.data?.[0]?.value || "{}")?.selectedAreaId;
+}
+function getCookie({
+  networkOperation,
+  params,
+  withToast = {}
+}) {
+  return networkOperation({
+    method: "GET",
+    endPoint: "cookies",
+    parms: params ?? {},
+    toastSuccess: withToast?.success ?? false,
+    toastError: withToast?.error ?? false
+  });
+}
+function setCookie({
+  networkOperation,
+  endPoint,
+  value,
+  withToast = {}
+}) {
+  return networkOperation({
+    method: "PUT",
+    endPoint: `cookies/${endPoint}`,
+    data: { value: JSON.stringify(value) },
+    toastSuccess: withToast?.success ?? false,
+    toastError: withToast?.error ?? false
+  });
+}
+function deleteCookie({
+  networkOperation,
+  data,
+  withToast = {}
+}) {
+  return networkOperation({
+    method: "DELETE",
+    endPoint: "cookies",
+    data,
+    toastSuccess: withToast?.success ?? false,
+    toastError: withToast?.error ?? false
+  });
+}
 const createAreasStore = (initProps) => {
   const startProps = {
     viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
@@ -3086,35 +3134,53 @@ const createAreasStore = (initProps) => {
               state.ownerState.status = "loading";
               updateOwnerStateClasses(state);
             });
-            get().networkOperation({
+            const cookiePromise = getCookie({
+              networkOperation: get().networkOperation,
+              params: {
+                f: [
+                  { n: "container_id", o: "e", o1: COOKIE_AREAS_ADMIN_CONTAINER_ID },
+                  { n: "id", o: "e", o1: COOKIE_AREAS_ADMIN_ID }
+                ]
+              }
+            });
+            const areasPromise = get().networkOperation({
               method: "GET",
               endPoint: `areas`,
               parms: {},
               toastSuccess: false
-            }).then((response) => {
-              set((state) => {
-                if (response?.data && Array.isArray(response.data) && response.data.length > 0) {
-                  for (let i = 0; i < response.data.length; i++) {
-                    const newArea = {
-                      ...DEFAULT_AREA,
-                      ...response.data[i],
-                      loadWindows: true
-                      //Se indica que si se carguen las ventas debido a que viene de la API
-                    };
-                    state.hashAreas[newArea.id] = newArea;
-                    state.areasIds.push(newArea.id);
+            });
+            let selectedAreaIdCookie;
+            Promise.allSettled([areasPromise, cookiePromise]).then(([areasResponse, cookieResponse]) => {
+              if (areasResponse?.status === "fulfilled") {
+                const areasData = areasResponse?.value?.data;
+                set((state) => {
+                  if (areasData && Array.isArray(areasData) && areasData.length > 0) {
+                    for (let i = 0; i < areasData.length; i++) {
+                      const newArea = {
+                        ...DEFAULT_AREA,
+                        ...areasData[i],
+                        loadWindows: true
+                        //Se indica que si se carguen las ventas debido a que viene de la API
+                      };
+                      state.hashAreas[newArea.id] = newArea;
+                      state.areasIds.push(newArea.id);
+                    }
+                  } else {
+                    addArea(state);
                   }
-                } else {
-                  addArea(state);
-                }
-              });
+                });
+              }
+              if (cookieResponse.status === "fulfilled") {
+                selectedAreaIdCookie = getSelectedAreaIdFromCookies(cookieResponse?.value);
+              }
             }).finally(() => {
               set((state) => {
                 state.ownerState.status = "loaded";
                 updateOwnerStateClasses(state);
               });
               if (get().areasIds.length > 0 && get().currentAreaId === "") {
-                get().areasActions.selectArea(get().areasIds[0]);
+                const selectedAreaId = selectedAreaIdCookie && get().areasIds?.includes?.(selectedAreaIdCookie) ? selectedAreaIdCookie : get().areasIds[0];
+                get().areasActions.selectArea(selectedAreaId);
               }
             });
           },
@@ -3195,6 +3261,11 @@ const createAreasStore = (initProps) => {
               }
             }
             if (get().hashAreas[areaId].maximizedId !== void 0) ;
+            setCookie({
+              networkOperation: get().networkOperation,
+              endPoint: `${COOKIE_AREAS_ADMIN_CONTAINER_ID}/${COOKIE_AREAS_ADMIN_ID}`,
+              value: { selectedAreaId: areaId }
+            });
           },
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
@@ -3341,22 +3412,15 @@ const createAreasStore = (initProps) => {
               }
             }
             if (nrKeys > 0) {
-              get().networkOperation({
-                method: "PUT",
-                endPoint: `cookies/${area.id}/${COOKIE_WINDOWS}`,
-                data: {
-                  value: JSON.stringify(saveObjetc)
-                },
-                toastSuccess: false,
-                toastError: false
+              setCookie({
+                networkOperation: get().networkOperation,
+                endPoint: `${area.id}/${COOKIE_WINDOWS}`,
+                value: saveObjetc
               });
             } else {
-              get().networkOperation({
-                method: "DELETE",
-                endPoint: `cookies`,
-                data: { f: [{ n: "container_id", o: "c", o1: area.id }] },
-                toastSuccess: false,
-                toastError: false
+              deleteCookie({
+                networkOperation: get().networkOperation,
+                data: { f: [{ n: "container_id", o: "c", o1: area.id }] }
               });
             }
           },
@@ -3410,14 +3474,10 @@ const createAreasStore = (initProps) => {
                 }
               }
               if (Object.keys(finalLayouts).length > 0) {
-                get().networkOperation({
-                  method: "PUT",
-                  endPoint: `cookies/${get().hashAreas[areaId].id}/${COOKIE_BREAKPOINT_LAYOUTS}`,
-                  data: {
-                    value: JSON.stringify(finalLayouts)
-                  },
-                  toastSuccess: false,
-                  toastError: false
+                setCookie({
+                  networkOperation: get().networkOperation,
+                  endPoint: `${get().hashAreas[areaId].id}/${COOKIE_BREAKPOINT_LAYOUTS}`,
+                  value: finalLayouts
                 });
               }
             },
@@ -3524,13 +3584,9 @@ const createAreasStore = (initProps) => {
             set((state) => {
               state.hashAreas[areaId].status = "loading";
             });
-            get().networkOperation({
-              method: "GET",
-              endPoint: `cookies`,
-              parms: { f: [{ n: "container_id", o: "e", o1: areaId }] },
-              toastSuccess: false,
-              toastError: false
-              // isRemote: false
+            getCookie({
+              networkOperation: get().networkOperation,
+              params: { f: [{ n: "container_id", o: "e", o1: areaId }] }
             }).then((response) => {
               const area2 = get().hashAreas[areaId];
               if (!area2) {
@@ -3735,14 +3791,10 @@ const createAreasStore = (initProps) => {
             set((state) => {
               const hW = state.hashWindows[windowId];
               if (hW) {
-                get().networkOperation({
-                  method: "PUT",
-                  endPoint: `cookies/${type === "module" ? hW.moduleId : windowId}/${id}`,
-                  data: {
-                    value: JSON.stringify(cookie)
-                  },
-                  toastSuccess: false,
-                  toastError: false
+                setCookie({
+                  networkOperation: get().networkOperation,
+                  endPoint: `${type === "module" ? hW.moduleId : windowId}/${id}`,
+                  value: cookie
                 });
                 if (type === "window") {
                   hW.cookies.windowCookies[id] = cookie;
@@ -3782,18 +3834,14 @@ const createAreasStore = (initProps) => {
                 set((state) => {
                   state.hashWindows[windowId].status = "loading";
                 });
-                get().networkOperation({
-                  method: "GET",
-                  endPoint: `cookies`,
-                  parms: {
+                getCookie({
+                  networkOperation: get().networkOperation,
+                  params: {
                     f: [
                       { n: "container_id", o: "e", o1: hW.windowId },
                       { n: "container_id", o: "e", o1: hW.moduleId }
                     ]
-                  },
-                  toastSuccess: false,
-                  toastError: false
-                  // isRemote: false
+                  }
                 }).then((response) => {
                   set((state) => {
                     const hWs = state.hashWindows[windowId];
@@ -3821,14 +3869,10 @@ const createAreasStore = (initProps) => {
             if (hW) {
               for (const key in hW.cookies.windowCookies) {
                 const cookie = hW.cookies.windowCookies[key];
-                get().networkOperation({
-                  method: "PUT",
-                  endPoint: `cookies/${hW.moduleId}/${key}`,
-                  data: {
-                    value: JSON.stringify(cookie)
-                  },
-                  toastSuccess: false,
-                  toastError: false
+                setCookie({
+                  networkOperation: get().networkOperation,
+                  endPoint: `${hW.moduleId}/${key}`,
+                  value: cookie
                 });
               }
             }
@@ -3836,9 +3880,8 @@ const createAreasStore = (initProps) => {
           resetModuleCookies: (windowId) => {
             const hW = get().hashWindows[windowId];
             if (hW) {
-              get().networkOperation({
-                method: "DELETE",
-                endPoint: `cookies`,
+              deleteCookie({
+                networkOperation: get().networkOperation,
                 data: {
                   f: [
                     {
@@ -3847,9 +3890,7 @@ const createAreasStore = (initProps) => {
                       o1: hW.moduleId
                     }
                   ]
-                },
-                toastSuccess: false,
-                toastError: false
+                }
               });
             }
           },
@@ -3955,8 +3996,8 @@ function useAreasStore(selector, equalityFn) {
   if (!context) throw new Error("useAreasStore context must be use inside AreasContext");
   return useStore(context, selector, equalityFn);
 }
-const componentName$I = "M4LAccordion";
-generateUtilityClasses(componentName$I, [
+const componentName$H = "M4LAccordion";
+generateUtilityClasses(componentName$H, [
   /* elements */
   "root",
   "endIcon",
@@ -3966,7 +4007,7 @@ generateUtilityClasses(componentName$I, [
   /* states or variants of elements */
 ]);
 function getAccordionUtilityClass(slot) {
-  return generateUtilityClass(componentName$I, slot);
+  return generateUtilityClass(componentName$H, slot);
 }
 const accordionUtilityClasses = () => {
   const slots = {
@@ -4027,7 +4068,7 @@ const useUtilityClasses$g = () => {
   };
 };
 const TYPOGRAPHY_PREFIX = "Typography";
-const getNameDataTestId$e = (KEY) => {
+const getNameDataTestId$d = (KEY) => {
   return `${TYPOGRAPHY_PREFIX}-${KEY}`;
 };
 function Typography(props) {
@@ -4044,12 +4085,12 @@ function Typography(props) {
     WarpperTypography,
     {
       className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$e("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d("root") } : {},
       children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, { ...other, variant }) : /* @__PURE__ */ jsx(SkeletonTypography, { skeletonWidth, skeletongHeight })
     }
   );
 }
-const getNameDataTestId$d = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
+const getNameDataTestId$c = (ELEMENT_PREFIX, ELEMENT_KEY, ELEMENT_ID) => {
   return `${ELEMENT_PREFIX}-${[ELEMENT_KEY]}-${ELEMENT_ID}`;
 };
 function getPropDataTestId(prefix, keyName) {
@@ -4075,7 +4116,7 @@ function Accordion(props) {
     {
       className: clsx(classes2.root, className),
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId$d(
+        [TEST_PROP_ID]: getNameDataTestId$c(
           COMPONENT_PREFIX$2,
           "root",
           dataTestId
@@ -4109,7 +4150,7 @@ function Accordion(props) {
                   {
                     className: classes2.labelIcon,
                     ...process.env.NODE_ENV !== "production" ? {
-                      [TEST_PROP_ID]: getNameDataTestId$d(
+                      [TEST_PROP_ID]: getNameDataTestId$c(
                         COMPONENT_PREFIX$2,
                         "labelIcon",
                         dataTestId
@@ -4156,15 +4197,15 @@ const SkeletonAvatar = (props) => {
     }
   );
 };
-const componentName$H = "M4LAvatar";
-generateUtilityClasses(componentName$H, [
+const componentName$G = "M4LAvatar";
+generateUtilityClasses(componentName$G, [
   /* elements */
   "root",
   "skeleton"
   /* states or variants of elements */
 ]);
 function getAvatarUtilityClass(slot) {
-  return generateUtilityClass(componentName$H, slot);
+  return generateUtilityClass(componentName$G, slot);
 }
 const useAvatarUtilityClasses = () => {
   const slots = {
@@ -4297,8 +4338,8 @@ const ButtonRoot = styled$1("div")(({ theme }) => ({
 styled$1(Skeleton)(({ theme }) => ({
   borderRadius: theme.spacing(0.5)
 }));
-const componentName$G = "M4LButton";
-const buttonClasses = generateUtilityClasses(componentName$G, [
+const componentName$F = "M4LButton";
+const buttonClasses = generateUtilityClasses(componentName$F, [
   /* elements */
   "root",
   "skeleton",
@@ -4317,7 +4358,7 @@ const buttonClasses = generateUtilityClasses(componentName$G, [
   "toggleNotPressed"
 ]);
 function getButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName$G, slot);
+  return generateUtilityClass(componentName$F, slot);
 }
 const useUtilityClasses$f = (onwerState) => {
   const slots = {
@@ -4417,8 +4458,8 @@ const SkeletonCheckBox = (props) => {
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));
-const componentName$F = "M4LFieldLabel";
-generateUtilityClasses(componentName$F, [
+const componentName$E = "M4LFieldLabel";
+generateUtilityClasses(componentName$E, [
   /* elements */
   "root",
   "label",
@@ -4437,17 +4478,25 @@ const useUtilityClasses$d = () => {
     containerIcon: ["containerIcon"],
     mandatory: ["mandatory"]
   };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName$F), {});
+  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName$E), {});
   return {
     ...composedClasses
   };
 };
 const FieldLabel = (props) => {
-  const { helperMessage: message, label, mandatory, mandatoryMessage, htmlFor, className } = props;
+  const {
+    helperMessage: message,
+    label,
+    mandatory,
+    mandatoryMessage,
+    htmlFor,
+    className,
+    id
+  } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const classes2 = useUtilityClasses$d();
   const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsx(FieldLabelRoot, { htmlFor, className: clsx(classes2.root, className), children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx(FieldLabelRoot, { htmlFor, className: clsx(classes2.root, className), id, children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes2.label, children: label }),
     mandatory && /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes2.mandatory, children: mandatoryMessage ? `(${mandatoryMessage})` : "*" }),
     message && /* @__PURE__ */ jsx(Tooltip$1, { title: message, className: classes2.tooltip, children: /* @__PURE__ */ jsx("div", { className: classes2.containerIcon, children: /* @__PURE__ */ jsx(
@@ -4497,8 +4546,8 @@ const CheckBox = forwardRef((props, ref) => {
 const CircularProgress = (props) => {
   return /* @__PURE__ */ jsx(CircularProgress$1, { ...props });
 };
-const componentName$E = "M4LBadge";
-const badgeClasses = generateUtilityClasses(componentName$E, [
+const componentName$D = "M4LBadge";
+const badgeClasses = generateUtilityClasses(componentName$D, [
   /* elements */
   "root"
   /* states or variants of elements */
@@ -4587,18 +4636,18 @@ const getRatioValues = (ratio) => {
   }
 };
 const IMAGE_PREFIX = "Image";
-const getNameDataTestId$c = (KEY) => {
+const getNameDataTestId$b = (KEY) => {
   return `${IMAGE_PREFIX}-${KEY}`;
 };
-const componentName$D = "M4LImage";
-generateUtilityClasses(componentName$D, [
+const componentName$C = "M4LImage";
+generateUtilityClasses(componentName$C, [
   /* elements */
   "root",
   "img"
   /* states or variants of elements */
 ]);
 function getImagenClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName$D, slot);
+  return generateUtilityClass(componentName$C, slot);
 }
 const useUtilityClasses$c = () => {
   const slots = {
@@ -4621,7 +4670,7 @@ function Image(props) {
       ImageRoot,
       {
         className: clsx(classes2.root, className),
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c("root") } : {},
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$b("root") } : {},
         style: width && height ? { minWidth: width, minHeight: height, width, height } : { width: "100%", height: "100%" },
         children: /* @__PURE__ */ jsx(
           "img",
@@ -4631,7 +4680,7 @@ function Image(props) {
             className: classes2.img,
             width: !width ? "100%" : ratioImage.width,
             height: !height ? "100%" : ratioImage.height,
-            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c("img") } : {}
+            ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$b("img") } : {}
           }
         )
       }
@@ -4641,14 +4690,14 @@ function Image(props) {
 const WrapperImageButton = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LImageButton?.styleOverrides
 }));
-const componentName$C = "M4LImageButton";
-generateUtilityClasses(componentName$C, [
+const componentName$B = "M4LImageButton";
+generateUtilityClasses(componentName$B, [
   /* elements */
   "root"
   /* states or variants of elements */
 ]);
 function getImageButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName$C, slot);
+  return generateUtilityClass(componentName$B, slot);
 }
 const useUtilityClasses$b = () => {
   const slots = {
@@ -4660,7 +4709,7 @@ const useUtilityClasses$b = () => {
   };
 };
 const IMAGEBUTTON_PREFIX = "ImageButton";
-const getNameDataTestId$b = (KEY) => {
+const getNameDataTestId$a = (KEY) => {
   return `${IMAGEBUTTON_PREFIX}-${KEY}`;
 };
 function ImageButton({
@@ -4680,7 +4729,7 @@ function ImageButton({
     WrapperImageButton,
     {
       className: classes2.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$b("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$a("root") } : {},
       children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip$1, { title: finalTooltip || "", children: imageButton }) : imageButton
     }
   );
@@ -4697,9 +4746,9 @@ const LinkWithRoute = (props) => {
   }
   return /* @__PURE__ */ jsx(Link, { component: Link$1, to, ...other, children });
 };
-const componentName$B = "M4LLoadingButton";
+const componentName$A = "M4LLoadingButton";
 generateUtilityClasses(
-  componentName$B,
+  componentName$A,
   [
     /* elements */
     "root",
@@ -4714,7 +4763,7 @@ generateUtilityClasses(
   ]
 );
 function getLoadingButtonUtilityClass(slot) {
-  return generateUtilityClass(componentName$B, slot);
+  return generateUtilityClass(componentName$A, slot);
 }
 const useUtilityClasses$a = (onwerState) => {
   const slots = {
@@ -4739,7 +4788,7 @@ const LoadingButtonRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LLoadingButton?.styleOverrides
 }));
 const LOADINGBUTTON_PREFIX = "M4LoadingButton";
-const getNameDataTestId$a = (KEY) => {
+const getNameDataTestId$9 = (KEY) => {
   return `${LOADINGBUTTON_PREFIX}-${KEY}`;
 };
 const LoadingButton = (props) => {
@@ -4763,12 +4812,12 @@ const LoadingButton = (props) => {
     LoadingButtonRoot,
     {
       className: clsx(classes2.root, className),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$a("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$9("root") } : {},
       children: !isSkeleton ? /* @__PURE__ */ jsx(LoadingButton$1, { ...other, variant, size, children: /* @__PURE__ */ jsx(Typography, { variant: "action", children }) }) : /* @__PURE__ */ jsx(
         Skeleton,
         {
           className: classes2.skeleton,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$a("skeleton") } : {},
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$9("skeleton") } : {},
           variant: "rectangular",
           width: skeletonWidth
         }
@@ -4794,7 +4843,6 @@ const menuActionsStyles = {
     }
   }),
   badge: {},
-  iconButton: {},
   menuItem: ({ theme, ownerState }) => ({
     display: "flex",
     justifyContent: "center",
@@ -5150,14 +5198,14 @@ function MenuActions(props) {
   ] });
 }
 const MemonizedMenuActions = React__default.memo(MenuActions);
-const componentName$A = "M4LStack";
-generateUtilityClasses(componentName$A, [
+const componentName$z = "M4LStack";
+generateUtilityClasses(componentName$z, [
   /* elements */
   "root"
   /* states or variants of elements */
 ]);
 function getStackUtilityClass(slot) {
-  return generateUtilityClass(componentName$A, slot);
+  return generateUtilityClass(componentName$z, slot);
 }
 const useStackUtilityClasses = () => {
   const slots = {
@@ -5176,14 +5224,14 @@ const Stack = (props) => {
   const { children, className, ...others } = props;
   return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes$3.root, className), children });
 };
-const componentName$z = "M4LTabs";
-generateUtilityClasses(componentName$z, [
+const componentName$y = "M4LTabs";
+generateUtilityClasses(componentName$y, [
   /* elements */
   "root"
   /* states or variants of elements */
 ]);
 function getTabsUtilityClass(slot) {
-  return generateUtilityClass(componentName$z, slot);
+  return generateUtilityClass(componentName$y, slot);
 }
 const useTabsUtilityClasses = () => {
   const slots = {
@@ -5202,14 +5250,14 @@ const Tabs = (props) => {
   const classes2 = useTabsUtilityClasses();
   return /* @__PURE__ */ jsx(MUITabs, { className: clsx(classes2.root, className), ...others, children });
 };
-const componentName$y = "M4LTabContent";
-generateUtilityClasses(componentName$y, [
+const componentName$x = "M4LTabContent";
+generateUtilityClasses(componentName$x, [
   /* elements */
   "root"
   /* states or variants of elements */
 ]);
 function getTabContentUtilityClass(slot) {
-  return generateUtilityClass(componentName$y, slot);
+  return generateUtilityClass(componentName$x, slot);
 }
 const useTabContentUtilityClasses = () => {
   const slots = {
@@ -5231,8 +5279,8 @@ const TabContent = (props) => {
 const PagerRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LPager?.styleOverrides
 }));
-const componentName$x = "M4LPager";
-generateUtilityClasses(componentName$x, [
+const componentName$w = "M4LPager";
+generateUtilityClasses(componentName$w, [
   /* elements */
   "root",
   "labelRowsPerPageContainer",
@@ -5254,7 +5302,7 @@ generateUtilityClasses(componentName$x, [
   /* states or variants of elements */
 ]);
 function getPagerUtilityClass(slot) {
-  return generateUtilityClass(componentName$x, slot);
+  return generateUtilityClass(componentName$w, slot);
 }
 const pagerUtilityClasses = () => {
   const slots = {
@@ -5479,15 +5527,15 @@ const TabRoot = styled$1("div")(({ theme }) => ({
 const SKTTabWrapper = styled$1("div")(({ theme }) => ({
   padding: theme.spacing(1.5, 2)
 }));
-const componentName$w = "M4LTab";
-generateUtilityClasses(componentName$w, [
+const componentName$v = "M4LTab";
+generateUtilityClasses(componentName$v, [
   /* elements */
   "root",
   "skeleton"
   /* states or variants of elements */
 ]);
 function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName$w, slot);
+  return generateUtilityClass(componentName$v, slot);
 }
 const tabUtilityClasses = () => {
   const slots = {
@@ -5509,14 +5557,14 @@ function Tab(props) {
     {
       className: clsx(classes2.root, className),
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId$d(COMPONENT_PREFIX$1, "root", dataTestId)
+        [TEST_PROP_ID]: getNameDataTestId$c(COMPONENT_PREFIX$1, "root", dataTestId)
       } : {},
       children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
         SKTTabWrapper,
         {
           className: classes2.skeleton,
           ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId$d(
+            [TEST_PROP_ID]: getNameDataTestId$c(
               COMPONENT_PREFIX$1,
               "skeleton",
               dataTestId
@@ -5546,14 +5594,14 @@ function TabProvider(props) {
     }
   );
 }
-const componentName$v = "M4LTooltip";
-generateUtilityClasses(componentName$v, [
+const componentName$u = "M4LTooltip";
+generateUtilityClasses(componentName$u, [
   /* elements */
   "root"
   /* states or variants of elements */
 ]);
 function getTooltipUtilityClass(slot) {
-  return generateUtilityClass(componentName$v, slot);
+  return generateUtilityClass(componentName$u, slot);
 }
 const tooltipUtilityClasses = () => {
   const slots = {
@@ -5773,8 +5821,8 @@ function ResizeableWindow(props) {
     }
   );
 }
-const componentName$u = "M4LModal";
-generateUtilityClasses(componentName$u, [
+const componentName$t = "M4LModal";
+generateUtilityClasses(componentName$t, [
   /* elements */
   "root",
   "windowBaseRoot",
@@ -5798,7 +5846,7 @@ generateUtilityClasses(componentName$u, [
   "variantPrimary"
 ]);
 function getModalUtilityClass(slot) {
-  return generateUtilityClass(componentName$u, slot);
+  return generateUtilityClass(componentName$t, slot);
 }
 const modalUtilityClasses = (ownerState) => {
   const slots = {
@@ -5921,9 +5969,9 @@ function ModalProvider({ children }) {
 const FormProviderRoot = styled("form")(({ theme }) => ({
   ...theme.components?.M4LRHFormProvider?.styleOverrides
 }));
-const componentName$t = "M4LRHFormProvider";
+const componentName$s = "M4LRHFormProvider";
 generateUtilityClasses(
-  componentName$t,
+  componentName$s,
   [
     /* elements */
     "root"
@@ -5931,7 +5979,7 @@ generateUtilityClasses(
   ]
 );
 function getRHFormProviderUtilityClass(slot) {
-  return generateUtilityClass(componentName$t, slot);
+  return generateUtilityClass(componentName$s, slot);
 }
 const RHFormProviderUtilityClasses = () => {
   const slots = {
@@ -6004,9 +6052,9 @@ const useFormFocus = () => {
   };
   return { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur };
 };
-const componentName$s = "M4LRHFAutocomplete";
+const componentName$r = "M4LRHFAutocomplete";
 generateUtilityClasses(
-  componentName$s,
+  componentName$r,
   [
     /* elements */
     "root",
@@ -6034,7 +6082,7 @@ generateUtilityClasses(
   ]
 );
 function getRHFAutocompleteClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName$s, slot);
+  return generateUtilityClass(componentName$r, slot);
 }
 const useUtilityClasses$8 = (ownerState) => {
   const slots = {
@@ -6086,7 +6134,7 @@ const WrapperOption = styled$1("li")(({ theme }) => ({
     marginRight: theme.spacing(1.5)
   }
 }));
-const getNameDataTestId$9 = (KEY) => {
+const getNameDataTestId$8 = (KEY) => {
   return `${RHFAUTOCOMPLETE_PREFIX}-${KEY}`;
 };
 function withRenderOption(getUrlImage, classes2) {
@@ -6097,7 +6145,7 @@ function withRenderOption(getUrlImage, classes2) {
         ...optionProps,
         key: optionProps.key,
         className: classes2.withImage,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$9("withImage") } : {}
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$8("withImage") } : {}
       },
       /* @__PURE__ */ jsx(Image, { src: getUrlImage(option) }),
       /* @__PURE__ */ jsx(Typography, { variant: "body", children: optionProps.key })
@@ -6107,8 +6155,8 @@ function withRenderOption(getUrlImage, classes2) {
 const HelperTextRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LErrorLabel?.styleOverrides
 }));
-const componentName$r = "M4LHelperText";
-const errorLabelClasses = generateUtilityClasses(componentName$r, [
+const componentName$q = "M4LHelperText";
+const errorLabelClasses = generateUtilityClasses(componentName$q, [
   /* elements */
   "root",
   /* states or variants of elements */
@@ -6118,7 +6166,7 @@ const errorLabelClasses = generateUtilityClasses(componentName$r, [
   "variantError"
 ]);
 function getHelperTextUtilityClass(slot) {
-  return generateUtilityClass(componentName$r, slot);
+  return generateUtilityClass(componentName$q, slot);
 }
 const useUtilityClasses$7 = (ownerSate) => {
   const slots = {
@@ -6156,7 +6204,7 @@ const SkeletonRHFAutocomplete = (props) => {
       "div",
       {
         className: classes2.skeleton,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$9("skeleton") } : {},
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$8("skeleton") } : {},
         children: !withImage ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("div", { className: classes2.skeletonContainerText, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%", height: "14px" }) }),
           /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 16, height: 16, sx: { minWidth: "16px" } })
@@ -6690,8 +6738,8 @@ function ComponentTypeText$1(props) {
 function RHFAutocomplete(props) {
   return /* @__PURE__ */ jsx(Fragment, { children: props.type === "image" ? /* @__PURE__ */ jsx(ComponentTypeImage$1, { ...props }) : /* @__PURE__ */ jsx(ComponentTypeText$1, { ...props }) });
 }
-const componentName$q = "M4LRHFColorPicker";
-const colorPickerClasses = generateUtilityClasses(componentName$q, [
+const componentName$p = "M4LRHFColorPicker";
+const colorPickerClasses = generateUtilityClasses(componentName$p, [
   /* elements */
   "root",
   "popoverRoot",
@@ -6706,7 +6754,7 @@ const colorPickerClasses = generateUtilityClasses(componentName$q, [
   "isTabSelected"
 ]);
 function getRHFColorPickerUtilityClass(slot) {
-  return generateUtilityClass(componentName$q, slot);
+  return generateUtilityClass(componentName$p, slot);
 }
 const useUtilityClasses$6 = (owmerState) => {
   const slots = {
@@ -6867,9 +6915,9 @@ function getRHFColorPickerComponentsDictionary() {
 function getRHFAutocompleteComponentsDictionary() {
   return ["rhf_autocomplete"];
 }
-const componentName$p = "M4LRHFAutocompleteAsync";
+const componentName$o = "M4LRHFAutocompleteAsync";
 generateUtilityClasses(
-  componentName$p,
+  componentName$o,
   [
     /* elements */
     "root"
@@ -6877,7 +6925,7 @@ generateUtilityClasses(
   ]
 );
 function getRHFAutocompleteAsyncClassesUtilityClass(slot) {
-  return generateUtilityClass(componentName$p, slot);
+  return generateUtilityClass(componentName$o, slot);
 }
 const useUtilityClasses$5 = () => {
   const slots = {
@@ -6919,7 +6967,7 @@ const RHFAutocompleteAsyncRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LRHFAutocompleteAsync?.styleOverrides
 }));
 const RHFAUTOCOMPLETEASYNC_PREFIX = "RHFAutocompleteAsync";
-const getNameDataTestId$8 = (KEY) => {
+const getNameDataTestId$7 = (KEY) => {
   return `${RHFAUTOCOMPLETEASYNC_PREFIX}-${KEY}`;
 };
 function ComponentTypeText(props) {
@@ -6996,7 +7044,7 @@ function ComponentTypeText(props) {
     RHFAutocompleteAsyncRoot,
     {
       className: classes2.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$8("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$7("root") } : {},
       children: /* @__PURE__ */ jsx(
         RHFAutocomplete,
         {
@@ -7087,7 +7135,7 @@ function ComponentTypeImage(props) {
     RHFAutocompleteAsyncRoot,
     {
       className: classes2.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$8("root") } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$7("root") } : {},
       children: /* @__PURE__ */ jsx(
         RHFAutocomplete,
         {
@@ -7168,7 +7216,7 @@ const useUtilityClasses$4 = (ownerState) => {
   };
 };
 const RHFCHEKCBOX_PREFIX = "RHFCheckbox";
-const getNameDataTestId$7 = (KEY, NAME) => {
+const getNameDataTestId$6 = (KEY, NAME) => {
   return `${RHFCHEKCBOX_PREFIX}-${NAME}-${KEY}`;
 };
 function getCommonActionsDictionary() {
@@ -7188,9 +7236,9 @@ function getModalDialogComponentsDictionary() {
 const defaultModalDialogDictionary = {
   modal_dialog: {}
 };
-const componentName$o = "M4LCommonActions";
+const componentName$n = "M4LCommonActions";
 generateUtilityClasses(
-  componentName$o,
+  componentName$n,
   [
     /* elements */
     "root",
@@ -7213,7 +7261,7 @@ const useCommonActionsUtilityClasses = () => {
     actionIntro: ["actionIntro"],
     wrapperActions: ["wrapperActions"]
   };
-  return unstable_composeClasses(slots, getComponentUtilityClass(componentName$o), {});
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName$n), {});
 };
 const WrapperStandarActions = styled$1("div")(({ theme }) => ({
   // paddingTop: theme.spacing(3),
@@ -7572,7 +7620,7 @@ function RHFCheckbox(props) {
         onFocus: handlerFocus,
         onBlur: handlerOnBlur,
         onKeyUp: handlerOnKeyUp,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$7("root", name) } : {},
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$6("root", name) } : {},
         children: /* @__PURE__ */ jsx(
           Controller,
           {
@@ -7584,7 +7632,7 @@ function RHFCheckbox(props) {
                   ContainerCheckTypography,
                   {
                     className: classes2.checkTypography,
-                    ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$7("checkTypography", name) } : {},
+                    ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$6("checkTypography", name) } : {},
                     children: /* @__PURE__ */ jsx(
                       CheckBox,
                       {
@@ -7621,8 +7669,8 @@ const SkeletonRHFDateTime = (props) => {
     ] })
   ] });
 };
-const componentName$n = "M4LRHFDateTime";
-generateUtilityClasses(componentName$n, [
+const componentName$m = "M4LRHFDateTime";
+generateUtilityClasses(componentName$m, [
   /* elements */
   "root",
   "skeleton",
@@ -7638,7 +7686,7 @@ generateUtilityClasses(componentName$n, [
   "variantError"
 ]);
 function getRHFCheckboxUtilityClass(slot) {
-  return generateUtilityClass(componentName$n, slot);
+  return generateUtilityClass(componentName$m, slot);
 }
 const useUtilityClasses$3 = (ownerState) => {
   const slots = {
@@ -7837,38 +7885,149 @@ function RHFSelect({ name, children, ...other }) {
     }
   );
 }
-const SkeletonTextFieldRoot = styled$1("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  width: "100%",
-  gap: "4px"
-}));
-const WrapperSkeletonRHFTextField = styled$1("div")(({ theme }) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  justifyContent: "space-between",
-  border: `1px solid ${theme.vars.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: theme.spacing(1),
-  gap: "4px"
-}));
-const RHFTEXTFIELD_ROOT_TEST_ID = "RHFTextFieldRoot";
-const RHFTEXTFIELD_INPUT_TEST_ID = "RHFTextFieldInput";
-const RHFTEXTFIELD_PREFIX = "RHFTextField";
-const getNameDataTestId$6 = (KEY) => {
-  return `${RHFTEXTFIELD_PREFIX}-${KEY}`;
+var RHFTextFieldSlots = /* @__PURE__ */ ((RHFTextFieldSlots2) => {
+  RHFTextFieldSlots2["root"] = "root";
+  RHFTextFieldSlots2["fieldLabel"] = "fieldLabel";
+  RHFTextFieldSlots2["textField"] = "textField";
+  RHFTextFieldSlots2["skeletonTextFieldRoot"] = "skeletonTextFieldRoot";
+  RHFTextFieldSlots2["wrapperSkeletonRHFTextField"] = "wrapperSkeletonRHFTextField";
+  return RHFTextFieldSlots2;
+})(RHFTextFieldSlots || {});
+const RHF_TEXT_FIELD_KEY_COMPONENT = "RHFTextField";
+const rhfTextFieldStyles = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: "2px",
+    outline: "unset",
+    height: "auto",
+    "& .MuiFormControl-root": {
+      minHeight: "24px",
+      height: "auto",
+      "& .MuiInputBase-multiline": {
+        minHeight: "24px",
+        height: "auto",
+        "& .MuiInputBase-input": {
+          padding: "4px"
+        },
+        "& .MuiOutlinedInput-notchedOutline": {
+          height: "100%",
+          padding: "4px"
+        }
+      }
+    }
+  },
+  fieldLabel: ({ theme }) => ({
+    [`& > .M4LFieldLabel-label > .${typographyClasses.root}`]: {
+      color: theme.vars.palette.text.secondary,
+      transition: "all .5s ease"
+    }
+  }),
+  textField: ({ theme, ownerState }) => ({
+    [`& .${inputBaseClasses.root}`]: {
+      borderRadius: "4px",
+      ...ownerState.size === "small" && {
+        height: "24px",
+        padding: "0px 8px",
+        borderdRadius: "4px",
+        [`& .${inputBaseClasses.inputMultiline}`]: {
+          minHeight: "24px",
+          height: "100%"
+        },
+        [theme.breakpoints.up("sm")]: {
+          height: "20px",
+          padding: "0px 8px"
+        }
+      },
+      // Estilos específicos para el tamaño medium
+      ...ownerState.size === "medium" && {
+        height: "36px",
+        padding: "0px 8px",
+        [`& .${inputBaseClasses.inputMultiline}`]: {
+          minHeight: "36px",
+          height: "100%"
+        },
+        [theme.breakpoints.up("sm")]: {
+          height: "24px",
+          padding: "0px 8px"
+        }
+      }
+    },
+    "& .MuiInputBase-input": {
+      fontSize: "0.875rem",
+      padding: "0px 8px",
+      height: "100%"
+    },
+    "& .MuiOutlinedInput-root": {
+      "&:not(.Mui-focused,input:disabled):hover fieldset": {
+        transition: "all .3s ease",
+        borderColor: ownerState?.error === true ? theme.vars.palette.error.main : theme.vars.palette.primary.light,
+        color: theme.vars.palette.state?.active,
+        background: theme.vars.palette.state?.active12
+      },
+      "&:has(:disabled) fieldset": {
+        color: theme.vars.palette.text.disabled
+      },
+      "&:focus-within": {
+        borderColor: !ownerState.isValid ? theme.palette.state.error.normal : theme.palette.state?.focus
+      },
+      ...ownerState.isValid === false ? {
+        borderColor: theme.palette.state.error.normal
+      } : {}
+    }
+  }),
+  /*  SkeletonTextField Styles */
+  skeletonTextFieldRoot: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    gap: "4px"
+  },
+  wrapperSkeletonRHFTextField: ({ theme }) => ({
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "12px 14px",
+    borderRadius: theme.spacing(1),
+    gap: "4px",
+    backgroundColor: theme.vars.palette.background.neutral,
+    height: "20px"
+  })
 };
+const RHFTextFieldRootStyled = styled$1("div", {
+  name: RHF_TEXT_FIELD_KEY_COMPONENT,
+  slot: RHFTextFieldSlots.root
+})(rhfTextFieldStyles?.root);
+const FieldLabelStyled = styled$1(FieldLabel, {
+  name: RHF_TEXT_FIELD_KEY_COMPONENT,
+  slot: RHFTextFieldSlots.fieldLabel
+})(rhfTextFieldStyles?.fieldLabel);
+const TextFieldStyled = styled$1(TextField, {
+  name: RHF_TEXT_FIELD_KEY_COMPONENT,
+  slot: RHFTextFieldSlots.textField
+})(rhfTextFieldStyles?.textField);
+const SkeletonTextFieldRootStyled = styled$1("div", {
+  name: RHF_TEXT_FIELD_KEY_COMPONENT,
+  slot: RHFTextFieldSlots.skeletonTextFieldRoot
+})(rhfTextFieldStyles?.skeletonTextFieldRoot);
+const WrapperSkeletonRHFTextFieldStyled = styled$1("div", {
+  name: RHF_TEXT_FIELD_KEY_COMPONENT,
+  slot: RHFTextFieldSlots.wrapperSkeletonRHFTextField
+})(rhfTextFieldStyles?.wrapperSkeletonRHFTextField);
 const SkeletonTextField = (props) => {
-  const { skeletonWidth, skeletonHeight, ownerState, classes: classes2, hasLabel } = props;
-  const { type: variant } = ownerState;
-  return /* @__PURE__ */ jsxs(SkeletonTextFieldRoot, { children: [
+  const { skeletonWidth, skeletonHeight, hasLabel, variant } = props;
+  return /* @__PURE__ */ jsxs(SkeletonTextFieldRootStyled, { ownerState: {}, children: [
     (hasLabel || hasLabel?.length === 0) && /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "30%", height: "16px" }),
     /* @__PURE__ */ jsx(
-      WrapperSkeletonRHFTextField,
+      WrapperSkeletonRHFTextFieldStyled,
       {
-        className: classes2.skeleton,
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$6("skeleton") } : {},
+        ownerState: {},
+        ...getPropDataTestId(
+          RHF_TEXT_FIELD_KEY_COMPONENT,
+          RHFTextFieldSlots.wrapperSkeletonRHFTextField
+        ),
         children: variant === "text" ? /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight }),
           /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: "16px", height: "16px" })
@@ -7877,78 +8036,6 @@ const SkeletonTextField = (props) => {
     )
   ] });
 };
-const RHFTextFieldRoot = styled$1("div")(({ theme }) => ({
-  /* Styles overrides of m4l_styles */
-  ...theme.components?.M4LRHFTextField?.styleOverrides
-}));
-styled$1("div")(({ theme }) => ({
-  display: "flex",
-  width: "100%",
-  alignItems: "center",
-  border: `1px solid ${theme.vars.palette.divider}`,
-  padding: "12px 14px",
-  borderRadius: theme.spacing(1)
-}));
-const componentName$m = "M4LRHFTextField";
-generateUtilityClasses(
-  componentName$m,
-  [
-    /* elements */
-    "root",
-    "label",
-    "skeleton",
-    /* states or variants of elements */
-    "variantText",
-    "variantPassword",
-    "variantInfo",
-    "isDisabled",
-    "variantSuccess",
-    "variantWarning",
-    "variantError",
-    "sizeSmall",
-    "sizeMedium",
-    "isFocus",
-    "isTabSelected"
-  ]
-  /*  returna un objeto igual a:
-    {
-        root: 'M4LRHFTextField-root',
-        skeleton: 'M4LRHFTextField-skeleton',
-        variantText: 'M4LRHFTextField-variantText',
-        variantPassword: 'M4LRHFTextField-variantPassword',
-    } 
-    */
-);
-const getRHFTextFieldClassesByState = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.type === "password" ? "variantPassword" : "variantText",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.isFocus && "isFocus",
-      ownerState.isTabSelected && "isTabSelected",
-      ownerState.disabled && "isDisabled",
-      ownerState.variant === "info" && "variantInfo",
-      ownerState.variant === "success" && "variantSuccess",
-      ownerState.variant === "warning" && "variantWarning",
-      ownerState.variant === "error" && "variantError"
-    ],
-    label: ["label"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName$m), {});
-  return {
-    ...composedClasses
-    /* retorna un objeto para una variante de tipo = 'password':
-        {
-            input : "M4LRHFTextField-input"
-            root: "M4LRHFTextField-root M4LRHFTextField-variantPassword"
-            skeleton: "M4LRHFTextField-skeleton"
-        };
-        */
-  };
-};
 const RHFTextField = forwardRef((props, ref) => {
   const {
     name: nameRHF,
@@ -7966,15 +8053,17 @@ const RHFTextField = forwardRef((props, ref) => {
     mandatory,
     mandatoryMessage,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    helperText,
+    helperText = true,
+    isInteger = true,
     ...other
   } = props;
+  const ariaLabelledById = `field-label-${nameRHF}`;
   const {
     control,
     formState: { errors }
   } = useFormContext();
   const [currentVariant, setCurrentVariant] = useState(null);
-  const { isFocus, isTabSelected, handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
+  const { handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
   useEffect(() => {
@@ -7987,28 +8076,27 @@ const RHFTextField = forwardRef((props, ref) => {
     }
   }, [errors[nameRHF], variant, control]);
   const ownerState = {
-    type: type === "password" ? "password" : "text",
+    name: nameRHF,
+    isInteger,
+    type: type ?? "text",
     size: !isDesktop ? "medium" : size,
-    isFocus: !isSkeleton ? isFocus : false,
-    isTabSelected: !isSkeleton ? isTabSelected : false,
-    variant: currentVariant,
     disabled
   };
-  const classes2 = getRHFTextFieldClassesByState(ownerState);
   return (
     /* RHFTextFieldRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides
             que provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros
             componentes de la plataforna web. */
     /* @__PURE__ */ jsx(
-      RHFTextFieldRoot,
+      RHFTextFieldRootStyled,
       {
-        className: classes2.root,
+        ownerState: { ...ownerState },
         tabIndex: 0,
         onFocus: handlerFocus,
         onBlur: handlerOnBlur,
         onKeyUp: handlerOnKeyUp,
         role: "textbox",
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: `${RHFTEXTFIELD_ROOT_TEST_ID}_${nameRHF}` } : {},
+        htmlFor: nameRHF,
+        ...getPropDataTestId(RHF_TEXT_FIELD_KEY_COMPONENT, RHFTextFieldSlots.root),
         children: !isSkeleton ? (
           /* controller: Componente usado para suscribir el componente al contexto de hook-form */
           /* @__PURE__ */ jsx(
@@ -8016,42 +8104,48 @@ const RHFTextField = forwardRef((props, ref) => {
             {
               name: nameRHF,
               control,
-              render: ({ field: { onChange, value, name, ref: inputRef }, fieldState: { error } }) => {
+              render: ({ field: { onChange, value, ref: inputRef }, fieldState: { error } }) => {
                 const onInternalChange = (event) => {
+                  let newValue = event.target.value;
                   if (type === "number") {
-                    if (event.target.value) {
-                      onChange(Number(event.target.value));
-                      return;
+                    if (isInteger) {
+                      newValue = newValue ? parseInt(newValue, 10) : 0;
+                    } else {
+                      newValue = newValue ? Number(newValue) : 0;
                     }
+                    newValue = isNaN(newValue) ? 0 : newValue;
                   }
-                  onChange(event);
+                  onChange(newValue);
                 };
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
                   label && /* @__PURE__ */ jsx(
-                    FieldLabel,
+                    FieldLabelStyled,
                     {
+                      ownerState: { ...ownerState },
                       label,
+                      id: ariaLabelledById,
                       mandatory,
                       mandatoryMessage,
-                      helperMessage
+                      helperMessage,
+                      className: "Ejemplo"
                     }
                   ),
                   /* @__PURE__ */ jsx(
-                    TextField,
+                    TextFieldStyled,
                     {
-                      variant: "outlined",
+                      ownerState: { ...ownerState, error: !!error || other.error },
                       disabled,
                       ref,
                       inputRef,
                       InputLabelProps: { shrink: true },
                       autoComplete,
                       onChange: onInternalChange,
-                      value: type === "number" ? isNaN(value) ? 0 : value : value || "",
-                      name,
+                      value: type === "number" && isInteger ? isNaN(parseInt(value, 10)) ? 0 : parseInt(value, 10) : value || "",
                       inputProps: {
-                        ...process.env.NODE_ENV !== "production" ? {
-                          [TEST_PROP_ID]: `${RHFTEXTFIELD_INPUT_TEST_ID}_${name}`
-                        } : {}
+                        name: nameRHF,
+                        id: nameRHF,
+                        "aria-labelledby": ariaLabelledById,
+                        ...getPropDataTestId(RHF_TEXT_FIELD_KEY_COMPONENT, RHFTextFieldSlots.textField)
                       },
                       fullWidth: true,
                       error: !!error,
@@ -8082,19 +8176,14 @@ const RHFTextField = forwardRef((props, ref) => {
               }
             }
           )
-        ) : (
-          /* SkeletonTextField: Subcomponente donde se construye la versión de carga provisional que se va a dar mientras no se haya
-                      asignado los valores de diccionario */
-          /* @__PURE__ */ jsx(
-            SkeletonTextField,
-            {
-              classes: classes2,
-              skeletonWidth,
-              skeletonHeight,
-              ownerState,
-              hasLabel: label
-            }
-          )
+        ) : /* @__PURE__ */ jsx(
+          SkeletonTextField,
+          {
+            variant: variant || void 0,
+            skeletonWidth,
+            skeletonHeight,
+            hasLabel: label
+          }
         )
       }
     )
@@ -9102,34 +9191,6 @@ const SimpleBarStyle = styled$1(SimpleBarReact)`
     height: 100%;
     overflow: hidden; */
   height: 100%;
-
-  .simplebar-scrollbar {
-    .simplebar-visible:before {
-      opacity: 1;
-    }
-  }
-  .simplebar-track.simplebar-vertical {
-    width: 30;
-  }
-  .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
-    height: 6;
-  }
-
-  .simplebar-mask {
-    z-index: 'inherit';
-  }
-
-  .simplebar-content {
-    // display: 'flex',
-    // flexDirection: 'column',
-    // height: '100%',
-  }
-
-  .simplebar-content-wrapper[style*='overflow: hidden scroll;'] {
-    .simplebar-content {
-      margin-right: 16px;
-    }
-  }
 `;
 styled$1(SimpleBarReact)(({ theme }) => ({
   height: "100%",
@@ -10497,31 +10558,25 @@ const toastStyles = {
     "--toastify-z-index": "9999",
     "--toastify-text-color-light": "#757575",
     "--toastify-text-color-dark": "#fff",
+    //Used only for colored theme
     "--toastify-text-color-info": "#fff",
     "--toastify-text-color-success": "#fff",
     "--toastify-text-color-warning": "#fff",
     "--toastify-text-color-error": "#fff",
     "--toastify-spinner-color": "#616161",
     "--toastify-spinner-color-empty-area": "#e0e0e0",
+    // Used when no type is provided
+    // toast("**hello**")
     "--toastify-color-progress-light": "var(--toastify-color-info)",
+    // Used when no type is provided
     "--toastify-color-progress-dark": "var(--toastify-color-info)",
     "--toastify-color-progress-info": "var(--toastify-color-info)",
     "--toastify-color-progress-success": "var(--toastify-color-success)",
     "--toastify-color-progress-warning": "var(--toastify-color-warning)",
     "--toastify-color-progress-error": "var(--toastify-color-error)",
     "--toastify-toast-bd-radius": "8px",
+    // used to control the opacity of the progress trail
     "--toastify-color-progress-bgo": ".2",
-    // Aplicar estilos del CSS Module directamente
-    /*  ...Object.keys(styles).reduce(
-         (acc, key) => ({
-           ...acc,
-           [`.${styles[key]}`]: {
-             // Aquí puedes añadir estilos específicos si es necesario
-           },
-         }),
-         {},
-       ),
-    */
     ...ownerState?.fixed === false ? {
       top: 0,
       position: "absolute",
@@ -10549,6 +10604,7 @@ const toastStyles = {
         padding: "0"
       }
     },
+    /** Used to define the position of the ToastContainer **/
     ".Toastify__toast-container--top-left": {},
     ".Toastify__toast-container--top-center": {},
     ".Toastify__toast-container--top-right": {},
@@ -10558,6 +10614,7 @@ const toastStyles = {
     "& .Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > *": {
       opacity: 0.2
     },
+    /** Classes for the displayed toast **/
     "& .Toastify__toast": {
       minHeight: "min-content",
       margin: "0",
@@ -10575,7 +10632,9 @@ const toastStyles = {
       margin: "0px",
       padding: "0px"
     },
+    /** Used to position the icon **/
     "& .Toastify__toast-icon": {},
+    /** handle the notification color and the text color based on the theme **/
     "& .Toastify__toast-theme--dark": {},
     "& .Toastify__toast-theme--light": {},
     "& .Toastify__toast-theme--colored.Toastify__toast--default": {},
@@ -10862,9 +10921,9 @@ const Window = (props) => {
   );
   const {
     setActions,
-    getCookie,
+    getCookie: getCookie2,
     getCookies,
-    setCookie,
+    setCookie: setCookie2,
     close: close2,
     startProgress,
     stopProgress,
@@ -10884,10 +10943,10 @@ const Window = (props) => {
       setActions: (newActions, version) => {
         setActions(windowId, newActions, version);
       },
-      getCookie: (id) => getCookie(windowId, id),
+      getCookie: (id) => getCookie2(windowId, id),
       getCookies: (type) => getCookies(windowId, type),
       setCookie: (id, type, cookie) => {
-        setCookie(windowId, id, type, cookie);
+        setCookie2(windowId, id, type, cookie);
       },
       close: () => close2(windowId),
       startProgress: () => startProgress(windowId),
@@ -10921,7 +10980,7 @@ const Window = (props) => {
       ),
       onMouseDown: onTouch,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId$d(
+        [TEST_PROP_ID]: getNameDataTestId$c(
           AREAS_VIEWER_CLASS_NAME,
           "windowRoot",
           `${emergeType}`
@@ -11243,7 +11302,7 @@ function AreasViewer() {
       {
         className: classesRoot,
         ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameDataTestId$d(
+          [TEST_PROP_ID]: getNameDataTestId$c(
             AREAS_VIEWER_CLASS_NAME,
             "root",
             ""
@@ -13070,7 +13129,7 @@ function DataGrid(props) {
       className: classes2.root,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_COLUMNS]: JSON.stringify(columns),
-        [TEST_PROP_ID]: getNameDataTestId$d(DATAGRID_PREFIX_NAME, "root", dataTestId)
+        [TEST_PROP_ID]: getNameDataTestId$c(DATAGRID_PREFIX_NAME, "root", dataTestId)
       } : {},
       children: /* @__PURE__ */ jsx(
         DataGridProvider,
@@ -22366,7 +22425,7 @@ function PropertyValue(props) {
           [TEST_PROPS_DATA]: JSON.stringify([
             { property: property ? true : false, value: value ? true : false }
           ]),
-          [TEST_PROP_ID]: getNameDataTestId$d(
+          [TEST_PROP_ID]: getNameDataTestId$c(
             COMPONENT_PREFIX,
             "root",
             dataTestId
@@ -22382,7 +22441,7 @@ function PropertyValue(props) {
                 minWidth: propertyWidth && isDesktop ? propertyWidth : "150px"
               },
               ...process.env.NODE_ENV !== "production" ? {
-                [TEST_PROP_ID]: getNameDataTestId$d(
+                [TEST_PROP_ID]: getNameDataTestId$c(
                   COMPONENT_PREFIX,
                   "property",
                   dataTestId
@@ -22412,7 +22471,7 @@ function PropertyValue(props) {
                 height: valueHeight
               },
               ...process.env.NODE_ENV !== "production" ? {
-                [TEST_PROP_ID]: getNameDataTestId$d(
+                [TEST_PROP_ID]: getNameDataTestId$c(
                   COMPONENT_PREFIX,
                   "value",
                   dataTestId
@@ -22439,7 +22498,7 @@ function PropertyValue(props) {
         [TEST_PROPS_DATA]: JSON.stringify([
           { property: property ? true : false, value: value ? true : false }
         ]),
-        [TEST_PROP_ID]: getNameDataTestId$d(
+        [TEST_PROP_ID]: getNameDataTestId$c(
           COMPONENT_PREFIX,
           "root",
           dataTestId
@@ -22455,7 +22514,7 @@ function PropertyValue(props) {
               [TEST_PROPS_DATA]: JSON.stringify([
                 { property: property ? true : false, value: value ? true : false }
               ]),
-              [TEST_PROP_ID]: getNameDataTestId$d(
+              [TEST_PROP_ID]: getNameDataTestId$c(
                 COMPONENT_PREFIX,
                 "root",
                 dataTestId
@@ -22485,7 +22544,7 @@ function PropertyValue(props) {
               height: valueHeight
             },
             ...process.env.NODE_ENV !== "production" ? {
-              [TEST_PROP_ID]: getNameDataTestId$d(
+              [TEST_PROP_ID]: getNameDataTestId$c(
                 COMPONENT_PREFIX,
                 "value",
                 dataTestId
@@ -24084,7 +24143,7 @@ const NavItemRoot = (props) => {
           classes2.ItemSelect,
           item.path === window.location.pathname ? TopBarClasses.IsActive : null
         ),
-        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d(componentName$1, "ItemSelect", dataTestId) } : {},
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c(componentName$1, "ItemSelect", dataTestId) } : {},
         children: /* @__PURE__ */ jsx(Button, { variant: "text", href: item.path, fullWidth: true, children: item.title })
       }
     ) }, index));
@@ -24119,7 +24178,7 @@ const NavItemRoot = (props) => {
         {
           className: classes2.ContainerAccordionCase1,
           ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId$d(
+            [TEST_PROP_ID]: getNameDataTestId$c(
               componentName$1,
               "ContainerAccordionCase1",
               dataTestId
@@ -24146,7 +24205,7 @@ const NavItemRoot = (props) => {
         "div",
         {
           className: classes2.ContainerAccordion,
-          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d(componentName$1, "ContainerAccordion", dataTestId) } : {},
+          ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c(componentName$1, "ContainerAccordion", dataTestId) } : {},
           children: [
             /* @__PURE__ */ jsx(
               Button,
@@ -24174,7 +24233,7 @@ const NavItemRoot = (props) => {
         classes2.ItemRoot,
         isActive(itemRootData) || openedPopoverId === itemRootData.module_id ? TopBarClasses.IsActive : null
       ),
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d(componentName$1, "ItemRoot", dataTestId) } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c(componentName$1, "ItemRoot", dataTestId) } : {},
       children: render()
     }
   );
@@ -24185,7 +24244,7 @@ const ConteinItem = () => {
     "div",
     {
       className: classes2.SimplebarComercial,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d(componentName$1, "SimplebarComercial", dataTestId) } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c(componentName$1, "SimplebarComercial", dataTestId) } : {},
       //Map que se encarga de cargar el iNavItemRoot
       children: DataMenu.map((group) => /* @__PURE__ */ jsx(NavItemRoot, { itemRootData: group }, group.module_id))
     }
@@ -24201,7 +24260,7 @@ const TopBar = (props) => {
     TopBarRoot,
     {
       className: classes2.root,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$d(componentName$1, "root", dataTestId) } : {},
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId$c(componentName$1, "root", dataTestId) } : {},
       children: /* @__PURE__ */ jsx(TopBarProvider, { value: { dataMenu: DataMenu, classes: classes2, dataTestId }, children: /* @__PURE__ */ jsx(ConteinItem, {}) })
     }
   );
@@ -24438,7 +24497,7 @@ const features = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   default: domMax
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Accordion as $,
+  Breadcrumbs as $,
   AnimatedScroll as A,
   getRHFAutocompleteAsyncComponentsDictionary as B,
   RHFDateTime as C,
@@ -24460,156 +24519,153 @@ export {
   ScrollToTop as S,
   TextEditor as T,
   RHFTextField as U,
-  RHFTEXTFIELD_ROOT_TEST_ID as V,
+  RHFTextFieldPassword as V,
   WindowToolsMFProvider as W,
-  RHFTEXTFIELD_INPUT_TEST_ID as X,
-  RHFTEXTFIELD_PREFIX as Y,
-  RHFTextFieldPassword as Z,
-  RHFUploadImage as _,
+  RHFUploadImage as X,
+  Accordion as Y,
+  Avatar as Z,
+  BoxIcon as _,
   getDataGridRowsFromSet as a,
-  GridLayout as a$,
-  Avatar as a0,
-  BoxIcon as a1,
-  Breadcrumbs as a2,
-  CircularProgress as a3,
-  Badge as a4,
-  LinearProgress as a5,
-  LinkWithRoute as a6,
-  LoadingButton as a7,
-  MenuActions as a8,
-  Pager as a9,
-  PeriodFormatter as aA,
-  PriceFormatter as aB,
-  getFormatPrice as aC,
-  getFormattersComponentsDictionary as aD,
-  ColumnUncertaintyFormatter as aE,
-  ColumnPointsFormatter as aF,
-  ColumnNestedValueFormatter as aG,
-  ColumnBooleanFormatter as aH,
-  ColumnDateFormatter as aI,
-  ColumnConcatenatedValueFormatter as aJ,
-  ColumnPriceFormatter as aK,
-  ColumnInteractiveCheckFormatter as aL,
-  ColumnSetCheckFormatter as aM,
-  getDynamicFilterComponentsDictionary as aN,
-  DynamicFilter as aO,
-  FieldLabel as aP,
-  HelperText as aQ,
-  errorLabelClasses as aR,
-  Actions$2 as aS,
-  ActionCancel as aT,
-  ActionIntro as aU,
-  ActionFormCancel as aV,
-  ActionFormIntro as aW,
-  getCommonActionsDictionary as aX,
-  defaultCommonActionsDictionary as aY,
-  DragResizeWindow as aZ,
-  draggableWindowClasses as a_,
-  getPagerComponentsDictionary as aa,
-  Tab as ab,
-  Button as ac,
-  CheckBox as ad,
-  IconButton as ae,
-  ImageButton as af,
-  Popover as ag,
-  Stack as ah,
-  Tabs as ai,
-  TabContent as aj,
-  TabProvider as ak,
-  TabContext as al,
-  Tooltip as am,
-  Typography as an,
-  ToggleButton as ao,
-  ToggleIconButton as ap,
-  BooleanFormatter as aq,
-  getFormatDate as ar,
-  DateFormatter as as,
-  UncertaintyFormatter as at,
-  getUncertaintyFormat as au,
-  PointsFormatter as av,
-  getFormatPoints as aw,
-  getFormatConcatenated as ax,
-  ConcatenatedFormatter as ay,
-  getFormatPeriod as az,
+  addLayoutItemToBreakPointIfNoExists as a$,
+  CircularProgress as a0,
+  Badge as a1,
+  LinearProgress as a2,
+  LinkWithRoute as a3,
+  LoadingButton as a4,
+  MenuActions as a5,
+  Pager as a6,
+  getPagerComponentsDictionary as a7,
+  Tab as a8,
+  Button as a9,
+  getFormattersComponentsDictionary as aA,
+  ColumnUncertaintyFormatter as aB,
+  ColumnPointsFormatter as aC,
+  ColumnNestedValueFormatter as aD,
+  ColumnBooleanFormatter as aE,
+  ColumnDateFormatter as aF,
+  ColumnConcatenatedValueFormatter as aG,
+  ColumnPriceFormatter as aH,
+  ColumnInteractiveCheckFormatter as aI,
+  ColumnSetCheckFormatter as aJ,
+  getDynamicFilterComponentsDictionary as aK,
+  DynamicFilter as aL,
+  FieldLabel as aM,
+  HelperText as aN,
+  errorLabelClasses as aO,
+  Actions$2 as aP,
+  ActionCancel as aQ,
+  ActionIntro as aR,
+  ActionFormCancel as aS,
+  ActionFormIntro as aT,
+  getCommonActionsDictionary as aU,
+  defaultCommonActionsDictionary as aV,
+  DragResizeWindow as aW,
+  draggableWindowClasses as aX,
+  GridLayout as aY,
+  Responsive as aZ,
+  addLayoutItemToBreakPoints as a_,
+  CheckBox as aa,
+  IconButton as ab,
+  ImageButton as ac,
+  Popover as ad,
+  Stack as ae,
+  Tabs as af,
+  TabContent as ag,
+  TabProvider as ah,
+  TabContext as ai,
+  Tooltip as aj,
+  Typography as ak,
+  ToggleButton as al,
+  ToggleIconButton as am,
+  BooleanFormatter as an,
+  getFormatDate as ao,
+  DateFormatter as ap,
+  UncertaintyFormatter as aq,
+  getUncertaintyFormat as ar,
+  PointsFormatter as as,
+  getFormatPoints as at,
+  getFormatConcatenated as au,
+  ConcatenatedFormatter as av,
+  getFormatPeriod as aw,
+  PeriodFormatter as ax,
+  PriceFormatter as ay,
+  getFormatPrice as az,
   NavLink as b,
-  BaseModule as b$,
-  Responsive as b0,
-  addLayoutItemToBreakPoints as b1,
-  addLayoutItemToBreakPointIfNoExists as b2,
-  cloneLayouts as b3,
-  isEqualLayouts as b4,
-  isEqualLayout as b5,
-  withSizeProvider as b6,
-  PrintingSystem as b7,
-  Icon as b8,
-  LanguagePopover as b9,
-  getObjectLogsComponentsDictionary as bA,
-  defaultObjectLogDictionary as bB,
-  PaperForm as bC,
-  PDFViewer as bD,
-  Period as bE,
-  HelmetPage as bF,
-  PropertyValue as bG,
-  ResizeableWindow as bH,
-  ScrollBar as bI,
-  SplitLayout as bJ,
-  ToastContainer as bK,
-  createToaster as bL,
-  ToastMessage as bM,
-  SideBar as bN,
-  AppBar as bO,
-  getAppBarDictionary as bP,
-  AccountPopover as bQ,
-  getAccountPopoverDictionary as bR,
-  usePopupsStore as bS,
-  PopupsProvider as bT,
-  PopupsContext as bU,
-  PopupsViewer as bV,
-  AppBarComercial as bW,
-  HamburgerMenu as bX,
-  TopBar as bY,
-  SectionCommercial as bZ,
-  MFIsolationApp as b_,
-  LinearProgressIndeterminate as ba,
-  Image as bb,
-  Loadable as bc,
-  Map$1 as bd,
-  MapProvider as be,
-  MapContext as bf,
-  useMapStore as bg,
-  MarkerFeatureRender as bh,
-  CommonFeatureRender as bi,
-  MapGpsTools as bj,
-  useGpsToolsStore as bk,
-  GpsToolsProvider as bl,
-  ModalDialog as bm,
-  getModalDictionary as bn,
-  getModalDialogComponentsDictionary as bo,
-  defaultModalDialogDictionary as bp,
-  WindowConfirm as bq,
-  WindowBase as br,
-  LoadingError as bs,
-  getLoadingErrorComponentsDictionary as bt,
-  MFLoader as bu,
-  getMFLoaderComponentsDictionary as bv,
-  NoItemSelected as bw,
-  getNoItemSelectedComponentsDictionary as bx,
-  defaultNoItemSelectedDictionary as by,
-  ObjectLogs as bz,
+  MemonizedDynamicMFParmsProvider as b$,
+  cloneLayouts as b0,
+  isEqualLayouts as b1,
+  isEqualLayout as b2,
+  withSizeProvider as b3,
+  PrintingSystem as b4,
+  Icon as b5,
+  LanguagePopover as b6,
+  LinearProgressIndeterminate as b7,
+  Image as b8,
+  Loadable as b9,
+  PDFViewer as bA,
+  Period as bB,
+  HelmetPage as bC,
+  PropertyValue as bD,
+  ResizeableWindow as bE,
+  ScrollBar as bF,
+  SplitLayout as bG,
+  ToastContainer as bH,
+  createToaster as bI,
+  ToastMessage as bJ,
+  SideBar as bK,
+  AppBar as bL,
+  getAppBarDictionary as bM,
+  AccountPopover as bN,
+  getAccountPopoverDictionary as bO,
+  usePopupsStore as bP,
+  PopupsProvider as bQ,
+  PopupsContext as bR,
+  PopupsViewer as bS,
+  AppBarComercial as bT,
+  HamburgerMenu as bU,
+  TopBar as bV,
+  SectionCommercial as bW,
+  MFIsolationApp as bX,
+  BaseModule as bY,
+  DynamicMFParmsProvider as bZ,
+  DynamicMFParmsContext as b_,
+  Map$1 as ba,
+  MapProvider as bb,
+  MapContext as bc,
+  useMapStore as bd,
+  MarkerFeatureRender as be,
+  CommonFeatureRender as bf,
+  MapGpsTools as bg,
+  useGpsToolsStore as bh,
+  GpsToolsProvider as bi,
+  ModalDialog as bj,
+  getModalDictionary as bk,
+  getModalDialogComponentsDictionary as bl,
+  defaultModalDialogDictionary as bm,
+  WindowConfirm as bn,
+  WindowBase as bo,
+  LoadingError as bp,
+  getLoadingErrorComponentsDictionary as bq,
+  MFLoader as br,
+  getMFLoaderComponentsDictionary as bs,
+  NoItemSelected as bt,
+  getNoItemSelectedComponentsDictionary as bu,
+  defaultNoItemSelectedDictionary as bv,
+  ObjectLogs as bw,
+  getObjectLogsComponentsDictionary as bx,
+  defaultObjectLogDictionary as by,
+  PaperForm as bz,
   MotionLazyContainer as c,
-  DynamicMFParmsProvider as c0,
-  DynamicMFParmsContext as c1,
-  MemonizedDynamicMFParmsProvider as c2,
-  RHFormProvider as c3,
-  getFormComponentsDictionary as c4,
-  ModalProvider as c5,
-  ModalContext as c6,
-  useFormAddEdit as c7,
-  useModal as c8,
-  useTab as c9,
-  getformAddEditDictionary as ca,
-  useFormFocus as cb,
-  useInterval as cc,
+  RHFormProvider as c0,
+  getFormComponentsDictionary as c1,
+  ModalProvider as c2,
+  ModalContext as c3,
+  useFormAddEdit as c4,
+  useModal as c5,
+  useTab as c6,
+  getformAddEditDictionary as c7,
+  useFormFocus as c8,
+  useInterval as c9,
   varBounce as d,
   varContainer as e,
   varTranHover as f,