@mui/x-charts 9.14.0 → 9.16.0

package/internals/geometry.js

@@ -19,7 +19,7 @@ const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle
 function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
     if (angle > 90 || angle < -90) {
-      (0, _warning.warnOnce)([`MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
+      (0, _warning.warnOnce)([`MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`].join('\n'));
     }
   }
   const standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]

package/internals/geometry.mjs

@@ -13,7 +13,7 @@ const ANGLE_APPROX = 5; // Angle (in deg) for which we approximate the rectangle
 export function getMinXTranslation(width, height, angle = 0) {
   if (process.env.NODE_ENV !== 'production') {
     if (angle > 90 || angle < -90) {
-      warnOnce([`MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`]);
+      warnOnce([`MUI X Charts: It seems you applied an angle larger than 90° or smaller than -90° to an axis text.`, `This could cause some text overlapping.`, `If you encounter a use case where it's needed, please open an issue.`].join('\n'));
     }
   }
   const standardAngle = Math.min(Math.abs(angle) % 180, Math.abs(Math.abs(angle) % 180 - 180) % 180); // Map from R to [0, 90]

package/internals/getGroupingConfig.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 const DEFAULT_GROUPING_CONFIG = {
   tickSize: 6
 };

package/internals/getInlineTypographyStyle.d.mts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+/**
+ * Returns the typography variant without its nested rules (media queries, selectors),
+ * so it can be passed to an inline `style` prop.
+ * Inline styles can't hold nested rules: React ignores them and warns in development.
+ * @param variant A theme typography variant, for example `theme.typography.caption`.
+ * @returns The variant's flat CSS properties.
+ */
+export declare function getInlineTypographyStyle(variant: object): React.CSSProperties;

package/internals/getInlineTypographyStyle.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+/**
+ * Returns the typography variant without its nested rules (media queries, selectors),
+ * so it can be passed to an inline `style` prop.
+ * Inline styles can't hold nested rules: React ignores them and warns in development.
+ * @param variant A theme typography variant, for example `theme.typography.caption`.
+ * @returns The variant's flat CSS properties.
+ */
+export declare function getInlineTypographyStyle(variant: object): React.CSSProperties;

package/internals/getInlineTypographyStyle.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getInlineTypographyStyle = getInlineTypographyStyle;
+/**
+ * Returns the typography variant without its nested rules (media queries, selectors),
+ * so it can be passed to an inline `style` prop.
+ * Inline styles can't hold nested rules: React ignores them and warns in development.
+ * @param variant A theme typography variant, for example `theme.typography.caption`.
+ * @returns The variant's flat CSS properties.
+ */
+function getInlineTypographyStyle(variant) {
+  const result = {};
+  for (const [key, value] of Object.entries(variant)) {
+    if (value === null || typeof value !== 'object') {
+      result[key] = value;
+    }
+  }
+  return result;
+}

package/internals/getInlineTypographyStyle.mjs

@@ -0,0 +1,16 @@
+/**
+ * Returns the typography variant without its nested rules (media queries, selectors),
+ * so it can be passed to an inline `style` prop.
+ * Inline styles can't hold nested rules: React ignores them and warns in development.
+ * @param variant A theme typography variant, for example `theme.typography.caption`.
+ * @returns The variant's flat CSS properties.
+ */
+export function getInlineTypographyStyle(variant) {
+  const result = {};
+  for (const [key, value] of Object.entries(variant)) {
+    if (value === null || typeof value !== 'object') {
+      result[key] = value;
+    }
+  }
+  return result;
+}

package/internals/getLineLikeTooltip.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { getLabel } from "./getLabel.mjs";
 export function getLineLikeTooltip(params, options = {}) {
   const {

package/internals/getWordsByLines.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { getStringSize } from "./domUtils.mjs";
 export function getWordsByLines({
   style,

package/internals/material/index.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import IconButton from '@mui/material/IconButton';
 import Button from '@mui/material/Button';
 import ToggleButton from '@mui/material/ToggleButton';

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.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 useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 export const useChartAnimation = ({

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartSkipAnimation = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 const selectorChartAnimationState = state => state.animation;
 const selectorChartSkipAnimation = exports.selectorChartSkipAnimation = (0, _store.createSelector)(selectorChartAnimationState, state => state.skip || state.skipAnimationRequests > 0);

package/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.selectors.mjs

@@ -1,3 +1,3 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 const selectorChartAnimationState = state => state.animation;
 export const selectorChartSkipAnimation = createSelector(selectorChartAnimationState, state => state.skip || state.skipAnimationRequests > 0);

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.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 { useEffectAfterFirstRender } from '@mui/x-internals/useEffectAfterFirstRender';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartSvgWidth = exports.selectorChartSvgHeight = exports.selectorChartPropsWidth = exports.selectorChartPropsHeight = exports.selectorChartMargin = exports.selectorChartDrawingArea = exports.selectorChartDimensionsState = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartAxisSize = require("../../featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors");
 const selectorChartDimensionsState = state => state.dimensions;
 exports.selectorChartDimensionsState = selectorChartDimensionsState;

package/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartAxisSizes } from "../../featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.mjs";
 export const selectorChartDimensionsState = state => state.dimensions;
 export const selectorChartMargin = state => state.dimensions.margin;

package/internals/plugins/corePlugins/useChartId/useChartId.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 { createChartDefaultId } from "./useChartId.utils.mjs";
 export const useChartId = ({

package/internals/plugins/corePlugins/useChartId/useChartId.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartId = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 const selectorChartIdState = state => state.id;
 
 /**

package/internals/plugins/corePlugins/useChartId/useChartId.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 const selectorChartIdState = state => state.id;
 
 /**

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { useEffectAfterFirstRender } from '@mui/x-internals/useEffectAfterFirstRender';
 import { rainbowSurgePalette } from "../../../../colorPalettes/index.mjs";

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartsDataset = exports.selectorChartSeriesState = exports.selectorChartSeriesProcessed = exports.selectorChartSeriesConfigGetter = exports.selectorChartDefaultizedSeries = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _processSeries = require("./processSeries");
 var _useChartVisibilityManager = require("../../featurePlugins/useChartVisibilityManager");
 var _useChartSeriesConfig = require("../useChartSeriesConfig/useChartSeriesConfig.selectors");

package/internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized, createSelector } from '@mui/x-internals/store';
+import { createSelectorMemoized, createSelector } from '@base-ui/utils/store';
 import { applySeriesProcessors } from "./processSeries.mjs";
 import { selectorIsItemVisibleGetter } from "../../featurePlugins/useChartVisibilityManager/index.mjs";
 import { selectorChartSeriesConfig } from "../useChartSeriesConfig/useChartSeriesConfig.selectors.mjs";

package/internals/plugins/corePlugins/useChartSeries/useChartSeriesLayout.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartSeriesLayout = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _processSeries = require("./processSeries");
 var _useChartDimensions = require("../useChartDimensions");
 var _useChartSeriesConfig = require("../useChartSeriesConfig/useChartSeriesConfig.selectors");

package/internals/plugins/corePlugins/useChartSeries/useChartSeriesLayout.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { applySeriesLayout } from "./processSeries.mjs";
 import { selectorChartDrawingArea } from "../useChartDimensions/index.mjs";
 import { selectorChartSeriesConfig } from "../useChartSeriesConfig/useChartSeriesConfig.selectors.mjs";

package/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import { serializeIdentifier as serializeIdentifierFn } from "./utils/serializeIdentifier.mjs";
 import { cleanIdentifier as cleanIdentifierFn } from "./utils/cleanIdentifier.mjs";

package/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartSeriesConfigState = exports.selectorChartSeriesConfig = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 const selectorChartSeriesConfigState = state => state.seriesConfig;
 exports.selectorChartSeriesConfigState = selectorChartSeriesConfigState;
 const selectorChartSeriesConfig = exports.selectorChartSeriesConfig = (0, _store.createSelector)(selectorChartSeriesConfigState, seriesConfigState => seriesConfigState.config);

package/internals/plugins/corePlugins/useChartSeriesConfig/useChartSeriesConfig.selectors.mjs

@@ -1,3 +1,3 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 export const selectorChartSeriesConfigState = state => state.seriesConfig;
 export const selectorChartSeriesConfig = createSelector(selectorChartSeriesConfigState, seriesConfigState => seriesConfigState.config);

package/internals/plugins/featurePlugins/useChartBrush/useChartBrush.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';

package/internals/plugins/featurePlugins/useChartBrush/useChartBrush.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorIsBrushSelectionActive = exports.selectorIsBrushEnabled = exports.selectorBrushState = exports.selectorBrushStartY = exports.selectorBrushStartX = exports.selectorBrushStart = exports.selectorBrushShouldPreventTooltip = exports.selectorBrushShouldPreventAxisHighlight = exports.selectorBrushCurrentY = exports.selectorBrushCurrentX = exports.selectorBrushCurrent = exports.selectorBrushConfigZoom = exports.selectorBrushConfigNoZoom = exports.selectorBrushConfig = exports.selectorBrush = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisRendering = require("../useChartCartesianAxis/useChartCartesianAxisRendering.selectors");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 const selectorBrush = state => state.brush;

package/internals/plugins/featurePlugins/useChartBrush/useChartBrush.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartZoomOptionsLookup } from "../useChartCartesianAxis/useChartCartesianAxisRendering.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 export const selectorBrush = state => state.brush;

package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisAutoSize.mjs

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

package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { createScalarFormatter } from "../../../defaultValueFormatters.mjs";
 import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.mjs";
 import { getColorScale, getOrdinalColorScale, getSequentialColorScale } from "../../../colorScale.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.createZoomLookup = void 0;
 var _defaultizeZoom = require("./defaultizeZoom");
 const createZoomLookup = axisDirection => (axes = []) => axes.reduce((acc, v) => {
-  // @ts-ignore
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Zoom is added by Pro augmentation, absent in the community build.
+  // @ts-ignore Zoom is added by Pro augmentation, absent in the community build.
   const {
     zoom,
     id: axisId,

package/internals/plugins/featurePlugins/useChartCartesianAxis/createZoomLookup.mjs

@@ -1,6 +1,7 @@
 import { defaultizeZoom, getEffectiveZoomReverse } from "./defaultizeZoom.mjs";
 export const createZoomLookup = axisDirection => (axes = []) => axes.reduce((acc, v) => {
-  // @ts-ignore
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Zoom is added by Pro augmentation, absent in the community build.
+  // @ts-ignore Zoom is added by Pro augmentation, absent in the community build.
   const {
     zoom,
     id: axisId,

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeAxis.mjs

@@ -1,5 +1,5 @@
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { defaultizeZoom, getEffectiveZoomReverse } from "./defaultizeZoom.mjs";
 import { DEFAULT_X_AXIS_KEY, DEFAULT_Y_AXIS_KEY, DEFAULT_AXIS_SIZE_HEIGHT, DEFAULT_AXIS_SIZE_WIDTH, AXIS_LABEL_DEFAULT_HEIGHT } from "../../../../constants/index.mjs";
 export function defaultizeXAxis(inAxes, dataset, axesGap) {

package/internals/plugins/featurePlugins/useChartCartesianAxis/defaultizeZoom.mjs

@@ -1,4 +1,4 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import { DEFAULT_ZOOM_SLIDER_PREVIEW_SIZE, DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP, DEFAULT_ZOOM_SLIDER_SIZE } from "../../../constants.mjs";
 /**
  * Ordinal Y axes (band/point) render with `domain[0]` at the top of the chart

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.js

@@ -22,7 +22,8 @@ function getAxisClickPayload({
   }
   const seriesValues = {};
   Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Range bar is added by Premium augmentation, absent in the community build.
+    // @ts-ignore Range bar is added by Premium augmentation, absent in the community build.
     const seriesTypeConfig = processedSeries[seriesType];
     seriesTypeConfig?.seriesOrder.forEach(seriesId => {
       const seriesItem = seriesTypeConfig.series[seriesId];
@@ -30,8 +31,9 @@ function getAxisClickPayload({
       const providedYAxisId = seriesItem.yAxisId;
       const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
       if (axisKey === undefined || axisKey === axisId) {
-        // @ts-ignore This is safe because users need to opt in to use range bar series.
-        // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Range-bar click data is valid only with the opt-in axis-data augmentation.
+        // @ts-ignore Range-bar click data is valid only with the opt-in axis-data augmentation.
+        // In that case, they should import the module augmentation from `x-charts-premium/moduleAugmentation/rangeBarOnClick`
         // Which adds the proper type to the series data.
         // TODO(v10): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
         seriesValues[seriesId] = seriesItem.data[dataIndex];

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisClickPayload.mjs

@@ -16,7 +16,8 @@ export function getAxisClickPayload({
   }
   const seriesValues = {};
   Object.keys(processedSeries).filter(seriesType => AXIS_CLICK_SERIES_TYPES.has(seriesType)).forEach(seriesType => {
-    // @ts-ignore
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Range bar is added by Premium augmentation, absent in the community build.
+    // @ts-ignore Range bar is added by Premium augmentation, absent in the community build.
     const seriesTypeConfig = processedSeries[seriesType];
     seriesTypeConfig?.seriesOrder.forEach(seriesId => {
       const seriesItem = seriesTypeConfig.series[seriesId];
@@ -24,8 +25,9 @@ export function getAxisClickPayload({
       const providedYAxisId = seriesItem.yAxisId;
       const axisKey = isXAxis ? providedXAxisId : providedYAxisId;
       if (axisKey === undefined || axisKey === axisId) {
-        // @ts-ignore This is safe because users need to opt in to use range bar series.
-        // In that case, they should import the module augmentation from `x-charts-pro/moduleAugmentation/rangeBarOnClick`
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- Range-bar click data is valid only with the opt-in axis-data augmentation.
+        // @ts-ignore Range-bar click data is valid only with the opt-in axis-data augmentation.
+        // In that case, they should import the module augmentation from `x-charts-premium/moduleAugmentation/rangeBarOnClick`
         // Which adds the proper type to the series data.
         // TODO(v10): Remove this ts-ignore when we can make the breaking change to ChartsAxisData.
         seriesValues[seriesId] = seriesItem.data[dataIndex];

package/internals/plugins/featurePlugins/useChartCartesianAxis/sampling.selectors.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFullRangeZoom = getFullRangeZoom;
 exports.selectorChartSamplingState = exports.selectorChartSamplingPyramids = exports.selectorChartHighlightBucketSize = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _useChartSeriesConfig = require("../../corePlugins/useChartSeriesConfig");
 var _useChartDimensions = require("../../corePlugins/useChartDimensions");

package/internals/plugins/featurePlugins/useChartCartesianAxis/sampling.selectors.mjs

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

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartYAxisAutoSizes = exports.selectorChartYAxisAutoSizeResults = exports.selectorChartXAxisAutoSizes = exports.selectorChartXAxisAutoSizeResults = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
 var _computeAxisAutoSize = require("./computeAxisAutoSize");
 var _useChartAxisDomains = require("./useChartAxisDomains.selectors");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisAutoSize.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
 import { computeAxisAutoSize } from "./computeAxisAutoSize.mjs";
 import { selectorChartXAxisDomainsForAutoSize, selectorChartYAxisDomainsForAutoSize } from "./useChartAxisDomains.selectors.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisDomains.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartYAxisDomainsForAutoSize = exports.selectorChartXAxisDomainsForAutoSize = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");
 var _useChartAxisExtrema = require("./useChartAxisExtrema.selectors");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisDomains.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
 import { selectorChartXAxisExtrema, selectorChartYAxisExtrema } from "./useChartAxisExtrema.selectors.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisExtrema.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartYAxisExtrema = exports.selectorChartXAxisExtrema = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
 var _axis = require("../../../../models/axis");
 var _useChartSeries = require("../../corePlugins/useChartSeries/useChartSeries.selectors");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisExtrema.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
 import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getDefaultXAxisHeight = getDefaultXAxisHeight;
 exports.getDefaultYAxisWidth = getDefaultYAxisWidth;
 exports.selectorChartTopAxisSize = exports.selectorChartRightAxisSize = exports.selectorChartLeftAxisSize = exports.selectorChartBottomAxisSize = exports.selectorChartAxisSizes = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
 var _useChartAxisAutoSize = require("./useChartAxisAutoSize.selectors");
 var _constants = require("../../../../constants");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartAxisSize.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector, createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelector, createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartCartesianAxesGap, selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
 import { selectorChartXAxisAutoSizes, selectorChartYAxisAutoSizes } from "./useChartAxisAutoSize.selectors.mjs";
 import { DEFAULT_AXIS_SIZE_HEIGHT, DEFAULT_AXIS_SIZE_WIDTH, AXIS_LABEL_DEFAULT_HEIGHT } from "../../../../constants/index.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.js

@@ -11,7 +11,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEnhancedEffect = _interopRequireDefault(require("@mui/utils/useEnhancedEffect"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _store = require("@mui/x-internals/store");
+var _useStoreEffect = require("@mui/x-internals/useStoreEffect");
 var _useAssertModelConsistency = require("@mui/x-internals/useAssertModelConsistency");
 var _warning = require("@mui/x-internals/warning");
 var _colorPalettes = require("../../../../colorPalettes");
@@ -59,7 +59,7 @@ const useChartCartesianAxis = ({
     const ids = [...(xAxis ?? []), ...(yAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
     const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
     if (duplicates.size > 0) {
-      (0, _warning.warnOnce)([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+      (0, _warning.errorOnce)([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'));
     }
   }
   const processedSeries = store.use(_useChartSeries.selectorChartSeriesProcessed);
@@ -114,7 +114,7 @@ const useChartCartesianAxis = ({
   }, [xAxis, yAxis, dataset, axesGap, defaultTickLabelStyle, store]);
   const usedXAxis = xAxisIds[0];
   const usedYAxis = yAxisIds[0];
-  (0, _store.useStoreEffect)(store, _useChartCartesianInteraction.selectorChartAxisInteraction, (prevAxisInteraction, nextAxisInteraction) => {
+  (0, _useStoreEffect.useStoreEffect)(store, _useChartCartesianInteraction.selectorChartAxisInteraction, (prevAxisInteraction, nextAxisInteraction) => {
     if (!onHighlightedAxisChange && !onTooltipAxisChange) {
       return;
     }

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxis.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useStoreEffect } from '@mui/x-internals/store';
+import { useStoreEffect } from '@mui/x-internals/useStoreEffect';
 import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
-import { warnOnce } from '@mui/x-internals/warning';
+import { errorOnce } from '@mui/x-internals/warning';
 import { rainbowSurgePalette } from "../../../../colorPalettes/index.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/useChartSeries.selectors.mjs";
 import { defaultizeXAxis, defaultizeYAxis } from "./defaultizeAxis.mjs";
@@ -53,7 +53,7 @@ export const useChartCartesianAxis = ({
     const ids = [...(xAxis ?? []), ...(yAxis ?? [])].filter(axis => axis.id).map(axis => axis.id);
     const duplicates = new Set(ids.filter((id, index) => ids.indexOf(id) !== index));
     if (duplicates.size > 0) {
-      warnOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'), 'error');
+      errorOnce([`MUI X Charts: The following axis ids are duplicated: ${Array.from(duplicates).join(', ')}.`, `Please make sure that each axis has a unique id.`].join('\n'));
     }
   }
   const processedSeries = store.use(selectorChartSeriesProcessed);

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBandIndex = getBandIndex;
 exports.selectorBarItemAtPosition = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisRendering = require("./useChartCartesianAxisRendering.selectors");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _getBandSize = require("../../../../internals/getBandSize");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPosition.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelector } from '@mui/x-internals/store';
+import { createSelector } from '@base-ui/utils/store';
 import { selectorChartXAxis, selectorChartYAxis } from "./useChartCartesianAxisRendering.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { getBandSize } from "../../../getBandSize.mjs";

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.selectorChartPreviewYScales = exports.selectorChartPreviewXScales = exports.selectorChartPreviewComputedYAxis = exports.selectorChartPreviewComputedXAxis = void 0;
-var _store = require("@mui/x-internals/store");
+var _store = require("@base-ui/utils/store");
 var _useChartCartesianAxisLayout = require("./useChartCartesianAxisLayout.selectors");
 var _useChartSeries = require("../../corePlugins/useChartSeries");
 var _computeAxisValue = require("./computeAxisValue");

package/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisPreview.selectors.mjs

@@ -1,4 +1,4 @@
-import { createSelectorMemoized } from '@mui/x-internals/store';
+import { createSelectorMemoized } from '@base-ui/utils/store';
 import { selectorChartRawXAxis, selectorChartRawYAxis } from "./useChartCartesianAxisLayout.selectors.mjs";
 import { selectorChartSeriesProcessed } from "../../corePlugins/useChartSeries/index.mjs";
 import { computeAxisValue } from "./computeAxisValue.mjs";