@mui/x-charts 7.15.0 → 7.16.0

package/ChartsGrid/styledCommonents.d.ts

@@ -0,0 +1,2 @@
+export declare const GridRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;
+export declare const GridLine: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").SVGLineElementAttributes<SVGLineElement>, keyof import("react").SVGLineElementAttributes<SVGLineElement>>, {}>;

package/ChartsGrid/styledCommonents.js

@@ -0,0 +1,22 @@
+import { styled } from '@mui/material/styles';
+import { chartsGridClasses } from "./chartsGridClasses.js";
+export const GridRoot = styled('g', {
+  name: 'MuiChartsGrid',
+  slot: 'Root',
+  overridesResolver: (props, styles) => [{
+    [`&.${chartsGridClasses.verticalLine}`]: styles.verticalLine
+  }, {
+    [`&.${chartsGridClasses.horizontalLine}`]: styles.horizontalLine
+  }, styles.root]
+})({});
+export const GridLine = styled('line', {
+  name: 'MuiChartsGrid',
+  slot: 'Line',
+  overridesResolver: (props, styles) => styles.line
+})(({
+  theme
+}) => ({
+  stroke: (theme.vars || theme).palette.divider,
+  shapeRendering: 'crispEdges',
+  strokeWidth: 1
+}));

package/ChartsLegend/ChartsLegend.d.ts

@@ -1,27 +1,18 @@
 import * as React from 'react';
-import { ChartsLegendClasses } from './chartsLegendClasses';
 import { LegendRendererProps } from './DefaultChartsLegend';
 import { LegendPlacement } from './legend.types';
+export type ChartsLegendPropsBase = Omit<LegendRendererProps, keyof LegendPlacement | 'series' | 'seriesToDisplay' | 'drawingArea'> & LegendPlacement;
 export interface ChartsLegendSlots {
     /**
      * Custom rendering of the legend.
      * @default DefaultChartsLegend
      */
-    legend?: React.JSXElementConstructor<LegendRendererProps>;
+    legend?: React.JSXElementConstructor<ChartsLegendPropsBase>;
 }
 export interface ChartsLegendSlotProps {
-    legend?: Partial<LegendRendererProps>;
+    legend?: Partial<ChartsLegendPropsBase>;
 }
