@m4l/components 4.2.0 → 5.0.0

package/components/Icon/types.d.ts

@@ -3,7 +3,9 @@ import { IconSlots } from './slots';
 import { Theme } from '@mui/material';
 import { ICON_KEY_COMPONENT } from './constants';
 import { ColorSchemeComponent, Sizes } from '@m4l/styles';
-export interface IconProps {
+import { ReactNode } from 'react';
+import { TooltipProps } from '../mui_extended';
+export interface IconProps extends Pick<TooltipProps, 'placement'> {
     /**
      * URL o ruta de la imagen que se va a mostrar.
      */
@@ -19,7 +21,7 @@ export interface IconProps {
     /**
      * Nombre del tooltip que se mostrará al pasar el cursor sobre el componente.
      */
-    tooltipName?: string;
+    tooltipContent?: ReactNode;
     /**
      * Indica si se debe mostrar un esqueleto de carga en lugar de la imagen mientras esta se carga.
      */

package/components/Label/Label-3ew9PS6u.js

@@ -0,0 +1,24 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useEnvironment, useModuleSkeleton } from "@m4l/core";
+import { L as LabelRootStyled, T as TypographyStyled, a as TypographyMandatoryMessageStyled, I as IconHelperMessageStyled, S as SkeletonStyled } from "./slots/LabelSlots-BDkYIBDf.js";
+const Label = (props) => {
+  const { helperMessage, label, mandatory, mandatoryMessage, htmlFor, id, size = "medium" } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const isSkeleton = useModuleSkeleton();
+  return /* @__PURE__ */ jsx(LabelRootStyled, { ownerState: {}, for: htmlFor, id, label: "", children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TypographyStyled, { ownerState: { size }, variant: "body", className: "", children: label }),
+    mandatory && /* @__PURE__ */ jsx(TypographyMandatoryMessageStyled, { ownerState: { size }, variant: "body", className: "", children: mandatoryMessage ? /* @__PURE__ */ jsx("span", { className: "mandatoryMessage", children: mandatoryMessage }) : /* @__PURE__ */ jsx("span", { className: "mandatoryAsterisk", children: "*" }) }),
+    helperMessage && /* @__PURE__ */ jsx(
+      IconHelperMessageStyled,
+      {
+        tooltipContent: helperMessage,
+        ownerState: {},
+        placement: "right",
+        src: `${host_static_assets}/${environment_assets}/frontend/components/LabelMessage/assets/icons/infoSmall.svg`
+      }
+    )
+  ] }) : /* @__PURE__ */ jsx(SkeletonStyled, { ownerState: {}, variant: "text", width: "30%", height: "14px" }) });
+};
+export {
+  Label as L
+};

package/components/Label/Label.d.ts

@@ -0,0 +1,2 @@
+import { LabelProps } from './types';
+export declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;

package/components/Label/Label.styles-CKg2iF6E.js

@@ -0,0 +1,65 @@
+const labelStyles = {
+  root: ({ ownerState, theme }) => ({
+    display: "flex",
+    flexDireccion: "row",
+    alignItems: "center",
+    flexWrap: "wrap",
+    width: "100%",
+    flexDirection: "row",
+    [`& .${ownerState.label}`]: {
+      ...ownerState.size === "small" && {
+        height: "20px",
+        [theme.breakpoints.up("sm")]: {
+          height: "20px"
+        }
+      },
+      ...ownerState.size === "medium" && {
+        height: "24px",
+        [theme.breakpoints.up("sm")]: {
+          height: "24px"
+        }
+      }
+    }
+  }),
+  typographyStyled: ({ theme, ownerState }) => ({
+    marginInlineStart: theme.spacing(0.4),
+    "& .MuiTypography-root": {
+      color: theme.vars.palette.text.secondary,
+      [theme.breakpoints.up("sm")]: {
+        fontSize: ownerState.size === "medium" ? "11px" : "10px"
+      },
+      [theme.breakpoints.down("sm")]: {
+        fontSize: ownerState.size === "medium" ? "14px" : "13px"
+      }
+    },
+    "& .mandatoryAsterisk": {
+      color: theme.vars.palette.text.primary
+    }
+  }),
+  typographyMandatoryMessageStyled: ({ theme, ownerState }) => ({
+    marginInlineStart: theme.spacing(0.4),
+    "& .MuiTypography-root": {
+      color: theme.vars.palette.text.secondary,
+      [theme.breakpoints.up("sm")]: {
+        fontSize: ownerState.size === "medium" ? "11px" : "10px"
+      },
+      [theme.breakpoints.down("sm")]: {
+        fontSize: ownerState.size === "medium" ? "14px" : "13px"
+      }
+    }
+  }),
+  iconHelperMessageStyled: ({ theme }) => ({
+    height: "24px",
+    width: "24px",
+    '&:hover > [class*="M4LIcon-icon"]': {
+      backgroundColor: theme.vars.palette.primary.main
+    },
+    '& > [class*="M4LIcon-icon"]': {
+      fontsize: "16px",
+      backgroundColor: theme.vars.palette.text.secondary
+    }
+  })
+};
+export {
+  labelStyles as l
+};

