@mui/x-charts-pro 8.27.2 → 8.27.5

package/esm/{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/esm/{ChartZoomSlider/internals/chartAxisZoomSliderThumbClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.js}

@@ -1,7 +1,7 @@
 import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
 import composeClasses from '@mui/utils/composeClasses';
 import generateUtilityClass from '@mui/utils/generateUtilityClass';
-export const chartAxisZoomSliderThumbClasses = generateUtilityClasses('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
+export const chartsAxisZoomSliderThumbClasses = generateUtilityClasses('MuiChartAxisZoomSliderThumb', ['root', 'horizontal', 'vertical', 'start', 'end']);
 export function getAxisZoomSliderThumbUtilityClass(slot) {
   return generateUtilityClass('MuiChartAxisZoomSliderThumb', slot);
 }

package/esm/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/esm/{ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.js → ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.js}

@@ -1,6 +1,6 @@
 import composeClasses from '@mui/utils/composeClasses';
 import ClassNameGenerator from '@mui/utils/ClassNameGenerator';
-export const chartAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
+export const chartsAxisZoomSliderTrackClasses = ['horizontal', 'vertical', 'background', 'active'].reduce((acc, slot) => {
   acc[slot] = getAxisZoomSliderTrackUtilityClass(slot);
   return acc;
 }, {});

package/esm/LineChartPro/LineChartPro.js

@@ -18,7 +18,7 @@ import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
 import { useLineChartProps } from '@mui/x-charts/internals';
 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";
@@ -80,7 +80,7 @@ const LineChartPro = /*#__PURE__*/React.forwardRef(function LineChartPro(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(AreaPlot, _extends({}, areaPlotProps)), /*#__PURE__*/_jsx(LinePlot, _extends({}, linePlotProps)), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps))]
-        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx("g", {
+        })), /*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(MarkPlot, _extends({}, markPlotProps))
         }), /*#__PURE__*/_jsx(LineHighlightPlot, _extends({}, lineHighlightPlotProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), /*#__PURE__*/_jsx(ChartsClipPath, _extends({}, clipPathProps)), children]

package/esm/ScatterChartPro/ScatterChartPro.js

@@ -17,7 +17,7 @@ import { ChartsTooltip } from '@mui/x-charts/ChartsTooltip';
 import { useScatterChartProps } from '@mui/x-charts/internals';
 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";
@@ -72,7 +72,7 @@ const ScatterChartPro = /*#__PURE__*/React.forwardRef(function ScatterChartPro(i
   return /*#__PURE__*/_jsx(ChartDataProviderPro, _extends({}, chartDataProviderProProps, {
     children: /*#__PURE__*/_jsxs(ChartsWrapper, _extends({}, chartsWrapperProps, {
       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(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
+        children: [/*#__PURE__*/_jsx(ChartsAxis, _extends({}, chartsAxisProps)), /*#__PURE__*/_jsx(ChartsZoomSlider, {}), /*#__PURE__*/_jsx(ChartsGrid, _extends({}, gridProps)), /*#__PURE__*/_jsx("g", {
           "data-drawing-container": true,
           children: /*#__PURE__*/_jsx(ScatterPlot, _extends({}, scatterPlotProps))
         }), /*#__PURE__*/_jsx(ChartsOverlay, _extends({}, overlayProps)), /*#__PURE__*/_jsx(ChartsAxisHighlight, _extends({}, axisHighlightProps)), /*#__PURE__*/_jsx(ChartsBrushOverlay, {}), children]

package/esm/index.d.ts

@@ -18,6 +18,7 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 export * from '@mui/x-charts/ChartsOverlay';
@@ -29,8 +30,11 @@ export * from "./models/index.js";
 export * from "./plugins/index.js";
 export * from "./colorPalettes/index.js";
 export * from "./Heatmap/index.js";
+export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
+export type { ChartsContainerProProps, ChartsContainerProSlots, ChartsContainerProSlotProps } from "./ChartsContainerPro/index.js";
 export { ChartContainerPro } from "./ChartContainerPro/index.js";
-export type { ChartContainerProProps } from "./ChartContainerPro/index.js";
+export type { ChartContainerProProps, ChartContainerProSlots, ChartContainerProSlotProps } from "./ChartContainerPro/index.js";
+export * from "./ChartsDataProviderPro/index.js";
 export * from "./ChartDataProviderPro/index.js";
 export * from "./ScatterChartPro/index.js";
 export * from "./SankeyChart/index.js";
@@ -40,5 +44,6 @@ export * from "./PieChartPro/index.js";
 export * from "./FunnelChart/index.js";
 export * from "./RadarChartPro/index.js";
 export * from "./ChartZoomSlider/index.js";
+export * from "./ChartsZoomSlider/index.js";
 export * from "./ChartsToolbarPro/index.js";
 export type { ChartImageExportOptions, ChartPrintExportOptions } from "./internals/plugins/useChartProExport/index.js";

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.27.2
+ * @mui/x-charts-pro v8.27.5
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -27,6 +27,7 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 export * from '@mui/x-charts/ChartsOverlay';
@@ -44,7 +45,9 @@ export * from "./colorPalettes/index.js";
 
 // Pro components
 export * from "./Heatmap/index.js";
+export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
 export { ChartContainerPro } from "./ChartContainerPro/index.js";
+export * from "./ChartsDataProviderPro/index.js";
 export * from "./ChartDataProviderPro/index.js";
 export * from "./ScatterChartPro/index.js";
 export * from "./SankeyChart/index.js";
@@ -54,4 +57,5 @@ export * from "./PieChartPro/index.js";
 export * from "./FunnelChart/index.js";
 export * from "./RadarChartPro/index.js";
 export * from "./ChartZoomSlider/index.js";
+export * from "./ChartsZoomSlider/index.js";
 export * from "./ChartsToolbarPro/index.js";

package/esm/internals/index.d.ts

@@ -1,7 +1,9 @@
+export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
+export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPro/useChartsContainerProProps.js";
 export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
-export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
-export type { PreviewPlotProps } from "../ChartZoomSlider/internals/previews/PreviewPlot.types.js";
-export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
+export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
+export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
+export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
 export { defaultSlotsMaterial } from "./material/index.js";

package/esm/internals/index.js

@@ -1,4 +1,5 @@
+export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
 export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
-export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
-export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
+export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
+export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
 export { defaultSlotsMaterial } from "./material/index.js";

package/esm/internals/plugins/useChartProExport/exportImage.js

@@ -23,6 +23,7 @@ export async function exportImage(element, svg, params) {
   } = params ?? {};
   const drawDocumentPromise = getDrawDocument();
   const doc = ownerDocument(element);
+  const ratio = Math.max(window.devicePixelRatio || 1, 1);
   const iframe = createExportIframe(fileName);
   /* We apply the min/max width and height to ensure the SVG doesn't resize in the export.
    * We apply to the original SVG so that the cloned tree will contain the styles and revert these
@@ -62,7 +63,6 @@ export async function exportImage(element, svg, params) {
   /* Use the size from the export body in case `onBeforeExport` adds some elements that should be in the export. */
   const exportDocBodySize = iframe.contentDocument.body.getBoundingClientRect();
   const canvas = document.createElement('canvas');
-  const ratio = window.devicePixelRatio || 1;
   canvas.width = exportDocBodySize.width * ratio;
   canvas.height = exportDocBodySize.height * ratio;
   canvas.style.width = `${exportDocBodySize.width}px`;

package/index.d.ts

@@ -18,6 +18,7 @@ export * from '@mui/x-charts/SparkLineChart';
 export * from '@mui/x-charts/Gauge';
 export * from '@mui/x-charts/RadarChart';
 export * from '@mui/x-charts/ChartsSurface';
+export * from '@mui/x-charts/ChartsDataProvider';
 export * from '@mui/x-charts/ChartDataProvider';
 export * from '@mui/x-charts/ChartsLabel';
 export * from '@mui/x-charts/ChartsOverlay';
@@ -29,8 +30,11 @@ export * from "./models/index.js";
 export * from "./plugins/index.js";
 export * from "./colorPalettes/index.js";
 export * from "./Heatmap/index.js";
+export { ChartsContainerPro } from "./ChartsContainerPro/index.js";
+export type { ChartsContainerProProps, ChartsContainerProSlots, ChartsContainerProSlotProps } from "./ChartsContainerPro/index.js";
 export { ChartContainerPro } from "./ChartContainerPro/index.js";
-export type { ChartContainerProProps } from "./ChartContainerPro/index.js";
+export type { ChartContainerProProps, ChartContainerProSlots, ChartContainerProSlotProps } from "./ChartContainerPro/index.js";
+export * from "./ChartsDataProviderPro/index.js";
 export * from "./ChartDataProviderPro/index.js";
 export * from "./ScatterChartPro/index.js";
 export * from "./SankeyChart/index.js";
@@ -40,5 +44,6 @@ export * from "./PieChartPro/index.js";
 export * from "./FunnelChart/index.js";
 export * from "./RadarChartPro/index.js";
 export * from "./ChartZoomSlider/index.js";
+export * from "./ChartsZoomSlider/index.js";
 export * from "./ChartsToolbarPro/index.js";
 export type { ChartImageExportOptions, ChartPrintExportOptions } from "./internals/plugins/useChartProExport/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-pro v8.27.2
+ * @mui/x-charts-pro v8.27.5
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -11,6 +11,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  ChartsContainerPro: true,
   ChartContainerPro: true
 };
 Object.defineProperty(exports, "ChartContainerPro", {
@@ -19,6 +20,12 @@ Object.defineProperty(exports, "ChartContainerPro", {
     return _ChartContainerPro.ChartContainerPro;
   }
 });
+Object.defineProperty(exports, "ChartsContainerPro", {
+  enumerable: true,
+  get: function () {
+    return _ChartsContainerPro.ChartsContainerPro;
+  }
+});
 require("./typeOverloads/modules");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
 Object.keys(_ChartsClipPath).forEach(function (key) {
@@ -248,6 +255,18 @@ Object.keys(_ChartsSurface).forEach(function (key) {
     }
   });
 });
+var _ChartsDataProvider = require("@mui/x-charts/ChartsDataProvider");
+Object.keys(_ChartsDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProvider[key];
+    }
+  });
+});
 var _ChartDataProvider = require("@mui/x-charts/ChartDataProvider");
 Object.keys(_ChartDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -380,7 +399,20 @@ Object.keys(_Heatmap).forEach(function (key) {
     }
   });
 });
+var _ChartsContainerPro = require("./ChartsContainerPro");
 var _ChartContainerPro = require("./ChartContainerPro");
+var _ChartsDataProviderPro = require("./ChartsDataProviderPro");
+Object.keys(_ChartsDataProviderPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsDataProviderPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProviderPro[key];
+    }
+  });
+});
 var _ChartDataProviderPro = require("./ChartDataProviderPro");
 Object.keys(_ChartDataProviderPro).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -489,6 +521,18 @@ Object.keys(_ChartZoomSlider).forEach(function (key) {
     }
   });
 });