-export interface ChartsLegendProps extends LegendPlacement {
-    /**
-     * Override or extend the styles applied to the component.
-     */
-    classes?: Partial<ChartsLegendClasses>;
-    /**
-     * Set to true to hide the legend.
-     * @default false
-     */
-    hidden?: boolean;
+export interface ChartsLegendProps extends ChartsLegendPropsBase {
     /**
      * Overridable component slots.
      * @default {}

package/ChartsLegend/ChartsLegend.js

@@ -1,14 +1,16 @@
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+const _excluded = ["slots", "slotProps"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useSlotProps from '@mui/utils/useSlotProps';
 import composeClasses from '@mui/utils/composeClasses';
 import { useThemeProps, useTheme } from '@mui/material/styles';
-import { getSeriesToDisplay } from './utils';
-import { getLegendUtilityClass } from './chartsLegendClasses';
-import { DefaultChartsLegend } from './DefaultChartsLegend';
-import { useDrawingArea } from '../hooks';
-import { useSeries } from '../hooks/useSeries';
+import { getSeriesToDisplay } from "./utils.js";
+import { getLegendUtilityClass } from "./chartsLegendClasses.js";
+import { DefaultChartsLegend } from "./DefaultChartsLegend.js";
+import { useDrawingArea } from "../hooks/index.js";
+import { useSeries } from "../hooks/useSeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
@@ -23,27 +25,26 @@ const useUtilityClasses = ownerState => {
   };
   return composeClasses(slots, getLegendUtilityClass, classes);
 };
-const defaultProps = {
-  position: {
-    horizontal: 'middle',
-    vertical: 'top'
-  },
-  direction: 'row'
-};
 function ChartsLegend(inProps) {
   const props = useThemeProps({
-    props: _extends({}, defaultProps, inProps),
+    props: inProps,
     name: 'MuiChartsLegend'
   });
+  const defaultizedProps = _extends({
+    direction: 'row'
+  }, props, {
+    position: _extends({
+      horizontal: 'middle',
+      vertical: 'top'
+    }, props.position)
+  });
   const {
-    position,
-    direction,
-    hidden,
-    slots,
-    slotProps
-  } = props;
+      slots,
+      slotProps
+    } = defaultizedProps,
+    other = _objectWithoutPropertiesLoose(defaultizedProps, _excluded);
   const theme = useTheme();
-  const classes = useUtilityClasses(_extends({}, props, {
+  const classes = useUtilityClasses(_extends({}, defaultizedProps, {
     theme
   }));
   const drawingArea = useDrawingArea();
@@ -53,15 +54,12 @@ function ChartsLegend(inProps) {
   const chartLegendRenderProps = useSlotProps({
     elementType: ChartLegendRender,
     externalSlotProps: slotProps?.legend,
-    additionalProps: {
-      position,
-      direction,
+    additionalProps: _extends({}, other, {
       classes,
       drawingArea,
       series,
-      hidden,
       seriesToDisplay
-    },
+    }),
     ownerState: {}
   });
   return /*#__PURE__*/_jsx(ChartLegendRender, _extends({}, chartLegendRenderProps));
@@ -85,6 +83,42 @@ process.env.NODE_ENV !== "production" ? ChartsLegend.propTypes = {
    * @default false
    */
   hidden: PropTypes.bool,
+  /**
+   * Space between two legend items (in px).
+   * @default 10
+   */
+  itemGap: PropTypes.number,
+  /**
+   * Height of the item mark (in px).
+   * @default 20
+   */
+  itemMarkHeight: PropTypes.number,
+  /**
+   * Width of the item mark (in px).
+   * @default 20
+   */
+  itemMarkWidth: PropTypes.number,
+  /**
+   * Style applied to legend labels.
+   * @default theme.typography.subtitle1
+   */
+  labelStyle: PropTypes.object,
+  /**
+   * Space between the mark and the label (in px).
+   * @default 5
+   */
+  markGap: PropTypes.number,
+  /**
+   * Legend padding (in px).
+   * Can either be a single number, or an object with top, left, bottom, right properties.
+   * @default 10
+   */
+  padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
+    bottom: PropTypes.number,
+    left: PropTypes.number,
+    right: PropTypes.number,
+    top: PropTypes.number
+  })]),
   /**
    * The position of the legend.
    */

package/ChartsLegend/ContinuousColorLegend.js

@@ -3,13 +3,13 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useTheme } from '@mui/material/styles';
 import { useRtl } from '@mui/system/RtlProvider';
-import ChartsContinuousGradient from '../internals/components/ChartsAxesGradients/ChartsContinuousGradient';
-import { useChartId, useDrawingArea } from '../hooks';
-import { getScale } from '../internals/getScale';
-import { getPercentageValue } from '../internals/getPercentageValue';
-import { ChartsText } from '../ChartsText';
-import { getStringSize } from '../internals/domUtils';
-import { useAxis } from './useAxis';
+import ChartsContinuousGradient from "../internals/components/ChartsAxesGradients/ChartsContinuousGradient.js";
+import { useChartId, useDrawingArea } from "../hooks/index.js";
+import { getScale } from "../internals/getScale.js";
+import { getPercentageValue } from "../internals/getPercentageValue.js";
+import { ChartsText } from "../ChartsText/index.js";
+import { getStringSize } from "../internals/domUtils.js";
+import { useAxis } from "./useAxis.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getPositionOffset(position, legendBox, svgBox) {
   let offsetX = 0;

package/ChartsLegend/DefaultChartsLegend.d.ts

