@mui/x-charts-pro 8.27.0 → 8.27.4

package/{ChartZoomSlider/internals/ChartAxisZoomSlider.js → ChartsZoomSlider/internals/ChartsAxisZoomSlider.js}

@@ -5,21 +5,21 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSlider = ChartAxisZoomSlider;
+exports.ChartsAxisZoomSlider = ChartsAxisZoomSlider;
 var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-charts/internals");
 var _hooks = require("@mui/x-charts/hooks");
-var _ChartAxisZoomSliderPreview = require("./ChartAxisZoomSliderPreview");
+var _ChartsAxisZoomSliderPreview = require("./ChartsAxisZoomSliderPreview");
 var _constants = require("./constants");
 var _useChartProZoom = require("../../internals/plugins/useChartProZoom");
-var _ChartAxisZoomSliderTrack = require("./ChartAxisZoomSliderTrack");
-var _ChartAxisZoomSliderActiveTrack = require("./ChartAxisZoomSliderActiveTrack");
+var _ChartsAxisZoomSliderTrack = require("./ChartsAxisZoomSliderTrack");
+var _ChartsAxisZoomSliderActiveTrack = require("./ChartsAxisZoomSliderActiveTrack");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * Renders the zoom slider for a specific axis.
  * @internal
  */
-function ChartAxisZoomSlider({
+function ChartsAxisZoomSlider({
   axisDirection,
   axisId
 }) {
@@ -68,7 +68,7 @@ function ChartAxisZoomSlider({
     tooltipConditions = axis.zoom?.slider?.showTooltip ?? _internals.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP;
   }
   const backgroundRectOffset = (sliderSize - _constants.ZOOM_SLIDER_TRACK_SIZE) / 2;
-  const track = showPreview ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderPreview.ChartAxisZoomSliderPreview, {
+  const track = showPreview ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderPreview.ChartsAxisZoomSliderPreview, {
     axisId: axisId,
     axisDirection: axisDirection,
     reverse: reverse,
@@ -76,7 +76,7 @@ function ChartAxisZoomSlider({
     y: 0,
     height: axisDirection === 'x' ? _internals.ZOOM_SLIDER_PREVIEW_SIZE : drawingArea.height,
     width: axisDirection === 'x' ? drawingArea.width : _internals.ZOOM_SLIDER_PREVIEW_SIZE
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderTrack.ChartAxisZoomSliderTrack, {
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderTrack.ChartsAxisZoomSliderTrack, {
     x: axisDirection === 'x' ? 0 : backgroundRectOffset,
     y: axisDirection === 'x' ? backgroundRectOffset : 0,
     height: axisDirection === 'x' ? _constants.ZOOM_SLIDER_TRACK_SIZE : drawingArea.height,
@@ -95,7 +95,7 @@ function ChartAxisZoomSlider({
     style: {
       touchAction: 'none'
     },
-    children: [track, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderActiveTrack.ChartAxisZoomSliderActiveTrack, {
+    children: [track, /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderActiveTrack.ChartsAxisZoomSliderActiveTrack, {
       zoomData: zoomData,
       axisId: axisId,
       axisPosition: axisPosition,

package/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.d.ts}

@@ -1,5 +1,5 @@
 import { type AxisId, type ZoomData } from '@mui/x-charts/internals';
-export interface ChartAxisZoomSliderActiveTrackProps {
+export interface ChartsAxisZoomSliderActiveTrackProps {
   axisId: AxisId;
   axisDirection: 'x' | 'y';
   axisPosition: 'top' | 'bottom' | 'left' | 'right';
@@ -11,7 +11,7 @@ export interface ChartAxisZoomSliderActiveTrackProps {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
 }
-export declare function ChartAxisZoomSliderActiveTrack({
+export declare function ChartsAxisZoomSliderActiveTrack({
   axisId,
   axisDirection,
   axisPosition,
@@ -22,4 +22,4 @@ export declare function ChartAxisZoomSliderActiveTrack({
   showTooltip,
   onPointerEnter,
   onPointerLeave
-}: ChartAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;

package/{ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.js}

@@ -6,7 +6,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSliderActiveTrack = ChartAxisZoomSliderActiveTrack;
+exports.ChartsAxisZoomSliderActiveTrack = ChartsAxisZoomSliderActiveTrack;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _styles = require("@mui/material/styles");
 var _internals = require("@mui/x-charts/internals");
@@ -14,11 +14,11 @@ var React = _interopRequireWildcard(require("react"));
 var _rafThrottle = require("@mui/x-internals/rafThrottle");
 var _system = require("@mui/system");
 var _useChartProZoom = require("../../internals/plugins/useChartProZoom");
-var _ChartAxisZoomSliderThumb = require("./ChartAxisZoomSliderThumb");
+var _ChartsAxisZoomSliderThumb = require("./ChartsAxisZoomSliderThumb");
 var _ChartsTooltipZoomSliderValue = require("./ChartsTooltipZoomSliderValue");
 var _zoomUtils = require("./zoom-utils");
 var _constants = require("./constants");
-var _chartAxisZoomSliderTrackClasses = require("./chartAxisZoomSliderTrackClasses");
+var _chartsAxisZoomSliderTrackClasses = require("./chartsAxisZoomSliderTrackClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const ZoomSliderActiveTrackRect = (0, _styles.styled)('rect', {
   slot: 'internal',
@@ -46,7 +46,7 @@ const ZoomSliderActiveTrackRect = (0, _styles.styled)('rect', {
     })
   }]
 }));
-function ChartAxisZoomSliderActiveTrack({
+function ChartsAxisZoomSliderActiveTrack({
   axisId,
   axisDirection,
   axisPosition,
@@ -72,7 +72,7 @@ function ChartAxisZoomSliderActiveTrack({
     tooltipStart,
     tooltipEnd
   } = getZoomSliderTooltipsText(axis, drawingArea);
-  const classes = (0, _chartAxisZoomSliderTrackClasses.useUtilityClasses)({
+  const classes = (0, _chartsAxisZoomSliderTrackClasses.useUtilityClasses)({
     axisDirection
   });
   const previewThumbWidth = axisDirection === 'x' ? _constants.ZOOM_SLIDER_THUMB_WIDTH : _constants.ZOOM_SLIDER_THUMB_HEIGHT;
@@ -231,7 +231,7 @@ function ChartAxisZoomSliderActiveTrack({
       onPointerEnter: onPointerEnter,
       onPointerLeave: onPointerLeave,
       className: classes.active
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderThumb.ChartAxisZoomSliderThumb, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderThumb.ChartsAxisZoomSliderThumb, {
       ref: setStartThumbEl,
       x: startThumbX,
       y: startThumbY,
@@ -242,7 +242,7 @@ function ChartAxisZoomSliderActiveTrack({
       onPointerEnter: onPointerEnter,
       onPointerLeave: onPointerLeave,
       placement: "start"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderThumb.ChartAxisZoomSliderThumb, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderThumb.ChartsAxisZoomSliderThumb, {
       ref: setEndThumbEl,
       x: endThumbX,
       y: endThumbY,

package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.d.ts}

@@ -1,5 +1,5 @@
 import { type AxisId } from '@mui/x-charts/internals';
-interface ChartAxisZoomSliderPreviewProps {
+interface ChartsAxisZoomSliderPreviewProps {
   axisId: AxisId;
   axisDirection: 'x' | 'y';
   reverse: boolean;
@@ -8,10 +8,10 @@ interface ChartAxisZoomSliderPreviewProps {
   height: number;
   width: number;
 }
-export declare function ChartAxisZoomSliderPreview({
+export declare function ChartsAxisZoomSliderPreview({
   axisId,
   axisDirection,
   reverse,
   ...props
-}: ChartAxisZoomSliderPreviewProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreview.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.js}

@@ -5,7 +5,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSliderPreview = ChartAxisZoomSliderPreview;
+exports.ChartsAxisZoomSliderPreview = ChartsAxisZoomSliderPreview;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var React = _interopRequireWildcard(require("react"));
@@ -14,7 +14,7 @@ var _internals = require("@mui/x-charts/internals");
 var _system = require("@mui/system");
 var _useId = _interopRequireDefault(require("@mui/utils/useId"));
 var _useChartProZoom = require("../../internals/plugins/useChartProZoom");
-var _ChartAxisZoomSliderPreviewContent = require("./ChartAxisZoomSliderPreviewContent");
+var _ChartsAxisZoomSliderPreviewContent = require("./ChartsAxisZoomSliderPreviewContent");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axisId", "axisDirection", "reverse"];
 const PreviewBackgroundRect = (0, _styles.styled)('rect', {
@@ -28,7 +28,7 @@ const PreviewBackgroundRect = (0, _styles.styled)('rect', {
   stroke: theme.palette.grey[700],
   fill: (0, _system.alpha)(theme.palette.grey[700], 0.4)
 }));
-function ChartAxisZoomSliderPreview(_ref) {
+function ChartsAxisZoomSliderPreview(_ref) {
   let {
       axisId,
       axisDirection
@@ -42,7 +42,7 @@ function ChartAxisZoomSliderPreview(_ref) {
       fill: "transparent",
       rx: 4,
       ry: 4
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartAxisZoomSliderPreviewContent.ChartAxisZoomSliderPreviewContent, (0, _extends2.default)({
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisZoomSliderPreviewContent.ChartsAxisZoomSliderPreviewContent, (0, _extends2.default)({
       axisId: axisId
     }, props))]
   }));

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.d.ts

@@ -0,0 +1,9 @@
+import { type AxisId } from '@mui/x-charts/internals';
+export interface ChartsAxisZoomSliderPreviewContentProps {
+  axisId: AxisId;
+  x: number;
+  y: number;
+  height: number;
+  width: number;
+}
+export declare function ChartsAxisZoomSliderPreviewContent(props: ChartsAxisZoomSliderPreviewContentProps): import("react/jsx-runtime").JSX.Element;

package/{ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.js}

@@ -5,13 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSliderPreviewContent = ChartAxisZoomSliderPreviewContent;
+exports.ChartsAxisZoomSliderPreviewContent = ChartsAxisZoomSliderPreviewContent;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _internals = require("@mui/x-charts/internals");
 var _seriesPreviewPlotMap = require("./seriesPreviewPlotMap");
 var _jsxRuntime = require("react/jsx-runtime");
-function ChartAxisZoomSliderPreviewContent(props) {
+function ChartsAxisZoomSliderPreviewContent(props) {
   const {
     axisId,
     x,

package/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export interface ChartsZoomSliderThumbOwnerState {
+  onMove: (event: PointerEvent) => void;
+  orientation: 'horizontal' | 'vertical';
+  placement: 'start' | 'end';
+}
+export interface ChartsZoomSliderThumbProps extends Omit<React.ComponentProps<'rect'>, 'orientation'>, ChartsZoomSliderThumbOwnerState {}
+/**
+ * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
+ * @internal
+ */
+export declare const ChartsAxisZoomSliderThumb: React.ForwardRefExoticComponent<Omit<ChartsZoomSliderThumbProps, "ref"> & React.RefAttributes<SVGRectElement>>;

package/{ChartZoomSlider/internals/ChartAxisZoomSliderThumb.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.js}

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSliderThumb = void 0;
+exports.ChartsAxisZoomSliderThumb = void 0;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,7 +15,7 @@ var _useForkRef = _interopRequireDefault(require("@mui/utils/useForkRef"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _rafThrottle = require("@mui/x-internals/rafThrottle");
 var _clsx = _interopRequireDefault(require("clsx"));
-var _chartAxisZoomSliderThumbClasses = require("./chartAxisZoomSliderThumbClasses");
+var _chartsAxisZoomSliderThumbClasses = require("./chartsAxisZoomSliderThumbClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "onMove", "orientation", "placement", "rx", "ry"];
 const Rect = (0, _styles.styled)('rect', {
@@ -24,17 +24,17 @@ const Rect = (0, _styles.styled)('rect', {
 })(({
   theme
 }) => ({
-  [`&.${_chartAxisZoomSliderThumbClasses.chartAxisZoomSliderThumbClasses.root}`]: (0, _extends2.default)({
+  [`&.${_chartsAxisZoomSliderThumbClasses.chartsAxisZoomSliderThumbClasses.root}`]: (0, _extends2.default)({
     fill: (theme.vars || theme).palette.common.white,
     stroke: (theme.vars || theme).palette.grey[500]
   }, theme.applyStyles('dark', {
     fill: (theme.vars || theme).palette.grey[300],
     stroke: (theme.vars || theme).palette.grey[600]
   })),
-  [`&.${_chartAxisZoomSliderThumbClasses.chartAxisZoomSliderThumbClasses.horizontal}`]: {
+  [`&.${_chartsAxisZoomSliderThumbClasses.chartsAxisZoomSliderThumbClasses.horizontal}`]: {
     cursor: 'ew-resize'
   },
-  [`&.${_chartAxisZoomSliderThumbClasses.chartAxisZoomSliderThumbClasses.vertical}`]: {
+  [`&.${_chartsAxisZoomSliderThumbClasses.chartsAxisZoomSliderThumbClasses.vertical}`]: {
     cursor: 'ns-resize'
   }
 }));
@@ -46,7 +46,7 @@ function preventDefault(event) {
  * Renders the zoom slider thumb, which is responsible for resizing the zoom range.
  * @internal
  */
-const ChartAxisZoomSliderThumb = exports.ChartAxisZoomSliderThumb = /*#__PURE__*/React.forwardRef(function ChartAxisZoomSliderThumb(_ref, forwardedRef) {
+const ChartsAxisZoomSliderThumb = exports.ChartsAxisZoomSliderThumb = /*#__PURE__*/React.forwardRef(function ChartsAxisZoomSliderThumb(_ref, forwardedRef) {
   let {
       className,
       onMove,
@@ -56,7 +56,7 @@ const ChartAxisZoomSliderThumb = exports.ChartAxisZoomSliderThumb = /*#__PURE__*
       ry = 4
     } = _ref,
     other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  const classes = (0, _chartAxisZoomSliderThumbClasses.useUtilityClasses)({
+  const classes = (0, _chartsAxisZoomSliderThumbClasses.useUtilityClasses)({
     onMove,
     orientation,
     placement
@@ -109,4 +109,4 @@ const ChartAxisZoomSliderThumb = exports.ChartAxisZoomSliderThumb = /*#__PURE__*
     ry: ry
   }, other));
 });
-if (process.env.NODE_ENV !== "production") ChartAxisZoomSliderThumb.displayName = "ChartAxisZoomSliderThumb";
+if (process.env.NODE_ENV !== "production") ChartsAxisZoomSliderThumb.displayName = "ChartsAxisZoomSliderThumb";

package/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.d.ts → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.d.ts}

@@ -1,18 +1,18 @@
 import * as React from 'react';
 import { type AxisId } from '@mui/x-charts/internals';
-interface ChartAxisZoomSliderTrackProps extends React.ComponentProps<'rect'> {
+interface ChartsAxisZoomSliderTrackProps extends React.ComponentProps<'rect'> {
   axisId: AxisId;
   axisDirection: 'x' | 'y';
   reverse: boolean;
   onSelectStart?: () => void;
   onSelectEnd?: () => void;
 }
-export declare function ChartAxisZoomSliderTrack({
+export declare function ChartsAxisZoomSliderTrack({
   axisId,
   axisDirection,
   reverse,
   onSelectStart,
   onSelectEnd,
   ...other
-}: ChartAxisZoomSliderTrackProps): import("react/jsx-runtime").JSX.Element;
+}: ChartsAxisZoomSliderTrackProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/{ChartZoomSlider/internals/ChartAxisZoomSliderTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.js}

@@ -6,7 +6,7 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ChartAxisZoomSliderTrack = ChartAxisZoomSliderTrack;
+exports.ChartsAxisZoomSliderTrack = ChartsAxisZoomSliderTrack;
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
@@ -16,7 +16,7 @@ var _rafThrottle = require("@mui/x-internals/rafThrottle");
 var _system = require("@mui/system");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _zoomUtils = require("./zoom-utils");
-var _chartAxisZoomSliderTrackClasses = require("./chartAxisZoomSliderTrackClasses");
+var _chartsAxisZoomSliderTrackClasses = require("./chartsAxisZoomSliderTrackClasses");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["axisId", "axisDirection", "reverse", "onSelectStart", "onSelectEnd"];
 const ZoomSliderTrack = (0, _styles.styled)('rect', {
@@ -48,7 +48,7 @@ const ZoomSliderTrack = (0, _styles.styled)('rect', {
     }
   }]
 }));
-function ChartAxisZoomSliderTrack(_ref) {
+function ChartsAxisZoomSliderTrack(_ref) {
   let {
       axisId,
       axisDirection,
@@ -63,7 +63,7 @@ function ChartAxisZoomSliderTrack(_ref) {
   } = (0, _internals.useChartContext)();
   const store = (0, _internals.useStore)();
   const [isSelecting, setIsSelecting] = React.useState(false);
-  const classes = (0, _chartAxisZoomSliderTrackClasses.useUtilityClasses)({
+  const classes = (0, _chartsAxisZoomSliderTrackClasses.useUtilityClasses)({
     axisDirection
   });
   const onPointerDown = function onPointerDown(event) {

package/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.d.ts → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.d.ts}

@@ -1,5 +1,5 @@
-import type { ChartZoomSliderThumbOwnerState } from "./ChartAxisZoomSliderThumb.js";
-export interface ChartAxisZoomSliderThumbClasses {
+import type { ChartsZoomSliderThumbOwnerState } from "./ChartsAxisZoomSliderThumb.js";
+export interface ChartsAxisZoomSliderThumbClasses {
   /** Styles applied to the root element. */
   root: string;
   /** Styles applied to the root element when it is horizontal. */
@@ -11,7 +11,7 @@ export interface ChartAxisZoomSliderThumbClasses {
   /** Styles applied to the root element when it is an end thumb. */
   end: string;
 }
-export type ChartAxisZoomSliderThumbClassKey = keyof ChartAxisZoomSliderThumbClasses;
-export declare const chartAxisZoomSliderThumbClasses: ChartAxisZoomSliderThumbClasses;
+export type ChartsAxisZoomSliderThumbClassKey = keyof ChartsAxisZoomSliderThumbClasses;
+export declare const chartsAxisZoomSliderThumbClasses: ChartsAxisZoomSliderThumbClasses;
 export declare function getAxisZoomSliderThumbUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (ownerState: ChartZoomSliderThumbOwnerState) => Record<"root", string>;
+export declare const useUtilityClasses: (ownerState: ChartsZoomSliderThumbOwnerState) => Record<"root", string>;

package/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.js}

@@ -4,13 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.chartAxisZoomSliderThumbClasses = void 0;
+exports.chartsAxisZoomSliderThumbClasses = void 0;
 exports.getAxisZoomSliderThumbUtilityClass = getAxisZoomSliderThumbUtilityClass;
 exports.useUtilityClasses = void 0;
 var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-const chartAxisZoomSliderThumbClasses = exports.chartAxisZoomSliderThumbClasses = (0, _generateUtilityClasses.default)('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
+const chartsAxisZoomSliderThumbClasses = exports.chartsAxisZoomSliderThumbClasses = (0, _generateUtilityClasses.default)('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
 function getAxisZoomSliderThumbUtilityClass(slot) {
   return (0, _generateUtilityClass.default)('MuiChartAxisZoomSliderThumb', slot);
 }

package/ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.d.ts

@@ -0,0 +1,15 @@
+import type { ChartsAxisZoomSliderActiveTrackProps } from "./ChartsAxisZoomSliderActiveTrack.js";
+export interface ChartsAxisZoomSliderTrackClasses {
+  /** Styles applied to the root element when it is horizontal. */
+  horizontal: string;
+  /** Styles applied to the root element when it is vertical. */
+  vertical: string;
+  /** Styles applied to the root element to the active part of the track. */
+  active: string;
+  /** Styles applied to the root element to the background part of the track. */
+  background: string;
+}
+export type ChartsAxisZoomSliderTrackClassKey = keyof ChartsAxisZoomSliderTrackClasses;
+export declare const chartsAxisZoomSliderTrackClasses: ChartsAxisZoomSliderTrackClasses;
+export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
+export declare const useUtilityClasses: (props: Partial<ChartsAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;

package/{ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.js}

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.chartAxisZoomSliderTrackClasses = void 0;
+exports.chartsAxisZoomSliderTrackClasses = void 0;
 exports.getAxisZoomSliderTrackUtilityClass = getAxisZoomSliderTrackUtilityClass;
 exports.useUtilityClasses = void 0;
 var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
 var _ClassNameGenerator = _interopRequireDefault(require("@mui/utils/ClassNameGenerator"));
-const chartAxisZoomSliderTrackClasses = exports.chartAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
+const chartsAxisZoomSliderTrackClasses = exports.chartsAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
   acc[slot] = getAxisZoomSliderTrackUtilityClass(slot);
   return acc;
 }, {});

package/LineChartPro/LineChartPro.js

@@ -24,7 +24,7 @@ var _ChartsSurface = require("@mui/x-charts/ChartsSurface");
 var _internals = require("@mui/x-charts/internals");
 var _ChartsWrapper = require("@mui/x-charts/ChartsWrapper");
 var _ChartsBrushOverlay = require("@mui/x-charts/ChartsBrushOverlay");
-var _ChartZoomSlider = require("../ChartZoomSlider");
+var _ChartsZoomSlider = require("../ChartsZoomSlider");
 var _ChartsToolbarPro = require("../ChartsToolbarPro");
 var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
 var _ChartDataProviderPro = require("../ChartDataProviderPro");
@@ -87,7 +87,7 @@ const LineChartPro = exports.LineChartPro = /*#__PURE__*/React.forwardRef(functi
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", (0, _extends2.default)({}, clipPathGroupProps, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.AreaPlot, (0, _extends2.default)({}, areaPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LinePlot, (0, _extends2.default)({}, linePlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps))]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartZoomSlider.ChartZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.MarkPlot, (0, _extends2.default)({}, markPlotProps))
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineChart.LineHighlightPlot, (0, _extends2.default)({}, lineHighlightPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]

package/ScatterChartPro/ScatterChartPro.js

@@ -23,7 +23,7 @@ var _ChartsTooltip = require("@mui/x-charts/ChartsTooltip");
 var _internals = require("@mui/x-charts/internals");
 var _ChartsWrapper = require("@mui/x-charts/ChartsWrapper");
 var _ChartsBrushOverlay = require("@mui/x-charts/ChartsBrushOverlay");
-var _ChartZoomSlider = require("../ChartZoomSlider");
+var _ChartsZoomSlider = require("../ChartsZoomSlider");
 var _ChartsToolbarPro = require("../ChartsToolbarPro");
 var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
 var _ChartDataProviderPro = require("../ChartDataProviderPro");
@@ -79,7 +79,7 @@ const ScatterChartPro = exports.ScatterChartPro = /*#__PURE__*/React.forwardRef(
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPro.ChartDataProviderPro, (0, _extends2.default)({}, chartDataProviderProProps, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsWrapper.ChartsWrapper, (0, _extends2.default)({}, chartsWrapperProps, {
       children: [showToolbar ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Toolbar, (0, _extends2.default)({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLegend.ChartsLegend, (0, _extends2.default)({}, legendProps)), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartZoomSlider.ChartZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsGrid.ChartsGrid, (0, _extends2.default)({}, gridProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScatterChart.ScatterPlot, (0, _extends2.default)({}, scatterPlotProps))
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), children]

package/esm/BarChartPro/BarChartPro.js

@@ -18,7 +18,7 @@ import { useBarChartProps } from '@mui/x-charts/internals';
 import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
 import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
 import { ChartsBrushOverlay } from '@mui/x-charts/ChartsBrushOverlay';
-import { ChartZoomSlider } from "../ChartZoomSlider/index.js";
+import { ChartsZoomSlider } from "../ChartsZoomSlider/index.js";
 import { ChartsToolbarPro } from "../ChartsToolbarPro/index.js";
 import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
 import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
@@ -78,7 +78,7 @@ const BarChartPro = /*#__PURE__*/React.forwardRef(function BarChartPro(inProps,
       children: [showToolbar ? /*#__PURE__*/_jsx(Toolbar, _extends({}, props.slotProps?.toolbar)) : null, !props.hideLegend && /*#__PURE__*/_jsx(ChartsLegend, _extends({}, legendProps)), /*#__PURE__*/_jsxs(ChartsSurface, _extends({}, chartsSurfaceProps, {
         children: [/*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsxs("g", _extends({}, clipPathGroupProps, {
           children: [/*#__PURE__*/_jsx(BarPlot, _extends({}, barPlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
-        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
+        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]
       })), !props.loading && /*#__PURE__*/_jsx(Tooltip, _extends({}, props.slotProps?.tooltip))]
     }))
   }));

package/esm/ChartContainerPro/ChartContainerPro.d.ts

@@ -1,35 +1,21 @@
-import * as React from 'react';
-import { type ChartsSurfaceProps } from '@mui/x-charts/ChartsSurface';
 import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
 import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { type ChartDataProviderProProps } from "../ChartDataProviderPro/index.js";
-export type ChartContainerProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProProps<TSeries, TSignatures> & ChartsSurfaceProps;
-type ChartContainerProComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerProProps<TSeries, TSignatures> & {
-  ref?: React.ForwardedRef<SVGSVGElement>;
-}) => React.JSX.Element;
+import { type ChartsContainerProProps, type ChartsContainerProSlotProps, type ChartsContainerProSlots } from "../ChartsContainerPro/index.js";
+/**
+ * @deprecated Use `ChartsContainerProSlots` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerProSlots = ChartsContainerProSlots;
+/**
+ * @deprecated Use `ChartsContainerProSlotProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerProSlotProps = ChartsContainerProSlotProps;
+/**
+ * @deprecated Use `ChartsContainerProProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsContainerProProps<TSeries, TSignatures>;
 /**
- * It sets up the data providers as well as the `<svg>` for the chart.
- *
- * This is a combination of both the `ChartDataProviderPro` and `ChartsSurface` components.
- *
- * Demos:
- *
- * - [Composition](https://mui.com/x/api/charts/composition/)
- *
- * API:
- *
- * - [ChartContainer API](https://mui.com/x/api/charts/chart-container/)
- *
- * @example
- * ```jsx
- * <ChartContainerPro
- *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
- *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
- * >
- *    <BarPlot />
- *    <ChartsXAxis axisId="x-axis" />
- * </ChartContainerPro>
- * ```
+ * @deprecated Use `ChartsContainerPro` instead. We added S to the charts prefix to align with other components.
  */
-declare const ChartContainerPro: ChartContainerProComponent;
-export { ChartContainerPro };
+export declare const ChartContainerPro: <TSeries extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerProProps<TSeries, TSignatures> & {
+  ref?: React.ForwardedRef<SVGSVGElement>;
+}) => React.JSX.Element;