@mui/x-charts-premium 8.27.2 → 8.27.4

package/ChartsContainerPremium/ChartsContainerPremium.d.ts

@@ -0,0 +1,37 @@
+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 ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
+export interface ChartsContainerPremiumSlots {}
+export interface ChartsContainerPremiumSlotProps {}
+export type ChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderPremiumProps<TSeries, TSignatures> & ChartsSurfaceProps;
+type ChartsContainerPremiumComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures> & {
+  ref?: React.ForwardedRef<SVGSVGElement>;
+}) => React.JSX.Element;
+/**
+ * It sets up the data providers as well as the `<svg>` for the chart.
+ *
+ * This is a combination of both the `ChartsDataProviderPremium` and `ChartsSurface` components.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsContainerPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *    <BarPlot />
+ *    <ChartsXAxis axisId="x-axis" />
+ * </ChartsContainerPremium>
+ * ```
+ */
+declare const ChartsContainerPremium: ChartsContainerPremiumComponent;
+export { ChartsContainerPremium };

package/ChartsContainerPremium/ChartsContainerPremium.js

@@ -0,0 +1,52 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsContainerPremium = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _ChartsSurface = require("@mui/x-charts/ChartsSurface");
+var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
+var _useChartsContainerPremiumProps = require("./useChartsContainerPremiumProps");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * It sets up the data providers as well as the `<svg>` for the chart.
+ *
+ * This is a combination of both the `ChartsDataProviderPremium` and `ChartsSurface` components.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsContainerPremium API](https://mui.com/x/api/charts/charts-container-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsContainerPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *    <BarPlot />
+ *    <ChartsXAxis axisId="x-axis" />
+ * </ChartsContainerPremium>
+ * ```
+ */
+const ChartsContainerPremium = exports.ChartsContainerPremium = /*#__PURE__*/React.forwardRef(function ChartsContainerPremium(props, ref) {
+  const {
+    chartDataProviderPremiumProps,
+    children,
+    chartsSurfaceProps
+  } = (0, _useChartsContainerPremiumProps.useChartsContainerPremiumProps)(props, ref);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartDataProviderPremium.ChartDataProviderPremium, (0, _extends2.default)({}, chartDataProviderPremiumProps, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsSurface.ChartsSurface, (0, _extends2.default)({}, chartsSurfaceProps, {
+      children: children
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== "production") ChartsContainerPremium.displayName = "ChartsContainerPremium";

package/ChartsContainerPremium/index.d.ts

@@ -0,0 +1,2 @@
+import "../typeOverloads/index.js";
+export * from "./ChartsContainerPremium.js";

package/ChartsContainerPremium/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("../typeOverloads");
+var _ChartsContainerPremium = require("./ChartsContainerPremium");
+Object.keys(_ChartsContainerPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsContainerPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsContainerPremium[key];
+    }
+  });
+});

package/ChartsContainerPremium/useChartsContainerPremiumProps.d.ts

@@ -0,0 +1,9 @@
+import type * as React from 'react';
+import { type ChartAnyPluginSignature, type ChartSeriesType, type UseChartsContainerPropsReturnValue } from '@mui/x-charts/internals';
+import { type ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+import type { ChartsContainerPremiumProps } from "./ChartsContainerPremium.js";
+export type UseChartsContainerPremiumPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = Pick<UseChartsContainerPropsReturnValue<TSeries, TSignatures>, 'chartsSurfaceProps' | 'children'> & {
+  chartDataProviderPremiumProps: ChartDataProviderProps<TSeries, TSignatures>;
+};
+export declare function useChartsContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>): UseChartsContainerPremiumPropsReturnValue<TSeries, TSignatures>;

package/ChartsContainerPremium/useChartsContainerPremiumProps.js

@@ -0,0 +1,33 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartsContainerPremiumProps = useChartsContainerPremiumProps;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _internals = require("@mui/x-charts-pro/internals");
+var _allPlugins = require("../internals/plugins/allPlugins");
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
+function useChartsContainerPremiumProps(props, ref) {
+  const _ref = props,
+    {
+      plugins
+    } = _ref,
+    baseProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const {
+    chartDataProviderProProps,
+    chartsSurfaceProps,
+    children
+  } = (0, _internals.useChartsContainerProProps)(baseProps, ref);
+  const chartDataProviderPremiumProps = (0, _extends2.default)({}, chartDataProviderProProps, {
+    plugins: plugins ?? _allPlugins.DEFAULT_PLUGINS
+  });
+  return {
+    chartDataProviderPremiumProps,
+    chartsSurfaceProps,
+    children
+  };
+}

package/ChartsContainerPro/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts-pro/ChartsContainerPro';

package/ChartsContainerPro/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsContainerPro = require("@mui/x-charts-pro/ChartsContainerPro");
+Object.keys(_ChartsContainerPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsContainerPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsContainerPro[key];
+    }
+  });
+});

package/ChartsDataProvider/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts/ChartsDataProvider';

package/ChartsDataProvider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsDataProvider = require("@mui/x-charts/ChartsDataProvider");
+Object.keys(_ChartsDataProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsDataProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProvider[key];
+    }
+  });
+});

package/ChartsDataProviderPremium/ChartsDataProviderPremium.d.ts

@@ -0,0 +1,49 @@
+import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartsProviderProps, type ChartSeriesConfig } from '@mui/x-charts/internals';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from '@mui/x-charts-pro/internals';
+import { type ChartsDataProviderProProps } from '@mui/x-charts-pro/ChartsDataProviderPro';
+import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+export interface ChartsDataProviderPremiumSlots extends ChartsSlotsPro {}
+export interface ChartsDataProviderPremiumSlotProps extends ChartsSlotPropsPro {}
+export type ChartsDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsDataProviderProProps<TSeries, TSignatures> & ChartsProviderProps<TSeries, TSignatures>['pluginParams'] & {
+  /**
+   * Slots to customize charts' components.
+   */
+  slots?: Partial<ChartsDataProviderPremiumSlots>;
+  /**
+   * The props for the slots.
+   */
+  slotProps?: Partial<ChartsDataProviderPremiumSlotProps>;
+};
+export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rangeBar' | 'scatter' | 'line' | 'pie'>;
+/**
+ * Orchestrates the data providers for the chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsDataProviderPremium API](https://mui.com/x/api/charts/charts-data-provider-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsDataProviderPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *   <ChartsSurface>
+ *      <BarPlot />
+ *      <ChartsXAxis axisId="x-axis" />
+ *   </ChartsSurface>
+ *   {'Custom Legend Component'}
+ * </ChartsDataProviderPremium>
+ * ```
+ */
+declare function ChartsDataProviderPremium<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsDataProviderPremiumProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
+declare namespace ChartsDataProviderPremium {
+  var propTypes: any;
+}
+export { ChartsDataProviderPremium };

package/ChartsDataProviderPremium/ChartsDataProviderPremium.js

@@ -0,0 +1,153 @@
+"use strict";
+'use client';
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartsDataProviderPremium = ChartsDataProviderPremium;
+exports.defaultSeriesConfigPremium = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Watermark = require("@mui/x-license/Watermark");
+var _internals = require("@mui/x-charts/internals");
+var _ChartsLocalizationProvider = require("@mui/x-charts/ChartsLocalizationProvider");
+var _internals2 = require("@mui/x-charts-pro/internals");
+var _useLicenseVerifier = require("@mui/x-license/useLicenseVerifier");
+var _seriesConfig = require("../BarChartPremium/RangeBar/seriesConfig");
+var _allPlugins = require("../internals/plugins/allPlugins");
+var _useChartsDataProviderPremiumProps = require("./useChartsDataProviderPremiumProps");
+var _jsxRuntime = require("react/jsx-runtime");
+const releaseInfo = "MTc3MjY2ODgwMDAwMA==";
+const packageIdentifier = 'x-charts-premium';
+const defaultSeriesConfigPremium = exports.defaultSeriesConfigPremium = (0, _extends2.default)({}, _internals2.defaultSeriesConfigPro, {
+  rangeBar: _seriesConfig.rangeBarSeriesConfig
+});
+
+/**
+ * Orchestrates the data providers for the chart components and hooks.
+ *
+ * Use this component if you have custom HTML components that need to access the chart data.
+ *
+ * Demos:
+ *
+ * - [Composition](https://mui.com/x/api/charts/composition/)
+ *
+ * API:
+ *
+ * - [ChartsDataProviderPremium API](https://mui.com/x/api/charts/charts-data-provider-premium/)
+ *
+ * @example
+ * ```jsx
+ * <ChartsDataProviderPremium
+ *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
+ *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
+ * >
+ *   <ChartsSurface>
+ *      <BarPlot />
+ *      <ChartsXAxis axisId="x-axis" />
+ *   </ChartsSurface>
+ *   {'Custom Legend Component'}
+ * </ChartsDataProviderPremium>
+ * ```
+ */
+function ChartsDataProviderPremium(props) {
+  const {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  } = (0, _useChartsDataProviderPremiumProps.useChartsDataProviderPremiumProps)((0, _extends2.default)({}, props, {
+    seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
+    plugins: props.plugins ?? _allPlugins.DEFAULT_PLUGINS
+  }));
+  (0, _useLicenseVerifier.useLicenseVerifier)(packageIdentifier, releaseInfo);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.ChartsProvider, (0, _extends2.default)({}, chartProviderProps, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLocalizationProvider.ChartsLocalizationProvider, {
+      localeText: localeText,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_internals.ChartsSlotsProvider, {
+        slots: slots,
+        slotProps: slotProps,
+        defaultSlots: _internals2.defaultSlotsMaterial,
+        children: children
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Watermark.Watermark, {
+      packageName: packageIdentifier,
+      releaseInfo: releaseInfo
+    })]
+  }));
+}
+process.env.NODE_ENV !== "production" ? ChartsDataProviderPremium.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
+  // ----------------------------------------------------------------------
+  apiRef: _propTypes.default.shape({
+    current: _propTypes.default.any
+  }),
+  /**
+   * Color palette used to colorize multiple series.
+   * @default rainbowSurgePalette
+   */
+  colors: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.func]),
+  /**
+   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
+   */
+  dataset: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * Options to enable features planned for the next major.
+   */
+  experimentalFeatures: _propTypes.default.shape({
+    preferStrictDomainInLineCharts: _propTypes.default.bool
+  }),
+  /**
+   * The height of the chart in px. If not defined, it takes the height of the parent element.
+   */
+  height: _propTypes.default.number,
+  /**
+   * This prop is used to help implement the accessibility logic.
+   * If you don't provide this prop. It falls back to a randomly generated id.
+   */
+  id: _propTypes.default.string,
+  /**
+   * Localized text for chart components.
+   */
+  localeText: _propTypes.default.object,
+  /**
+   * The margin between the SVG and the drawing area.
+   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
+   *
+   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
+   */
+  margin: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+    bottom: _propTypes.default.number,
+    left: _propTypes.default.number,
+    right: _propTypes.default.number,
+    top: _propTypes.default.number
+  })]),
+  /**
+   * The array of series to display.
+   * Each type of series has its own specificity.
+   * Please refer to the appropriate docs page to learn more about it.
+   */
+  series: _propTypes.default.arrayOf(_propTypes.default.object),
+  /**
+   * If `true`, animations are skipped.
+   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
+   */
+  skipAnimation: _propTypes.default.bool,
+  /**
+   * The props for the slots.
+   */
+  slotProps: _propTypes.default.object,
+  /**
+   * Slots to customize charts' components.
+   */
+  slots: _propTypes.default.object,
+  theme: _propTypes.default.oneOf(['dark', 'light']),
+  /**
+   * The width of the chart in px. If not defined, it takes the width of the parent element.
+   */
+  width: _propTypes.default.number
+} : void 0;

