@m4l/components 0.1.78 → 0.1.80

package/components/areas/components/AreasViewer/{index.14e62059.js → index.fd49f06c.js}

@@ -13,10 +13,10 @@ import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useState, useCallback, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.85e4b2e2.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.c6eb2569.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton, useNetwork, useHostTools, axiosOperation } from "@m4l/core";
 import { I as IconButton } from "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../../mui_extended/Accordion/index.a6447bf8.js";
 import { I as Icon } from "../../../Icon/index.9fcd1476.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -24,15 +24,16 @@ import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
-import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
+import "../../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import { M as MenuActions, a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../../mui_extended/Tab/index.7c82e43d.js";
+import "../../../mui_extended/Pager/index.82e89328.js";
+import "../../../mui_extended/Tab/index.c39a6681.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
-import { useResponsiveDesktop, useHostTheme, useFormatter, useLocales, useFirstRender } from "@m4l/graphics";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.60dabc06.js";
@@ -40,55 +41,55 @@ import debounce from "lodash/debounce";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
-import "../../../../contexts/ModalContext/index.e9a7ba4a.js";
+import "../../../../contexts/ModalContext/index.89805978.js";
 import "../../../../contexts/RHFormContext/index.fe175bab.js";
-import "../../../GridLayout/index.da6fd387.js";
-import { R as Responsive } from "../../../GridLayout/Responsive/index.0905a698.js";
+import "../../../GridLayout/index.a792aacb.js";
+import { R as Responsive } from "../../../GridLayout/Responsive/index.1671380a.js";
 import { W as WidthProvider } from "../../../GridLayout/WidthProvider/index.9a26dfe4.js";