package/components/Label/Label.styles.d.ts

@@ -0,0 +1,2 @@
+import { LabelStyles } from '../../components/Label/types';
+export declare const labelStyles: LabelStyles;

package/components/Label/constants-4JI4LmRB.js

@@ -0,0 +1,4 @@
+const LABEL_KEY_COMPONENT = "M4LLabel";
+export {
+  LABEL_KEY_COMPONENT as L
+};

package/components/Label/constants.d.ts

@@ -0,0 +1 @@
+export declare const LABEL_KEY_COMPONENT = "M4LLabel";

package/components/Label/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label } from './Label';
+export type { LabelProps } from './types';

package/components/Label/slots/LabelEnum--KtFPKmp.js

@@ -0,0 +1,11 @@
+var LabelSlots = /* @__PURE__ */ ((LabelSlots2) => {
+  LabelSlots2["root"] = "root";
+  LabelSlots2["typographyStyled"] = "typographyStyled";
+  LabelSlots2["typographyMandatoryMessageStyled"] = "typographyMandatoryMessageStyled";
+  LabelSlots2["iconHelperMessageStyled"] = "iconHelperMessageStyled";
+  LabelSlots2["skeletonStyled"] = "skeletonStyled";
+  return LabelSlots2;
+})(LabelSlots || {});
+export {
+  LabelSlots as L
+};

package/components/Label/slots/LabelEnum.d.ts

@@ -0,0 +1,7 @@
+export declare enum LabelSlots {
+    root = "root",
+    typographyStyled = "typographyStyled",
+    typographyMandatoryMessageStyled = "typographyMandatoryMessageStyled",
+    iconHelperMessageStyled = "iconHelperMessageStyled",
+    skeletonStyled = "skeletonStyled"
+}

package/components/Label/slots/LabelSlots-BDkYIBDf.js

@@ -0,0 +1,34 @@
+import { styled } from "@mui/material/styles";
+import { L as LABEL_KEY_COMPONENT } from "../constants-4JI4LmRB.js";
+import { L as LabelSlots } from "./LabelEnum--KtFPKmp.js";
+import { Skeleton } from "@mui/material";
+import { l as labelStyles } from "../Label.styles-CKg2iF6E.js";
+import { T as Typography } from "../../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
+const LabelRootStyled = styled("label", {
+  name: LABEL_KEY_COMPONENT,
+  slot: LabelSlots.root
+})(labelStyles?.root);
+const TypographyStyled = styled(Typography, {
+  name: LABEL_KEY_COMPONENT,
+  slot: LabelSlots.typographyStyled
+})(labelStyles?.typographyStyled);
+const TypographyMandatoryMessageStyled = styled(Typography, {
+  name: LABEL_KEY_COMPONENT,
+  slot: LabelSlots.typographyMandatoryMessageStyled
+})(labelStyles?.typographyMandatoryMessageStyled);
+const IconHelperMessageStyled = styled(Icon, {
+  name: LABEL_KEY_COMPONENT,
+  slot: LabelSlots.iconHelperMessageStyled
+})(labelStyles?.iconHelperMessageStyled);
+const SkeletonStyled = styled(Skeleton, {
+  name: LABEL_KEY_COMPONENT,
+  slot: LabelSlots.skeletonStyled
+})(labelStyles?.skeletonStyled);
+export {
+  IconHelperMessageStyled as I,
+  LabelRootStyled as L,
+  SkeletonStyled as S,
+  TypographyStyled as T,
+  TypographyMandatoryMessageStyled as a
+};