@@ -9,8 +9,13 @@ export interface LegendRendererProps extends Omit<LegendPerItemProps, 'itemsToDi
      * @deprecated Use the `useDrawingArea` hook instead.
      */
     drawingArea: Omit<DrawingArea, 'isPointInside'>;
+    /**
+     * Set to true to hide the legend.
+     * @default false
+     */
+    hidden?: boolean;
 }
-declare function DefaultChartsLegend(props: LegendRendererProps): React.JSX.Element;
+declare function DefaultChartsLegend(props: LegendRendererProps): React.JSX.Element | null;
 declare namespace DefaultChartsLegend {
     var propTypes: any;
 }

package/ChartsLegend/DefaultChartsLegend.js

@@ -1,15 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["drawingArea", "seriesToDisplay"];
+const _excluded = ["drawingArea", "seriesToDisplay", "hidden"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { LegendPerItem } from './LegendPerItem';
+import { LegendPerItem } from "./LegendPerItem.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function DefaultChartsLegend(props) {
   const {
-      seriesToDisplay
+      seriesToDisplay,
+      hidden
     } = props,
     other = _objectWithoutPropertiesLoose(props, _excluded);
+  if (hidden) {
+    return null;
+  }
   return /*#__PURE__*/_jsx(LegendPerItem, _extends({}, other, {
     itemsToDisplay: seriesToDisplay
   }));

package/ChartsLegend/LegendPerItem.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { DrawingArea } from '../context/DrawingProvider';
-import { DefaultizedProps } from '../models/helpers';
 import { ChartsTextStyle } from '../ChartsText';
 import { CardinalDirections } from '../models/layout';
-import type { ChartsLegendProps } from './ChartsLegend';
 import { LegendItemParams } from './chartsLegend.types';
-import { AnchorPosition, Direction } from './legend.types';
+import { AnchorPosition, Direction, LegendPlacement } from './legend.types';
+import { ChartsLegendClasses } from './chartsLegendClasses';
+import { DefaultizedProps } from '../models/helpers';
 export type ChartsLegendRootOwnerState = {
     position: AnchorPosition;
     direction: Direction;
@@ -15,12 +15,15 @@ export type ChartsLegendRootOwnerState = {
     seriesNumber: number;
 };
 export declare const ChartsLegendRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<React.SVGProps<SVGGElement>, keyof React.SVGProps<SVGGElement>>, {}>;
-export interface LegendPerItemProps extends DefaultizedProps<Omit<ChartsLegendProps, 'slots' | 'slotProps'>, 'direction' | 'position'> {
+export interface LegendPerItemProps extends DefaultizedProps<LegendPlacement, keyof LegendPlacement> {
     /**
      * The ordered array of item to display in the legend.
      */
     itemsToDisplay: LegendItemParams[];
-    classes?: Record<'mark' | 'series' | 'root', string>;
+    /**
+     * Override or extend the styles applied to the component.
+     */
+    classes?: Partial<ChartsLegendClasses>;
     /**
      * Style applied to legend labels.
      * @default theme.typography.subtitle1
@@ -58,4 +61,4 @@ export interface LegendPerItemProps extends DefaultizedProps<Omit<ChartsLegendPr
  * Used for series legend, and threshold color legend.
  * @ignore - Do not document
  */
-export declare function LegendPerItem(props: LegendPerItemProps): React.JSX.Element | null;
+export declare function LegendPerItem(props: LegendPerItemProps): React.JSX.Element;

package/ChartsLegend/LegendPerItem.js

@@ -5,10 +5,10 @@ import * as React from 'react';
 import NoSsr from '@mui/material/NoSsr';
 import { useTheme, styled } from '@mui/material/styles';
 import { useRtl } from '@mui/system/RtlProvider';
-import { ChartsText } from '../ChartsText';
-import { getWordsByLines } from '../internals/getWordsByLines';
-import { legendItemPlacements } from './legendItemsPlacement';
-import { useDrawingArea } from '../hooks/useDrawingArea';
+import { ChartsText } from "../ChartsText/index.js";
+import { getWordsByLines } from "../internals/getWordsByLines.js";
+import { legendItemPlacements } from "./legendItemsPlacement.js";
+import { useDrawingArea } from "../hooks/useDrawingArea.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const ChartsLegendRoot = styled('g', {
   name: 'MuiChartsLegend',
@@ -42,7 +42,6 @@ const getStandardizedPadding = padding => {
  */
 export function LegendPerItem(props) {
   const {
-    hidden,
     position,
     direction,
     itemsToDisplay,
@@ -108,9 +107,6 @@ export function LegendPerItem(props) {
         return (totalHeight - legendHeight) / 2;
     }
   }, [position.vertical, padding.top, padding.bottom, totalHeight, legendHeight]);
-  if (hidden) {
-    return null;
-  }
   return /*#__PURE__*/_jsx(NoSsr, {
     children: /*#__PURE__*/_jsx(ChartsLegendRoot, {
       className: classes?.root,

package/ChartsLegend/PiecewiseColorLegend.js

@@ -3,9 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["axisDirection", "axisId", "hideFirst", "hideLast", "labelFormatter"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { useAxis } from './useAxis';
-import { LegendPerItem } from './LegendPerItem';
-import { notNull } from '../internals/notNull';
+import { useAxis } from "./useAxis.js";
+import { LegendPerItem } from "./LegendPerItem.js";
+import { notNull } from "../internals/notNull.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function defaultLabelFormatter(params) {
   if (params.min === null) {
@@ -93,11 +93,6 @@ process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
    * The default depends on the chart.
    */
   direction: PropTypes.oneOf(['column', 'row']).isRequired,
-  /**
-   * Set to true to hide the legend.
-   * @default false
-   */
-  hidden: PropTypes.bool,
   /**
    * Hide the first item of the legend, corresponding to the [-infinity, min] piece.
    * @default false

package/ChartsLegend/index.js

@@ -1,6 +1,6 @@
-export * from './ChartsLegend';
-export * from './DefaultChartsLegend';
-export * from './ContinuousColorLegend';
-export * from './PiecewiseColorLegend';
-export * from './chartsLegendClasses';
-export * from './utils';
+export * from "./ChartsLegend.js";
+export * from "./DefaultChartsLegend.js";
+export * from "./ContinuousColorLegend.js";
+export * from "./PiecewiseColorLegend.js";
+export * from "./chartsLegendClasses.js";
+export * from "./utils.js";

package/ChartsLegend/useAxis.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useCartesianContext } from '../context/CartesianProvider/useCartesianContext';
+import { ZAxisContext } from "../context/ZAxisContextProvider.js";
+import { useCartesianContext } from "../context/CartesianProvider/useCartesianContext.js";
 /**
  * Helper to select an axis definition according to its direction and id.
  */

package/ChartsLegend/utils.js

@@ -1,7 +1,7 @@
-import getBarLegend from '../BarChart/legend';
-import getScatterLegend from '../ScatterChart/legend';
-import getLineLegend from '../LineChart/legend';
-import getPieLegend from '../PieChart/legend';
+import getBarLegend from "../BarChart/legend.js";
+import getScatterLegend from "../ScatterChart/legend.js";
+import getLineLegend from "../LineChart/legend.js";
+import getPieLegend from "../PieChart/legend.js";
 const legendGetter = {
   bar: getBarLegend,
   scatter: getScatterLegend,

package/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { InteractionContext } from '../context/InteractionProvider';
-import { useSeries } from '../hooks/useSeries';
-import { useSvgRef } from '../hooks';
-import { useCartesianContext } from '../context/CartesianProvider';
+import { InteractionContext } from "../context/InteractionProvider.js";
+import { useSeries } from "../hooks/useSeries.js";
+import { useSvgRef } from "../hooks/index.js";
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function ChartsOnAxisClickHandler(props) {
   const {

package/ChartsOnAxisClickHandler/index.js

@@ -1 +1 @@
-export * from './ChartsOnAxisClickHandler';
+export * from "./ChartsOnAxisClickHandler.js";

package/ChartsOverlay/ChartsLoadingOverlay.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["message"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { useDrawingArea } from '../hooks/useDrawingArea';
+import { useDrawingArea } from "../hooks/useDrawingArea.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledText = styled('text')(({
   theme

package/ChartsOverlay/ChartsNoDataOverlay.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 const _excluded = ["message"];
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import { useDrawingArea } from '../hooks/useDrawingArea';
+import { useDrawingArea } from "../hooks/useDrawingArea.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const StyledText = styled('text')(({
   theme

package/ChartsOverlay/ChartsOverlay.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { ChartsLoadingOverlay } from './ChartsLoadingOverlay';
-import { useSeries } from '../hooks/useSeries';
-import { ChartsNoDataOverlay } from './ChartsNoDataOverlay';
+import { ChartsLoadingOverlay } from "./ChartsLoadingOverlay.js";
+import { useSeries } from "../hooks/useSeries.js";
+import { ChartsNoDataOverlay } from "./ChartsNoDataOverlay.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function useNoData() {
   const seriesPerType = useSeries();

package/ChartsOverlay/index.js

@@ -1,3 +1,3 @@
-export { ChartsOverlay } from './ChartsOverlay';
-export { ChartsLoadingOverlay } from './ChartsLoadingOverlay';
-export { ChartsNoDataOverlay } from './ChartsNoDataOverlay';
+export { ChartsOverlay } from "./ChartsOverlay.js";
+export { ChartsLoadingOverlay } from "./ChartsLoadingOverlay.js";
+export { ChartsNoDataOverlay } from "./ChartsNoDataOverlay.js";

package/ChartsReferenceLine/ChartsReferenceLine.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { ChartsXReferenceLine } from './ChartsXReferenceLine';
-import { ChartsYReferenceLine } from './ChartsYReferenceLine';
+import { ChartsXReferenceLine } from "./ChartsXReferenceLine.js";
+import { ChartsYReferenceLine } from "./ChartsYReferenceLine.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function ChartsReferenceLine(props) {
   const {

package/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
-import { useDrawingArea, useXScale } from '../hooks';
-import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../ChartsText';
-import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
-import { warnOnce } from '../internals/warning';
+import { useDrawingArea, useXScale } from "../hooks/index.js";
+import { ReferenceLineRoot } from "./common.js";
+import { ChartsText } from "../ChartsText/index.js";
+import { getReferenceLineUtilityClass } from "./chartsReferenceLineClasses.js";
+import { warnOnce } from "../internals/warning.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getTextParams = ({
   top,

package/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import composeClasses from '@mui/utils/composeClasses';
-import { useDrawingArea, useYScale } from '../hooks';
-import { ReferenceLineRoot } from './common';
-import { ChartsText } from '../ChartsText';
-import { getReferenceLineUtilityClass } from './chartsReferenceLineClasses';
-import { warnOnce } from '../internals/warning';
+import { useDrawingArea, useYScale } from "../hooks/index.js";
+import { ReferenceLineRoot } from "./common.js";
+import { ChartsText } from "../ChartsText/index.js";
+import { getReferenceLineUtilityClass } from "./chartsReferenceLineClasses.js";
+import { warnOnce } from "../internals/warning.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getTextParams = ({
   left,

package/ChartsReferenceLine/common.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { styled } from '@mui/material/styles';
-import { referenceLineClasses } from './chartsReferenceLineClasses';
+import { referenceLineClasses } from "./chartsReferenceLineClasses.js";
 export const ReferenceLineRoot = styled('g')(({
   theme
 }) => ({

package/ChartsReferenceLine/index.js

@@ -1,2 +1,2 @@
-export * from './ChartsReferenceLine';
-export * from './chartsReferenceLineClasses';
+export * from "./ChartsReferenceLine.js";
+export * from "./chartsReferenceLineClasses.js";

package/ChartsSurface/ChartsSurface.js

@@ -4,7 +4,7 @@ const _excluded = ["children", "width", "height", "viewBox", "disableAxisListene
 import { styled, useThemeProps } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import * as React from 'react';
-import { useAxisEvents } from '../hooks/useAxisEvents';
+import { useAxisEvents } from "../hooks/useAxisEvents.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ChartChartsSurfaceStyles = styled('svg', {
   name: 'MuiChartsSurface',

package/ChartsSurface/index.js

@@ -1 +1 @@
-export * from './ChartsSurface';
+export * from "./ChartsSurface.js";

package/ChartsText/ChartsText.js

@@ -4,7 +4,7 @@ const _excluded = ["x", "y", "style", "text", "ownerState"],
   _excluded2 = ["angle", "textAnchor", "dominantBaseline"];
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { getWordsByLines } from '../internals/getWordsByLines';
+import { getWordsByLines } from "../internals/getWordsByLines.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Helper component to manage multiline text in SVG

package/ChartsText/index.js

@@ -1 +1 @@
-export { ChartsText } from './ChartsText';
+export { ChartsText } from "./ChartsText.js";

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { DefaultChartsAxisTooltipContent } from './DefaultChartsAxisTooltipContent';
-import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useColorProcessor } from '../context/PluginProvider/useColorProcessor';
-import { isCartesianSeriesType } from '../internals/isCartesian';
-import { useSeries } from '../hooks/useSeries';
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
+import { DefaultChartsAxisTooltipContent } from "./DefaultChartsAxisTooltipContent.js";
+import { ZAxisContext } from "../context/ZAxisContextProvider.js";
+import { useColorProcessor } from "../context/PluginProvider/useColorProcessor.js";
+import { isCartesianSeriesType } from "../internals/isCartesian.js";
+import { useSeries } from "../hooks/useSeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.

package/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -9,7 +9,7 @@ export interface ChartsItemContentProps<T extends ChartSeriesType> {
      */
     itemData: ItemInteractionData<T>;
     /**
-     * The series linked to the triggered axis.
+     * The series linked to the triggered item.
      */
     series: ChartSeriesDefaultized<T>;
     /**

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,11 +1,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useSlotProps from '@mui/utils/useSlotProps';
-import { DefaultChartsItemTooltipContent } from './DefaultChartsItemTooltipContent';
-import { useCartesianContext } from '../context/CartesianProvider';
-import { ZAxisContext } from '../context/ZAxisContextProvider';
-import { useColorProcessor } from '../context/PluginProvider/useColorProcessor';
-import { useSeries } from '../hooks/useSeries';
+import { DefaultChartsItemTooltipContent } from "./DefaultChartsItemTooltipContent.js";
+import { useCartesianContext } from "../context/CartesianProvider/index.js";
+import { ZAxisContext } from "../context/ZAxisContextProvider.js";
+import { useColorProcessor } from "../context/PluginProvider/useColorProcessor.js";
+import { useSeries } from "../hooks/useSeries.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -40,7 +40,7 @@ export interface ChartsTooltipProps<T extends ChartSeriesType> {
      * - 'item': Shows data about the item below the mouse.
      * - 'axis': Shows values associated with the hovered x value
      * - 'none': Does not display tooltip
-     * @default 'item'
+     * @default 'axis'
      */
     trigger?: TriggerOptions;
     /**
@@ -77,7 +77,7 @@ export interface ChartsTooltipProps<T extends ChartSeriesType> {
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip<T extends ChartSeriesType>(props: ChartsTooltipProps<T>): React.JSX.Element | null;
+declare function ChartsTooltip<T extends ChartSeriesType>(inProps: ChartsTooltipProps<T>): React.JSX.Element | null;
 declare namespace ChartsTooltip {
     var propTypes: any;
 }