@m4l/components 1.0.17 → 1.0.19

package/components/animate/{index.b8497385.js → index.4edabfc2.js}

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { m } from "framer-motion";
 import { forwardRef, useRef } from "react";
-import { IconButton, Box, alpha } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import SimpleBarReact from "simplebar-react";
+import { IconButton, Box } from "@mui/material";
+import { a5 as AnimatedScrollRoot } from "../../styles/index.2e92ddf7.js";
 const varSmall = {
   hover: { scale: 1.1 },
   tap: { scale: 0.95 }
@@ -37,42 +36,6 @@ const IconButtonAnimate = forwardRef(
   ({ children, size = "medium", ...other }, ref) => /* @__PURE__ */ jsx(AnimateWrap, { size, children: /* @__PURE__ */ jsx(IconButton, { size, ref, ...other, children }) })
 );
 IconButtonAnimate.displayName = "IconButtonAnimate";
-styled(SimpleBarReact)(({ theme }) => ({
-  height: "100%",
-  "& .simplebar-scrollbar": {
-    "&:before": {
-      backgroundColor: alpha(theme.colorSchemes.finalTheme.palette.grey[600], 0.48)
-    },
-    "&.simplebar-visible:before": {
-      opacity: 1
-    }
-  },
-  "& .simplebar-track.simplebar-vertical": {
-    width: 10
-  },
-  "& .simplebar-track.simplebar-horizontal .simplebar-scrollbar": {
-    height: 6
-  },
-  "& .simplebar-mask": {
-    zIndex: "inherit"
-  },
-  "& .simplebar-content": {
-    display: "flex",
-    height: "100%"
-  }
-}));
-const AnimatedScrollRoot = styled("div")(() => ({
-  width: "100%",
-  height: "100%",
-  overflowX: "auto",
-  overflowY: "hidden",
-  transition: "scroll-behavior 0.5s",
-  scrollbarWidth: "none",
-  msOverflowStyle: "none",
-  "&::-webkit-scrollbar": {
-    width: 0
-  }
-}));
 const AnimatedScroll = (props) => {
   const { children } = props;
   const containerRef = useRef(null);

package/components/areas/components/AreasAdmin/{index.5af510af.js → index.af6a6611.js}

@@ -1,31 +1,31 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useAreasStore } from "../../hooks/useAreas/index.98ea6788.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.d27f97ee.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { useState, useRef, useMemo } from "react";
 import * as Yup from "yup";
 import clsx from "clsx";
-import { generateUtilityClasses, useTheme, styled as styled$1 } from "@mui/material";
+import { generateUtilityClasses, useTheme } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.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 { styled } from "@mui/material/styles";
+import { a6 as EditAreaHeader, a7 as AreasAdminRoot } from "../../../../styles/index.2e92ddf7.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.06aaa091.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.bf3a2812.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.97ba17ae.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.258bf919.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.609a78ca.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.ebac0bc1.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.ee45bba2.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.2348fc4f.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.642798f1.js";
-import { S as ScrollBar } from "../../../ScrollBar/index.21bc5025.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.3979e313.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.78938329.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.b959b63e.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.494c618b.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.cc077569.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.995a344b.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.6e48e3fc.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.bc28f6d4.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.116902dc.js";
+import { S as ScrollBar } from "../../../ScrollBar/index.8de83634.js";
 import TouchRipple from "@mui/material/ButtonBase/TouchRipple";
-import { B as Button } from "../../../mui_extended/Button/index.d742e9ee.js";
-import { I as Icon } from "../../../Icon/index.5cf594aa.js";
+import { B as Button } from "../../../mui_extended/Button/index.86ad58f1.js";
+import { I as Icon } from "../../../Icon/index.997ca9db.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(
   AREAS_ADMIN_CLASS_NAME,
@@ -87,31 +87,6 @@ const useAreasAdminUtilityClasses = (ownerState) => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_ADMIN_CLASS_NAME), {});
 };
-styled("div")(() => ({
-  display: "flex",
-  flexDirection: "row",
-  border: "1px solid gray",
-  "&.active": {
-    border: "1px solid red"
-  }
-}));
-styled("div")(({ theme }) => ({
-  height: "100%",
-  width: theme.spacing(1),
-  backgroundColor: theme.vars.palette.background.default,
-  "&.active": {
-    backgroundColor: theme.vars.palette.primary.main
-  }
-}));
-const EditAreaHeader = styled("div")(({ theme }) => ({
-  display: "flex",
-  width: "100%",
-  height: "25px",
-  borderBottom: "1px solid",
-  borderColor: theme.vars.palette.state.default,
-  justifyContent: "space-between",
-  alignItems: "center"
-}));
 const ChipActionsMobile = (props) => {
   const { handlerOpenPopoverEditArea, areaId } = props;
   const { deleteArea } = useAreasStore((state) => state.areasActions);
@@ -335,18 +310,6 @@ const AreaChip = (props) => {
   ] });
 };
 AreaChip.displayName = "AreaButtons";
-const AreasAdminRoot = styled$1("div")`
-  display: flex;
-  position: relative;
-  background-color: transparent;
-
-  //areaRoot
-  & .${areasAdminClasses.areaChipRoot} {
-    display: flex;
-  }
-
-  ${(props) => props.theme.components?.M4LAreasAdmin?.styleOverrides}
-`;
 const ChipMobile = (props) => {
   const { areaId, selected, disabled, setAnchorMenuAreas } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -729,5 +692,6 @@ function AreasAdmin() {
 }
 export {
   AreasAdmin as A,
+  areasAdminClasses as a,
   useAreasAdminUtilityClasses as u
 };

package/components/areas/components/AreasViewer/{index.343f0452.js → index.0527c2be.js}

@@ -1,35 +1,35 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { generateUtilityClasses, styled, Skeleton, Dialog } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
-import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
+import { a8 as WindowRoot, a9 as WrapperWindowModal, aa as AreasViewerRoot } from "../../../../styles/index.2e92ddf7.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.98ea6788.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.d27f97ee.js";
+import { generateUtilityClasses, Skeleton } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
+import { a as AREAS_VIEWER_CLASS_NAME } from "../../constants.66529246.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.06aaa091.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.3979e313.js";
 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.ee45bba2.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.ea9c8518.js";
-import { I as Icon } from "../../../Icon/index.5cf594aa.js";
-import { T as Typography } from "../../../mui_extended/Typography/index.642798f1.js";
-import { M as MFLoader } from "../../../MFLoader/index.12ccba1a.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.6e48e3fc.js";
+import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.429c171a.js";
+import { I as Icon } from "../../../Icon/index.997ca9db.js";
+import { T as Typography } from "../../../mui_extended/Typography/index.116902dc.js";
+import { M as MFLoader } from "../../../MFLoader/index.84bfb72b.js";
 import { W as WindowToolsMFProvider } from "../../contexts/WindowToolsMFContext/index.992ae7a3.js";
 import { D as DynamicMFParmsProvider } from "../../contexts/DynamicMFParmsContext/index.3d9ad0ad.js";
 import { L as LinearProgress } from "../../../mui_extended/LinearProgress/index.4092bb69.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../../test/getNameDataTestId.0faeade8.js";
-import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.91e1acfc.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.7050ac4f.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.45cecca2.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.07a979ba.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.0af78226.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.2bbbfe01.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.427a569c.js";
-import { styled as styled$1 } from "@mui/material/styles";
+import { L as LoadingError } from "../../../LoadingError/index.f9be29f1.js";
 import { c as cjs } from "../../../../react-draggable.1c1ba224.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.4f75c0b5.js";
+import { R as ResizeableWindow } from "../../../Resizeable/index.6e2eff97.js";
 const areasViewerClasses = generateUtilityClasses(
   AREAS_VIEWER_CLASS_NAME,
   [
@@ -126,127 +126,6 @@ const useAreasViewerUtilityClasses = (ownerState) => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(AREAS_VIEWER_CLASS_NAME), {});
 };
-const react_resizable_css = {};
-const AreasViewerRoot = styled("div")`
-  /* display: flex; */
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  /* flex-grow: 1; */
-  position: relative;
-
-  //areaRoot
-  & .${areasViewerClasses.areaRoot} {
-    display: none;
-    position: absolute;
-    /* flex-grow: 1; */
-    flex-direction: row;
-    inset: 0;
-    /* width: 100%; */
-    overflow: hidden;
-    justify-content: top;
-    align-items: flex-start;
-
-    visibility: hidden;
-  }
-
-  & .${areasViewerClasses.areaRoot}.${areasViewerClasses.selected} {
-    display: block;
-    visibility: visible;
-  }
-
-  &.${areasViewerClasses.isMobile} .${areasViewerClasses.areaRoot} {
-  }
-
-  // areaGridLayoutPanelContainer
-  & .${areasViewerClasses.areaGridLayoutPanelContainer} {
-    display: flex;
-    flex-direction: row;
-    height: 100%;
-    width: 100%;
-    overflow: hidden;
-  }
-  &.${areasViewerClasses.isMobile} .${areasViewerClasses.areaGridLayoutPanelContainer} {
-    flex-direction: column-reverse;
-  }
-  // areaGridLayout
-  & .${areasViewerClasses.areaGridLayout} {
-    height: 100% !important;
-    overflow: auto;
-    flex-grow: 1;
-  }
-  &.${areasViewerClasses.isMobile} .${areasViewerClasses.areaGridLayout} {
-    flex-direction: column-reverse;
-    height: unset;
-    width: 100%;
-  }
-  // areaGridLayoutPopupsContainer
-  & .${areasViewerClasses.areaGridLayoutPopupsContainer} {
-    z-index: 1; //Garantizar q el contenedor de los popus este por encima de los layouts
-    //     // ' .react-draggable': {
-    //     //     position: 'absolute',
-    //     // },
-  }
-
-  // PanelWindowsRoot
-  & .${areasViewerClasses.panelWindowsRoot} {
-    display: flex;
-    flex-direction: column;
-    position: relative;
-  }
-  &.${areasViewerClasses.isMobile} .${areasViewerClasses.panelWindowsRoot} {
-    flex-direction: row;
-  }
-
-  // windowRoot
-  & .${areasViewerClasses.windowRoot} {
-    inset: 0;
-    position: absolute;
-    display: flex;
-    flex-direction: column;
-    /* height: 100%; */
-    /* width: 100%; */
-    overflow: hidden;
-    border: 1px solid gray;
-
-    background-color: ${(props) => props.theme.vars.palette.background.default};
-    padding: ${(props) => props.theme.spacing(0)};
-  }
-
-  & .${areasViewerClasses.windowRoot}.${areasViewerClasses.selected} {
-    border-top: 1px solid green;
-  }
-  // windowHeaderTitle
-  & .${areasViewerClasses.windowHeaderTitle} {
-    width: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    color: ${(props) => props.theme.vars.palette.text.primary};
-    text-overflow: ellipsis;
-  }
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowHeaderMainActions} {
-    display: flex;
-
-    gap: 4px;
-  }
-
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowContent} {
-    flex-grow: 1;
-    position: relative;
-  }
-
-  // windowModalRoot
-  & .${areasViewerClasses.windowModalRoot} {
-    padding: 16px;
-  }
-
-  ${react_resizable_css}
-
-  ${(props) => props.theme.components?.M4LAreasViewer?.styleOverrides}
-`;
 function WindowHeaderSkeleton(props) {
   const { colapsed } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(areasViewerClasses.windowHeader), children: /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.windowHeaderContent, children: [
@@ -524,99 +403,6 @@ const Component = (props) => {
   return /* @__PURE__ */ jsx(WindowToolsMFProvider, { ...windowTools, children: /* @__PURE__ */ jsx(DynamicMFParmsProvider, { store: dynamicMFStore, children: /* @__PURE__ */ jsx("div", { className: areasViewerClasses.containerComponent, children: typeof component === "function" ? component({ windowTools, dynamicMFStore }) : component }) }) });
 };
 React__default.memo(Component);
-const WindowRoot = styled("div")`
-  inset: 0;
-  position: absolute;
-  display: flex;
-  flex-direction: column;
-  /* height: 100%; */
-  /* width: 100%; */
-  overflow: hidden;
-  border: 1px solid gray;
-
-  background-color: ${(props) => props.theme.vars.palette.background.default};
-  padding: ${(props) => props.theme.spacing(0)};
-  &.${areasViewerClasses.selected} {
-    border-top: 1px solid green;
-  }
-
-  // windowHeader
-  /* 
-    &.${areasViewerClasses.loading} .${areasViewerClasses.windowHeader} {
-        border-bottom: 2px solid red !important; 
-    }
-    */
-  // windowHeaderTitle
-  & .${areasViewerClasses.windowHeaderTitle} {
-    width: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    white-space: nowrap;
-    color: ${(props) => props.theme.vars.palette.text.primary};
-    text-overflow: ellipsis;
-  }
-
-  & .${areasViewerClasses.windowHeaderCancelHandle} {
-    display: flex;
-    cursor: default;
-  }
-
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowHeaderMainActions} {
-    display: flex;
-
-    gap: 4px;
-  }
-
-  // windowHeaderMainActions
-  & .${areasViewerClasses.windowContent} {
-    flex-grow: 1;
-    position: relative;
-  }
-
-  & .${areasViewerClasses.windowContent}.${areasViewerClasses.colapsed} {
-    display: none !important;
-  }
-  // windowModalRoot
-  & .${areasViewerClasses.windowModalRoot} {
-    padding: 16px;
-  }
-
-  // windowToastiesContainer
-  & .${areasViewerClasses.windowToastiesContainer} {
-    padding: 4px;
-  }
-
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyContainer} {
-    display: flex;
-    flex-direction: column;
-  }
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyContainer}.${areasViewerClasses.success} {
-    background-color: ${(props) => props.theme.vars.palette.success.main};
-  }
-
-  // windowToastyMeesageButtonsContainer
-  & .${areasViewerClasses.windowToastyMeesageButtonsContainer} {
-    display: flex;
-  }
-  & .MuiLinearProgress-root {
-    width: 100%;
-  }
-
-  // windowToastyMessage
-  & .${areasViewerClasses.windowToastyMessage} {
-    flex-grow: 1;
-  }
-
-  // windowToastyContainer
-  & .${areasViewerClasses.windowToastyPin}.${areasViewerClasses.pinIn} {
-    border: 1px solid red;
-  }
-
-  ${(props) => props.theme.components?.M4LAreasViewerWindow?.styleOverrides}
-`;
 function Toasty(props) {
   const { windowId, toastyId } = props;
   const toasty = useAreasStore(
@@ -963,22 +749,6 @@ const Area = (props) => {
   );
 };
 Area.displayName = "Area";
-styled$1("div")(({ theme }) => ({
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  overflow: "hidden",
-  padding: theme.spacing(3)
-}));
-const WrapperWindowModal = styled$1(Dialog)(({ theme }) => ({
-  hola: 1,
-  backgroundColor: theme.vars.palette.background.paper,
-  "& .MuiDialog-container": {},
-  "&.m4l_selected": {
-    borderTop: "1px solid green"
-  },
-  ...theme.components?.M4LAreasViewerModal?.styleOverrides
-}));
 const WindowModal = (props) => {
   const { windowId } = props;
   const { onClose } = useAreasStore((state) => state.hashWindowsModals[windowId]);
@@ -1068,5 +838,6 @@ function AreasViewer() {
 }
 export {
   AreasViewer as A,
+  areasViewerClasses as a,
   useAreasViewerUtilityClasses as u
 };

package/components/areas/contexts/AreasContext/{index.91e1acfc.js → index.07a979ba.js}

@@ -6,13 +6,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.343f0452.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.5af510af.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.0527c2be.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.af6a6611.js";
 import { c as createDynamicMFStore } from "../DynamicMFParmsContext/index.3d9ad0ad.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.45cecca2.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.2bbbfe01.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.68d907d4.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.932b1f7a.js";
 import { useNavigate } from "react-router-dom";
 const PADDING_GRIDLAYOUT = 11;
 const MARGIN_GRIDLAYOUT = 11;

package/components/areas/hooks/useAreas/{index.98ea6788.js → index.d27f97ee.js}

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

package/components/commercial/AppBarCommercial/{index.cbd55cf8.js → index.7685e1d4.js}

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, styled } from "@mui/material";
+import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
+import { ab as AppBarComercialRoot } from "../../../styles/index.2e92ddf7.js";
 const componentName = "M4LAppBarCommercial";
 generateUtilityClasses(
   componentName,
@@ -15,9 +16,6 @@ const useAppBarComercialUtilityClasses = () => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
 };
-const AppBarComercialRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LAppBarCommercial?.styleOverrides
-}));
 const AppBarComercial = (props) => {
   const { children } = props;
   const classes = useAppBarComercialUtilityClasses();

package/components/commercial/SectionCommercial/{index.d22ebbd5.js → index.e9a04cb5.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, styled } from "@mui/material";
+import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
-import { S as Stack } from "../../mui_extended/Stack/index.fe363ca5.js";
+import { ac as SectionCommercialRoot } from "../../../styles/index.2e92ddf7.js";
 const componentName = "M4LSectionCommercial";
 generateUtilityClasses(
   componentName,
@@ -24,9 +24,6 @@ const useAppBarComercialUtilityClasses = (ownerState) => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
 };
-const SectionCommercialRoot = styled(Stack)(({ theme }) => ({
-  ...theme.components?.M4LSectionCommercial?.styleOverrides
-}));
 const SectionCommercial = (props) => {
   const {
     children,

package/components/commercial/TopBar/{index.df994f5f.js → index.e1f7f962.js}

@@ -1,16 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { generateUtilityClasses, styled, useTheme, Box, Grid } from "@mui/material";
+import { generateUtilityClasses, useTheme, Box, Grid, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.14912462.js";
 import { createContext, useContext, useState } from "react";
 import { useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.5cf594aa.js";
+import { ad as ArrowIconRoot } from "../../../styles/index.2e92ddf7.js";
+import { I as Icon } from "../../Icon/index.997ca9db.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.427d380a.js";
-import { B as Button } from "../../mui_extended/Button/index.d742e9ee.js";
-import { P as Popover } from "../../mui_extended/Popover/index.2348fc4f.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.b7f847a7.js";
+import { B as Button } from "../../mui_extended/Button/index.86ad58f1.js";
+import { P as Popover } from "../../mui_extended/Popover/index.bc28f6d4.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [
   "root",
@@ -58,11 +59,6 @@ const TopBarProvider = (props) => {
 };
 const useTopBar = () => useContext(TopBarContext);
 const useTopBar$1 = useTopBar;
-const ArrowIconRoot = styled("div")(() => ({
-  display: "flex",
-  alignSelf: "center",
-  lineHeight: 0
-}));
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/commercial/{index.73cf794c.js → index.302b64c1.js}

@@ -1,15 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import { styled } from "@mui/material/styles";
+import { ae as HamburgerMenuRoot } from "../../styles/index.2e92ddf7.js";
 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 { useEnvironment } from "@m4l/core";
-import { S as SideBar } from "../SideBar/index.0298ead4.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.ee45bba2.js";
-const HamburgerMenuRoot = styled("header")(({ theme }) => ({
-  ...theme.components?.M4LHamburgerMenuCommercial?.styleOverrides
-}));
+import { S as SideBar } from "../SideBar/index.49ad5aaa.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.6e48e3fc.js";
 const componentName = "M4LHamburgerMenuCommercial";
 generateUtilityClasses(componentName, ["root", "ImageLogo"]);
 function getHamburgerMenuComercialClassesUtilityClass(slot) {

package/components/formatters/BooleanFormatter/{index.699e0aee.js → index.1b4ca0c5.js}

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.5cf594aa.js";
+import { I as Icon } from "../../Icon/index.997ca9db.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.57964195.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.8abccc30.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.b317b35a.js";
 import clsx from "clsx";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
 const LABEL_BOOLEAN_YES = `${BOOLEAN_FORMATTER_DICTIONARY_KEY}.boolean_yes`;

package/components/formatters/{index.8abccc30.js → index.b317b35a.js}

@@ -1,18 +1,16 @@
 import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, styled } from "@mui/material";
+import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
+import { af as FormatterRootContainer } from "../../styles/index.2e92ddf7.js";
 import { W as WrapperComponent } from "../WrapperComponent/index.57964195.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.699e0aee.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.1b4ca0c5.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",
   "booleanFormatterIcon",
   "booleanFormatterCheck"
 ]);
-const FormatterRootContainer = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LFormatter?.styleOverrides
-}));
 const FormatterRoot = (props) => {
   const { children } = props;
   return /* @__PURE__ */ jsx(FormatterRootContainer, { className: formatterClasses.root, children });

package/components/hook-form/HelperError/{index.c0109d5b.js → index.ab4c23c3.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useController } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.09e80920.js";
+import { H as HelperText } from "../../HelperText/index.4934c100.js";
 function HelperError(props) {
   const { name } = props;
   const { control } = useFormContext();