package/components/Label/slots/LabelSlots.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const LabelRootStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").LabelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").LabelOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof import("react").ClassAttributes<HTMLLabelElement> | keyof import("react").LabelHTMLAttributes<HTMLLabelElement>>, {}>;
+export declare const TypographyStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Typography/types").TypographyProps, keyof import("../../mui_extended/Typography/types").TypographyProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").LabelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").LabelOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const TypographyMandatoryMessageStyled: import("@emotion/styled").StyledComponent<Pick<import("../../mui_extended/Typography/types").TypographyProps, keyof import("../../mui_extended/Typography/types").TypographyProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").LabelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").LabelOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const IconHelperMessageStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Icon").IconProps, keyof import("../../Icon").IconProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").LabelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").LabelOwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const SkeletonStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").SkeletonOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "width" | "height" | "style" | "animation" | "sx" | "classes" | "variant">, "children" | "className" | "width" | "height" | "onResize" | "style" | "color" | "hidden" | "slot" | "title" | "onChange" | "dir" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "animation" | "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" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").LabelOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").LabelOwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/Label/slots/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/Label/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LabelSlots';
+export * from './LabelEnum';

package/components/Label/types.d.ts

@@ -0,0 +1,25 @@
+import { LabelSlots } from './slots';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material';
+import { LABEL_KEY_COMPONENT } from './constants';
+export interface LabelProps {
+    /**  Mesanje de ayuda opcional que se visualiza cuando se interactua con el tooltip del Icono de informacion */
+    helperMessage?: string | undefined;
+    /** Es la etiqueta de texto principal del componente.*/
+    label: string;
+    /** Es una propiedad que permite visualizar el texto que acompaña a la etiqueta `label` Por defecto es `false`.*/
+    mandatory?: boolean;
+    /** Es una etiqueta de texto que define si el campo es obligatorio, por defecto se visualiza un `*` de lo contrario se va a mostrar el valor que se proporciona .*/
+    mandatoryMessage?: string;
+    /** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente*/
+    htmlFor?: string | undefined;
+    /** Identificador único para la etiqueta html que envuelve al componente, útil para referencias en CSS o JavaScript.*/
+    id?: string;
+    /**  Define el tamaño de la etiqueta. Puede ser 'small' o 'medium'. Por defecto es 'medium'. */
+    size?: 'small' | 'medium';
+}
+export declare type OwnerState = Pick<LabelProps, 'size'>;
+export interface LabelOwnerState extends LabelProps, OwnerState {
+}
+export declare type LabelSlotsType = keyof typeof LabelSlots;
+export declare type LabelStyles = Partial<OverridesStyleRules<LabelSlots, typeof LABEL_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/LoadingError/{LoadingError-CnecFu8n.js → LoadingError-Ds10r50U.js}

@@ -4,8 +4,8 @@ import { I as ICONS } from "../areas/icons-CwFr-alN.js";
 import { l as loadingErrorUtilityClasses } from "./classes/index-C_bckEjI.js";
 import { L as LoadingErrorRoot } from "./styles-JDmaMF_4.js";
 import { L as LinearProgressIndeterminate } from "../LinearProgressIndeterminate/LinearProgressIndeterminate--VicNz4N.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../Icon/Icon-BV4VaWM4.js";
