@m4l/components 0.2.32 → 0.2.34

package/components/PrintingSystem/subcomponents/PaperNode/{index.30cbab70.js → index.dd4ca449.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.27f1f209.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PaperNode = (props) => {

package/components/PrintingSystem/subcomponents/PropertyValueNode/{index.05a3579e.js → index.048d7ebf.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.27f1f209.js";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
 const PropertyValueNode = (props) => {

package/components/PrintingSystem/subcomponents/SectionNode/{index.d6344807.js → index.83f1efea.js}

@@ -1,5 +1,5 @@
 import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index.bcef9a6f.js";
+import { c as classes, g as getSize } from "../../index.27f1f209.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const SectionNode = (props) => {

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.79d2e283.js → index.5427cb75.js}

@@ -1,5 +1,5 @@
 import { useBase, evaluateWithContext } from "@m4l/core";
-import { c as classes } from "../../index.bcef9a6f.js";
+import { c as classes } from "../../index.27f1f209.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const TextBoxNode = (props) => {

package/components/PropertyValue/{index.1dbf6ef8.js → index.15c61a4b.js}

@@ -6,8 +6,8 @@ import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { useState } from "react";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { F as FieldLabel } from "../FieldLabel/index.75e89ace.js";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { F as FieldLabel } from "../FieldLabel/index.0412576c.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 const PropertyValueRoot = styled("div")(({
   theme
 }) => ({

package/components/Resizeable/{index.eba4fda9.js → index.cb5aad75.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material";
-import { a as ResizableBox } from "../../react-resizable.0ebffd82.js";
+import { a as ResizableBox } from "../../react-resizable.c07d63fb.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.b1455bd0.js → index.b0359a2b.js}

@@ -1,18 +1,18 @@
 import { styled, generateUtilityClasses, ListItemText, ListItemButton, Collapse, Drawer as Drawer$1, useTheme } from "@mui/material";
 import { createContext, useState, useContext, useEffect } from "react";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
 import { useEnvironment, useBase, BaseProvider } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.14670a00.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.ad330e78.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 import clsx from "clsx";
 import { useLocation } from "react-router-dom";
-import { I as Image } from "../Image/index.6aa1ae49.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { I as Image } from "../Image/index.b799c514.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({
   theme

package/components/SplitLayout/{index.3856385c.js → index.7302ceb3.js}

@@ -2,7 +2,7 @@ import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { S as SplitterLayout } from "../../react-splitter-layout.c5d98bf7.js";
+import { S as SplitterLayout } from "../../react-splitter-layout.8b1655c8.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const SplitLayoutRoot = styled("div")(({
   theme

package/components/ToastContainer/{index.a33ebb52.js → index.4d44ce53.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.98455a76.js";
+import { ToastContainer as ToastContainer$1 } from "react-toastify";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.14670a00.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));
@@ -38,7 +38,7 @@ const ToastContainer = (props) => {
   const classes = getToastClassesByState();
   return /* @__PURE__ */ jsxs(ToastContainerRoot, {
     className: classes.root,
-    children: [/* @__PURE__ */ jsx(A, {}), children]
+    children: [/* @__PURE__ */ jsx(ToastContainer$1, {}), children]
   });
 };
 const ToastMessage = (props) => {

package/components/areas/components/AreasAdmin/{index.922cdb11.js → index.820a00ab.js}

@@ -1,30 +1,30 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.e3971ffa.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.caa92660.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import clsx from "clsx";
 import { generateUtilityClasses, styled, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
 import { A as AREAS_ADMIN_CLASS_NAME } from "../../constants.66529246.js";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
 import { useResponsiveDesktop, useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.90f53670.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.db56e769.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.23bfc86b.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.f00f026d.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.574967a0.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.1bfa601f.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.fa7ab18c.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.416cbf9b.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.094290fd.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f8a3021b.js";
 import { P as Popover } from "../../../mui_extended/Popover/index.d85de73b.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
 import { S as ScrollBar } from "../../../ScrollBar/index.7dfc2f29.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
-import { I as Icon } from "../../../Icon/index.14670a00.js";
+import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
+import { I as Icon } from "../../../Icon/index.ad330e78.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasViewer/{index.f7126815.js → index.6d7194e2.js}

@@ -1,35 +1,35 @@
 import { generateUtilityClasses, styled, Skeleton, Dialog } from "@mui/material";
-import { r as react_resizable_css } from "../../../../react-resizable.0ebffd82.js";
+import { r as react_resizable_css } from "../../../../react-resizable.c07d63fb.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { shallow } from "zustand/shallow";
 import React__default, { useMemo, useEffect } from "react";
 import clsx from "clsx";
-import { u as useAreasStore } from "../../hooks/useAreas/index.e3971ffa.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.caa92660.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.90f53670.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { I as ICONS } from "../../icons.8266ccc8.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.d8bdadaa.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.6e5db737.js";
-import { I as Icon } from "../../../Icon/index.14670a00.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.f8a3021b.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.c46da124.js";
+import { I as Icon } from "../../../Icon/index.ad330e78.js";
 import { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.6037f834.js";
+import { M as MFLoader } from "../../../MFLoader/index.3a37407c.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.c92b9ba9.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.14875ec7.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.37be3e4e.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.247cc027.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.733e8ba6.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.c5a3b322.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.0328ad0a.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.5b3e0521.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.1ec78dd5.js";
-import { c as cjs } from "../../../../react-draggable.6cf19cba.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.eba4fda9.js";
+import { L as LoadingError } from "../../../LoadingError/index.ee29dd48.js";
+import { c as cjs } from "../../../../react-draggable.e4725f3a.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.cb5aad75.js";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",

package/components/areas/contexts/AreasContext/{index.37be3e4e.js → index.c5a3b322.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.f7126815.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.922cdb11.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.6d7194e2.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.820a00ab.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.1607c78e.js";
 import { g as getAreasDictionary, D as DICCTIONARY } from "../../dictionary.08cfc4c9.js";
-import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.733e8ba6.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.5b3e0521.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.00740f82.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.65470f01.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 11;

package/components/areas/hooks/useAreas/{index.e3971ffa.js → index.caa92660.js}

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

package/components/areas/types.d.ts

@@ -119,7 +119,7 @@ export declare type WindowState = {
     toasties: Toasty[];
     /**
  * Hash que mapea el identificador de la tostada con su respectiva información.
-
+
  */
     hashToasties: Record<number, Toasty>;
     toastyCount: number;

package/components/commercial/AppBarCommercial/{index.3e0ad6ef.js → index.9cf586a2.js}

@@ -1,6 +1,6 @@
 import { generateUtilityClasses, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
 import { jsx } from "react/jsx-runtime";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(componentName, [

package/components/commercial/SectionCommercial/index.4dbfc0a7.js

@@ -0,0 +1,48 @@
+import { generateUtilityClasses, styled } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
+import { S as Stack } from "../../mui_extended/Stack/index.0e53197c.js";
+import { jsx } from "react/jsx-runtime";
+const componentName = "M4LSectionCommercial";
+generateUtilityClasses(componentName, [
+  "root",
+  "fullWidth",
+  "boxed",
+  "columnReverse"
+]);
+const useAppBarComercialUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root", ownerState.contentWith === "fullWidth" && "fullWidth", ownerState.contentWith === "boxed" && "boxed", ownerState.columnReverse && "columnReverse"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const SectionCommercialRoot = styled(Stack)(({ theme }) => ({
+  ...theme.components?.M4LSectionCommercial?.styleOverrides
+}));
+const SectionCommercial = (props) => {
+  const {
+    children,
+    contentWith = "boxed",
+    paddingX = "40px",
+    paddingY,
+    columnReverse = false,
+    ...others
+  } = props;
+  const ownerState = {
+    contentWith,
+    columnReverse
+  };
+  const classes = useAppBarComercialUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsx(SectionCommercialRoot, {
+    className: classes.root,
+    paddingY,
+    ...others,
+    ...contentWith === "boxed" ? {
+      paddingX
+    } : null,
+    children
+  });
+};
+export {
+  SectionCommercial as S
+};

package/components/commercial/TopBar/{index.7b22d97b.js → index.93a7d26a.js}

@@ -1,15 +1,15 @@
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, styled, useTheme, Box, Grid } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
 import { createContext, useContext, useState } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.14670a00.js";
+import { I as Icon } from "../../Icon/index.ad330e78.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.f9042228.js";
-import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.7dcdfd3a.js";
+import { B as Button } from "../../mui_extended/Button/index.c3084916.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [

package/components/{HamburgerMenu/index.fb1a3aae.js → commercial/index.89ad149c.js}

@@ -5,8 +5,8 @@ import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { S as SideBar } from "../SideBar/index.b1455bd0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
+import { S as SideBar } from "../SideBar/index.b0359a2b.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
 const HamburgerMenuRoot = styled("header")(({
   theme
 }) => ({

package/components/formatters/BooleanFormatter/{index.fb44d69d.js → index.9ccf9298.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.14670a00.js";
+import { I as Icon } from "../../Icon/index.ad330e78.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.05c4e1a4.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.03471e3f.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/{index.05c4e1a4.js → index.03471e3f.js}

@@ -3,7 +3,7 @@ import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.fb44d69d.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.9ccf9298.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/index.66bbcac3.js

@@ -0,0 +1,30 @@
+import { useFormContext, useController } from "react-hook-form";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { jsx } from "react/jsx-runtime";
+function HelperError(props) {
+  const {
+    name
+  } = props;
+  const {
+    control
+  } = useFormContext();
+  const {
+    fieldState
+  } = useController({
+    name,
+    control,
+    rules: {
+      required: true
+    }
+  });
+  if (fieldState?.error?.message) {
+    return /* @__PURE__ */ jsx(HelperText, {
+      variant: "error",
+      message: fieldState?.error?.message
+    });
+  }
+  return null;
+}
+export {
+  HelperError as H
+};

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

@@ -10,5 +10,6 @@ export declare const useUtilityClasses: (ownerState: OwnerState) => {
     popper: string;
     skeletonRoot: string;
     iconDown: string;
+    chip: string;
     skeletonContainerText: string;
 };

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

@@ -1,4 +1,4 @@
-import { useUtilityClasses } from ".";
+import { useUtilityClasses } from '.';
 export interface RHFAutocompleteClassesType {
     root: string;
     withImage: string;
@@ -19,6 +19,7 @@ export interface RHFAutocompleteClassesType {
     sizeMedium: string;
     isFocus: string;
     isTabSelected: string;
+    chip: string;
 }
 export declare type RHFAutocompleteClassesKey = keyof RHFAutocompleteClassesType;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;