@mui/x-charts-premium 8.27.2 → 8.27.5

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;

package/esm/ChartContainerPremium/ChartContainerPremium.js

@@ -1,46 +1,20 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
-import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.js";
-import { useChartContainerPremiumProps } from "./useChartContainerPremiumProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { ChartsContainerPremium } from "../ChartsContainerPremium/index.js";
+
+/**
+ * @deprecated Use `ChartsContainerPremiumSlots` instead. We added S to the charts prefix to align with other components.
+ */
+
+/**
+ * @deprecated Use `ChartsContainerPremiumSlotProps` instead. We added S to the charts prefix to align with other components.
+ */
+
+/**
+ * @deprecated Use `ChartsContainerPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+
 /**
- * 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.
  */
-const ChartContainerPremium = /*#__PURE__*/React.forwardRef(function ChartContainerPremium(props, ref) {
-  const {
-    chartDataProviderPremiumProps,
-    children,
-    chartsSurfaceProps
-  } = useChartContainerPremiumProps(props, ref);
-  return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderPremiumProps, {
-    children: /*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
-      children: children
-    }))
-  }));
-});
-if (process.env.NODE_ENV !== "production") ChartContainerPremium.displayName = "ChartContainerPremium";
-export { ChartContainerPremium };
+export const ChartContainerPremium = ChartsContainerPremium;

package/esm/ChartContainerPremium/useChartContainerPremiumProps.d.ts

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

package/esm/ChartContainerPremium/useChartContainerPremiumProps.js

@@ -1,27 +1,12 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
-import { useChartContainerProProps } from '@mui/x-charts-pro/internals';
-import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
-export function useChartContainerPremiumProps(props, ref) {
-  const _ref = props,
-    {
-      plugins
-    } = _ref,
-    baseProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    chartDataProviderProProps,
-    chartsSurfaceProps,
-    children
-  } = useChartContainerProProps(baseProps, ref);
-  const chartDataProviderPremiumProps = _extends({}, chartDataProviderProProps, {
-    plugins: plugins ?? DEFAULT_PLUGINS
-  });
-  return {
-    chartDataProviderPremiumProps,
-    chartsSurfaceProps,
-    children
-  };
-}
+import { useChartsContainerPremiumProps } from "../ChartsContainerPremium/useChartsContainerPremiumProps.js";
+
+/**
+ * @deprecated Use `UseChartsContainerPremiumPropsReturnValue` instead.
+ */
+
+/**
+ * @deprecated Use `useChartsContainerPremiumProps` instead.
+ */
+export const useChartContainerPremiumProps = useChartsContainerPremiumProps;

package/esm/ChartDataProviderPremium/ChartDataProviderPremium.d.ts

@@ -1,47 +1,21 @@
-import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartProviderProps, type ChartSeriesConfig } from '@mui/x-charts/internals';
-import { type ChartsSlotPropsPro, type ChartsSlotsPro } from '@mui/x-charts-pro/internals';
-import { type ChartDataProviderProProps } from '@mui/x-charts-pro/ChartDataProviderPro';
+import { type ChartSeriesType, type ChartAnyPluginSignature } from '@mui/x-charts/internals';
+import { ChartsDataProviderPremium, type ChartsDataProviderPremiumProps, type ChartsDataProviderPremiumSlots, type ChartsDataProviderPremiumSlotProps } from "../ChartsDataProviderPremium/index.js";
+import { defaultSeriesConfigPremium } from "../ChartsDataProviderPremium/ChartsDataProviderPremium.js";
 import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-export type ChartDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProProps<TSeries, TSignatures> & ChartProviderProps<TSeries, TSignatures>['pluginParams'] & {
-  /**
-   * Slots to customize charts' components.
-   */
-  slots?: Partial<ChartsSlotsPro>;
-  /**
-   * The props for the slots.
-   */
-  slotProps?: Partial<ChartsSlotPropsPro>;
-};
-export declare const defaultSeriesConfigPremium: ChartSeriesConfig<'bar' | 'rangeBar' | 'scatter' | 'line' | 'pie'>;
+export { defaultSeriesConfigPremium };
 /**
- * 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:
- *
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
- *
- * @example
- * ```jsx
- * <ChartDataProviderPro
- *   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'}
- * </ChartDataProviderPro>
- * ```
+ * @deprecated Use `ChartsDataProviderPremiumSlots` instead. We added S to the charts prefix to align with other components.
  */
-declare function ChartDataProviderPremium<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
-declare namespace ChartDataProviderPremium {
-  var propTypes: any;
-}
-export { ChartDataProviderPremium };
+export type ChartDataProviderPremiumSlots = ChartsDataProviderPremiumSlots;
+/**
+ * @deprecated Use `ChartsDataProviderPremiumSlotProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartDataProviderPremiumSlotProps = ChartsDataProviderPremiumSlotProps;
+/**
+ * @deprecated Use `ChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+export type ChartDataProviderPremiumProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsDataProviderPremiumProps<TSeries, TSignatures>;
+/**
+ * @deprecated Use `ChartsDataProviderPremium` instead. We added S to the charts prefix to align with other components.
+ */
+export declare const ChartDataProviderPremium: typeof ChartsDataProviderPremium;

package/esm/ChartDataProviderPremium/ChartDataProviderPremium.js

@@ -1,148 +1,22 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
-import PropTypes from 'prop-types';
-import { Watermark } from '@mui/x-license/Watermark';
-import { ChartProvider, ChartsSlotsProvider } from '@mui/x-charts/internals';
-import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
-import { defaultSlotsMaterial } from '@mui/x-charts-pro/internals';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
-import { defaultSeriesConfigPro } from '@mui/x-charts-pro/internals';
-import { rangeBarSeriesConfig } from "../BarChartPremium/RangeBar/seriesConfig/index.js";
-import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
-import { useChartDataProviderPremiumProps } from "./useChartDataProviderPremiumProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc3MTU0NTYwMDAwMA==";
-const packageIdentifier = 'x-charts-premium';
-export const defaultSeriesConfigPremium = _extends({}, defaultSeriesConfigPro, {
-  rangeBar: rangeBarSeriesConfig
-});
+import { ChartsDataProviderPremium } from "../ChartsDataProviderPremium/index.js";
+import { defaultSeriesConfigPremium } from "../ChartsDataProviderPremium/ChartsDataProviderPremium.js";
+export { defaultSeriesConfigPremium };
 
 /**
- * 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:
- *
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider/)
- *
- * @example
- * ```jsx
- * <ChartDataProviderPro
- *   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'}
- * </ChartDataProviderPro>
- * ```
+ * @deprecated Use `ChartsDataProviderPremiumSlots` instead. We added S to the charts prefix to align with other components.
  */
-function ChartDataProviderPremium(props) {
-  const {
-    children,
-    localeText,
-    chartProviderProps,
-    slots,
-    slotProps
-  } = useChartDataProviderPremiumProps(_extends({}, props, {
-    seriesConfig: props.seriesConfig ?? defaultSeriesConfigPremium,
-    plugins: props.plugins ?? DEFAULT_PLUGINS
-  }));
-  useLicenseVerifier(packageIdentifier, releaseInfo);
-  return /*#__PURE__*/_jsxs(ChartProvider, _extends({}, chartProviderProps, {
-    children: [/*#__PURE__*/_jsx(ChartsLocalizationProvider, {
-      localeText: localeText,
-      children: /*#__PURE__*/_jsx(ChartsSlotsProvider, {
-        slots: slots,
-        slotProps: slotProps,
-        defaultSlots: defaultSlotsMaterial,
-        children: children
-      })
-    }), /*#__PURE__*/_jsx(Watermark, {
-      packageName: packageIdentifier,
-      releaseInfo: releaseInfo
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? ChartDataProviderPremium.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.any
-  }),
-  /**
-   * Color palette used to colorize multiple series.
-   * @default rainbowSurgePalette
-   */
-  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Options to enable features planned for the next major.
-   */
-  experimentalFeatures: PropTypes.shape({
-    preferStrictDomainInLineCharts: PropTypes.bool
-  }),
-  /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
-   */
-  height: PropTypes.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.string,
-  /**
-   * Localized text for chart components.
-   */
-  localeText: PropTypes.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.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.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.arrayOf(PropTypes.object),
-  /**
-   * If `true`, animations are skipped.
-   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props for the slots.
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Slots to customize charts' components.
-   */
-  slots: PropTypes.object,
-  theme: PropTypes.oneOf(['dark', 'light']),
-  /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
-   */
-  width: PropTypes.number
-} : void 0;
-export { ChartDataProviderPremium };
+
+/**
+ * @deprecated Use `ChartsDataProviderPremiumSlotProps` instead. We added S to the charts prefix to align with other components.
+ */
+
+/**
+ * @deprecated Use `ChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+
+/**
+ * @deprecated Use `ChartsDataProviderPremium` instead. We added S to the charts prefix to align with other components.
+ */
+export const ChartDataProviderPremium = ChartsDataProviderPremium;

package/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.d.ts

@@ -1,10 +1,10 @@
-import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
-import type { ChartDataProviderPremiumProps } from "./ChartDataProviderPremium.js";
-import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-export declare const useChartDataProviderPremiumProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderPremiumProps<TSeries, TSignatures>) => {
+/**
+ * @deprecated Use `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+export declare const useChartDataProviderPremiumProps: <TSeries extends import("@mui/x-charts/internals").ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly import("@mui/x-charts/internals").ChartAnyPluginSignature[] = import("../internals/plugins/allPlugins.js").AllPluginSignatures<TSeries>>(props: import("../index.js").ChartsDataProviderPremiumProps<TSeries, TSignatures>) => {
   children: import("react").ReactNode;
   localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
-  chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<TSeries, TSignatures>;
-  slots: Partial<import("@mui/x-charts/internals").ChartsSlots> | undefined;
-  slotProps: Partial<import("@mui/x-charts/internals").ChartsSlotProps> | 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/esm/ChartDataProviderPremium/useChartDataProviderPremiumProps.js

@@ -1,19 +1,8 @@
 'use client';
 
-import { useChartDataProviderProps } from '@mui/x-charts/internals';
-export const useChartDataProviderPremiumProps = props => {
-  const {
-    chartProviderProps,
-    localeText,
-    slots,
-    slotProps,
-    children
-  } = useChartDataProviderProps(props);
-  return {
-    children,
-    localeText,
-    chartProviderProps,
-    slots,
-    slotProps
-  };
-};
+import { useChartsDataProviderPremiumProps } from "../ChartsDataProviderPremium/useChartsDataProviderPremiumProps.js";
+
+/**
+ * @deprecated Use `useChartsDataProviderPremiumProps` instead. We added S to the charts prefix to align with other components.
+ */
+export const useChartDataProviderPremiumProps = useChartsDataProviderPremiumProps;

package/esm/ChartsContainer/index.d.ts

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

package/esm/ChartsContainer/index.js

@@ -0,0 +1,2 @@
+// Re-export automatically generated, to customize, simply remove this line.
+export * from '@mui/x-charts/ChartsContainer';

package/esm/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/esm/ChartsContainerPremium/ChartsContainerPremium.js

@@ -0,0 +1,46 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
+import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.js";
+import { useChartsContainerPremiumProps } from "./useChartsContainerPremiumProps.js";
+import { jsx as _jsx } from "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 = /*#__PURE__*/React.forwardRef(function ChartsContainerPremium(props, ref) {
+  const {
+    chartDataProviderPremiumProps,
+    children,
+    chartsSurfaceProps
+  } = useChartsContainerPremiumProps(props, ref);
+  return /*#__PURE__*/_jsx(ChartDataProviderPremium, _extends({}, chartDataProviderPremiumProps, {
+    children: /*#__PURE__*/_jsx(ChartsSurface, _extends({}, chartsSurfaceProps, {
+      children: children
+    }))
+  }));
+});
+if (process.env.NODE_ENV !== "production") ChartsContainerPremium.displayName = "ChartsContainerPremium";
+export { ChartsContainerPremium };

package/esm/ChartsContainerPremium/index.d.ts

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

package/esm/ChartsContainerPremium/index.js

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

package/esm/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/esm/ChartsContainerPremium/useChartsContainerPremiumProps.js

@@ -0,0 +1,27 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["initialZoom", "zoomData", "onZoomChange", "zoomInteractionConfig", "plugins", "apiRef"];
+import { useChartsContainerProProps } from '@mui/x-charts-pro/internals';
+import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
+export function useChartsContainerPremiumProps(props, ref) {
+  const _ref = props,
+    {
+      plugins
+    } = _ref,
+    baseProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const {
+    chartDataProviderProProps,
+    chartsSurfaceProps,
+    children
+  } = useChartsContainerProProps(baseProps, ref);
+  const chartDataProviderPremiumProps = _extends({}, chartDataProviderProProps, {
+    plugins: plugins ?? DEFAULT_PLUGINS
+  });
+  return {
+    chartDataProviderPremiumProps,
+    chartsSurfaceProps,
+    children
+  };
+}

package/esm/ChartsContainerPro/index.d.ts

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

package/esm/ChartsContainerPro/index.js

@@ -0,0 +1,2 @@
+// Re-export automatically generated, to customize, simply remove this line.
+export * from '@mui/x-charts-pro/ChartsContainerPro';

package/esm/ChartsDataProvider/index.d.ts

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

package/esm/ChartsDataProvider/index.js

@@ -0,0 +1,2 @@
+// Re-export automatically generated, to customize, simply remove this line.
+export * from '@mui/x-charts/ChartsDataProvider';