package/ChartsDataProviderPremium/index.d.ts

@@ -0,0 +1,2 @@
+import "../typeOverloads/index.js";
+export { ChartsDataProviderPremium, type ChartsDataProviderPremiumProps, type ChartsDataProviderPremiumSlots, type ChartsDataProviderPremiumSlotProps } from "./ChartsDataProviderPremium.js";

package/ChartsDataProviderPremium/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ChartsDataProviderPremium", {
+  enumerable: true,
+  get: function () {
+    return _ChartsDataProviderPremium.ChartsDataProviderPremium;
+  }
+});
+require("../typeOverloads");
+var _ChartsDataProviderPremium = require("./ChartsDataProviderPremium");

package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.d.ts

@@ -0,0 +1,10 @@
+import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
+import type { ChartsDataProviderPremiumProps } from "./ChartsDataProviderPremium.js";
+import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
+export declare const useChartsDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsDataProviderPremiumProps<TSeries, TSignatures>) => {
+  children: import("react").ReactNode;
+  localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
+  chartProviderProps: import("@mui/x-charts/internals").ChartsProviderProps<TSeries, TSignatures>;
+  slots: Partial<import("@mui/x-charts").ChartsDataProviderSlots> | undefined;
+  slotProps: Partial<import("@mui/x-charts").ChartsDataProviderSlotProps> | undefined;
+};

