@mui/x-charts-premium 9.0.0-alpha.1 → 9.0.0-alpha.3

package/{esm/BarChartPremium/BarChartPremium.d.ts → BarChartPremium/BarChartPremium.d.mts}

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type BarChartProProps, type BarChartProSlotProps, type BarChartProSlots } from '@mui/x-charts-pro/BarChartPro';
 import { type BarSeries } from '@mui/x-charts/BarChart';
-import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.js";
+import { type BarItemIdentifier, type RangeBarItemIdentifier, type RangeBarSeriesType } from "../models/index.mjs";
 export type RangeBarSeries = RangeBarSeriesType;
 export interface BarChartPremiumSlots extends BarChartProSlots {}
 export interface BarChartPremiumSlotProps extends BarChartProSlotProps {}

package/BarChartPremium/BarChartPremium.js

@@ -22,7 +22,7 @@ var _BarChart = require("@mui/x-charts/BarChart");
 var _ChartsOverlay = require("@mui/x-charts/ChartsOverlay");
 var _ChartsAxisHighlight = require("@mui/x-charts/ChartsAxisHighlight");
 var _ChartsAxis = require("@mui/x-charts/ChartsAxis");
-var _ChartZoomSlider = require("@mui/x-charts-pro/ChartZoomSlider");
+var _ChartsZoomSlider = require("@mui/x-charts-pro/ChartsZoomSlider");
 var _ChartsBrushOverlay = require("@mui/x-charts/ChartsBrushOverlay");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
 var _internals = require("@mui/x-charts-pro/internals");
@@ -31,7 +31,7 @@ var _BarChartPremium2 = require("./BarChartPremium.plugins");
 var _ChartDataProviderPremium = require("../ChartDataProviderPremium");
 var _RangeBarPlot = require("./RangeBar/RangeBarPlot");
 var _FocusedRangeBar = require("./RangeBar/FocusedRangeBar");
-var _RangeBarPreviewPlot = require("../ChartZoomSlider/internals/previews/RangeBarPreviewPlot");
+var _RangeBarPreviewPlot = require("../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["initialZoom", "zoomData", "onZoomChange", "apiRef", "showToolbar"];
 _internals.seriesPreviewPlotMap.set('rangeBar', _RangeBarPreviewPlot.RangeBarPreviewPlot);
@@ -76,7 +76,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
   const {
     chartDataProviderProProps,
     chartsSurfaceProps
-  } = (0, _internals.useChartContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
+  } = (0, _internals.useChartsContainerProProps)((0, _extends2.default)({}, chartContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -91,7 +91,7 @@ const BarChartPremium = exports.BarChartPremium = /*#__PURE__*/React.forwardRef(
       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)(_BarChart.BarPlot, (0, _extends2.default)({}, barPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeBarPlot.RangeBarPlot, (0, _extends2.default)({}, rangeBarPlotProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsOverlay.ChartsOverlay, (0, _extends2.default)({}, overlayProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxisHighlight.ChartsAxisHighlight, (0, _extends2.default)({}, axisHighlightProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_BarChart.FocusedBar, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FocusedRangeBar.FocusedRangeBar, {})]
-        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartZoomSlider.ChartZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
+        })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsAxis.ChartsAxis, (0, _extends2.default)({}, chartsAxisProps)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsZoomSlider.ChartsZoomSlider, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsBrushOverlay.ChartsBrushOverlay, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsClipPath.ChartsClipPath, (0, _extends2.default)({}, clipPathProps)), children]
       })), !props.loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(Tooltip, (0, _extends2.default)({}, props.slotProps?.tooltip))]
     }))
   }));
@@ -164,7 +164,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @default false
    */
   disableAxisListener: _propTypes.default.bool,
-  enableKeyboardNavigation: _propTypes.default.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: _propTypes.default.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -196,11 +199,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  hiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
+  hiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar'])
-  })),
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
    */
@@ -217,10 +224,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The highlighted item.
    * Used when the highlight is controlled.
    */
-  highlightedItem: _propTypes.default.shape({
+  highlightedItem: _propTypes.default.oneOfType([_propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  }), _propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired
-  }),
+  })]),
   /**
    * 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.
@@ -247,11 +258,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.shape({
+  initialHiddenItems: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number,
     seriesId: _propTypes.default.string.isRequired,
     type: _propTypes.default.oneOf(['bar'])
-  })),
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number,
+    seriesId: _propTypes.default.string.isRequired,
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
@@ -296,13 +311,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   onAxisClick: _propTypes.default.func,
   /**
    * Callback fired when any hidden identifiers change.
-   * @param {VisibilityIdentifier[]} hiddenItems The new list of hidden identifiers.
+   * @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
    */
   onHiddenItemsChange: _propTypes.default.func,
   /**
    * The callback fired when the highlighted item changes.
    *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
    */
   onHighlightChange: _propTypes.default.func,
   /**
@@ -330,7 +345,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: _propTypes.default.func,
   /**
@@ -388,11 +403,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem: _propTypes.default.shape({
+  tooltipItem: _propTypes.default.oneOfType([_propTypes.default.shape({
     dataIndex: _propTypes.default.number.isRequired,
     seriesId: _propTypes.default.string.isRequired,
-    type: _propTypes.default.oneOf(['bar'])
-  }),
+    type: _propTypes.default.oneOf(['bar']).isRequired
+  }), _propTypes.default.shape({
+    dataIndex: _propTypes.default.number.isRequired,
+    seriesId: _propTypes.default.string.isRequired
+  })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */

package/{esm/BarChartPremium/BarChartPremium.js → BarChartPremium/BarChartPremium.mjs}

@@ -16,16 +16,16 @@ import { BarPlot, FocusedBar } 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';
-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 { FocusedRangeBar } from "./RangeBar/FocusedRangeBar.js";
-import { RangeBarPreviewPlot } from "../ChartZoomSlider/internals/previews/RangeBarPreviewPlot.js";
+import { seriesPreviewPlotMap, useChartsContainerProProps } from '@mui/x-charts-pro/internals';
+import { useBarChartPremiumProps } from "./useBarChartPremiumProps.mjs";
+import { BAR_CHART_PREMIUM_PLUGINS } from "./BarChartPremium.plugins.mjs";
+import { ChartDataProviderPremium } from "../ChartDataProviderPremium/index.mjs";
+import { RangeBarPlot } from "./RangeBar/RangeBarPlot.mjs";
+import { FocusedRangeBar } from "./RangeBar/FocusedRangeBar.mjs";
+import { RangeBarPreviewPlot } from "../ChartsZoomSlider/internals/previews/RangeBarPreviewPlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 seriesPreviewPlotMap.set('rangeBar', RangeBarPreviewPlot);
 /**
@@ -69,7 +69,7 @@ const BarChartPremium = /*#__PURE__*/React.forwardRef(function BarChartPremium(i
   const {
     chartDataProviderProProps,
     chartsSurfaceProps
-  } = useChartContainerProProps(_extends({}, chartContainerProps, {
+  } = useChartsContainerProProps(_extends({}, chartContainerProps, {
     initialZoom,
     zoomData,
     onZoomChange,
@@ -84,7 +84,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(FocusedBar, {}), /*#__PURE__*/_jsx(FocusedRangeBar, {})]
-        })), /*#__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))]
     }))
   }));
@@ -157,7 +157,10 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * @default false
    */
   disableAxisListener: PropTypes.bool,
-  enableKeyboardNavigation: PropTypes.bool,
+  /**
+   * If `true`, disables keyboard navigation for the chart.
+   */
+  disableKeyboardNavigation: PropTypes.bool,
   /**
    * Option to display a cartesian grid in the background.
    */
@@ -189,11 +192,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  hiddenItems: PropTypes.arrayOf(PropTypes.shape({
+  hiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar'])
-  })),
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * If `true`, the legend is not rendered.
    */
@@ -210,10 +217,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The highlighted item.
    * Used when the highlight is controlled.
    */
-  highlightedItem: PropTypes.shape({
+  highlightedItem: PropTypes.oneOfType([PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  }), PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired
-  }),
+  })]),
   /**
    * 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.
@@ -240,11 +251,15 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * ]
    * ```
    */
-  initialHiddenItems: PropTypes.arrayOf(PropTypes.shape({
+  initialHiddenItems: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number,
     seriesId: PropTypes.string.isRequired,
     type: PropTypes.oneOf(['bar'])
-  })),
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number,
+    seriesId: PropTypes.string.isRequired,
+    type: PropTypes.oneOf(['bar']).isRequired
+  })]).isRequired),
   /**
    * The list of zoom data related to each axis.
    * Used to initialize the zoom in a specific configuration without controlling it.
@@ -289,13 +304,13 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   onAxisClick: PropTypes.func,
   /**
    * Callback fired when any hidden identifiers change.
-   * @param {VisibilityIdentifier[]} hiddenItems The new list of hidden identifiers.
+   * @param {VisibilityIdentifierWithType[]} hiddenItems The new list of hidden identifiers.
    */
   onHiddenItemsChange: PropTypes.func,
   /**
    * The callback fired when the highlighted item changes.
    *
-   * @param {HighlightItemData | null} highlightedItem  The newly highlighted item.
+   * @param {HighlightItemIdentifierWithType<SeriesType> | null} highlightedItem  The newly highlighted item.
    */
   onHighlightChange: PropTypes.func,
   /**
@@ -323,7 +338,7 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
   /**
    * The callback fired when the tooltip item changes.
    *
-   * @param {SeriesItemIdentifier<TSeries> | null} tooltipItem  The newly highlighted item.
+   * @param {SeriesItemIdentifier<SeriesType> | null} tooltipItem  The newly highlighted item.
    */
   onTooltipItemChange: PropTypes.func,
   /**
@@ -381,11 +396,14 @@ process.env.NODE_ENV !== "production" ? BarChartPremium.propTypes = {
    * The tooltip item.
    * Used when the tooltip is controlled.
    */
-  tooltipItem: PropTypes.shape({
+  tooltipItem: PropTypes.oneOfType([PropTypes.shape({
     dataIndex: PropTypes.number.isRequired,
     seriesId: PropTypes.string.isRequired,
-    type: PropTypes.oneOf(['bar'])
-  }),
+    type: PropTypes.oneOf(['bar']).isRequired
+  }), PropTypes.shape({
+    dataIndex: PropTypes.number.isRequired,
+    seriesId: PropTypes.string.isRequired
+  })]),
   /**
    * The width of the chart in px. If not defined, it takes the width of the parent element.
    */

package/{esm/BarChartPremium/RangeBar/AnimatedRangeBarElement.js → BarChartPremium/RangeBar/AnimatedRangeBarElement.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["ownerState", "skipAnimation", "seriesId", "dataIndex", "xOrigin", "yOrigin", "hidden"];
 import * as React from 'react';
-import { useAnimateRangeBar } from "../../hooks/animation/useAnimateRangeBar.js";
+import { useAnimateRangeBar } from "../../hooks/animation/useAnimateRangeBar.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function AnimatedRangeBarElement(props) {
   const {

package/{esm/BarChartPremium/RangeBar/FocusedRangeBar.js → BarChartPremium/RangeBar/FocusedRangeBar.mjs}

@@ -4,8 +4,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useTheme } from '@mui/material/styles';
 import { useFocusedItem, useXAxes, useYAxes } from '@mui/x-charts/hooks';
-import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.js";
-import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.js";
+import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.mjs";
+import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FocusedRangeBar(props) {
   const theme = useTheme();

package/{esm/BarChartPremium/RangeBar/RangeBarPlot.d.ts → BarChartPremium/RangeBar/RangeBarPlot.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type BarElementSlotProps, type BarElementSlots, type BarLabelSlots, type BarLabelSlotProps } from '@mui/x-charts/BarChart';
-import { type RangeBarItemIdentifier } from "../../models/index.js";
+import { type RangeBarItemIdentifier } from "../../models/index.mjs";
 export interface RangeBarPlotSlots extends BarElementSlots, BarLabelSlots {}
 export interface RangeBarPlotSlotProps extends BarElementSlotProps, BarLabelSlotProps {}
 export interface RangeBarPlotProps {

package/BarChartPremium/RangeBar/RangeBarPlot.js

@@ -25,7 +25,7 @@ const RangeBarPlotRoot = (0, _styles.styled)('g', {
   name: 'MuiRangeBarPlot',
   slot: 'Root'
 })({
-  [`& .${_BarChart.barElementClasses.root}`]: {
+  [`& .${_BarChart.barClasses.element}`]: {
     transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
   }
 });

package/{esm/BarChartPremium/RangeBar/RangeBarPlot.js → BarChartPremium/RangeBar/RangeBarPlot.mjs}

@@ -7,18 +7,18 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { useSkipAnimation } from '@mui/x-charts/internals';
-import { BarElement, barElementClasses } from '@mui/x-charts/BarChart';
+import { BarElement, barClasses } from '@mui/x-charts/BarChart';
 import { useDrawingArea, useXAxes, useYAxes } from '@mui/x-charts/hooks';
 import { useIsZoomInteracting } from '@mui/x-charts-pro/hooks';
-import { useUtilityClasses } from "./useUtilityClasses.js";
-import { useRangeBarPlotData } from "./useRangeBarPlotData.js";
-import { AnimatedRangeBarElement } from "./AnimatedRangeBarElement.js";
+import { useUtilityClasses } from "./useUtilityClasses.mjs";
+import { useRangeBarPlotData } from "./useRangeBarPlotData.mjs";
+import { AnimatedRangeBarElement } from "./AnimatedRangeBarElement.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const RangeBarPlotRoot = styled('g', {
   name: 'MuiRangeBarPlot',
   slot: 'Root'
 })({
-  [`& .${barElementClasses.root}`]: {
+  [`& .${barClasses.element}`]: {
     transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
   }
 });

package/{esm/BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.ts → BarChartPremium/RangeBar/seriesConfig/getSeriesWithDefaultValues.d.mts}

@@ -3,17 +3,17 @@ export declare function getSeriesWithDefaultValues(seriesData: AllSeriesType<'ra
   id: string;
   color: string;
   type: "rangeBar";
-  data?: ReadonlyArray<import("../../../index.js").RangeBarValueType | null>;
+  data?: ReadonlyArray<import("../../../index.mjs").RangeBarValueType | null>;
   datasetKeys?: {
     start: string;
     end: string;
   };
   label?: string | ((location: "tooltip" | "legend") => string);
   layout?: "horizontal" | "vertical";
-  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.js").RangeBarValueType | null> | undefined;
+  valueFormatter?: import("@mui/x-charts/internals").SeriesValueFormatter<import("../../../index.mjs").RangeBarValueType | null> | undefined;
   highlightScope?: import("@mui/x-charts/internals").CommonHighlightScope | undefined;
   labelMarkType?: import("@mui/x-charts/internals").ChartsLabelMarkType;
-  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.js").RangeBarValueType | null>) => string) | undefined;
+  colorGetter?: ((data: import("@mui/x-charts/internals").ColorCallbackValue<import("../../../index.mjs").RangeBarValueType | null>) => string) | undefined;
   xAxisId?: import("@mui/x-charts/internals").AxisId;
   yAxisId?: import("@mui/x-charts/internals").AxisId;
 };

package/BarChartPremium/RangeBar/seriesConfig/index.js

@@ -27,6 +27,8 @@ const rangeBarSeriesConfig = exports.rangeBarSeriesConfig = {
   getSeriesWithDefaultValues: _getSeriesWithDefaultValues.getSeriesWithDefaultValues,
   keyboardFocusHandler: _keyboardFocusHandler.default,
   identifierSerializer: _internals.identifierSerializerSeriesIdDataIndex,
-  identifierCleaner: _internals.identifierCleanerSeriesIdDataIndex
+  identifierCleaner: _internals.identifierCleanerSeriesIdDataIndex,
+  isHighlightedCreator: _internals.createIsHighlighted,
+  isFadedCreator: _internals.createIsFaded
 };
 _internals.cartesianSeriesTypes.addType('rangeBar');

package/BarChartPremium/RangeBar/seriesConfig/index.mjs

@@ -0,0 +1,26 @@
+import { cartesianSeriesTypes, identifierSerializerSeriesIdDataIndex, identifierCleanerSeriesIdDataIndex, createIsHighlighted, createIsFaded } from '@mui/x-charts/internals';
+import { getExtremumX, getExtremumY } from "./extrema.mjs";
+import tooltipGetter, { axisTooltipGetter } from "./tooltip.mjs";
+import seriesProcessor from "./seriesProcessor.mjs";
+import getColor from "./getColor.mjs";
+import legendGetter from "./legend.mjs";
+import keyboardFocusHandler from "./keyboardFocusHandler.mjs";
+import tooltipItemPositionGetter from "./tooltipPosition.mjs";
+import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.mjs";
+export const rangeBarSeriesConfig = {
+  seriesProcessor,
+  colorProcessor: getColor,
+  legendGetter,
+  tooltipGetter,
+  tooltipItemPositionGetter,
+  axisTooltipGetter,
+  xExtremumGetter: getExtremumX,
+  yExtremumGetter: getExtremumY,
+  getSeriesWithDefaultValues,
+  keyboardFocusHandler,
+  identifierSerializer: identifierSerializerSeriesIdDataIndex,
+  identifierCleaner: identifierCleanerSeriesIdDataIndex,
+  isHighlightedCreator: createIsHighlighted,
+  isFadedCreator: createIsFaded
+};
+cartesianSeriesTypes.addType('rangeBar');

package/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var _warning = require("@mui/x-internals/warning");
 const rangeBarValueFormatter = v => v == null ? '' : `[${v[0]}, ${v[1]}]`;
 const seriesProcessor = (params, dataset, isItemVisible) => {
@@ -18,11 +19,13 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
     const seriesData = series[id];
     const datasetKeys = seriesData?.datasetKeys;
     if (seriesData.data === undefined && dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has no data.
+Either provide a data property to the series or use the dataset prop.` : (0, _formatErrorMessage2.default)(44, id));
     }
     const missingKeys = ['start', 'end'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.
+Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : (0, _formatErrorMessage2.default)(45, id, missingKeys.map(key => `"${key}"`).join(', ')));
     }
     completedSeries[id] = (0, _extends2.default)({
       layout: 'vertical'

package/{esm/BarChartPremium/RangeBar/seriesConfig/seriesProcessor.js → BarChartPremium/RangeBar/seriesConfig/seriesProcessor.mjs}

@@ -1,4 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import { warnOnce } from '@mui/x-internals/warning';
 const rangeBarValueFormatter = v => v == null ? '' : `[${v[0]}, ${v[1]}]`;
 const seriesProcessor = (params, dataset, isItemVisible) => {
@@ -11,11 +12,13 @@ const seriesProcessor = (params, dataset, isItemVisible) => {
     const seriesData = series[id];
     const datasetKeys = seriesData?.datasetKeys;
     if (seriesData.data === undefined && dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has no data.
+Either provide a data property to the series or use the dataset prop.` : _formatErrorMessage(44, id));
     }
     const missingKeys = ['start', 'end'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error(process.env.NODE_ENV !== "production" ? `MUI X Charts: range bar series with id='${id}' has incomplete datasetKeys.
+Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.` : _formatErrorMessage(45, id, missingKeys.map(key => `"${key}"`).join(', ')));
     }
     completedSeries[id] = _extends({
       layout: 'vertical'

package/{esm/BarChartPremium/RangeBar/seriesConfig/tooltipPosition.js → BarChartPremium/RangeBar/seriesConfig/tooltipPosition.mjs}

@@ -1,4 +1,4 @@
-import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.js";
+import { createGetRangeBarDimensions } from "../createGetRangeBarDimensions.mjs";
 const tooltipItemPositionGetter = params => {
   const {
     series,

package/{esm/BarChartPremium/RangeBar/types.d.ts → BarChartPremium/RangeBar/types.d.mts}

@@ -1,6 +1,6 @@
 import type { SeriesId } from '@mui/x-charts/models';
 import type { BarSeriesType } from '@mui/x-charts-pro/models';
-import type { RangeBarValueType } from "../../models/index.js";
+import type { RangeBarValueType } from "../../models/index.mjs";
 export interface LayoutData {
   x: number;
   y: number;

package/{esm/BarChartPremium/RangeBar/useRangeBarPlotData.d.ts → BarChartPremium/RangeBar/useRangeBarPlotData.d.mts}

@@ -1,5 +1,5 @@
 import { type ChartDrawingArea } from '@mui/x-charts/hooks';
 import { type ComputedAxisConfig } from '@mui/x-charts/internals';
 import { type ChartsXAxisProps, type ChartsYAxisProps } from '@mui/x-charts/models';
-import { type ProcessedRangeBarSeriesData } from "./types.js";
+import { type ProcessedRangeBarSeriesData } from "./types.mjs";
 export declare function useRangeBarPlotData(drawingArea: ChartDrawingArea, xAxes: ComputedAxisConfig<ChartsXAxisProps>, yAxes: ComputedAxisConfig<ChartsYAxisProps>): ProcessedRangeBarSeriesData[];

package/{esm/BarChartPremium/RangeBar/useRangeBarPlotData.js → BarChartPremium/RangeBar/useRangeBarPlotData.mjs}

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useXAxes, useYAxes } from '@mui/x-charts/hooks';
 import { checkBarChartScaleErrors, useStore } from '@mui/x-charts/internals';
-import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.js";
-import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.js";
+import { useRangeBarSeriesContext } from "../../hooks/useRangeBarSeries.mjs";
+import { createGetRangeBarDimensions } from "./createGetRangeBarDimensions.mjs";
 export function useRangeBarPlotData(drawingArea, xAxes, yAxes) {
   const store = useStore();
   const seriesData = useRangeBarSeriesContext() ?? {

package/BarChartPremium/index.d.mts

@@ -0,0 +1,5 @@
+export * from "./BarChartPremium.mjs";
+export * from "./BarChartPremium.plugins.mjs";
+export * from "./RangeBar/RangeBarPlot.mjs";
+export * from "./RangeBar/FocusedRangeBar.mjs";
+export { rangeBarClasses, type RangeBarClasses, type RangeBarClassKey } from "./RangeBar/useUtilityClasses.mjs";

package/BarChartPremium/index.mjs

@@ -0,0 +1,5 @@
+export * from "./BarChartPremium.mjs";
+export * from "./BarChartPremium.plugins.mjs";
+export * from "./RangeBar/RangeBarPlot.mjs";
+export * from "./RangeBar/FocusedRangeBar.mjs";
+export { rangeBarClasses } from "./RangeBar/useUtilityClasses.mjs";

package/{esm/BarChartPremium/useBarChartPremiumProps.d.ts → BarChartPremium/useBarChartPremiumProps.d.mts}

@@ -1,7 +1,7 @@
 import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartContainerProps } from '@mui/x-charts/ChartContainer';
-import { type BarChartPremiumProps } from "./BarChartPremium.js";
-import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
+import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
+import { type BarChartPremiumProps } from "./BarChartPremium.mjs";
+import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.mjs";
 /**
  * A helper function that extracts BarChartPremiumProps from the input props
  * and returns an object with props for the children components of BarChartPremium.
@@ -10,7 +10,7 @@ import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartContainerProps: ChartContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
   rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   barPlotProps: import("@mui/x-charts").BarPlotProps;

package/BarChartPremium/useBarChartPremiumProps.d.ts

@@ -1,5 +1,5 @@
 import { type BarChartPluginSignatures } from '@mui/x-charts/BarChart';
-import { type ChartContainerProps } from '@mui/x-charts/ChartContainer';
+import { type ChartsContainerProps } from '@mui/x-charts/ChartsContainer';
 import { type BarChartPremiumProps } from "./BarChartPremium.js";
 import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
 /**
@@ -10,7 +10,7 @@ import { type RangeBarPlotProps } from "./RangeBar/RangeBarPlot.js";
  * @returns An object with props for the children components of BarChartPremium
  */
 export declare function useBarChartPremiumProps(props: BarChartPremiumProps): {
-  chartContainerProps: ChartContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
+  chartContainerProps: ChartsContainerProps<"bar" | "rangeBar", BarChartPluginSignatures>;
   rangeBarPlotProps: RangeBarPlotProps;
   chartsWrapperProps: Omit<import("@mui/x-charts").ChartsWrapperProps, "children">;
   barPlotProps: import("@mui/x-charts").BarPlotProps;