@m4l/components 4.2.0 → 5.0.0

package/components/hook-form/RHFColorPicker/{RFHColorPicker-rkAI6yjV.js → RFHColorPicker-7m6apals.js}

@@ -3,15 +3,15 @@ import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
 import { SketchPicker } from "react-color";
-import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { u as useUtilityClasses } from "./classes/index-RGuHpPSk.js";
 import { R as RHFColorPickerRoot } from "./styles-Drw8N4oO.js";
 import { useTheme } from "@mui/material/styles";
 import { R as RHFColorPickerSkeleton } from "./subcomponents/Skeleton/indext-BasQE4Nq.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
+import { L as Label } from "../../Label/Label-3ew9PS6u.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
 import { P as Popover } from "../../mui_extended/Popover/Popover-B9KxhzxZ.js";
 import { B as Button } from "../../mui_extended/Button/Button-BdusSjEV.js";
 const RHFColorPicker = (props) => {
@@ -60,7 +60,7 @@ const RHFColorPicker = (props) => {
           defaultValue: "",
           render: ({ field: { value }, fieldState: { error } }) => /* @__PURE__ */ jsxs(Fragment, { children: [
             label && /* @__PURE__ */ jsx(
-              FieldLabel,
+              Label,
               {
                 label,
                 mandatory,
@@ -76,7 +76,7 @@ const RHFColorPicker = (props) => {
                 className: classes.containerFieldColor,
                 onClick: (event) => setAnchorEl(event.currentTarget),
                 onKeyDown: (event) => {
-                  if (event.key === "Enter") {
+                  if (event.key === "Enter" || event.key === " ") {
                     setAnchorEl(event.currentTarget);
                   }
                 },
@@ -99,7 +99,7 @@ const RHFColorPicker = (props) => {
                 ]
               }
             ),
-            error?.message && /* @__PURE__ */ jsx(HelperText, { variant: "error", message: error?.message + "" }),
+            error?.message && /* @__PURE__ */ jsx(HelperError, { message: error?.message + "" }),
             /* @__PURE__ */ jsx(
               Popover,
               {

package/components/hook-form/RHFColorPicker/types.d.ts

@@ -1,5 +1,5 @@
-import { FieldLabelProps } from '../../FieldLabel/types';
-export interface RHFColorPickerProps extends Omit<FieldLabelProps, 'label'> {
+import { LabelProps } from '../../Label/types';
+export interface RHFColorPickerProps extends Omit<LabelProps, 'label'> {
     /**
      * Nombre de etiqueta del campo
      */

package/components/hook-form/RHFDateTime/{RHFDateTime-C1MMsEtI.js → RHFDateTime-cEfEwCpp.js}

@@ -8,12 +8,12 @@ import { useState, useEffect } from "react";
 import { u as useUtilityClasses } from "./classes/index-BFb3xSvy.js";
 import clsx from "clsx";
 import { R as RHFDateTimeRoot } from "./styles-LccnWyQx.js";
-import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { g as getNameRHFDateTimeDataTestId } from "./test/utils-GZSfgD8t.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
+import { L as Label } from "../../Label/Label-3ew9PS6u.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
 function RHFDateTime(props) {
   const {
     name: nameRHF,
@@ -81,8 +81,9 @@ function RHFDateTime(props) {
           render: ({ field: { value, onChange, ref }, fieldState: { error } }) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
-                FieldLabel,
+                Label,
                 {
+                  htmlFor: "",
                   label,
                   mandatory,
                   mandatoryMessage,
@@ -115,7 +116,7 @@ function RHFDateTime(props) {
                   }
                 }
               ),
-              error?.message && /* @__PURE__ */ jsx(HelperText, { variant: "error", message: error?.message + "" })
+              error?.message && /* @__PURE__ */ jsx(HelperError, { message: error?.message + "" })
             ] });
           }
         }

package/components/hook-form/RHFDateTime/types.d.ts

@@ -1,5 +1,5 @@
-import { FieldLabelProps } from '../../FieldLabel/types';
-export interface RHFDateTimeProps extends Omit<FieldLabelProps, 'label'> {
+import { LabelProps } from '../../Label/types';
+export interface RHFDateTimeProps extends Omit<LabelProps, 'label'> {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;

package/components/hook-form/RHFHelperError/{index-BEgm7Q1Q.js → index-BAAR7SDD.js}

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

package/components/hook-form/RHFHelperError/index.d.ts

@@ -1,4 +1,4 @@
 export declare type HelperErrorProps = {
     name: string;
 };
-export declare function HelperError(props: HelperErrorProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function RHFHelperError(props: HelperErrorProps): import("react/jsx-runtime").JSX.Element | null;

package/components/hook-form/RHFPeriod/{index-B2h115je.js → index-QR8y7oqw.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { R as RHFPeriodRoot } from "./styles-CG-W_sFO.js";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
 import { R as RHFPeriodUtilityClasses } from "./classes/index-BxD4YD0r.js";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
 import { useModuleSkeleton } from "@m4l/core";
-import { F as FieldLabel } from "../../FieldLabel/FieldLabel-B2BhuYxm.js";
-import { P as Period } from "../../Period/Period-DqC_73uq.js";
+import { L as Label } from "../../Label/Label-3ew9PS6u.js";
+import { P as Period } from "../../Period/Period-CrQNpQjr.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
 const RHFPeriod = (props) => {
   const {
     name,
@@ -43,8 +43,9 @@ const RHFPeriod = (props) => {
           render: ({ field: { onChange, value }, fieldState: { error } }) => {
             return /* @__PURE__ */ jsxs(Fragment, { children: [
               label && /* @__PURE__ */ jsx(
-                FieldLabel,
+                Label,
                 {
+                  htmlFor: "",
                   label,
                   mandatory,
                   mandatoryMessage,
@@ -63,7 +64,7 @@ const RHFPeriod = (props) => {
                   size
                 }
               ),
-              error && /* @__PURE__ */ jsx(HelperText, { variant: "error", message: error.message || "" })
+              error && /* @__PURE__ */ jsx(HelperError, { message: error.message || "" })
             ] });
           }
         }

package/components/hook-form/RHFPeriod/types.d.ts

@@ -1,6 +1,6 @@
-import { FieldLabelProps } from '../../FieldLabel/types';
+import { LabelProps } from '../../Label/types';
 import { PeriodProps, PeriodState, PeriodVariant } from '../../../components/Period/types';
-export interface RHFPeriodProps extends Pick<PeriodProps, 'readOnly' | 'skeletonWidth' | 'skeletonHeight' | 'size'>, Omit<FieldLabelProps, 'label'> {
+export interface RHFPeriodProps extends Pick<PeriodProps, 'readOnly' | 'skeletonWidth' | 'skeletonHeight' | 'size'>, Omit<LabelProps, 'label'> {
     name: string;
     variant?: PeriodVariant;
     state?: PeriodState;

package/components/hook-form/RHFRadioGroup/{RHFRadioGroup-BrTpEqb4.js → RHFRadioGroup-Daao5G5-.js}

@@ -1,7 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, Controller } from "react-hook-form";
-import { RadioGroup, FormControlLabel, FormHelperText, Radio } from "@mui/material";
-import { O as OptionIconLabelFormatter } from "./formatters/OptionIconLabelFormatter/index-BcpliTD4.js";
+import { RadioGroup, FormControlLabel, Radio } from "@mui/material";
+import { O as OptionIconLabelFormatter } from "./formatters/OptionIconLabelFormatter/index-Cx8Lxbs5.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
 function RHFRadioGroup({
   name,
   options,
@@ -31,7 +32,7 @@ function RHFRadioGroup({
             getOptionValue(option)
           );
         }) }),
-        !!error && /* @__PURE__ */ jsx(FormHelperText, { error: true, sx: { px: 2 }, children: error.message })
+        error && /* @__PURE__ */ jsx(HelperError, { message: error.message || "" })
       ] })
     }
   );

package/components/hook-form/RHFRadioGroup/formatters/OptionIconLabelFormatter/{index-BcpliTD4.js → index-Cx8Lxbs5.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../../Icon/Icon-1jxG9mYZ.js";
 function OptionIconLabelFormatter(option, getOptionLabel, getOptionIconUrl) {
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(

package/components/hook-form/RHFTextField/{RHFTextField-CLJBIdqH.js → RHFTextField-1-r9fAR1.js}

@@ -4,13 +4,13 @@ import { useFormContext, Controller } from "react-hook-form";
 import { InputAdornment } from "@mui/material";
 import { useModuleSkeleton } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { S as SkeletonTextField } from "./subcomponents/Skeleton/index-B0FTj1u_.js";
-import { H as HelperText } from "../../HelperText/index-DZCj76Dl.js";
+import { S as SkeletonTextField } from "./subcomponents/Skeleton/index-CPhGdUR6.js";
 import { u as useFormFocus } from "../../../hooks/useFormFocus/index-B1F2sySJ.js";
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "./constant-74c4jM8M.js";
-import { R as RHFTextFieldRootStyled, F as FieldLabelStyled, T as TextFieldStyled } from "./slots/RHFTextFieldSlots-CxmaIWex.js";
-import { R as RHFTextFieldSlots } from "./slots/RHFTextFieldEnum-tmHlZYP6.js";
+import { R as RHFTextFieldRootStyled, L as LabelStyled, T as TextFieldStyled } from "./slots/RHFTextFieldSlots-TgfLO3SL.js";
+import { R as RHFTextFieldSlots } from "./slots/RHFTextFieldEnum-DpNZmb0n.js";
+import { H as HelperError } from "../../HelperError/HelperError-C5G4oOos.js";
 const RHFTextField = forwardRef((props, ref) => {
   const {
     name: nameRHF,
@@ -93,7 +93,7 @@ const RHFTextField = forwardRef((props, ref) => {
                 };
                 return /* @__PURE__ */ jsxs(Fragment, { children: [
                   label && /* @__PURE__ */ jsx(
-                    FieldLabelStyled,
+                    LabelStyled,
                     {
                       ownerState: { ...ownerState },
                       label,
@@ -140,9 +140,8 @@ const RHFTextField = forwardRef((props, ref) => {
                     }
                   ),
                   currentVariant ? /* @__PURE__ */ jsx(
-                    HelperText,
+                    HelperError,
                     {
-                      variant: currentVariant,
                       message: currentVariant !== "error" ? helperMessage : error?.message
                     }
                   ) : null

package/{styles/RHFTextField.styles-D8X0F7sX.js → components/hook-form/RHFTextField/RHFTextField.styles-BWUyGRb3.js}

@@ -1,5 +1,4 @@
 import { inputBaseClasses } from "@mui/material/InputBase";
-import { typographyClasses } from "@mui/material/Typography";
 const rhfTextFieldStyles = {
   root: {
     display: "flex",
@@ -24,11 +23,9 @@ const rhfTextFieldStyles = {
       }
     }
   },
-  fieldLabel: ({ theme }) => ({
-    [`& > .M4LFieldLabel-label > .${typographyClasses.root}`]: {
-      color: theme.vars.palette.text.secondary,
-      transition: "all .5s ease"
-    }
+  label: ({ theme }) => ({
+    color: theme.vars.palette.text.secondary,
+    transition: "all .5s ease"
   }),
   textField: ({ theme, ownerState }) => ({
     [`& .${inputBaseClasses.root}`]: {

package/components/hook-form/RHFTextField/RHFTextField.styles.d.ts

@@ -0,0 +1,2 @@
+import { RHFTextFieldStyles } from './types';
+export declare const rhfTextFieldStyles: RHFTextFieldStyles;

package/components/hook-form/RHFTextField/slots/{RHFTextFieldEnum-tmHlZYP6.js → RHFTextFieldEnum-DpNZmb0n.js}

@@ -1,6 +1,6 @@
 var RHFTextFieldSlots = /* @__PURE__ */ ((RHFTextFieldSlots2) => {
   RHFTextFieldSlots2["root"] = "root";
-  RHFTextFieldSlots2["fieldLabel"] = "fieldLabel";
+  RHFTextFieldSlots2["label"] = "label";
   RHFTextFieldSlots2["textField"] = "textField";
   RHFTextFieldSlots2["skeletonTextFieldRoot"] = "skeletonTextFieldRoot";
   RHFTextFieldSlots2["wrapperSkeletonRHFTextField"] = "wrapperSkeletonRHFTextField";

package/components/hook-form/RHFTextField/slots/RHFTextFieldEnum.d.ts

@@ -1,6 +1,6 @@
 export declare enum RHFTextFieldSlots {
     root = "root",
-    fieldLabel = "fieldLabel",
+    label = "label",
     textField = "textField",
     skeletonTextFieldRoot = "skeletonTextFieldRoot",
     wrapperSkeletonRHFTextField = "wrapperSkeletonRHFTextField"

package/components/hook-form/RHFTextField/slots/{RHFTextFieldSlots-CxmaIWex.js → RHFTextFieldSlots-TgfLO3SL.js}

@@ -1,17 +1,17 @@
 import { styled } from "@mui/material/styles";
 import { TextField } from "@mui/material";
-import { R as RHFTextFieldSlots } from "./RHFTextFieldEnum-tmHlZYP6.js";
+import { R as RHFTextFieldSlots } from "./RHFTextFieldEnum-DpNZmb0n.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "../constant-74c4jM8M.js";
-import { r as rhfTextFieldStyles } from "../../../../styles/RHFTextField.styles-D8X0F7sX.js";
-import { F as FieldLabel } from "../../../FieldLabel/FieldLabel-B2BhuYxm.js";
+import { r as rhfTextFieldStyles } from "../RHFTextField.styles-BWUyGRb3.js";
+import { L as Label } from "../../../Label/Label-3ew9PS6u.js";
 const RHFTextFieldRootStyled = styled("div", {
   name: RHF_TEXT_FIELD_KEY_COMPONENT,
   slot: RHFTextFieldSlots.root
 })(rhfTextFieldStyles?.root);
-const FieldLabelStyled = styled(FieldLabel, {
+const LabelStyled = styled(Label, {
   name: RHF_TEXT_FIELD_KEY_COMPONENT,
-  slot: RHFTextFieldSlots.fieldLabel
-})(rhfTextFieldStyles?.fieldLabel);
+  slot: RHFTextFieldSlots.label
+})(rhfTextFieldStyles?.label);
 const TextFieldStyled = styled(TextField, {
   name: RHF_TEXT_FIELD_KEY_COMPONENT,
   slot: RHFTextFieldSlots.textField
@@ -25,7 +25,7 @@ const WrapperSkeletonRHFTextFieldStyled = styled("div", {
   slot: RHFTextFieldSlots.wrapperSkeletonRHFTextField
 })(rhfTextFieldStyles?.wrapperSkeletonRHFTextField);
 export {
-  FieldLabelStyled as F,
+  LabelStyled as L,
   RHFTextFieldRootStyled as R,
   SkeletonTextFieldRootStyled as S,
   TextFieldStyled as T,

package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
 export declare const RHFTextFieldRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
     ownerState: Partial<import("..").RHFTextFieldProps> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const FieldLabelStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../FieldLabel/types").FieldLabelProps, keyof import("../../../FieldLabel/types").FieldLabelProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const LabelStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../Label").LabelProps, keyof import("../../../Label").LabelProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
     ownerState: Partial<import("..").RHFTextFieldProps> & Record<string, unknown>;
 }, {}, {}>;
 export declare const TextFieldStyled: import("@emotion/styled").StyledComponent<Pick<{
     variant?: import("@mui/material").TextFieldVariants | undefined;
-} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant">, "value" | "error" | "select" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "label" | "slot" | "title" | "size" | "margin" | "type" | "name" | "placeholder" | "maxRows" | "minRows" | "onChange" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "disabled" | "sx" | "classes" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "component" | "variant" | "inputProps" | "fullWidth" | "focused" | "hiddenLabel" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputRef" | "multiline" | "rows" | "SelectProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps | import("@mui/material").OutlinedTextFieldProps, "variant">, "value" | "error" | "select" | "children" | "className" | "onResize" | "style" | "color" | "hidden" | "label" | "slot" | "title" | "size" | "margin" | "type" | "name" | "placeholder" | "maxRows" | "minRows" | "onChange" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "disabled" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "component" | "variant" | "rows" | "fullWidth" | "focused" | "hiddenLabel" | "required" | "InputProps" | "autoComplete" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "inputProps" | "inputRef" | "multiline" | "SelectProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
     ownerState: Partial<import("..").RHFTextFieldProps> & Record<string, unknown>;
 }, {}, {}>;
 export declare const SkeletonTextFieldRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
     ownerState: Partial<import("..").RHFTextFieldProps> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
 export declare const WrapperSkeletonRHFTextFieldStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").RHFTextFieldProps> & Record<string, unknown> & {
     ownerState: Partial<import("..").RHFTextFieldProps> & Record<string, unknown>;
-}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

package/components/hook-form/RHFTextField/subcomponents/Skeleton/{index-B0FTj1u_.js → index-CPhGdUR6.js}

@@ -2,8 +2,8 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Skeleton } from "@mui/material";
 import { a as getPropDataTestId } from "../../../../../test/getNameDataTestId-BaBTWhBr.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "../../constant-74c4jM8M.js";
-import { S as SkeletonTextFieldRootStyled, W as WrapperSkeletonRHFTextFieldStyled } from "../../slots/RHFTextFieldSlots-CxmaIWex.js";
-import { R as RHFTextFieldSlots } from "../../slots/RHFTextFieldEnum-tmHlZYP6.js";
+import { S as SkeletonTextFieldRootStyled, W as WrapperSkeletonRHFTextFieldStyled } from "../../slots/RHFTextFieldSlots-TgfLO3SL.js";
+import { R as RHFTextFieldSlots } from "../../slots/RHFTextFieldEnum-DpNZmb0n.js";
 const SkeletonTextField = (props) => {
   const { skeletonWidth, skeletonHeight, hasLabel, variant } = props;
   return /* @__PURE__ */ jsxs(SkeletonTextFieldRootStyled, { ownerState: {}, children: [

package/components/hook-form/RHFTextField/types.d.ts

@@ -2,11 +2,11 @@ import { Theme } from '@mui/material/styles';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
 import { TextFieldProps } from '@mui/material';
 import { ReactElement } from 'react';
-import { FieldLabelProps } from '../../FieldLabel/types';
+import { LabelProps } from '../../Label/types';
 import { RHFTextFieldSlots } from './slots';
 import { RHF_TEXT_FIELD_KEY_COMPONENT } from './constant';
 export declare type RHFTextFieldVariants = 'info' | 'success' | 'warning' | null;
-export interface RHFTextFieldProps extends Omit<TextFieldProps, 'size' | 'inputProps' | 'variant' | 'label' | 'theme'>, Omit<FieldLabelProps, 'label'> {
+export interface RHFTextFieldProps extends Omit<TextFieldProps, 'size' | 'inputProps' | 'variant' | 'label' | 'theme'>, Omit<LabelProps, 'label'> {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;

package/components/hook-form/RHFTextFieldPassword/{RHFTextFieldPassword-D0Bu0r9r.js → RHFTextFieldPassword-D717FX14.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { InputAdornment } from "@mui/material";
 import { useState } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/IconButton-B3bJhoym.js";
-import { R as RHFTextField } from "../RHFTextField/RHFTextField-CLJBIdqH.js";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
+import { R as RHFTextField } from "../RHFTextField/RHFTextField-1-r9fAR1.js";
 import { R as RHFTextFieldPasswordRoot } from "./styles-DzaQqbnr.js";
 import { u as useUtilityClasses } from "./classes/index-ChETGcDs.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";

package/components/hook-form/RHFUpload/RHFUploadImage/{RHFUploadImage-CdmvNkmC.js → RHFUploadImage-NPU7iGHe.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import { U as UploadImage } from "./subcomponents/UploadImage/index-ByQEvyxe.js";
+import { U as UploadImage } from "./subcomponents/UploadImage/index-nt7AoQuk.js";
 import { W as WrapperRHFUploadImage } from "./styles-CR3RCTAQ.js";
-import { H as HelperText } from "../../../HelperText/index-DZCj76Dl.js";
+import { H as HelperError } from "../../../HelperError/HelperError-C5G4oOos.js";
 function RHFUploadImage({ name, ...other }) {
   const { control, setValue } = useFormContext();
   const handleDrop = useCallback(
@@ -29,7 +29,7 @@ function RHFUploadImage({ name, ...other }) {
         const checkError = !!error && !field.value;
         return /* @__PURE__ */ jsxs(WrapperRHFUploadImage, { children: [
           /* @__PURE__ */ jsx(UploadImage, { onDrop: handleDrop, error: checkError, ...other, file: field.value }),
-          checkError && /* @__PURE__ */ jsx(HelperText, { message: error.message })
+          checkError && /* @__PURE__ */ jsx(HelperError, { message: error.message })
         ] });
       }
     }

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/{index-ByQEvyxe.js → index-nt7AoQuk.js}

@@ -8,7 +8,7 @@ import { S as SkeletonUploadImage } from "./subcomponents/Skeleton/index-BDvEWlt
 import { R as RHFUploadImageUtilityClasses } from "../../classes/index-DkF66IeJ.js";
 import { g as getNameRHFUploadImageDataTestId } from "../../tests/utils-Y3oEheq4.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock-CF-669v-.js";
-import { T as Typography } from "../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { T as Typography } from "../../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
 import { B as Button } from "../../../../../mui_extended/Button/Button-BdusSjEV.js";
 function UploadImage({ error, file, helperText, sx, ...other }) {
   const { getRootProps, getInputProps, isDragActive, isDragReject, open } = useDropzone({

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

@@ -7,6 +7,7 @@ export * from './RHFCheckbox/RHFCheckbox';
 export { RHFDateTime } from './RHFDateTime';
 export { RHFMultiCheckbox } from './RHFMultiCheckbox';
 export { RHFSelect } from './RHFSelect';
+export { RHFHelperError } from './RHFHelperError';
 export * from './RHFTextField';
 export * from './RHFTextFieldPassword';
 export { RHFPeriod } from './RHFPeriod';

package/components/index.d.ts

@@ -13,8 +13,8 @@ export { getDataGridComponentsDictionary } from './DataGrid/dictionary';
 export { TextEditor, NumberEditor } from './DataGrid/subcomponents/editors/TextEditor';
 export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
 export * from './DynamicFilter/index';
-export * from './FieldLabel';
-export * from './HelperText';
+export * from './HelperError';
+export * from './Label';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
 export * from './DragResizeWindow';

package/components/maps/components/Map/{Map-Cfa4sxoa.js → Map-Cl8w9mp_.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { T as TileLayers } from "./subcomponents/TileLayers/index-p7XmQ2he.js";
-import { C as Controls } from "./subcomponents/Controls/index-BZHx_MEC.js";
+import { C as Controls } from "./subcomponents/Controls/index-C8cMJg6N.js";
 import { L as LayersContainer } from "./subcomponents/LayersContainer/index-tYTwy6xC.js";
 import { m as mapClasses } from "./classes/index-Di523KHt.js";
-import { M as MapRootStyled } from "./slots/MapSlots-DpFp1Bkq.js";
+import { M as MapRootStyled } from "./slots/MapSlots-jnUyQrKb.js";
 function Map(props) {
   const {
     mapGpsTools,

package/components/maps/components/Map/popups/MapPopupMyGps/{MapPopupMyGps-B0E2hLaU.js → MapPopupMyGps-BjE-6nRT.js}

@@ -10,7 +10,7 @@ import { L as LAT_LON_FIXED_DIGITS } from "./constants-BjidJqUx.js";
 import { M as MyDevice } from "../../../../../gclick/MyDevice/MyDevice-BoQAm0bh.js";
 import { M as MyDeviceStatus } from "../../../../../gclick/MyDeviceStatus/MyDeviceStatus-6k94VZLI.js";
 import { C as CourseFormatter } from "../../../../../formatters/CourseFormatter/CourseFormatter-C72EFdlI.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 const MapPopupMyGps = (props) => {
   const { properties, isOpen, popupOptions } = props;
   const { keepInView = true, autoPan = true, ...others } = popupOptions || {};

package/components/maps/components/Map/popups/MapPopupMyGps/slots/ MapPopupMyGpsSlots.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const MapPopupMyGpsRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MapPopupMyGpsHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const MapPopupMyGpsContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const MapPopupMyGpsRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MapPopupMyGpsHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MapPopupMyGpsContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

package/components/maps/components/Map/slots/{MapSlots-DpFp1Bkq.js → MapSlots-jnUyQrKb.js}

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { C as COMPONET_KEY_COMPONENT } from "../constants--nCJwhxA.js";
-import { m as mapStyles } from "../../../../../styles/maps/Map.styles-mK1DhmFd.js";
+import { m as mapStyles } from "../../../../../styles/maps/Map.styles-BVUukvaK.js";
 import { M as MapSlots } from "./slots-Bp5FCG8d.js";
 import { MapContainer } from "react-leaflet";
 const MapRootStyled = styled(MapContainer, {

package/components/maps/components/Map/slots/MapSlots.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const MapRootStyled: import("@emotion/styled").StyledComponent<Pick<import("react-leaflet").MapContainerProps & import("react").RefAttributes<import("leaflet").Map>, keyof import("react-leaflet").MapContainerProps | keyof import("react").RefAttributes<import("leaflet").Map>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, {}, {}>;
-export declare const PopupGpsDeviceStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopupGpsDeviceHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopupGpsDeviceContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupGpsDeviceStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopupGpsDeviceHeaderStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;
+export declare const PopupGpsDeviceContentStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & Record<string, unknown>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement> | keyof import("react").ClassAttributes<HTMLDivElement>>, {}>;

package/components/maps/components/Map/subcomponents/Controls/{index-BZHx_MEC.js → index-C8cMJg6N.js}

@@ -3,11 +3,11 @@ import { useState, useEffect } from "react";
 import { createPortal } from "react-dom";
 import L__default from "leaflet";
 import { useMap } from "react-leaflet";
-import { T as TopRightTools } from "./subcomponents/TopRigthTools/index-DpT-T6mI.js";
-import { T as TopLeftTools } from "./subcomponents/TopLeftTools/index-be-jfACS.js";
+import { T as TopRightTools } from "./subcomponents/TopRigthTools/index-DSTzF-0V.js";
+import { T as TopLeftTools } from "./subcomponents/TopLeftTools/index-Bca70aeD.js";
 import { b as MAP_ZINDEX_OVER_MAP } from "../../constants--nCJwhxA.js";
 import { P as PopupsProvider } from "../../../../../popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext-CahdzSly.js";
-import { P as PopupsViewer } from "../../../../../popups/components/PopupsViewer/PopupsViewer-C3QkulFR.js";
+import { P as PopupsViewer } from "../../../../../popups/components/PopupsViewer/PopupsViewer-ChNJ4euY.js";
 function Controls(props) {
   const { mapGpsTools } = props;
   const map = useMap();

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/{index-be-jfACS.js → index-Bca70aeD.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { L as LayersButton } from "./subcomponents/PopoverToolButton/index-CsaCDyca.js";
+import { L as LayersButton } from "./subcomponents/PopoverToolButton/index-C-30caa4.js";
 import { C as Control } from "../../../../external/Control/index-B9L3AeDC.js";
 import { m as mapClasses } from "../../../../classes/index-Di523KHt.js";
 function TopLeftTools() {

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/{index-CsaCDyca.js → index-C-30caa4.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useState } from "react";
-import { L as LayersTool } from "./subcomponentes/LayersTool/index-BRu-GdkZ.js";
-import { M as MapSourcesTool } from "./subcomponentes/MapSourcesTool/index-Bf89v-oI.js";
+import { L as LayersTool } from "./subcomponentes/LayersTool/index-DVrMg7fn.js";
+import { M as MapSourcesTool } from "./subcomponentes/MapSourcesTool/index-DdEjHqHE.js";
 import { useEnvironment } from "@m4l/core";
 import { useTheme } from "@mui/material";
 import { m as mapClasses } from "../../../../../../classes/index-Di523KHt.js";
 import { M as MAP_ICONS } from "../../../../../../icons-CSYh7uR4.js";
-import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 import { P as Popover } from "../../../../../../../../../mui_extended/Popover/Popover-B9KxhzxZ.js";
 function LayersButton(props) {
   const { type } = props;