@m4l/components 0.2.28 → 0.2.30

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

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

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

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

package/components/PrintingSystem/subcomponents/TextBoxNode/{index.0f22f144.js → index.79d2e283.js}

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

package/components/PropertyValue/{index.041a0585.js → index.1dbf6ef8.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 { I as Icon } from "../Icon/index.1976cb37.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
+import { F as FieldLabel } from "../FieldLabel/index.75e89ace.js";
+import { I as Icon } from "../Icon/index.14670a00.js";
 const PropertyValueRoot = styled("div")(({
   theme
 }) => ({
@@ -54,7 +54,10 @@ function PropertyValue(props) {
     isForm,
     className,
     dataTestId = "",
-    disabled = false
+    disabled = false,
+    mandatory,
+    mandatoryMessage,
+    helperMessage
   } = props;
   const isDesktop = useResponsiveDesktop();
   const [isFocus, setIsFocus] = useState(false);
@@ -129,10 +132,11 @@ function PropertyValue(props) {
         children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
           src: iconProperty,
           className: classes.iconProperty
-        }) : null, /* @__PURE__ */ jsx(Typography, {
-          variant: "body",
-          skeletonWidth: "70px",
-          children: property
+        }) : null, /* @__PURE__ */ jsx(FieldLabel, {
+          label: property,
+          mandatory,
+          mandatoryMessage,
+          helperMessage
         })]
       }), /* @__PURE__ */ jsx("div", {
         className: classes.value,
@@ -180,10 +184,11 @@ function PropertyValue(props) {
       children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
         src: iconProperty,
         className: classes.iconProperty
-      }) : null, /* @__PURE__ */ jsx(Typography, {
-        variant: "body",
-        skeletonWidth: "70px",
-        children: property
+      }) : null, /* @__PURE__ */ jsx(FieldLabel, {
+        label: property,
+        mandatory,
+        mandatoryMessage,
+        helperMessage
       })]
     }), /* @__PURE__ */ jsx("div", {
       className: classes.value,

package/components/PropertyValue/types.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import { FieldLabelProps } from '../FieldLabel/types';
 export interface PropertyProps {
     propertyWidth?: number;
     iconProperty?: string;
@@ -8,7 +9,7 @@ export interface ValueProps {
     valueWidth?: number;
     valueWidthMobile?: number;
 }
-export interface PropertyValueProps extends PropertyProps, ValueProps {
+export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<FieldLabelProps, 'label'> {
     property: string;
     value: number | string | ReactNode;
     isForm?: boolean;

package/components/Resizeable/{index.8db8f77d.js → index.eba4fda9.js}

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

package/components/SideBar/{index.3ea827ea.js → index.b1455bd0.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.de903261.js";
+import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.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.1976cb37.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.14670a00.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.fd6f2c5f.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.63a9d74c.js";
+import { I as Image } from "../Image/index.6aa1ae49.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.d8bdadaa.js";
 import { useResponsive } from "@m4l/styles";
 const SideBarRoot = styled("div")(({
   theme

package/components/ToastContainer/{index.ee15bfce.js → index.a33ebb52.js}

@@ -1,11 +1,11 @@
 import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.4d80a09c.js";
+import { A } from "../../node_modules.98455a76.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../utils/index.24b5284a.js";
 import { useEnvironment } from "@m4l/core";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.1976cb37.js";
+import { I as Icon } from "../Icon/index.14670a00.js";
 const ToastContainerRoot = styled("div")(({ theme }) => ({
   ...theme.components?.M4LToastContainer?.styleOverrides
 }));

package/components/areas/components/AreasAdmin/{index.01ea7058.js → index.f7194012.js}

@@ -1,30 +1,30 @@
-import { u as useAreasStore } from "../../hooks/useAreas/index.32c7a909.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.0e9185fd.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.de903261.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.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 } 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.bca14ad9.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7b2a8723.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.81c4b52b.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.16946bfd.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.e03455db.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.5ba2ef5f.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.63a9d74c.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.e01f32f2.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 { 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.c6befaeb.js";
-import { I as Icon } from "../../../Icon/index.1976cb37.js";
+import { B as Button } from "../../../mui_extended/Button/index.d5a031be.js";
+import { I as Icon } from "../../../Icon/index.14670a00.js";
 import { u as useOnClickOutside } from "../../index.4cc6a221.js";
 const areasAdminClasses = generateUtilityClasses(AREAS_ADMIN_CLASS_NAME, [
   "root",

package/components/areas/components/AreasViewer/{index.71038f0e.js → index.32960256.js}

@@ -1,35 +1,35 @@
 import { generateUtilityClasses, styled, Skeleton, Dialog } from "@mui/material";
-import { r as react_resizable_css } from "../../../../react-resizable.ee028152.js";
+import { r as react_resizable_css } from "../../../../react-resizable.0ebffd82.js";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.24b5284a.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.32c7a909.js";
+import { u as useAreasStore } from "../../hooks/useAreas/index.0e9185fd.js";
 import { useModuleDictionary, useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.bca14ad9.js";
+import { a as MemonizedMenuActions } from "../../../mui_extended/MenuActions/index.154d57f0.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.63a9d74c.js";
-import { L as LinearProgressIndeterminate } from "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
-import { I as Icon } from "../../../Icon/index.1976cb37.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 { T as Typography } from "../../../mui_extended/Typography/index.379dd374.js";
-import { M as MFLoader } from "../../../MFLoader/index.1e56a845.js";
+import { M as MFLoader } from "../../../MFLoader/index.6037f834.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.cc89c1a7.js";
-import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.7669a2cd.js";
-import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.d2ec9ddb.js";
+import { R as RESPONSIVE_COLAPSED_HEIGHTS, a as RESPONSIVE_ROW_HEIGHTS, M as MARGIN_GRIDLAYOUT, P as PADDING_GRIDLAYOUT } from "../../contexts/AreasContext/index.8f0ba01f.js";
+import { w as withSizeProvider } from "../../../GridLayout/subcomponents/SizeProvider/index.607d8861.js";
+import { R as Responsive } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
 import { useLocation } from "react-router-dom";
-import { L as LoadingError } from "../../../LoadingError/index.2aa5daba.js";
-import { c as cjs } from "../../../../react-draggable.ee21cb7e.js";
-import { R as ResizeableWindow } from "../../../Resizeable/index.8db8f77d.js";
+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";
 const areasViewerClasses = generateUtilityClasses(AREAS_VIEWER_CLASS_NAME, [
   "root",
   "areaRoot",

package/components/areas/contexts/AreasContext/{index.cc89c1a7.js → index.8f0ba01f.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.71038f0e.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.01ea7058.js";
+import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/index.32960256.js";
+import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/index.f7194012.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.d2ec9ddb.js";
+import { a as addLayoutItemToBreakPointIfNoExists, b as addLayoutItemToBreakPoints, c as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/index.69e13d04.js";
 import { debounce, cloneDeep } from "lodash";
-import { A as isEqualLayouts } from "../../../GridLayout/index.0996cd19.js";
+import { A as isEqualLayouts } from "../../../GridLayout/index.e005b65b.js";
 import { useNavigate } from "react-router-dom";
 import { jsx } from "react/jsx-runtime";
 const PADDING_GRIDLAYOUT = 10;

package/components/areas/hooks/useAreas/{index.32c7a909.js → index.0e9185fd.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.cc89c1a7.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.8f0ba01f.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.c5022fdd.js → index.3e0ad6ef.js}

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

package/components/commercial/TopBar/{index.6493e8ab.js → index.7b22d97b.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.de903261.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.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.1976cb37.js";
+import { I as Icon } from "../../Icon/index.14670a00.js";
 import clsx from "clsx";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
-import { A as Accordion } from "../../mui_extended/Accordion/index.a55875a5.js";
-import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
+import { A as Accordion } from "../../mui_extended/Accordion/index.f9042228.js";
+import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
 const componentName = "M4LTopBar";
 const TopBarClasses = generateUtilityClasses(componentName, [

package/components/formatters/BooleanFormatter/{index.477c6419.js → index.fb44d69d.js}

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

package/components/formatters/{index.ac0a547b.js → index.05c4e1a4.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.477c6419.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.fb44d69d.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/RHFAutocomplete/{index.24e4387c.js → index.253f47ce.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.fd6f2c5f.js";
+import { I as Image } from "../../Image/index.6aa1ae49.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";
@@ -9,9 +9,9 @@ import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js
 import { unstable_composeClasses } from "@mui/base";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.63a9d74c.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.d8bdadaa.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFAutocompleteAsync/{index.0cc78417.js → index.ba3ab09b.js}

@@ -5,7 +5,7 @@ import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.24e4387c.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.253f47ce.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.22648b5a.js → index.3f4a0890.js}

@@ -6,8 +6,8 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.d676424c.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.0dcf39ae.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFColorPicker/{index.d02de5ee.js → index.e1bd5645.js}

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.4d80a09c.js";
+import { S as SketchPicker } from "../../../node_modules.98455a76.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
@@ -10,11 +10,11 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton } from "
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../../Icon/index.1976cb37.js";
-import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
+import { I as Icon } from "../../Icon/index.14670a00.js";
+import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.f02f1122.js → index.b1e5bd93.js}

@@ -9,9 +9,9 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
-import { I as Icon } from "../../Icon/index.1976cb37.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
+import { I as Icon } from "../../Icon/index.14670a00.js";
 const SkeletonRHFDateTime = (props) => {
   const {
     skeletonWidth,

package/components/hook-form/RHFPeriod/{index.5ca467ac.js → index.b92c344d.js}

@@ -4,9 +4,9 @@ import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
-import { P as Period } from "../../Period/index.b6fa6ce6.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
+import { P as Period } from "../../Period/index.ddf8716c.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.81c4b52b.js → index.e01f32f2.js}

@@ -1,16 +1,16 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.63a9d74c.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.d8bdadaa.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.aa97e825.js";
-import { F as FieldLabel } from "../../FieldLabel/index.61d55577.js";
+import { u as useFormFocus } from "../../../vendor.4bb30ea4.js";
+import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.f6c5027f.js → index.9d4d4460.js}

@@ -2,14 +2,14 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.fd6f2c5f.js";
+import { I as Image } from "../../Image/index.6aa1ae49.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.c6befaeb.js";
+import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme