@mui/x-charts 8.16.0 → 8.17.0

package/esm/BarChart/seriesConfig/{tooltipPosition.js → bar/tooltipPosition.js}

@@ -1,4 +1,4 @@
-import { getBarDimensions } from "../useBarPlotData.js";
+import { getBarDimensions } from "../../useBarPlotData.js";
 const tooltipItemPositionGetter = params => {
   const {
     series,

package/esm/BarChart/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
 import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
-export declare const seriesConfig: ChartSeriesTypeConfig<'bar'>;
+export declare const barSeriesConfig: ChartSeriesTypeConfig<'bar'>;

package/esm/BarChart/seriesConfig/index.js

@@ -1,11 +1,11 @@
-import { getExtremumX, getExtremumY } from "./extremums.js";
-import seriesProcessor from "./seriesProcessor.js";
-import legendGetter from "./legend.js";
-import getColor from "./getColor.js";
-import tooltipGetter, { axisTooltipGetter } from "./tooltip.js";
-import tooltipItemPositionGetter from "./tooltipPosition.js";
-import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
-export const seriesConfig = {
+import { getExtremumX, getExtremumY } from "./bar/extremums.js";
+import seriesProcessor from "./bar/seriesProcessor.js";
+import legendGetter from "./bar/legend.js";
+import getColor from "./bar/getColor.js";
+import tooltipGetter, { axisTooltipGetter } from "./bar/tooltip.js";
+import tooltipItemPositionGetter from "./bar/tooltipPosition.js";
+import getSeriesWithDefaultValues from "./bar/getSeriesWithDefaultValues.js";
+export const barSeriesConfig = {
   seriesProcessor,
   colorProcessor: getColor,
   legendGetter,

package/esm/BarChart/types.d.ts

@@ -12,6 +12,7 @@ export type AnimationData = {
 export interface ProcessedBarSeriesData {
   seriesId: SeriesId;
   data: ProcessedBarData[];
+  barLabel?: BarSeriesType['barLabel'];
 }
 export interface ProcessedBarData extends AnimationData {
   seriesId: SeriesId;

package/esm/BarChart/useBarPlotData.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import getColor from "./seriesConfig/getColor.js";
+import getColor from "./seriesConfig/bar/getColor.js";
 import { useChartId, useXAxes, useYAxes } from "../hooks/index.js";
 import { checkScaleErrors } from "./checkScaleErrors.js";
 import { useBarSeriesContext } from "../hooks/useBarSeries.js";
@@ -91,6 +91,7 @@ export function useBarPlotData(drawingArea, xAxes, yAxes) {
       }
       return {
         seriesId,
+        barLabel: series[seriesId].barLabel,
         data: seriesDataPoints
       };
     });

package/esm/ChartDataProvider/ChartDataProvider.d.ts

@@ -42,7 +42,7 @@ export type ChartDataProviderProps<TSeries extends ChartSeriesType = ChartSeries
  * </ChartDataProvider>
  * ```
  */
-declare function ChartDataProvider<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures>): React.JSX.Element;
+declare function ChartDataProvider<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartDataProvider {
   var propTypes: any;
 }

package/esm/ChartsAxis/ChartsAxis.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisSlotProps, ChartsAxisSlots } from "../models/axis.js";
 export interface ChartsAxisProps {
   /**
@@ -21,7 +20,7 @@ export interface ChartsAxisProps {
  *
  * - [ChartsAxis API](https://mui.com/x/api/charts/charts-axis/)
  */
-declare function ChartsAxis(props: ChartsAxisProps): React.JSX.Element;
+declare function ChartsAxis(props: ChartsAxisProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsAxis {
   var propTypes: any;
 }

package/esm/ChartsAxisHighlight/ChartsAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
 /**
  * Demos:
@@ -9,7 +8,7 @@ import { ChartsAxisHighlightProps } from "./ChartsAxisHighlight.types.js";
  *
  * - [ChartsAxisHighlight API](https://mui.com/x/api/charts/charts-axis-highlight/)
  */
-declare function ChartsAxisHighlight(props: ChartsAxisHighlightProps): React.JSX.Element;
+declare function ChartsAxisHighlight(props: ChartsAxisHighlightProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsAxisHighlight {
   var propTypes: any;
 }

package/esm/ChartsAxisHighlight/ChartsXAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
 import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
@@ -7,4 +6,4 @@ import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 export default function ChartsXHighlight(props: {
   type: ChartsAxisHighlightType;
   classes: ChartsAxisHighlightClasses;
-}): React.JSX.Element[] | null;
+}): import("react/jsx-runtime").JSX.Element[] | null;

package/esm/ChartsAxisHighlight/ChartsYAxisHighlight.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsAxisHighlightType } from "./ChartsAxisHighlight.types.js";
 import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 /**
@@ -7,4 +6,4 @@ import { ChartsAxisHighlightClasses } from "./chartsAxisHighlightClasses.js";
 export default function ChartsYHighlight(props: {
   type: ChartsAxisHighlightType;
   classes: ChartsAxisHighlightClasses;
-}): React.JSX.Element[] | null;
+}): import("react/jsx-runtime").JSX.Element[] | null;

package/esm/ChartsBrushOverlay/ChartsBrushOverlay.d.ts

@@ -1,6 +1,5 @@
-import * as React from 'react';
 export interface ChartsBrushOverlayProps {}
 /**
  * Component that renders visual feedback during brush interaction
  */
-export declare function ChartsBrushOverlay(props: ChartsBrushOverlayProps): React.JSX.Element | null;
+export declare function ChartsBrushOverlay(props: ChartsBrushOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/esm/ChartsClipPath/ChartsClipPath.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 export type ChartsClipPathProps = {
   /**
    * The id of the clip path.
@@ -21,7 +20,7 @@ export type ChartsClipPathProps = {
  *
  * - [ChartsClipPath API](https://mui.com/x/api/charts/charts-clip-path/)
  */
-declare function ChartsClipPath(props: ChartsClipPathProps): React.JSX.Element;
+declare function ChartsClipPath(props: ChartsClipPathProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsClipPath {
   var propTypes: any;
 }

package/esm/ChartsClipPath/ChartsClipPath.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useDrawingArea } from "../hooks/useDrawingArea.js";
 import { jsx as _jsx } from "react/jsx-runtime";

package/esm/ChartsGrid/ChartsGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 export interface ChartsGridProps {
   /**
@@ -23,7 +22,7 @@ export interface ChartsGridProps {
  *
  * - [ChartsGrid API](https://mui.com/x/api/charts/charts-axis/)
  */
-declare function ChartsGrid(inProps: ChartsGridProps): React.JSX.Element;
+declare function ChartsGrid(inProps: ChartsGridProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsGrid {
   var propTypes: any;
 }

package/esm/ChartsGrid/ChartsGrid.js

@@ -3,7 +3,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["vertical", "horizontal"];
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { useThemeProps } from '@mui/material/styles';

package/esm/ChartsGrid/ChartsHorizontalGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ComputedYAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridHorizontalProps {
@@ -10,5 +9,5 @@ interface ChartsGridHorizontalProps {
 /**
  * @ignore - internal component.
  */
-export declare function ChartsGridHorizontal(props: ChartsGridHorizontalProps): React.JSX.Element;
+export declare function ChartsGridHorizontal(props: ChartsGridHorizontalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/ChartsGrid/ChartsVerticalGrid.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ComputedXAxis } from "../models/axis.js";
 import { ChartsGridClasses } from "./chartsGridClasses.js";
 interface ChartsGridVerticalProps {
@@ -10,5 +9,5 @@ interface ChartsGridVerticalProps {
 /**
  * @ignore - internal component.
  */
-export declare function ChartsGridVertical(props: ChartsGridVerticalProps): React.JSX.Element;
+export declare function ChartsGridVertical(props: ChartsGridVerticalProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/esm/ChartsLegend/continuousColorLegendClasses.d.ts

@@ -22,5 +22,5 @@ export interface ContinuousColorLegendClasses {
   /** Styles applied to the series label. */
   label: string;
 }
-export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "gradient" | "minLabel" | "maxLabel", string>;
+export declare const useUtilityClasses: (props: ContinuousColorLegendProps & ChartsLegendSlotExtension) => Record<"root" | "label" | "mark" | "minLabel" | "maxLabel" | "gradient", string>;
 export declare const continuousColorLegendClasses: ContinuousColorLegendClasses;

package/esm/ChartsLocalizationProvider/ChartsLocalizationProvider.d.ts

@@ -20,7 +20,7 @@ export interface ChartsLocalizationProviderProps {
  *
  * - [ChartsLocalizationProvider API](https://mui.com/x/api/charts/charts-localization-provider/)
  */
-declare function ChartsLocalizationProvider(inProps: ChartsLocalizationProviderProps): React.JSX.Element;
+declare function ChartsLocalizationProvider(inProps: ChartsLocalizationProviderProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsLocalizationProvider {
   var propTypes: any;
 }

package/esm/ChartsOverlay/ChartsLoadingOverlay.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import type { CommonOverlayProps } from "./ChartsOverlay.js";
-export declare function ChartsLoadingOverlay(props: CommonOverlayProps): React.JSX.Element;
+export declare function ChartsLoadingOverlay(props: CommonOverlayProps): import("react/jsx-runtime").JSX.Element;

package/esm/ChartsOverlay/ChartsLoadingOverlay.js

@@ -3,7 +3,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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.js";
 import { useChartsLocalization } from "../hooks/useChartsLocalization.js";

package/esm/ChartsOverlay/ChartsNoDataOverlay.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
 import type { CommonOverlayProps } from "./ChartsOverlay.js";
-export declare function ChartsNoDataOverlay(props: CommonOverlayProps): React.JSX.Element;
+export declare function ChartsNoDataOverlay(props: CommonOverlayProps): import("react/jsx-runtime").JSX.Element;

package/esm/ChartsOverlay/ChartsNoDataOverlay.js

@@ -3,7 +3,6 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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.js";
 import { useChartsLocalization } from "../hooks/useChartsLocalization.js";

package/esm/ChartsOverlay/ChartsOverlay.d.ts

@@ -44,4 +44,4 @@ export interface ChartsOverlayProps {
    */
   slotProps?: ChartsOverlaySlotProps;
 }
-export declare function ChartsOverlay(props: ChartsOverlayProps): React.JSX.Element | null;
+export declare function ChartsOverlay(props: ChartsOverlayProps): import("react/jsx-runtime").JSX.Element | null;

package/esm/ChartsReferenceLine/ChartsReferenceLine.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { ChartsXReferenceLineProps } from "./ChartsXReferenceLine.js";
 import { ChartsYReferenceLineProps } from "./ChartsYReferenceLine.js";
 import { XOR } from "../internals/ts-generic.js";
 type ChartsReferenceLineProps<TValue extends string | number | Date = string | number | Date> = XOR<ChartsXReferenceLineProps<TValue>, ChartsYReferenceLineProps<TValue>>;
-declare function ChartsReferenceLine(props: ChartsReferenceLineProps): React.JSX.Element;
+declare function ChartsReferenceLine(props: ChartsReferenceLineProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsReferenceLine {
   var propTypes: any;
 }

package/esm/ChartsReferenceLine/ChartsReferenceLine.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import { ChartsXReferenceLine } from "./ChartsXReferenceLine.js";
 import { ChartsYReferenceLine } from "./ChartsYReferenceLine.js";

package/esm/ChartsReferenceLine/ChartsXReferenceLine.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { CommonChartsReferenceLineProps } from "./common.js";
 import { ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
 export type ChartsXReferenceLineProps<TValue extends string | number | Date = string | number | Date> = CommonChartsReferenceLineProps & {
@@ -9,7 +8,7 @@ export type ChartsXReferenceLineProps<TValue extends string | number | Date = st
   x: TValue;
 };
 export declare function getXReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): React.JSX.Element | null;
+declare function ChartsXReferenceLine(props: ChartsXReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsXReferenceLine {
   var propTypes: any;
 }

package/esm/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { warnOnce } from '@mui/x-internals/warning';

package/esm/ChartsReferenceLine/ChartsYReferenceLine.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { CommonChartsReferenceLineProps } from "./common.js";
 import { ChartsReferenceLineClasses } from "./chartsReferenceLineClasses.js";
 export type ChartsYReferenceLineProps<TValue extends string | number | Date = string | number | Date> = CommonChartsReferenceLineProps & {
@@ -9,7 +8,7 @@ export type ChartsYReferenceLineProps<TValue extends string | number | Date = st
   y: TValue;
 };
 export declare function getYReferenceLineClasses(classes?: Partial<ChartsReferenceLineClasses>): Record<"root" | "line" | "label", string>;
-declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): React.JSX.Element | null;
+declare function ChartsYReferenceLine(props: ChartsYReferenceLineProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsYReferenceLine {
   var propTypes: any;
 }

package/esm/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '@mui/utils/composeClasses';
 import { warnOnce } from '@mui/x-internals/warning';

package/esm/ChartsSurface/ChartsSurface.js

@@ -7,12 +7,14 @@ import { styled, useThemeProps } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import useForkRef from '@mui/utils/useForkRef';
+import clsx from 'clsx';
 import { ChartsAxesGradients } from "../internals/components/ChartsAxesGradients/index.js";
 import { useSvgRef } from "../hooks/useSvgRef.js";
 import { useSelector } from "../internals/store/useSelector.js";
 import { useStore } from "../internals/store/useStore.js";
-import { selectorChartContainerSize, selectorChartPropsSize } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js";
+import { selectorChartPropsHeight, selectorChartPropsWidth, selectorChartSvgWidth, selectorChartSvgHeight } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js";
 import { selectorChartsHasFocusedItem, selectorChartsIsKeyboardNavigationEnabled } from "../internals/plugins/featurePlugins/useChartKeyboardNavigation/index.js";
+import { useUtilityClasses } from "./chartsSurfaceClasses.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ChartsSurfaceStyles = styled('svg', {
   name: 'MuiChartsSurface',
@@ -66,14 +68,10 @@ const ChartsSurfaceStyles = styled('svg', {
  */
 const ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(inProps, ref) {
   const store = useStore();
-  const {
-    width: svgWidth,
-    height: svgHeight
-  } = useSelector(store, selectorChartContainerSize);
-  const {
-    width: propsWidth,
-    height: propsHeight
-  } = useSelector(store, selectorChartPropsSize);
+  const svgWidth = useSelector(store, selectorChartSvgWidth);
+  const svgHeight = useSelector(store, selectorChartSvgHeight);
+  const propsWidth = useSelector(store, selectorChartPropsWidth);
+  const propsHeight = useSelector(store, selectorChartPropsHeight);
   const isKeyboardNavigationEnabled = useSelector(store, selectorChartsIsKeyboardNavigationEnabled);
   const hasFocusedItem = useSelector(store, selectorChartsHasFocusedItem);
   const svgRef = useSvgRef();
@@ -89,6 +87,7 @@ const ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(inPro
       desc
     } = themeProps,
     other = _objectWithoutPropertiesLoose(themeProps, _excluded);
+  const classes = useUtilityClasses();
   const hasIntrinsicSize = svgHeight > 0 && svgWidth > 0;
   return /*#__PURE__*/_jsxs(ChartsSurfaceStyles, _extends({
     ownerState: {
@@ -96,7 +95,7 @@ const ChartsSurface = /*#__PURE__*/React.forwardRef(function ChartsSurface(inPro
       height: propsHeight
     },
     viewBox: `${0} ${0} ${svgWidth} ${svgHeight}`,
-    className: className,
+    className: clsx(classes.root, className),
     tabIndex: isKeyboardNavigationEnabled ? 0 : undefined,
     "data-has-focused-item": hasFocusedItem || undefined
   }, other, {

package/esm/ChartsSurface/chartsSurfaceClasses.d.ts

@@ -0,0 +1,6 @@
+export interface ChartsSurfaceClasses {
+  /** Styles applied to the root element. */
+  root: string;
+}
+export declare const useUtilityClasses: () => Record<"root", string>;
+export declare const chartsSurfaceClasses: ChartsSurfaceClasses;

package/esm/ChartsSurface/chartsSurfaceClasses.js

@@ -0,0 +1,13 @@
+import generateUtilityClass from '@mui/utils/generateUtilityClass';
+import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
+import composeClasses from '@mui/utils/composeClasses';
+function getSurfaceUtilityClass(slot) {
+  return generateUtilityClass('MuiChartsSurface', slot);
+}
+export const useUtilityClasses = () => {
+  const slots = {
+    root: ['root']
+  };
+  return composeClasses(slots, getSurfaceUtilityClass);
+};
+export const chartsSurfaceClasses = generateUtilityClasses('MuiChartsSurface', ['root']);

package/esm/ChartsSurface/index.d.ts

@@ -1 +1,2 @@
-export * from "./ChartsSurface.js";
+export * from "./ChartsSurface.js";
+export { chartsSurfaceClasses, type ChartsSurfaceClasses } from "./chartsSurfaceClasses.js";

package/esm/ChartsSurface/index.js

@@ -1 +1,2 @@
-export * from "./ChartsSurface.js";
+export * from "./ChartsSurface.js";
+export { chartsSurfaceClasses } from "./chartsSurfaceClasses.js";

package/esm/ChartsText/ChartsText.d.ts

@@ -10,7 +10,7 @@ export interface ChartsTextProps extends Omit<React.SVGTextElementAttributes<SVG
 /**
  * Helper component to manage multiline text in SVG
  */
-declare function ChartsText(props: ChartsTextProps): React.JSX.Element;
+declare function ChartsText(props: ChartsTextProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsText {
   var propTypes: any;
 }

package/esm/ChartsTooltip/ChartsAxisTooltipContent.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
 export interface ChartsAxisTooltipContentProps {
@@ -8,7 +7,7 @@ export interface ChartsAxisTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): React.JSX.Element | null;
+declare function ChartsAxisTooltipContent(props: ChartsAxisTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsAxisTooltipContent {
   var propTypes: any;
 }

package/esm/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@mui/material/Typography';
 import clsx from 'clsx';

package/esm/ChartsTooltip/ChartsItemTooltipContent.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { ChartsTooltipClasses } from "./chartsTooltipClasses.js";
 export interface ChartsItemTooltipContentProps {
@@ -8,7 +7,7 @@ export interface ChartsItemTooltipContentProps {
   classes?: Partial<ChartsTooltipClasses>;
   sx?: SxProps<Theme>;
 }
-declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): React.JSX.Element | null;
+declare function ChartsItemTooltipContent(props: ChartsItemTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsItemTooltipContent {
   var propTypes: any;
 }

package/esm/ChartsTooltip/ChartsItemTooltipContent.js

@@ -1,6 +1,5 @@
 'use client';
 
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import Typography from '@mui/material/Typography';

package/esm/ChartsTooltip/ChartsTooltip.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { ChartsTooltipContainerProps } from "./ChartsTooltipContainer.js";
 import { TriggerOptions } from "./utils.js";
 export interface ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> extends Omit<ChartsTooltipContainerProps<T>, 'children'> {}
@@ -11,7 +10,7 @@ export interface ChartsTooltipProps<T extends TriggerOptions = TriggerOptions> e
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltip(props: ChartsTooltipProps): React.JSX.Element;
+declare function ChartsTooltip(props: ChartsTooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ChartsTooltip {
   var propTypes: any;
 }

package/esm/ChartsTooltip/ChartsTooltip.js

@@ -1,7 +1,6 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
 import PropTypes from 'prop-types';
 import HTMLElementType from '@mui/utils/HTMLElementType';
 import { ChartsItemTooltipContent } from "./ChartsItemTooltipContent.js";

package/esm/ChartsTooltip/ChartsTooltipContainer.d.ts

@@ -35,7 +35,7 @@ export interface ChartsTooltipContainerProps<T extends TriggerOptions = TriggerO
  *
  * - [ChartsTooltip API](https://mui.com/x/api/charts/charts-tool-tip/)
  */
-declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): React.JSX.Element | null;
+declare function ChartsTooltipContainer(inProps: ChartsTooltipContainerProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace ChartsTooltipContainer {
   var propTypes: any;
 }

package/esm/ChartsTooltip/ChartsTooltipContainer.js

@@ -21,19 +21,9 @@ import { selectorChartsInteractionPolarAxisTooltip } from "../internals/plugins/
 import { useAxisSystem } from "../hooks/useAxisSystem.js";
 import { useSvgRef } from "../hooks/index.js";
 import { selectorBrushShouldPreventTooltip } from "../internals/plugins/featurePlugins/useChartBrush/index.js";
-import { createSelector } from "../internals/plugins/utils/selectors.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const selectorReturnFalse = () => false;
-const ChartsTooltipRoot = styled(Popper, {
-  name: 'MuiChartsTooltip',
-  slot: 'Root'
-})(({
-  theme
-}) => ({
-  pointerEvents: 'none',
-  zIndex: theme.zIndex.modal
-}));
-const selectorSelectIsOpenSelector = createSelector([selectorBrushShouldPreventTooltip, (_, trigger) => trigger, (_, __, axisSystem) => axisSystem], (shouldPreventBecauseOfBrush, trigger, axisSystem) => {
+function getIsOpenSelector(trigger, axisSystem, shouldPreventBecauseOfBrush) {
   if (shouldPreventBecauseOfBrush) {
     return selectorReturnFalse;
   }
@@ -47,7 +37,16 @@ const selectorSelectIsOpenSelector = createSelector([selectorBrushShouldPreventT
     return selectorChartsInteractionAxisTooltip;
   }
   return selectorReturnFalse;
-});
+}
+const ChartsTooltipRoot = styled(Popper, {
+  name: 'MuiChartsTooltip',
+  slot: 'Root'
+})(({
+  theme
+}) => ({
+  pointerEvents: 'none',
+  zIndex: theme.zIndex.modal
+}));
 
 /**
  * Demos:
@@ -82,8 +81,8 @@ function ChartsTooltipContainer(inProps) {
   }));
   const axisSystem = useAxisSystem();
   const store = useStore();
-  const isOpenSelector = useSelector(store, selectorSelectIsOpenSelector, [trigger, axisSystem]);
-  const isOpen = useSelector(store, isOpenSelector);
+  const shouldPreventBecauseOfBrush = useSelector(store, selectorBrushShouldPreventTooltip);
+  const isOpen = useSelector(store, getIsOpenSelector(trigger, axisSystem, shouldPreventBecauseOfBrush));
   const lastInteraction = useSelector(store, selectorChartsLastInteraction);
   const computedAnchor = lastInteraction === 'keyboard' ? 'node' : anchor;
   const itemPosition = useSelector(store, trigger === 'item' && computedAnchor === 'node' ? selectorChartsTooltipItemPosition : () => null, [position]);