-import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.02c4e7be.js";
+import { R as ROW_HEIGTH_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.0a08a08b.js";
 import "../../../animate/index.1f8eadd4.js";
 import "framer-motion";
 import "../../../animate/LoadingScreen/index.1d0c4307.js";
 import "../../../animate/PropagateLoader/index.7fab43c8.js";
-import "../AreasAdmin/index.43ecd998.js";
+import "../AreasAdmin/index.7a0dabbe.js";
 import "../../../ScrollBar/index.bbe48f4d.js";
 import "zustand";
 import "react-hook-form";
-import "../../../hook-form/RHFAutocomplete/index.6aa51705.js";
-import "../../../HelperText/index.a019742c.js";
-import "../../../hook-form/RHFAutocompleteAsync/index.1a3dfe5f.js";
-import "../../../hook-form/RHFCheckbox/index.a08a65b3.js";
+import "../../../hook-form/RHFAutocomplete/index.d1bbb015.js";
+import "../../../HelperText/index.6ef76993.js";
+import "../../../hook-form/RHFAutocompleteAsync/index.f9a9ef48.js";
+import "../../../hook-form/RHFCheckbox/index.7b4a21d7.js";
 import "@mui/x-date-pickers";
-import "../../../hook-form/RHFDateTime/index.4d671108.js";
-import "../../../hook-form/RHFTextField/index.9004e898.js";
-import "../../../hook-form/RHFPeriod/index.39b4be49.js";
-import "../../../Period/index.7b94c418.js";
-import "../../../CommonActions/components/Actions/index.52125041.js";
+import "../../../hook-form/RHFDateTime/index.46cf616e.js";
+import "../../../hook-form/RHFTextField/index.f7ee202c.js";
+import "../../../hook-form/RHFPeriod/index.ce513149.js";
+import "../../../Period/index.26071a16.js";
+import "../../../CommonActions/components/Actions/index.19d67bc6.js";
 import { c as cjs } from "../../../../react-draggable.7abb5d0a.js";
 import { R as ResizeableWindow } from "../../../Resizeable/index.9a9c79a4.js";
-import "../../../modal/index.00efea85.js";
+import "../../../modal/index.b0a7236c.js";
 import "lodash/isString";
 import "react-dropzone";
-import "../../../hook-form/RHFUpload/index.bed8573e.js";
-import "../../../DataGrid/index.9fb3e6a1.js";
+import "../../../hook-form/RHFUpload/index.1befd5bb.js";
+import "../../../DataGrid/index.2f175eba.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "../../../DynamicFilter/index.d1a2e2d1.js";
+import "../../../DynamicFilter/index.c1f9d560.js";
 import "yup";
 import "lodash";
-import "../../../LanguagePopover/index.98b63dcb.js";
-import "../../../NavLink/index.a5dea6d3.js";
+import "../../../LanguagePopover/index.1564bd08.js";
+import "../../../NavLink/index.6c9c2588.js";
 import "../../../NoItemSelected/index.23dfc897.js";
-import "../../../ObjectLogs/index.d9d20b9d.js";
+import "../../../ObjectLogs/index.eab1c15f.js";
 import "../../../../react-json-view.57125fcf.js";
 import "../../../PaperForm/index.ba38a0bd.js";
 import "../../../Page/index.4237c241.js";
-import "../../../PropertyValue/index.45c73161.js";
+import "../../../PropertyValue/index.18d3c0fd.js";
 import "../../../SplitLayout/index.9ef430f6.js";
 import "../../../../react-splitter-layout.8b1655c8.js";
 import "../../../SideBar/index.2f497e6c.js";
-import "../../../AppBar/index.06858422.js";
-import "../../../AccountPopover/index.7e76dbb7.js";
+import "../../../AppBar/index.c85b100d.js";
+import "../../../AccountPopover/index.00d1d15f.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",
@@ -719,7 +720,7 @@ function Header(props) {
     windowId,
     emergeType
   } = props;
-  const [url_icon, title, moduleActions, onClose, version, windowOptions] = useAreasStore((state) => {
+  const [url_icon, title, moduleActions, onClose, version, windowOptions, fnQueryClose] = useAreasStore((state) => {
     const window2 = state.hashWindows[windowId];
     return [
       window2.url_icon,
@@ -727,7 +728,8 @@ function Header(props) {
       window2.moduleActions,
       window2.onClose,
       window2.version,
-      window2.windowOptions
+      window2.windowOptions,
+      window2.fnQueryClose
     ];
   }, shallow);
   const {
@@ -768,7 +770,8 @@ function Header(props) {
     });
   }, [moduleActions, isDesktop]);
   const onCloseLocal = () => {
-    onClose && onClose(windowId);
+    const fnClose = fnQueryClose || onClose;
+    fnClose && fnClose(windowId);
   };
   const maxNormalize = (e) => {
     if (maximizedId === windowId) {
@@ -1348,7 +1351,8 @@ const Window = (props) => {
     close,
     startProgress,
     stopProgress,
-    toast
+    toast,
+    setFnQueryClose
   } = useAreasStore((state) => state.windowActions, shallow);
   const {
     selectLayout
@@ -1374,6 +1378,9 @@ const Window = (props) => {
     close: () => close(windowId),
     startProgress: () => startProgress(windowId),
     stopProgress: () => stopProgress(windowId),
+    setFnQueryClose: (fnQueryClose) => {
+      setFnQueryClose(windowId, fnQueryClose);
+    },
     toast: (toastyOptions) => {
       toast(windowId, toastyOptions);
     }

package/components/areas/components/{index.a87653a9.js → index.7756928a.js}

@@ -7,23 +7,24 @@ import "react/jsx-runtime";
 import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "../contexts/AreasContext/index.02c4e7be.js";
-import "./AreasAdmin/index.43ecd998.js";
+import "../contexts/AreasContext/index.0a08a08b.js";
+import "./AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../../ScrollBar/index.bbe48f4d.js";
-import "../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.4288f9fc.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../mui_extended/Tab/index.7c82e43d.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import "./AreasViewer/index.14e62059.js";
+import "./AreasViewer/index.fd49f06c.js";
 import "../../LinearProgressIndeterminate/index.60dabc06.js";

package/components/areas/contexts/AreasContext/{index.02c4e7be.js → index.0a08a08b.js}

@@ -5,13 +5,13 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useHostTools, useModuleDictionary, useNetwork, useModuleSkeleton, EmitEvents } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.14e62059.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.43ecd998.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.fd49f06c.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.7a0dabbe.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.afb7e3d9.js";
 import "clsx";
-import "../../../GridLayout/index.da6fd387.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as isEqualLayouts } from "../../../GridLayout/Responsive/index.0905a698.js";
+import "../../../GridLayout/index.a792aacb.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as isEqualLayouts } from "../../../GridLayout/Responsive/index.1671380a.js";
 import { jsx } from "react/jsx-runtime";
 import { debounce, cloneDeep } from "lodash";
 const ROW_HEIGTH_GRIDLAYOUT = 20;
@@ -966,6 +966,11 @@ const createAreasStore = (initProps) => {
               verifyRemoveToasty(state.hashWindows[windowId], toastyId, true);
             });
           },
+          setFnQueryClose: (windowId, fnQueryClose) => {
+            set((state) => {
+              state.hashWindows[windowId].fnQueryClose = fnQueryClose;
+            });
+          },
           pinToast: (windowId, toastyId) => {
             set((state) => {
               const t = state.hashWindows[windowId].hashToasties[toastyId];

package/components/areas/contexts/AreasContext/types.d.ts

@@ -195,6 +195,7 @@ export interface AreasStateWithActions extends AreasState {
         toast: (windowId: string, options: ToastyOptions) => void;
         closeToast: (windowId: string, toastyId: number) => void;
         pinToast: (windowId: string, toastyId: number) => void;
+        setFnQueryClose: (windowId: string, fnQueryClose: () => void) => void;
     };
 }
 export declare type DefaultAreasStoreProps = Omit<AreasState, 'currentArea'>;

package/components/areas/contexts/WindowToolsMFContext/types.d.ts

@@ -10,6 +10,7 @@ export interface WindowToolsMF {
     stopProgress: () => void;
     toast: (options: ToastyOptions) => void;
     close: () => void;
+    setFnQueryClose: (fnQueryClose: () => void) => void;
 }
 export interface WindowToolsMFProviderProps extends WindowToolsMF {
     children: ReactNode;

package/components/areas/contexts/{index.1ff9b360.js → index.b303b664.js}

@@ -1,2 +1,2 @@
-import "./AreasContext/index.02c4e7be.js";
+import "./AreasContext/index.0a08a08b.js";
 import "./WindowToolsMFContext/index.8f3e2a04.js";

package/components/areas/hooks/useAreas/{index.85e4b2e2.js → index.c6eb2569.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.02c4e7be.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.0a08a08b.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/areas/{index.d1dcccf5.js → index.6e67d89a.js}

@@ -7,25 +7,26 @@ import "react/jsx-runtime";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
 import "zustand";
-import "./contexts/AreasContext/index.02c4e7be.js";
-import "./components/AreasAdmin/index.43ecd998.js";
+import "./contexts/AreasContext/index.0a08a08b.js";
+import "./components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
-import "./components/AreasViewer/index.14e62059.js";
+import "./components/AreasViewer/index.fd49f06c.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "./contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "./contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/areas/types.d.ts

@@ -55,6 +55,11 @@ export declare type WindowState = {
     toasties: Toasty[];
     hashToasties: Record<number, Toasty>;
     toastyCount: number;
+    /**
+     * "fnQueryClose"  función que reemplaza la opción de cerrado normal de la ventana
+     * @returns void
+     */
+    fnQueryClose?: () => void;
 };
 export declare type WindowOptions = {
     allowPersistCookies: boolean;

package/components/hook-form/RHFAutocomplete/classes/index.d.ts

@@ -7,4 +7,8 @@ export declare const useUtilityClasses: (ownerState: OwnerState) => {
     root: string;
     skeleton: string;
     withImage: string;
+    popper: string;
+    skeletonRoot: string;
+    iconDown: string;
+    skeletonContainerText: string;
 };

package/components/hook-form/RHFAutocomplete/classes/types.d.ts

@@ -1,8 +1,13 @@
+import { useUtilityClasses } from ".";
 export interface RHFAutocompleteClassesType {
     root: string;
     withImage: string;
     skeleton: string;
     label: string;
+    popper: string;
+    skeletonRoot: string;
+    skeletonContainerText: string;
+    iconDown: string;
     variantInfo: string;
     isDisabled: string;
     variantSuccess: string;
@@ -13,3 +18,4 @@ export interface RHFAutocompleteClassesType {
     isFocus: string;
 }
 export declare type RHFAutocompleteClassesKey = keyof RHFAutocompleteClassesType;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/hook-form/RHFAutocomplete/{index.6aa51705.js → index.d1bbb015.js}

@@ -1,29 +1,30 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
-import { styled as styled$1, Skeleton, generateUtilityClasses, generateUtilityClass, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
+import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { I as Image } from "../../Image/index.c18ebf5a.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { H as HelperText } from "../../HelperText/index.6ef76993.js";
 import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 import { styled } from "@mui/material/styles";
 import "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import "../../Icon/index.9fcd1476.js";
-import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../../mui_extended/Button/index.4288f9fc.js";
-import "../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../mui_extended/Badge/index.cad260fe.js";
 import "@mui/lab";
 import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../mui_extended/Tab/index.7c82e43d.js";
+import "../../mui_extended/Pager/index.82e89328.js";
+import "../../mui_extended/Tab/index.c39a6681.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const AutocompleteRoot = styled("div")(({
   theme
@@ -56,36 +57,6 @@ function withRenderOption(getUrlImage, classes) {
     });
   };
 }
-const WrapperSkeletonRHFAutocomplete = styled$1("div")(({
-  theme
-}) => ({
-  width: "100%",
-  display: "flex",
-  justifyContent: "space-between",
-  alignItems: "center",
-  height: `${theme.spacing(4.5)}`,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: `${theme.spacing(1)}`,
-  padding: `0 ${theme.spacing(2)}`,
-  overflow: "hidden",
-  [theme.breakpoints.down("md")]: {
-    width: "100%"
-  }
-}));
-const SkeletonContainerText = styled$1("div")(({
-  theme
-}) => ({
-  width: "100%",
-  height: "auto",
-  overflow: "hidden",
-  margin: theme.spacing(1.5)
-}));
-const SkeletonRHFAutocompleteRoot = styled$1("div")(() => ({
-  display: "flex",
-  flexDirection: "column",
-  gap: "4px",
-  width: "100%"
-}));
 const SkeletonRHFAutocomplete = (props) => {
   const {
     withImage,
@@ -96,21 +67,20 @@ const SkeletonRHFAutocomplete = (props) => {
     classes,
     hasLabel
   } = props;
-  return /* @__PURE__ */ jsxs(SkeletonRHFAutocompleteRoot, {
+  return /* @__PURE__ */ jsxs("div", {
+    className: classes.skeletonRoot,
     children: [(hasLabel || hasLabel?.length === 0) && /* @__PURE__ */ jsx(Skeleton, {
       variant: "text",
       width: "30%",
       height: "16px"
-    }), /* @__PURE__ */ jsx(WrapperSkeletonRHFAutocomplete, {
+    }), /* @__PURE__ */ jsx("div", {
       className: classes.skeleton,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("skeleton")
       } : {},
       children: !withImage ? /* @__PURE__ */ jsxs(Fragment, {
-        children: [/* @__PURE__ */ jsx(SkeletonContainerText, {
-          sx: {
-            marginLeft: "0px"
-          },
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "text",
             width: skeletonWidth,
@@ -132,7 +102,8 @@ const SkeletonRHFAutocomplete = (props) => {
           sx: {
             minWidth: imageWidth
           }
-        }), /* @__PURE__ */ jsx(SkeletonContainerText, {
+        }), /* @__PURE__ */ jsx("div", {
+          className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
             variant: "text",
             width: skeletonWidth,
@@ -156,6 +127,10 @@ generateUtilityClasses(componentName, [
   "withImage",
   "skeleton",
   "label",
+  "popper",
+  "skeletonRoot",
+  "skeletonContainerText",
+  "iconDown",
   "variantInfo",
   "isDisabled",
   "variantSuccess",
@@ -173,7 +148,11 @@ const useUtilityClasses = (ownerState) => {
     root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.focus && "isFocus", ownerState.disabled && "isDisabled", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "error" && "variantError"],
     withImage: ["withImage"],
     skeleton: ["skeleton"],
-    label: ["label"]
+    label: ["label"],
+    popper: ["popper"],
+    skeletonRoot: ["skeletonRoot"],
+    skeletonContainerText: ["SkeletonContainerText"],
+    iconDown: ["iconDown"]
   };
   const composedClasses = unstable_composeClasses(slots, getRHFAutocompleteClassesUtilityClass, {});
   return {
@@ -213,6 +192,7 @@ function RHFAutocomplete(props) {
   } = useEnvironment();
   const autocompleteRef = useRef(null);
   const [open, setOpen] = useState(false);
+  const isDesktop = useResponsiveDesktop();
   const onCloseLocal = (event, reason) => {
     setOpen(false);
     if (onClose)
@@ -265,12 +245,13 @@ function RHFAutocomplete(props) {
     setIsFocus(false);
   };
   const ownerState = {
-    size,
+    size: !isDesktop ? "medium" : size,
     focus: isFocus,
     variant: currentVariant,
     disabled
   };
   const classes = useUtilityClasses(ownerState);
+  const theme = useTheme();
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {
@@ -309,6 +290,7 @@ function RHFAutocomplete(props) {
           }), /* @__PURE__ */ jsx(Autocomplete, {
             onKeyDown: checkKeyDown,
             autoComplete: true,
+            size,
             ref: autocompleteRef,
             onFocus: handleFocus,
             onBlur: handleBlur,
@@ -320,11 +302,10 @@ function RHFAutocomplete(props) {
             PopperComponent: (props2) => {
               return /* @__PURE__ */ jsx(Popper, {
                 ...props2,
+                className: classes.popper,
                 placement: "bottom-start",
                 sx: {
-                  style: {
-                    top: "50px"
-                  }
+                  ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
                 }
               });
             },
@@ -363,6 +344,7 @@ function RHFAutocomplete(props) {
                   shrink: true
                 },
                 fullWidth: true,
+                size,
                 SelectProps: {
                   native: true
                 },
@@ -378,9 +360,10 @@ function RHFAutocomplete(props) {
                       color: "inherit",
                       size: 20
                     }) : /* @__PURE__ */ jsx(IconButton, {
-                      src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronRight.svg`,
+                      className: classes.iconDown,
+                      src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
                       onClick: (event) => onOpenLocal(event),
-                      size: "small"
+                      size
                     })
                   })
                 },

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/types.d.ts

@@ -1,6 +1,7 @@
+import { Classes } from '../../classes/types';
 import { RHFAutocompleteProps } from '../../types';
 export interface SkeletonRHFAutocompleteProps extends Pick<RHFAutocompleteProps<any>, 'skeletonWidth' | 'skeletonHeight' | 'imageWidth' | 'imageHeight'> {
     withImage: boolean;
-    classes: any;
+    classes: Classes;
     hasLabel?: string;
 }

package/components/hook-form/RHFAutocompleteAsync/{index.1a3dfe5f.js → index.f9a9ef48.js}

@@ -5,7 +5,7 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.6aa51705.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.d1bbb015.js";
 import { jsx } from "react/jsx-runtime";
 styled("div")(() => ({
   display: "flex",