package/ChartsDataProviderPremium/useChartsDataProviderPremiumProps.js

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useChartsDataProviderPremiumProps = void 0;
+var _internals = require("@mui/x-charts/internals");
+const useChartsDataProviderPremiumProps = props => {
+  const {
+    chartProviderProps,
+    localeText,
+    slots,
+    slotProps,
+    children
+  } = (0, _internals.useChartsDataProviderProps)(props);
+  return {
+    children,
+    localeText,
+    chartProviderProps,
+    slots,
+    slotProps
+  };
+};
+exports.useChartsDataProviderPremiumProps = useChartsDataProviderPremiumProps;

package/ChartsDataProviderPro/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts-pro/ChartsDataProviderPro';

package/ChartsDataProviderPro/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsDataProviderPro = require("@mui/x-charts-pro/ChartsDataProviderPro");
+Object.keys(_ChartsDataProviderPro).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsDataProviderPro[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsDataProviderPro[key];
+    }
+  });
+});

package/ChartsZoomSlider/index.d.ts

@@ -0,0 +1 @@
+export * from '@mui/x-charts-pro/ChartsZoomSlider';

package/ChartsZoomSlider/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChartsZoomSlider = require("@mui/x-charts-pro/ChartsZoomSlider");
+Object.keys(_ChartsZoomSlider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChartsZoomSlider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsZoomSlider[key];
+    }
+  });
+});

package/context/useChartPremiumApiContext.d.ts

@@ -1,7 +1,7 @@
 import { type ChartPremiumApi } from "./ChartPremiumApi.js";
 /**
  * The `useChartPremiumApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProviderPremium` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProviderPremium` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartPremiumApiContext<ChartPremiumApi<'bar'>>();

package/context/useChartPremiumApiContext.js

@@ -7,7 +7,7 @@ exports.useChartPremiumApiContext = useChartPremiumApiContext;
 var _context = require("@mui/x-charts/context");
 /**
  * The `useChartPremiumApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProviderPremium` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProviderPremium` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartPremiumApiContext<ChartPremiumApi<'bar'>>();

package/esm/BarChartPremium/BarChartPremium.js

@@ -16,7 +16,7 @@ import { BarPlot } from '@mui/x-charts/BarChart';
 import { ChartsOverlay } from '@mui/x-charts/ChartsOverlay';
 import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
 import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
-import { ChartZoomSlider } from '@mui/x-charts-pro/ChartZoomSlider';
+import { ChartsZoomSlider } from '@mui/x-charts-pro/ChartsZoomSlider';
 import { ChartsBrushOverlay } from '@mui/x-charts/ChartsBrushOverlay';
 import { ChartsClipPath } from '@mui/x-charts/ChartsClipPath';
 import { seriesPreviewPlotMap, useChartContainerProProps } from '@mui/x-charts-pro/internals';
@@ -24,7 +24,7 @@ import { useBarChartPremiumProps } from "./useBarChartPremiumProps.js";
 import { BAR_CHART_PREMIUM_PLUGINS } from "./BarChartPremium.plugins.js";
 import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.js";
 import { RangeBarPlot } from "./RangeBar/RangeBarPlot.js";
-import { RangeBarPreviewPlot } from "../ChartZoomSlider/internals/previews/RangeBarPreviewPlot.js";
+import { RangeBarPreviewPlot } from "../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 seriesPreviewPlotMap.set('rangeBar', RangeBarPreviewPlot);
 /**
@@ -82,7 +82,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
       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(RangeBarPlot, _extends({}, rangeBarPlotProps)), /*#__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/ChartContainerPremium/ChartContainerPremium.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 ChartDataProviderPremiumProps } from "../ChartDataProviderPremium/index.js";
-export type ChartContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderPremiumProps<TSeries, TSignatures> & ChartsSurfaceProps;
-type ChartContainerPremiumComponent = <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerPremiumProps<TSeries, TSignatures> & {
-  ref?: React.ForwardedRef<SVGSVGElement>;
-}) => React.JSX.Element;
+import { type ChartsContainerPremiumProps, type ChartsContainerPremiumSlotProps, type ChartsContainerPremiumSlots } from "../ChartsContainerPremium/index.js";
+/**
+ * @deprecated Use `ChartsContainerPremiumSlots` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerPremiumSlots = ChartsContainerPremiumSlots;
+/**
+ * @deprecated Use `ChartsContainerPremiumSlotProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerPremiumSlotProps = ChartsContainerPremiumSlotProps;
+/**
+ * @deprecated Use `ChartsContainerPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartContainerPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsContainerPremiumProps<TSeries, TSignatures>;
 /**
- * It sets up the data providers as well as the `<svg>` for the chart.
- *
- * This is a combination of both the `ChartDataProviderPremium` 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
- * <ChartContainerPremium
- *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
- *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
- * >
- *    <BarPlot />
- *    <ChartsXAxis axisId="x-axis" />
- * </ChartContainerPremium>
- * ```
+ * @deprecated Use `ChartsContainerPremium` instead. We added S to the charts prefix to align with other components.
  */
-declare const ChartContainerPremium: ChartContainerPremiumComponent;
-export { ChartContainerPremium };
+export declare const ChartContainerPremium: <TSeries extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerPremiumProps<TSeries, TSignatures> & {
+  ref?: React.ForwardedRef<SVGSVGElement>;
+}) => React.JSX.Element;