+import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as Icon } from "../Icon/Icon-1jxG9mYZ.js";
 import { B as Button } from "../mui_extended/Button/Button-BdusSjEV.js";
 const LoadingError = (props) => {
   const { status, action, title, description, recommendation, introMessage, errorIcon } = props;

package/components/MFIsolationApp/{MFIsolationApp-CxmZU0Ps.js → MFIsolationApp-C-h6xh80.js}

@@ -8,9 +8,9 @@ import { LocalesProvider, getLocaleFromNetwork, ResponsiveContainerProvider } fr
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
 import { T as TOAST_CONTAINER_ID } from "./constants-pKuV2ytz.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
-import { c as createToaster } from "../ToastContainer/helpers/toaster-WqO38v2y.js";
+import { c as createToaster } from "../ToastContainer/helpers/toaster-rSpMgeD4.js";
 import { M as MFAuthApp } from "./subcomponents/MFAuthApp/MFAuthApp-DgY0YGK1.js";
-import { T as ToastContainer } from "../ToastContainer/ToastContainer-_FYxGq0T.js";
+import { T as ToastContainer } from "../ToastContainer/ToastContainer-ByypN4tG.js";
 import { B as BaseModule } from "../BaseModule/BaseModule-1qgJozad.js";
 import { A as AreasProvider } from "../areas/contexts/AreasContext/index-B_WBK3u-.js";
 const history = createBrowserHistory({ window });

package/components/MFLoader/{MFLoader-DGyI0TI-.js → MFLoader-BDLuZB3d.js}

@@ -6,7 +6,7 @@ import debounce from "lodash/debounce";
 import { P as ProggessLoadingMF } from "./subcomponents/ProggessLoadingMF/index-B-TsTYTl.js";
 import { O as ObservableLoaderMF } from "./helper-DIBUdU2j.js";
 import { m as mfLoaderUtilityClasses } from "./classes/index-C4jyh98a.js";
-import { L as LoadingError } from "../LoadingError/LoadingError-CnecFu8n.js";
+import { L as LoadingError } from "../LoadingError/LoadingError-Ds10r50U.js";
 import { M as MFLoaderRoot } from "./styles-CtS4rdXD.js";
 function getDivScritId(prefix, moduleId) {
   const rotational_id = `${Math.round((/* @__PURE__ */ new Date()).getTime() / 1e3)}_rnd_${Math.round(

package/components/NavLink/{NavLink-DdBc-kD8.js → NavLink-BLwomKX_.js}

@@ -4,9 +4,9 @@ import { u as useUtilityClasses } from "./classes/index-CGAMfugg.js";
 import { N as NavLinkRoot } from "./styles-DL9dFk6r.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "./tests/utils-CHu-fVih.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
+import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
 const NavLink = (props) => {
-  const { children, text, skeletonWidth, skeletongHeight, ...others } = props;
+  const { children, text, skeletonWidth, skeletonHeight, ...others } = props;
   const classes = useUtilityClasses();
   return /* @__PURE__ */ jsx(
     NavLinkRoot,
@@ -19,7 +19,7 @@ const NavLink = (props) => {
           {
             variant: "action",
             skeletonWidth,
-            skeletongHeight,
+            skeletonHeight,
             children: text
           }
         ),

package/components/NavLink/types.d.ts

@@ -1,5 +1,5 @@
 import { NavLinkProps as RouterNavLinkProps } from 'react-router-dom';
 import { TypographyProps } from '../mui_extended/Typography/types';
-export interface NavLinkProps extends RouterNavLinkProps, Pick<TypographyProps, 'skeletonWidth' | 'skeletongHeight'> {
+export interface NavLinkProps extends RouterNavLinkProps, Pick<TypographyProps, 'skeletonWidth' | 'skeletonHeight'> {
     text: string;
 }

package/components/ObjectLogs/components/DetailFormatter/{index-EcGYfHVI.js → index-C_vFXYqZ.js}

@@ -3,10 +3,10 @@ import { Tooltip, IconButton } from "@mui/material";
 import { D as DetailDialog } from "../DetailDialog/index-BSRfMj11.js";
 import { u as useModal } from "../../../../hooks/useModal/index-DkNYHw5Z.js";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../Icon/Icon-1jxG9mYZ.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { S as Stack } from "../../../mui_extended/Stack/Stack-C79qEBpg.js";
-import { W as WindowBase } from "../../../modal/WindowBase/index-BcT3jfae.js";
+import { W as WindowBase } from "../../../modal/WindowBase/index-DzrmeP5F.js";
 function DetailFormatter(props) {
   const { log_id } = props;
   const { openModal } = useModal();

package/components/ObjectLogs/{index-qB2t03L7.js → index-Df7DEuSf.js}

@@ -2,10 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useEffect } from "react";
 import { useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { C as Container, A as Actions, G as GridWrapper } from "./styles-PxnVTC5y.js";
-import { D as DataGrid } from "../DataGrid/index-B4eh2KBx.js";
+import { D as DataGrid } from "../DataGrid/index-CXF-jGue.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index-CGcRZ8BA.js";
-import { D as DetailFormatter } from "./components/DetailFormatter/index-EcGYfHVI.js";
-import { D as DynamicFilter } from "../DynamicFilter/DynamicFilter-v3KSDetp.js";
+import { D as DetailFormatter } from "./components/DetailFormatter/index-C_vFXYqZ.js";
+import { D as DynamicFilter } from "../DynamicFilter/DynamicFilter-CvcLkbeM.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 function ObjectLogs(props) {
   const { resource_id, object_id, dataTestId = "" } = props;

package/components/PaperForm/{PaperForm-B_0YMPq6.js → PaperForm-kfrcMKND.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { P as PaperFormRoot, C as Content } from "./styles-cMJgA-Av.js";
-import { H as Header } from "./components/Header-D9JZ4cha.js";
+import { H as Header } from "./components/Header-KKfKg_Oh.js";
 import { p as paperFormUtilityClasses } from "./classes/index-C6y8jsT8.js";
 function PaperForm(props) {
   const { urlIcon, title, children, isForm = false } = props;

package/components/PaperForm/components/{Header-D9JZ4cha.js → Header-KKfKg_Oh.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../Icon/Icon-1jxG9mYZ.js";
 import { H as HeaderContainer, I as IconTitleContainer, a as IconHeader, S as SkTPaperFormHeader } from "../styles-cMJgA-Av.js";
 const Header = (props) => {
   const { urlIcon, title, classes } = props;

package/components/Period/{Period-DqC_73uq.js → Period-CrQNpQjr.js}

@@ -10,8 +10,8 @@ import { g as getNamePeriodDataTestId } from "./tests/utils-Bxi-Tv3y.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { S as SkeletonPeriod } from "./subcomponents/SkeletonPeriod/index-CDuo-ffk.js";
-import { T as Typography } from "../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as IconButton } from "../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { T as Typography } from "../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as IconButton } from "../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 const getSelPeriodTime = (period) => {
   if (!period) return ETimePeriods.YEARS;
   if (period.selPeriodTime) return period.selPeriodTime;

package/components/PropertyValue/{PropertyValue-rqR7zw0S.js → PropertyValue-CnrYDKut.js}

@@ -6,8 +6,8 @@ import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
 import { T as TEST_PROPS_DATA, C as COMPONENT_PREFIX } from "./constants-EBZEdYQ_.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.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 { I as Icon } from "../Icon/Icon-1jxG9mYZ.js";
 function PropertyValue(props) {
   const {
     property,
@@ -94,7 +94,7 @@ function PropertyValue(props) {
               children: [
                 iconProperty ? /* @__PURE__ */ jsx(Icon, { src: iconProperty, className: classes.iconProperty }) : null,
                 /* @__PURE__ */ jsx(
-                  FieldLabel,
+                  Label,
                   {
                     label: property,
                     mandatory,
@@ -162,7 +162,7 @@ function PropertyValue(props) {
             children: [
               iconProperty ? /* @__PURE__ */ jsx(Icon, { src: iconProperty, className: classes.iconProperty }) : null,
               /* @__PURE__ */ jsx(
-                FieldLabel,
+                Label,
                 {
                   label: property,
                   mandatory,

package/components/PropertyValue/types.d.ts

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

package/components/SideBar/{SideBar-Dtv9D1op.js → SideBar-BxgZL1ii.js}

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { S as SideBarRoot } from "./styles-DD87zVej.js";
-import { C as ContentDesktop } from "./subcomponents/ContentDesktop/index-zV7vFkkv.js";
+import { C as ContentDesktop } from "./subcomponents/ContentDesktop/index-CtyhUPg-.js";
 import { S as SideBarProvider } from "./context/sideBarContext/index-MO7cOTFM.js";
 import { g as getSideBarClassesByState } from "./classes/index-DwK5vHib.js";
 import { g as getNameDataTestId } from "./tests/utils-tW-XG1xE.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { C as ContentMobile } from "./subcomponents/ContentMobile/index-BQY4i7Cf.js";
+import { C as ContentMobile } from "./subcomponents/ContentMobile/index-BAYa9UBX.js";
 import { useResponsive } from "@m4l/styles";
 import { M as MENU_COLLAPSED_SIZE } from "./constants-BRWf1smn.js";
 const SideBar = (props) => {

package/components/SideBar/subcomponents/ContentDesktop/{index-zV7vFkkv.js → index-CtyhUPg-.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
-import { C as ContentComponent } from "./subcomponents/ContentComponent/index-CV1fTTqO.js";
+import { C as ContentComponent } from "./subcomponents/ContentComponent/index-0_Up_pTt.js";
 import { M as MENU_COLLAPSED_SIZE } from "../../constants-BRWf1smn.js";
 const ContentDesktop = () => {
   const { classes, collapsed, expandedWidth, overlay } = useSideBar();

package/components/SideBar/subcomponents/ContentDesktop/subcomponents/ContentComponent/{index-CV1fTTqO.js → index-0_Up_pTt.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { g as getNameDataTestId } from "../../../../tests/utils-tW-XG1xE.js";
 import { u as useSideBar } from "../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock-CF-669v-.js";
-import { C as ContentGroups } from "../../../ContentGroups/index-Cw6qkzkX.js";
+import { C as ContentGroups } from "../../../ContentGroups/index-BjfcNKnC.js";
 import { F as FooterSidebar } from "../CollapseButton/index-UhoigWQy.js";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
 import { a as MENU_COLLAPSED_CONTAINER_SIZE } from "../../../../constants-BRWf1smn.js";
-import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as IconButton } from "../../../../../mui_extended/IconButton/IconButton-Bf75xsn0.js";
 const ContentComponent = () => {
   const { collapsed, onToggleCollapse, classes, onToggleOverlay, overlay } = useSideBar();
   const handlerOnMouseEnter = () => {

package/components/SideBar/subcomponents/ContentGroups/{index-Cw6qkzkX.js → index-BjfcNKnC.js}

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { C as ContentGroupsRoot, W as WrapperGroup, a as WrapperGroupTitle } from "./styles-BejiSnJt.js";
-import { I as ItemListMain } from "./subcomponents/ItemListRoot/index-DFGhBi_C.js";
+import { I as ItemListMain } from "./subcomponents/ItemListRoot/index-C9i57aW0.js";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../tests/utils-tW-XG1xE.js";
 import { useState } from "react";
-import { T as Typography } from "../../../mui_extended/Typography/Typography-C_rG8K21.js";
+import { T as Typography } from "../../../mui_extended/Typography/Typography-CiRwBv1u.js";
 const ContentGroups = () => {
   const { menuData, classes } = useSideBar();
   const [itemMainActive, setItemMainActive] = useState(-1);

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/{index-DFGhBi_C.js → index-C9i57aW0.js}

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import { Collapse } from "@mui/material";
-import { N as NavItemMain } from "./subcomponents/NavItemRoot/index-sJe80ChS.js";
+import { N as NavItemMain } from "./subcomponents/NavItemRoot/index-GahIqhE_.js";
 import { C as ContainerListSubItem } from "./styles-_I13xqtq.js";
-import { N as NavListSubItem } from "./subcomponents/NavListSub/index-Cp7_GKWu.js";
+import { N as NavListSubItem } from "./subcomponents/NavListSub/index-BfWLLX_Y.js";
 import { u as useSideBar } from "../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../tests/utils-tW-XG1xE.js";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/ArrowIcon/{index-CdmVlp1X.js → index-ByA8pL7H.js}

@@ -4,7 +4,7 @@ import { A as ArrowIconRoot } from "./styles-XF6qlczg.js";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";
-import { I as Icon } from "../../../../../../../Icon/Icon-BV4VaWM4.js";
+import { I as Icon } from "../../../../../../../Icon/Icon-1jxG9mYZ.js";
 function ArrowIcon(props) {
   const { openState } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/{index-sJe80ChS.js → index-GahIqhE_.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { N as NavItemMainRoot } from "./styles-B-bKLBgN.js";
-import { N as NavItemMainContent } from "./subcomponents/NavItemRootContent/index-DpLjh38W.js";
+import { N as NavItemMainContent } from "./subcomponents/NavItemRootContent/index-7xjbg02-.js";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavItemRoot/subcomponents/NavItemRootContent/{index-DpLjh38W.js → index-7xjbg02-.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
-import { A as ArrowIcon } from "../../../ArrowIcon/index-CdmVlp1X.js";
-import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../../../../../../Icon/Icon-BV4VaWM4.js";
+import { A as ArrowIcon } from "../../../ArrowIcon/index-ByA8pL7H.js";
+import { T as Typography } from "../../../../../../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as Icon } from "../../../../../../../../../Icon/Icon-1jxG9mYZ.js";
 const NavItemMainContent = (props) => {
   const { item, onClick, handlerOpen, changeVisible, open } = props;
   const { title, icon_url: icon, children } = item;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/{index-Cp7_GKWu.js → index-BfWLLX_Y.js}

@@ -3,7 +3,7 @@ import { Collapse } from "@mui/material";
 import { useState, useEffect } from "react";
 import { u as useSideBar } from "../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 import { N as NavListSubItemRoot } from "./styles-DufcL0vH.js";
-import { N as NavSubItem } from "./subcomponents/NavItemSub/index-DqW9Hr9L.js";
+import { N as NavSubItem } from "./subcomponents/NavItemSub/index-sDEeXfAT.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../tests/utils-tW-XG1xE.js";
 import clsx from "clsx";

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/{index-DqW9Hr9L.js → index-sDEeXfAT.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index-D-b9FagQ.js";
+import { N as NavSubItemContent } from "./subcomponents/NavItemSubContent/index-XvFWcRXh.js";
 import { u as useSideBar } from "../../../../../../../../hooks/useSideBar/index-CZiP3QRh.js";
 function NavSubItem(props) {
   const { item, closePopover, setOpenSub, openSub } = props;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/{index-D-b9FagQ.js → index-XvFWcRXh.js}

@@ -5,10 +5,10 @@ import { N as NavSubItemContentRoot } from "./styles-BpxvDTCo.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../../../../../../../../tests/utils-tW-XG1xE.js";
 import clsx from "clsx";
-import { A as ArrowIcon } from "../../../../../ArrowIcon/index-CdmVlp1X.js";
+import { A as ArrowIcon } from "../../../../../ArrowIcon/index-ByA8pL7H.js";
 import { useEnvironment } from "@m4l/core";
-import { T as Typography } from "../../../../../../../../../../../mui_extended/Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../../../../../../../../Icon/Icon-BV4VaWM4.js";
+import { T as Typography } from "../../../../../../../../../../../mui_extended/Typography/Typography-CiRwBv1u.js";
+import { I as Icon } from "../../../../../../../../../../../Icon/Icon-1jxG9mYZ.js";
 const NavSubItemContent = (props) => {
   const { item, onClick, closePopover = () => {
   }, setOpenSub, openSub } = props;

package/components/SideBar/subcomponents/ContentMobile/{index-BQY4i7Cf.js → index-BAYa9UBX.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme } from "@mui/material";
-import { C as ContentGroups } from "../ContentGroups/index-Cw6qkzkX.js";
+import { C as ContentGroups } from "../ContentGroups/index-BjfcNKnC.js";
 import { W as WrapperContentMobile } from "./styles-CRzFPD56.js";
 import { u as useSideBar } from "../../hooks/useSideBar/index-CZiP3QRh.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../tests/utils-tW-XG1xE.js";
 import { D as Drawer } from "./subcomponents/Drawer-C1SYx_3y.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 { I as Image } from "../../../Image/Image-BjqOt3pz.js";
 const ContentMobile = () => {
   const {

package/components/ToastContainer/{ToastContainer-_FYxGq0T.js → ToastContainer-ByypN4tG.js}

@@ -4,7 +4,7 @@ import { D as DEFAULT_CLOSE_TIME } from "./constants-BrwLWG5c.js";
 import { a as getPropDataTestId } from "../../test/getNameDataTestId-BaBTWhBr.js";
 import "react-toastify/dist/ReactToastify.min.css";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext-Dh1xxcRq.js";
-import { R as RootStyled } from "./slots/toastContainerSlots-ShE6GR0W.js";
+import { R as RootStyled } from "./slots/toastContainerSlots-Dt1rvYdg.js";
 import { T as ToastContainerSlots } from "./slots/ToastContainerEnum-mpJBAxqc.js";
 const ToastContainer = (props) => {
   const { children, fixed = true, dataTestId, ...restProps } = props;