@mui/x-charts 7.11.1 → 7.12.0

package/ChartsLegend/ChartsLegend.js

@@ -8,10 +8,10 @@ exports.ChartsLegend = ChartsLegend;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
-var _utils3 = require("./utils");
+var _utils = require("./utils");
 var _chartsLegendClasses = require("./chartsLegendClasses");
 var _DefaultChartsLegend = require("./DefaultChartsLegend");
 var _hooks = require("../hooks");
@@ -30,7 +30,7 @@ const useUtilityClasses = ownerState => {
     label: ['label'],
     series: ['series']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _chartsLegendClasses.getLegendUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _chartsLegendClasses.getLegendUtilityClass, classes);
 };
 const defaultProps = {
   position: {
@@ -57,9 +57,9 @@ function ChartsLegend(inProps) {
   }));
   const drawingArea = (0, _hooks.useDrawingArea)();
   const series = (0, _useSeries.useSeries)();
-  const seriesToDisplay = (0, _utils3.getSeriesToDisplay)(series);
+  const seriesToDisplay = (0, _utils.getSeriesToDisplay)(series);
   const ChartLegendRender = slots?.legend ?? _DefaultChartsLegend.DefaultChartsLegend;
-  const chartLegendRenderProps = (0, _utils.useSlotProps)({
+  const chartLegendRenderProps = (0, _useSlotProps.default)({
     elementType: ChartLegendRender,
     externalSlotProps: slotProps?.legend,
     additionalProps: {

package/ChartsLegend/DefaultChartsLegend.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { FormattedSeries } from '../context/SeriesContextProvider';
+import { FormattedSeries } from '../context/SeriesProvider';
 import { LegendPerItemProps } from './LegendPerItem';
 import { DrawingArea } from '../context/DrawingProvider';
 export interface LegendRendererProps extends Omit<LegendPerItemProps, 'itemsToDisplay'> {

package/ChartsLegend/LegendPerItem.js

@@ -9,7 +9,7 @@ exports.LegendPerItem = LegendPerItem;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _NoSsr = require("@mui/base/NoSsr");
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
 var _styles = require("@mui/material/styles");
 var _ChartsText = require("../ChartsText");
 var _getWordsByLines = require("../internals/getWordsByLines");
@@ -120,7 +120,7 @@ function LegendPerItem(props) {
   if (hidden) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChartsLegendRoot, {
       className: classes?.root,
       children: itemsWithPosition.map(({

package/ChartsLegend/utils.d.ts

@@ -1,2 +1,2 @@
-import { FormattedSeries } from '../context/SeriesContextProvider';
+import { FormattedSeries } from '../context/SeriesProvider';
 export declare function getSeriesToDisplay(series: FormattedSeries): import("./chartsLegend.types").LegendItemParams[];

package/ChartsTooltip/ChartsAxisTooltipContent.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsAxisTooltipContent = ChartsAxisTooltipContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _CartesianProvider = require("../context/CartesianProvider");
 var _DefaultChartsAxisTooltipContent = require("./DefaultChartsAxisTooltipContent");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
@@ -70,7 +70,7 @@ function ChartsAxisTooltipContent(props) {
     return isXaxis ? xAxis[USED_AXIS_ID] : yAxis[USED_AXIS_ID];
   }, [USED_AXIS_ID, isXaxis, xAxis, yAxis]);
   const Content = content ?? _DefaultChartsAxisTooltipContent.DefaultChartsAxisTooltipContent;
-  const chartTooltipContentProps = (0, _utils.useSlotProps)({
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
     elementType: Content,
     externalSlotProps: contentProps,
     additionalProps: {

package/ChartsTooltip/ChartsItemTooltipContent.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsItemTooltipContent = ChartsItemTooltipContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _DefaultChartsItemTooltipContent = require("./DefaultChartsItemTooltipContent");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _ZAxisContextProvider = require("../context/ZAxisContextProvider");
@@ -44,7 +44,7 @@ function ChartsItemTooltipContent(props) {
   const zAxisId = series.zAxisId ?? series.zAxisKey ?? zAxisIds[0];
   const getColor = colorProcessors[series.type]?.(series, xAxisId && xAxis[xAxisId], yAxisId && yAxis[yAxisId], zAxisId && zAxis[zAxisId]) ?? (() => '');
   const Content = content ?? _DefaultChartsItemTooltipContent.DefaultChartsItemTooltipContent;
-  const chartTooltipContentProps = (0, _utils.useSlotProps)({
+  const chartTooltipContentProps = (0, _useSlotProps.default)({
     elementType: Content,
     externalSlotProps: contentProps,
     additionalProps: {

package/ChartsTooltip/ChartsTooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
-import { PopperProps as BasePopperProps } from '@mui/base/Popper';
+import { PopperProps as BasePopperProps } from '@mui/material/Popper';
 import { TriggerOptions } from './utils';
 import { ChartSeriesType } from '../models/seriesType/config';
 import { ChartsItemContentProps } from './ChartsItemTooltipContent';

package/ChartsTooltip/ChartsTooltip.js

@@ -10,11 +10,11 @@ var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
-var _Popper = require("@mui/base/Popper");
-var _NoSsr = require("@mui/base/NoSsr");
-var _utils = require("@mui/base/utils");
+var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
+var _NoSsr = _interopRequireDefault(require("@mui/material/NoSsr"));
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _InteractionProvider = require("../context/InteractionProvider");
-var _utils2 = require("./utils");
+var _utils = require("./utils");
 var _ChartsItemTooltipContent = require("./ChartsItemTooltipContent");
 var _ChartsAxisTooltipContent = require("./ChartsAxisTooltipContent");
 var _chartsTooltipClasses = require("./chartsTooltipClasses");
@@ -37,7 +37,7 @@ const useUtilityClasses = ownerState => {
   };
   return (0, _composeClasses.default)(slots, _chartsTooltipClasses.getChartsTooltipUtilityClass, classes);
 };
-const ChartsTooltipRoot = (0, _styles.styled)(_Popper.Popper, {
+const ChartsTooltipRoot = (0, _styles.styled)(_Popper.default, {
   name: 'MuiChartsTooltip',
   slot: 'Root',
   overridesResolver: (_, styles) => styles.root
@@ -69,25 +69,25 @@ function ChartsTooltip(props) {
     slots,
     slotProps
   } = themeProps;
-  const mousePosition = (0, _utils2.useMouseTracker)();
+  const mousePosition = (0, _utils.useMouseTracker)();
   const {
     item,
     axis
   } = React.useContext(_InteractionProvider.InteractionContext);
   const displayedData = trigger === 'item' ? item : axis;
-  const tooltipHasData = (0, _utils2.getTooltipHasData)(trigger, displayedData);
+  const tooltipHasData = (0, _utils.getTooltipHasData)(trigger, displayedData);
   const popperOpen = mousePosition !== null && tooltipHasData;
   const classes = useUtilityClasses({
     classes: themeProps.classes
   });
   const PopperComponent = slots?.popper ?? ChartsTooltipRoot;
-  const popperProps = (0, _utils.useSlotProps)({
+  const popperProps = (0, _useSlotProps.default)({
     elementType: PopperComponent,
     externalSlotProps: slotProps?.popper,
     additionalProps: {
       open: popperOpen,
       placement: mousePosition?.pointerType === 'mouse' ? 'right-start' : 'top',
-      anchorEl: (0, _utils2.generateVirtualElement)(mousePosition),
+      anchorEl: (0, _utils.generateVirtualElement)(mousePosition),
       modifiers: [{
         name: 'offset',
         options: {
@@ -100,7 +100,7 @@ function ChartsTooltip(props) {
   if (trigger === 'none') {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.default, {
     children: popperOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(PopperComponent, (0, _extends2.default)({}, popperProps, {
       children: trigger === 'item' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsItemTooltipContent.ChartsItemTooltipContent, {
         itemData: displayedData,

package/ChartsVoronoiHandler/ChartsVoronoiHandler.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsVoronoiHandler = ChartsVoronoiHandler;
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Delaunay = require("d3-delaunay");
+var _d3Delaunay = require("@mui/x-charts-vendor/d3-delaunay");
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _InteractionProvider = require("../context/InteractionProvider");
 var _CartesianProvider = require("../context/CartesianProvider");

package/ChartsXAxis/ChartsXAxis.js

@@ -9,8 +9,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _useTicks = require("../hooks/useTicks");
@@ -38,7 +38,7 @@ const useUtilityClasses = ownerState => {
     tickLabel: ['tickLabel'],
     label: ['label']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _axisClasses.getAxisUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _axisClasses.getAxisUtilityClass, classes);
 };
 function addLabelDimension(xTicks, {
   tickLabelStyle: style,
@@ -164,7 +164,7 @@ function ChartsXAxis(inProps) {
   const Tick = slots?.axisTick ?? 'line';
   const TickLabel = slots?.axisTickLabel ?? _ChartsText.ChartsText;
   const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
-  const axisTickLabelProps = (0, _utils.useSlotProps)({
+  const axisTickLabelProps = (0, _useSlotProps.default)({
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
@@ -195,7 +195,7 @@ function ChartsXAxis(inProps) {
     x: left + width / 2,
     y: positionSign * (tickSize + 22)
   };
-  const axisLabelProps = (0, _utils.useSlotProps)({
+  const axisLabelProps = (0, _useSlotProps.default)({
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {

package/ChartsYAxis/ChartsYAxis.js

@@ -9,8 +9,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@mui/base/utils");
-var _utils2 = require("@mui/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _styles = require("@mui/material/styles");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _useTicks = require("../hooks/useTicks");
@@ -35,7 +35,7 @@ const useUtilityClasses = ownerState => {
     tickLabel: ['tickLabel'],
     label: ['label']
   };
-  return (0, _utils2.unstable_composeClasses)(slots, _axisClasses.getAxisUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _axisClasses.getAxisUtilityClass, classes);
 };
 const defaultProps = {
   position: 'left',
@@ -119,7 +119,7 @@ function ChartsYAxis(inProps) {
   const TickLabel = slots?.axisTickLabel ?? _ChartsText.ChartsText;
   const Label = slots?.axisLabel ?? _ChartsText.ChartsText;
   const revertAnchor = !isRTL && position === 'right' || isRTL && position !== 'right';
-  const axisTickLabelProps = (0, _utils.useSlotProps)({
+  const axisTickLabelProps = (0, _useSlotProps.default)({
     elementType: TickLabel,
     externalSlotProps: slotProps?.axisTickLabel,
     additionalProps: {
@@ -132,7 +132,7 @@ function ChartsYAxis(inProps) {
     className: classes.tickLabel,
     ownerState: {}
   });
-  const axisLabelProps = (0, _utils.useSlotProps)({
+  const axisLabelProps = (0, _useSlotProps.default)({
     elementType: Label,
     externalSlotProps: slotProps?.axisLabel,
     additionalProps: {
@@ -145,7 +145,7 @@ function ChartsYAxis(inProps) {
     },
     ownerState: {}
   });
-  const lineSlotProps = (0, _utils.useSlotProps)({
+  const lineSlotProps = (0, _useSlotProps.default)({
     elementType: Line,
     externalSlotProps: slotProps?.axisLine,
     additionalProps: {

package/Gauge/GaugeReferenceArc.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GaugeReferenceArc = GaugeReferenceArc;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
 var _GaugeProvider = require("./GaugeProvider");
 var _jsxRuntime = require("react/jsx-runtime");

package/Gauge/GaugeValueArc.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GaugeValueArc = GaugeValueArc;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _styles = require("@mui/material/styles");
 var _GaugeProvider = require("./GaugeProvider");
 var _jsxRuntime = require("react/jsx-runtime");

package/LineChart/AnimatedArea.d.ts

@@ -833,26 +833,26 @@ export declare const AreaElementPath: import("@emotion/styled").StyledComponent<
         strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
         textAnchor?: import("csstype").Property.TextAnchor | undefined;
         vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-        x?: string | number;
-        y?: string | number;
-        z?: string | number;
-        translateX?: string | number;
-        translateY?: string | number;
-        translateZ?: string | number;
-        translate3d?: readonly [string | number, string | number, string | number];
-        rotateX?: string | number;
-        rotateY?: string | number;
-        rotateZ?: string | number;
-        rotate3d?: readonly [number, number, number, string | number];
-        scaleX?: number;
-        scaleY?: number;
-        scaleZ?: number;
-        scale3d?: readonly [number, number, number];
-        skew?: (string | number) | readonly [string | number, string | number];
-        skewX?: string | number;
-        skewY?: string | number;
-        matrix?: readonly [number, number, number, number, number, number];
-        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];
+        x?: (string | number) | undefined;
+        y?: (string | number) | undefined;
+        z?: (string | number) | undefined;
+        translateX?: (string | number) | undefined;
+        translateY?: (string | number) | undefined;
+        translateZ?: (string | number) | undefined;
+        translate3d?: readonly [string | number, string | number, string | number] | undefined;
+        rotateX?: (string | number) | undefined;
+        rotateY?: (string | number) | undefined;
+        rotateZ?: (string | number) | undefined;
+        rotate3d?: readonly [number, number, number, string | number] | undefined;
+        scaleX?: number | undefined;
+        scaleY?: number | undefined;
+        scaleZ?: number | undefined;
+        scale3d?: readonly [number, number, number] | undefined;
+        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
+        skewX?: (string | number) | undefined;
+        skewY?: (string | number) | undefined;
+        matrix?: readonly [number, number, number, number, number, number] | undefined;
+        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
     unicode?: number | string | undefined;
     fill?: string | undefined;

package/LineChart/AnimatedArea.js

@@ -11,8 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styles = require("@mui/material/styles");
-var _d3Color = require("d3-color");
 var _web = require("@react-spring/web");
+var _d3Color = require("@mui/x-charts-vendor/d3-color");
 var _useAnimatedPath = require("../internals/useAnimatedPath");
 var _cleanId = require("../internals/cleanId");
 var _hooks = require("../hooks");

package/LineChart/AnimatedLine.d.ts

@@ -833,26 +833,26 @@ export declare const LineElementPath: import("@emotion/styled").StyledComponent<
         strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
         textAnchor?: import("csstype").Property.TextAnchor | undefined;
         vectorEffect?: import("csstype").Property.VectorEffect | undefined;
-        x?: string | number;
-        y?: string | number;
-        z?: string | number;
-        translateX?: string | number;
-        translateY?: string | number;
-        translateZ?: string | number;
-        translate3d?: readonly [string | number, string | number, string | number];
-        rotateX?: string | number;
-        rotateY?: string | number;
-        rotateZ?: string | number;
-        rotate3d?: readonly [number, number, number, string | number];
-        scaleX?: number;
-        scaleY?: number;
-        scaleZ?: number;
-        scale3d?: readonly [number, number, number];
-        skew?: (string | number) | readonly [string | number, string | number];
-        skewX?: string | number;
-        skewY?: string | number;
-        matrix?: readonly [number, number, number, number, number, number];
-        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number];
+        x?: (string | number) | undefined;
+        y?: (string | number) | undefined;
+        z?: (string | number) | undefined;
+        translateX?: (string | number) | undefined;
+        translateY?: (string | number) | undefined;
+        translateZ?: (string | number) | undefined;
+        translate3d?: readonly [string | number, string | number, string | number] | undefined;
+        rotateX?: (string | number) | undefined;
+        rotateY?: (string | number) | undefined;
+        rotateZ?: (string | number) | undefined;
+        rotate3d?: readonly [number, number, number, string | number] | undefined;
+        scaleX?: number | undefined;
+        scaleY?: number | undefined;
+        scaleZ?: number | undefined;
+        scale3d?: readonly [number, number, number] | undefined;
+        skew?: ((string | number) | readonly [string | number, string | number]) | undefined;
+        skewX?: (string | number) | undefined;
+        skewY?: (string | number) | undefined;
+        matrix?: readonly [number, number, number, number, number, number] | undefined;
+        matrix3d?: readonly [number, number, number, number, number, number, number, number, number, number, number, number, number, number, number, number] | undefined;
     } | undefined;
     unicode?: number | string | undefined;
     fill?: string | undefined;

package/LineChart/AnimatedLine.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
-var _d3Color = require("d3-color");
+var _d3Color = require("@mui/x-charts-vendor/d3-color");
 var _styles = require("@mui/material/styles");
 var _useAnimatedPath = require("../internals/useAnimatedPath");
 var _cleanId = require("../internals/cleanId");

package/LineChart/AreaElement.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
@@ -76,7 +76,7 @@ function AreaElement(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const Area = slots?.area ?? _AnimatedArea.AnimatedArea;
-  const areaProps = (0, _utils.useSlotProps)({
+  const areaProps = (0, _useSlotProps.default)({
     elementType: Area,
     externalSlotProps: slotProps?.area,
     additionalProps: (0, _extends2.default)({}, getInteractionItemProps({

package/LineChart/AreaPlot.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _AreaElement = require("./AreaElement");
 var _useScale = require("../hooks/useScale");

package/LineChart/LineChart.js

@@ -249,7 +249,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -302,7 +301,6 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/LineChart/LineElement.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _utils = require("@mui/base/utils");
+var _useSlotProps = _interopRequireDefault(require("@mui/utils/useSlotProps"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
@@ -76,7 +76,7 @@ function LineElement(props) {
   };
   const classes = useUtilityClasses(ownerState);
   const Line = slots?.line ?? _AnimatedLine.AnimatedLine;
-  const lineProps = (0, _utils.useSlotProps)({
+  const lineProps = (0, _useSlotProps.default)({
     elementType: Line,
     externalSlotProps: slotProps?.line,
     additionalProps: (0, _extends2.default)({}, getInteractionItemProps({

package/LineChart/LinePlot.js

@@ -9,7 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _CartesianProvider = require("../context/CartesianProvider");
 var _LineElement = require("./LineElement");
 var _useScale = require("../hooks/useScale");

package/LineChart/MarkElement.js

@@ -15,7 +15,7 @@ var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _web = require("@react-spring/web");
 var _getSymbol = require("../internals/getSymbol");
 var _InteractionProvider = require("../context/InteractionProvider");

package/LineChart/formatter.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _stackSeries = require("../internals/stackSeries");
 var _defaultizeValueFormatter = require("../internals/defaultizeValueFormatter");
 let warnedOnce = false;

package/PieChart/PieArc.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _web = require("@react-spring/web");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));

package/PieChart/PieArcLabel.js

@@ -12,7 +12,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _web = require("@react-spring/web");
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
 var _styles = require("@mui/material/styles");

package/PieChart/PieChart.js

@@ -293,7 +293,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -346,7 +345,6 @@ process.env.NODE_ENV !== "production" ? PieChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/PieChart/formatter.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _d3Shape = require("d3-shape");
+var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
 var _getLabel = require("../internals/getLabel");
 const getSortingComparator = (comparator = 'none') => {
   if (typeof comparator === 'function') {

package/ResponsiveChartContainer/ResponsiveChartContainer.js

@@ -105,7 +105,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -158,7 +157,6 @@ process.env.NODE_ENV !== "production" ? ResponsiveChartContainer.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,

package/ResponsiveChartContainer/useResponsiveChartContainerProps.d.ts

@@ -1,7 +1,7 @@
 import type { ResponsiveChartContainerProps } from './ResponsiveChartContainer';
 export declare const useResponsiveChartContainerProps: (props: ResponsiveChartContainerProps, ref: React.ForwardedRef<unknown>) => {
     hasIntrinsicSize: number;
-    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesContextProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianContextProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps, "children"> & {
+    chartContainerProps: Omit<import("..").ChartsSurfaceProps & Omit<import("../internals").SeriesProviderProps, "seriesFormatters"> & Omit<import("../internals").DrawingProviderProps, "svgRef"> & Pick<import("../internals").CartesianContextProviderProps, "dataset"> & import("..").ZAxisContextProviderProps & import("..").HighlightedProviderProps, "children"> & {
         xAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsXAxisProps>, "id">[];
         yAxis?: import("../internals").MakeOptional<import("..").AxisConfig<import("..").ScaleName, any, import("..").ChartsYAxisProps>, "id">[];
         children?: import("react").ReactNode;
@@ -15,6 +15,6 @@ export declare const useResponsiveChartContainerProps: (props: ResponsiveChartCo
             height: number | undefined;
         };
         ref: import("react").MutableRefObject<null>;
-        className?: string;
+        className?: string | undefined;
     };
 };

package/ScatterChart/ScatterChart.js

@@ -230,7 +230,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   xAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
@@ -283,7 +282,6 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * An array of [[AxisConfig]] objects.
    */
   yAxis: _propTypes.default.arrayOf(_propTypes.default.shape({
-    axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
     classes: _propTypes.default.object,
     colorMap: _propTypes.default.oneOfType([_propTypes.default.shape({
       colors: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,