@mui/x-charts 9.14.0 → 9.15.0

package/LineChart/useLinePlotData.mjs

@@ -1,7 +1,7 @@
 'use client';
 
 import * as React from 'react';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
 import { useChartGradientIdBuilder } from "../hooks/useChartGradientId.mjs";
 import { isOrdinalScale } from "../internals/scaleGuards.mjs";
@@ -81,7 +81,7 @@ samplingOverride) {
             throw new Error(`MUI X Charts: ${xAxisId === DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have a data property to be able to display a line plot. ` + 'The x-axis data defines the positions for each point in the line. ' + 'Provide a data array to the x-axis configuration.');
           }
           if (xData.length < stackedData.length) {
-            warnOnce(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
+            errorOnce(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && isOrdinalScale(xScale);

package/PieChart/FocusedPieArc.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["arcLabelRadius"];
 import { useTheme } from '@mui/material/styles';
 import PropTypes from 'prop-types';

package/PieChart/PieArc.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className", "classes", "color", "dataIndex", "seriesId", "isFaded", "isHighlighted", "isFocused", "onClick", "cornerRadius", "startAngle", "endAngle", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "stroke", "skipInteraction"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/PieChart/PieArcLabel.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "classes", "color", "startAngle", "endAngle", "paddingAngle", "arcLabelRadius", "cornerRadius", "formattedArcLabel", "isHighlighted", "isFaded", "skipAnimation", "hidden", "className"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/PieChart/PieArcLabelPlot.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
 const _excluded = ["arcLabel", "arcLabelMinAngle", "arcLabelRadius", "cornerRadius", "data", "faded", "highlighted", "seriesId", "innerRadius", "outerRadius", "paddingAngle", "skipAnimation", "slotProps", "slots"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/PieChart/PieArcPlot.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["slots", "slotProps", "innerRadius", "outerRadius", "cornerRadius", "paddingAngle", "seriesId", "highlighted", "faded", "data", "onItemClick", "skipAnimation"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/PieChart/PieChart.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["series", "width", "height", "margin", "colors", "sx", "skipAnimation", "hideLegend", "children", "slots", "slotProps", "onItemClick", "loading", "highlightedItem", "onHighlightChange", "className", "showToolbar"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/PieChart/dataTransform/getModifiedArcProperties.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { deg2rad } from "../../internals/angleConversion.mjs";
 
 /**

package/PieChart/dataTransform/useTransformData.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useItemHighlightStateGetter } from "../../hooks/useItemHighlightStateGetter.mjs";
 import { useIsItemFocusedGetter } from "../../hooks/useIsItemFocusedGetter.mjs";

package/PieChart/seriesConfig/getSeriesWithDefaultValues.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   return _extends({}, seriesData, {
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,

package/PieChart/seriesConfig/seriesProcessor.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { pie as d3Pie } from '@mui/x-charts-vendor/d3-shape';
 import { getLabel } from "../../internals/getLabel.mjs";
 import { deg2rad } from "../../internals/angleConversion.mjs";

package/PieChart/seriesConfig/tooltip.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { getLabel } from "../../internals/getLabel.mjs";
 const tooltipGetter = params => {
   const {

package/PieChart/seriesConfig/tooltipPosition.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorTooltipItemPosition = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _findMinMax = require("../../internals/findMinMax");
 var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
 var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");

package/PieChart/seriesConfig/tooltipPosition.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { findMinMax } from "../../internals/findMinMax.mjs";
 import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
 import { selectorChartSeriesProcessed, selectorChartSeriesLayout } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";

package/RadarChart/FocusedRadarMark.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import { useFocusedItem } from "../hooks/useFocusedItem.mjs";

package/RadarChart/RadarAxis/RadarAxis.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/RadarChart/RadarAxis/useRadarAxis.js

@@ -39,7 +39,7 @@ function useRadarAxis(params) {
   }
   const existingMetrics = rotationScale.domain();
   if (process.env.NODE_ENV !== 'production' && !existingMetrics.includes(metric)) {
-    (0, _warning.warnOnce)([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`]);
+    (0, _warning.warnOnce)([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`].join('\n'));
   }
   const anglesWithDefault = angle !== undefined ? (0, _degToRad.degToRad)(angle) : rotationScale(metric) ?? 0;
   const radiusRatio = Array.from({

package/RadarChart/RadarAxis/useRadarAxis.mjs

@@ -33,7 +33,7 @@ export function useRadarAxis(params) {
   }
   const existingMetrics = rotationScale.domain();
   if (process.env.NODE_ENV !== 'production' && !existingMetrics.includes(metric)) {
-    warnOnce([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`]);
+    warnOnce([`MUI X Charts: Your radar axis tries to display values for the metric "${metric}" which does not exist.`, `Either add this metric to your radar, or pick one from the existing metrics: ${existingMetrics.join(', ')}`].join('\n'));
   }
   const anglesWithDefault = angle !== undefined ? degToRad(angle) : rotationScale(metric) ?? 0;
   const radiusRatio = Array.from({

package/RadarChart/RadarAxisHighlight/RadarAxisHighlight.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useTheme } from '@mui/material/styles';

package/RadarChart/RadarChart.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';

package/RadarChart/RadarDataProvider/RadarDataProvider.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["series", "children", "width", "height", "colors", "skipAnimation", "margin", "radar", "highlight", "plugins"];
 import * as React from 'react';
 import { RADAR_PLUGINS } from "../RadarChart.plugins.mjs";

package/RadarChart/RadarMetricLabels/RadarMetricLabels.js

@@ -12,6 +12,7 @@ var _styles = require("@mui/material/styles");
 var _useRadarMetricData = require("./useRadarMetricData");
 var _defaultTextPlacement = require("../../ChartsText/defaultTextPlacement");
 var _ChartsText = require("../../ChartsText");
+var _getInlineTypographyStyle = require("../../internals/getInlineTypographyStyle");
 var _jsxRuntime = require("react/jsx-runtime");
 function RadarMetricLabels() {
   const {
@@ -31,7 +32,7 @@ function RadarMetricLabels() {
       fill: (theme.vars || theme).palette.text.primary,
       stroke: "none",
       text: label,
-      style: (0, _extends2.default)({}, theme.typography.caption, {
+      style: (0, _extends2.default)({}, (0, _getInlineTypographyStyle.getInlineTypographyStyle)(theme.typography.caption), {
         fontSize: 12,
         lineHeight: 1.25,
         textAnchor: (0, _defaultTextPlacement.getDefaultTextAnchor)(180 + angle),

package/RadarChart/RadarMetricLabels/RadarMetricLabels.mjs

@@ -1,9 +1,10 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import { useRadarMetricData } from "./useRadarMetricData.mjs";
 import { getDefaultBaseline, getDefaultTextAnchor } from "../../ChartsText/defaultTextPlacement.mjs";
 import { ChartsText } from "../../ChartsText/index.mjs";
+import { getInlineTypographyStyle } from "../../internals/getInlineTypographyStyle.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 function RadarMetricLabels() {
   const {
@@ -23,7 +24,7 @@ function RadarMetricLabels() {
       fill: (theme.vars || theme).palette.text.primary,
       stroke: "none",
       text: label,
-      style: _extends({}, theme.typography.caption, {
+      style: _extends({}, getInlineTypographyStyle(theme.typography.caption), {
         fontSize: 12,
         lineHeight: 1.25,
         textAnchor: getDefaultTextAnchor(180 + angle),

package/RadarChart/RadarSeriesPlot/RadarSeriesArea.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "onItemClick", "classes"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/RadarChart/RadarSeriesPlot/RadarSeriesMarks.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "onItemClick", "classes"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/RadarChart/RadarSeriesPlot/RadarSeriesPlot.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useRadarSeriesData } from "./useRadarSeriesData.mjs";

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { useRotationScale } from "../../hooks/useScale.mjs";
 import { useRadarSeries } from "../../hooks/useRadarSeries.mjs";
 import { useRadiusAxes } from "../../hooks/useAxis.mjs";

package/RadarChart/seriesConfig/getSeriesWithDefaultValues.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   return _extends({}, seriesData, {
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,

package/RadarChart/seriesConfig/seriesProcessor.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const defaultRadarValueFormatter = v => v == null ? '' : v.toLocaleString();
 const seriesProcessor = (params, _, isItemVisible) => {
   const {

package/RadarChart/seriesConfig/tooltipPosition.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorTooltipItemPosition = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _coordinateTransformation = require("../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation");
 var _useChartPolarAxis = require("../../internals/plugins/featurePlugins/useChartPolarAxis");
 var _useChartPolarAxis2 = require("../../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors");

package/RadarChart/seriesConfig/tooltipPosition.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { generatePolar2svg } from "../../internals/plugins/featurePlugins/useChartPolarAxis/coordinateTransformation.mjs";
 import { getDrawingAreaCenter } from "../../internals/plugins/featurePlugins/useChartPolarAxis/index.mjs";
 import { selectorChartRotationAxis, selectorChartRadiusAxis } from "../../internals/plugins/featurePlugins/useChartPolarAxis/useChartPolarAxis.selectors.mjs";

package/RadarChart/useRadarChartProps.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["apiRef", "series", "radar", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "hideLegend", "divisions", "shape", "stripeColor", "highlight", "showToolbar", "onAxisClick", "onAreaClick", "onMarkClick", "disableKeyboardNavigation", "focusItemOnClick", "experimentalFeatures", "className"];
 import { RADAR_PLUGINS } from "./RadarChart.plugins.mjs";
 /**

package/ScatterChart/FocusedScatterMark.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';

package/ScatterChart/HighlightedScatterMark.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["className"];
 import * as React from 'react';
 import clsx from 'clsx';

package/ScatterChart/Scatter.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["ownerState"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ScatterChart/ScatterChart.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useThemeProps } from '@mui/material/styles';

package/ScatterChart/ScatterMarker.mjs

@@ -1,5 +1,5 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["seriesId", "isFaded", "isHighlighted", "x", "y", "color", "size", "dataIndex"];
 import * as React from 'react';
 import PropTypes from 'prop-types';

package/ScatterChart/ScatterPlot.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

package/ScatterChart/async/ScatterAsyncBatch.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["ownerState"];
 import * as React from 'react';
 import clsx from 'clsx';

package/ScatterChart/async/scatterRenderData.selectors.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.packScatterSeriesCoords = packScatterSeriesCoords;
 exports.selectorScatterSeriesRenderData = exports.selectorScatterRenderData = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _getValueToPositionMapper = require("../../hooks/getValueToPositionMapper");
 var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
 var _useChartDimensions = require("../../internals/plugins/corePlugins/useChartDimensions");

package/ScatterChart/async/scatterRenderData.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { getValueToPositionMapper } from "../../hooks/getValueToPositionMapper.mjs";
 import { selectorChartSeriesProcessed } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
 import { selectorChartDrawingArea } from "../../internals/plugins/corePlugins/useChartDimensions/index.mjs";

package/ScatterChart/seriesConfig/getSeriesWithDefaultValues.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
   return _extends({}, seriesData, {
     id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,

package/ScatterChart/seriesConfig/seriesProcessor.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { incompleteDatasetKeysError } from "../../internals/incompleteDatasetKeysError.mjs";
 const seriesProcessor = ({
   series,

package/ScatterChart/seriesConfig/tooltipPosition.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorTooltipItemPosition = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartTooltip = require("../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors");
 var _useChartSeries = require("../../internals/plugins/corePlugins/useChartSeries");
 var _useChartCartesianAxisRendering = require("../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors");

package/ScatterChart/seriesConfig/tooltipPosition.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartsTooltipItem } from "../../internals/plugins/featurePlugins/useChartTooltip/useChartTooltip.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../internals/plugins/corePlugins/useChartSeries/index.mjs";
 import { selectorChartXAxis, selectorChartYAxis } from "../../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";

package/ScatterChart/useScatterChartProps.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 const _excluded = ["xAxis", "yAxis", "zAxis", "series", "axisHighlight", "hitAreaRadius", "disableHitArea", "hideLegend", "width", "height", "margin", "colors", "sx", "grid", "onItemClick", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className", "showToolbar", "renderer", "brushConfig"];
 import * as React from 'react';
 import { SCATTER_CHART_PLUGINS } from "./ScatterChart.plugins.mjs";

package/SparkLineChart/SparkLineChart.js

@@ -16,13 +16,14 @@ var _ChartsClipPath = require("../ChartsClipPath");
 var _BarChart = require("../BarChart");
 var _LineChart = require("../LineChart");
 var _ChartsDataProvider = require("../ChartsDataProvider");
+var _useChartsContainerProps = require("../ChartsContainer/useChartsContainerProps");
 var _ChartsSurface = require("../ChartsSurface");
 var _constants = require("../constants");
 var _ChartsTooltip = require("../ChartsTooltip");
 var _ChartsAxisHighlight = require("../ChartsAxisHighlight");
 var _FocusedLineMark = require("../LineChart/FocusedLineMark");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightChange", "onHighlightedAxisChange", "highlightedAxis", "highlightedItem"];
+const _excluded = ["xAxis", "yAxis", "width", "height", "margin", "color", "baseline", "sx", "showTooltip", "showHighlight", "axisHighlight", "children", "slots", "slotProps", "data", "plotType", "valueFormatter", "area", "curve", "className", "disableClipping", "clipAreaOffset", "onHighlightedAxisChange", "disableAxisListener"];
 const SPARK_LINE_DEFAULT_MARGIN = 5;
 
 /**
@@ -58,10 +59,8 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
       className,
       disableClipping,
       clipAreaOffset,
-      onHighlightChange,
       onHighlightedAxisChange,
-      highlightedAxis,
-      highlightedItem
+      disableAxisListener
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const id = (0, _useId.default)();
@@ -110,24 +109,25 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
   }, yAxisProps, {
     position: 'none'
   })], [yAxisProps]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsDataProvider.ChartsDataProvider, {
-    series: series,
-    width: width,
-    height: height,
-    margin: margin,
-    xAxis: xAxis,
-    yAxis: yAxis,
-    colors: colors,
-    disableAxisListener: onHighlightedAxisChange === undefined && (!showTooltip || slotProps?.tooltip?.trigger !== 'axis') && axisHighlight?.x === 'none' && axisHighlight?.y === 'none',
-    onHighlightChange: onHighlightChange,
-    onHighlightedAxisChange: onHighlightedAxisChange,
-    highlightedAxis: highlightedAxis,
-    highlightedItem: highlightedItem,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({
+  const {
+    chartsDataProviderProps,
+    chartsSurfaceProps
+  } = (0, _useChartsContainerProps.useChartsContainerProps)((0, _extends2.default)({}, other, {
+    series,
+    width,
+    height,
+    margin,
+    colors,
+    xAxis,
+    yAxis,
+    onHighlightedAxisChange,
+    sx,
+    disableAxisListener: disableAxisListener ?? (onHighlightedAxisChange === undefined && (!showTooltip || (slotProps?.tooltip?.trigger ?? 'axis') !== 'axis') && !(showHighlight && plotType === 'line') && (axisHighlight?.x ?? 'none') === 'none' && (axisHighlight?.y ?? 'none') === 'none')
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsDataProvider.ChartsDataProvider, (0, _extends2.default)({}, chartsDataProviderProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
       className: className,
       ref: ref,
-      sx: sx
-    }, other, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
         clipPath: `url(#${clipPathId})`,
         children: [plotType === 'bar' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.BarPlot, {
@@ -155,7 +155,7 @@ const SparkLineChart = exports.SparkLineChart = /*#__PURE__*/React.forwardRef(fu
         offset: clipPathOffset
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlight)), children]
     })), showTooltip && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
-  });
+  }));
 });
 if (process.env.NODE_ENV !== "production") SparkLineChart.displayName = "SparkLineChart";
 process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes /* remove-proptypes */ = {