+var _ChartsZoomSlider = require("./ChartsZoomSlider");
+Object.keys(_ChartsZoomSlider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsZoomSlider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsZoomSlider[key];
+    }
+  });
+});
 var _ChartsToolbarPro = require("./ChartsToolbarPro");
 Object.keys(_ChartsToolbarPro).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/internals/index.d.ts

@@ -1,7 +1,9 @@
+export { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
+export type { UseChartsContainerProPropsReturnValue } from "../ChartsContainerPro/useChartsContainerProProps.js";
 export { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
 export type { ChartsSlotsPro, ChartsSlotPropsPro } from "./material/index.js";
-export { seriesPreviewPlotMap } from "../ChartZoomSlider/internals/seriesPreviewPlotMap.js";
-export type { PreviewPlotProps } from "../ChartZoomSlider/internals/previews/PreviewPlot.types.js";
-export { defaultSeriesConfigPro } from "../ChartDataProviderPro/ChartDataProviderPro.js";
+export { seriesPreviewPlotMap } from "../ChartsZoomSlider/internals/seriesPreviewPlotMap.js";
+export type { PreviewPlotProps } from "../ChartsZoomSlider/internals/previews/PreviewPlot.types.js";
+export { defaultSeriesConfigPro } from "../ChartsDataProviderPro/ChartsDataProviderPro.js";
 export type { ProPluginsPerSeriesType } from "../context/ChartProApi.js";
 export { defaultSlotsMaterial } from "./material/index.js";

package/internals/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "defaultSeriesConfigPro", {
   enumerable: true,
   get: function () {
-    return _ChartDataProviderPro.defaultSeriesConfigPro;
+    return _ChartsDataProviderPro.defaultSeriesConfigPro;
   }
 });
 Object.defineProperty(exports, "defaultSlotsMaterial", {
@@ -27,7 +27,14 @@ Object.defineProperty(exports, "useChartContainerProProps", {
     return _useChartContainerProProps.useChartContainerProProps;
   }
 });
+Object.defineProperty(exports, "useChartsContainerProProps", {
+  enumerable: true,
+  get: function () {
+    return _useChartsContainerProProps.useChartsContainerProProps;
+  }
+});
+var _useChartsContainerProProps = require("../ChartsContainerPro/useChartsContainerProProps");
 var _useChartContainerProProps = require("../ChartContainerPro/useChartContainerProProps");
-var _seriesPreviewPlotMap = require("../ChartZoomSlider/internals/seriesPreviewPlotMap");
-var _ChartDataProviderPro = require("../ChartDataProviderPro/ChartDataProviderPro");
+var _seriesPreviewPlotMap = require("../ChartsZoomSlider/internals/seriesPreviewPlotMap");
+var _ChartsDataProviderPro = require("../ChartsDataProviderPro/ChartsDataProviderPro");
 var _material = require("./material");

package/internals/plugins/useChartProExport/exportImage.js

@@ -33,6 +33,7 @@ async function exportImage(element, svg, params) {
   } = params ?? {};
   const drawDocumentPromise = getDrawDocument();
   const doc = (0, _ownerDocument.default)(element);
+  const ratio = Math.max(window.devicePixelRatio || 1, 1);
   const iframe = (0, _common.createExportIframe)(fileName);
   /* We apply the min/max width and height to ensure the SVG doesn't resize in the export.
    * We apply to the original SVG so that the cloned tree will contain the styles and revert these
@@ -72,7 +73,6 @@ async function exportImage(element, svg, params) {
   /* Use the size from the export body in case `onBeforeExport` adds some elements that should be in the export. */
   const exportDocBodySize = iframe.contentDocument.body.getBoundingClientRect();
   const canvas = document.createElement('canvas');
-  const ratio = window.devicePixelRatio || 1;
   canvas.width = exportDocBodySize.width * ratio;
   canvas.height = exportDocBodySize.height * ratio;
   canvas.style.width = `${exportDocBodySize.width}px`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-pro",
-  "version": "8.27.2",
+  "version": "8.27.5",
   "author": "MUI Team",
   "description": "The Pro plan edition of the MUI X Charts components.",
   "license": "SEE LICENSE IN LICENSE",
@@ -31,11 +31,11 @@
     "@mui/utils": "^7.3.5",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
-    "@mui/x-charts": "8.27.0",
+    "@mui/x-charts": "8.27.5",
     "@mui/x-charts-vendor": "8.26.0",
     "@mui/x-internal-gestures": "0.4.0",
-    "@mui/x-license": "8.26.0",
-    "@mui/x-internals": "8.26.0"
+    "@mui/x-internals": "8.26.0",
+    "@mui/x-license": "8.26.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

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

package/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts

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

package/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts

@@ -1,15 +0,0 @@
-import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
-export interface ChartAxisZoomSliderTrackClasses {
-  /** 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 ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
-export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
-export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;

package/esm/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderPreviewContent.d.ts

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

package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderThumb.d.ts

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

package/esm/ChartZoomSlider/internals/chartAxisZoomSliderTrackClasses.d.ts

@@ -1,15 +0,0 @@
-import type { ChartAxisZoomSliderActiveTrackProps } from "./ChartAxisZoomSliderActiveTrack.js";
-export interface ChartAxisZoomSliderTrackClasses {
-  /** 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 ChartAxisZoomSliderTrackClassKey = keyof ChartAxisZoomSliderTrackClasses;
-export declare const chartAxisZoomSliderTrackClasses: ChartAxisZoomSliderTrackClasses;
-export declare function getAxisZoomSliderTrackUtilityClass(slot: string): string;
-export declare const useUtilityClasses: (props: Partial<ChartAxisZoomSliderActiveTrackProps>) => Record<"background" | "active", string>;