@mui/x-charts-premium 8.22.1 → 8.24.0

package/esm/hooks/useRangeBarSeries.js

@@ -0,0 +1,40 @@
+'use client';
+
+import { useAllSeriesOfType, useSeriesOfType } from '@mui/x-charts/internals';
+
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseRangeBarSeriesReturnValue} the range bar series
+ */
+
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * When called without arguments, it returns all range bar series.
+ *
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+
+export function useRangeBarSeries(seriesIds) {
+  return useSeriesOfType('rangeBar', seriesIds);
+}
+
+/**
+ * Get access to the internal state of range bar series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the range bar series
+ */
+export function useRangeBarSeriesContext() {
+  return useAllSeriesOfType('rangeBar');
+}

package/esm/index.d.ts

@@ -1,4 +1,5 @@
 import '@mui/x-charts-pro/typeOverloads';
+import "./typeOverloads/modules.js";
 export * from '@mui/x-charts/ChartsClipPath';
 export * from '@mui/x-charts/ChartsReferenceLine';
 export * from '@mui/x-charts/ChartsAxis';
@@ -37,4 +38,6 @@ export * from "./constants/index.js";
 export * from "./hooks/index.js";
 export * from "./context/index.js";
 export * from "./models/index.js";
-export * from "./ChartsRenderer/index.js";
+export * from "./ChartsRenderer/index.js";
+export * from "./ChartDataProviderPremium/index.js";
+export * from "./BarChartPremium/index.js";

package/esm/index.js

@@ -1,13 +1,12 @@
 /**
- * @mui/x-charts-premium v8.22.1
+ * @mui/x-charts-premium v8.24.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
  * LICENSE file in the root directory of this source tree.
  */
-// TODO: Add typeOverloads when available
-// import './typeOverloads/modules';
 import '@mui/x-charts-pro/typeOverloads';
+import "./typeOverloads/modules.js";
 
 // exports from MIT package
 export * from '@mui/x-charts/ChartsClipPath';
@@ -55,4 +54,6 @@ export * from "./models/index.js";
 // export * from './locales';
 
 // Premium components
-export * from "./ChartsRenderer/index.js";
+export * from "./ChartsRenderer/index.js";
+export * from "./ChartDataProviderPremium/index.js";
+export * from "./BarChartPremium/index.js";

package/esm/models/index.d.ts

@@ -1 +1,2 @@
-export * from '@mui/x-charts-pro/models';
+export * from '@mui/x-charts-pro/models';
+export * from "./seriesType/index.js";

package/esm/models/index.js

@@ -1,3 +1,5 @@
 // This re-export-block is automatically generated, to customize, simply remove the block.
 export * from '@mui/x-charts-pro/models';
-// End of re-export-block
+// End of re-export-block
+
+export * from "./seriesType/index.js";

package/esm/models/seriesType/index.d.ts

@@ -0,0 +1 @@
+export * from "./rangeBar.js";

package/esm/models/seriesType/index.js

@@ -0,0 +1 @@
+export * from "./rangeBar.js";

package/esm/models/seriesType/rangeBar.d.ts

@@ -0,0 +1,43 @@
+import { type CartesianSeriesType, type CommonDefaultizedProps, type CommonSeriesType, type SeriesId } from '@mui/x-charts/internals';
+import { type DefaultizedProps } from '@mui/x-internals/types';
+/** [start, end] */
+export type RangeBarValueType = [number, number];
+export interface RangeBarSeriesType extends CommonSeriesType<RangeBarValueType | null>, CartesianSeriesType {
+  type: 'rangeBar';
+  /**
+   * Data associated to each range bar.
+   */
+  data?: ReadonlyArray<RangeBarValueType | null>;
+  /**
+   * The keys used to retrieve data from the dataset. Must be provided if the `dataset` prop is used.
+   */
+  datasetKeys?: {
+    /**
+     * The key used to retrieve the start of the range from the dataset.
+     */
+    start: string;
+    /**
+     * The key used to retrieve the end of the range from the dataset.
+     */
+    end: string;
+  };
+  /**
+   * The label to display on the tooltip or the legend. It can be a string or a function.
+   */
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  /**
+   * Layout of the bars. All bars should have the same layout.
+   * @default 'vertical'
+   */
+  layout?: 'horizontal' | 'vertical';
+}
+/**
+ * An object that allows to identify a range bar.
+ * Used for item interaction
+ */
+export type RangeBarItemIdentifier = {
+  type: 'rangeBar';
+  seriesId: SeriesId;
+  dataIndex: number;
+};
+export interface DefaultizedRangeBarSeriesType extends DefaultizedProps<RangeBarSeriesType, CommonDefaultizedProps | 'color' | 'layout'> {}

package/esm/models/seriesType/rangeBar.js

@@ -0,0 +1 @@
+export {};

package/esm/moduleAugmentation/rangeBarOnClick.d.ts

@@ -0,0 +1,8 @@
+import { type RangeBarValueType } from "../models/index.js";
+declare module '@mui/x-charts/models' {
+  interface ChartsTypeFeatureFlags {
+    seriesValuesOverride: RangeBarValueType | number | null | undefined;
+  }
+}
+declare const _default: {};
+export default _default;

package/esm/moduleAugmentation/rangeBarOnClick.js

@@ -0,0 +1,2 @@
+// Required to make this file into a module
+export default {};

package/esm/typeOverloads/index.d.ts

@@ -0,0 +1 @@
+export {} from "./modules.js";

package/esm/typeOverloads/index.js

@@ -0,0 +1 @@
+export {} from "./modules.js";

package/esm/typeOverloads/modules.d.ts

@@ -0,0 +1,22 @@
+import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
+import type { SeriesColor } from '@mui/x-charts/internals';
+import type { RangeBarValueType, RangeBarSeriesType } from "../models/index.js";
+import type { DefaultizedRangeBarSeriesType, RangeBarItemIdentifier } from "../models/seriesType/rangeBar.js";
+import type { BarSeries } from "../BarChart/index.js";
+declare module '@mui/x-charts/internals' {
+  interface UseBarChartPropsExtensions {
+    series: ReadonlyArray<BarSeries | RangeBarSeriesType>;
+  }
+  interface ChartsSeriesConfig {
+    rangeBar: {
+      seriesInput: DefaultizedProps<RangeBarSeriesType, 'id'> & MakeRequired<SeriesColor<RangeBarValueType | null>, 'color'>;
+      series: DefaultizedRangeBarSeriesType;
+      seriesLayout: {};
+      seriesProp: RangeBarSeriesType;
+      itemIdentifier: RangeBarItemIdentifier;
+      itemIdentifierWithData: RangeBarItemIdentifier;
+      valueType: RangeBarValueType | null;
+      axisType: 'cartesian';
+    };
+  }
+}

package/esm/typeOverloads/modules.js

@@ -0,0 +1 @@
+export {};

package/hooks/animation/index.d.ts

@@ -0,0 +1 @@
+export * from "./useAnimateRangeBar.js";

package/hooks/animation/index.js

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

package/hooks/animation/useAnimateRangeBar.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import { type AnimatedRangeBarElementProps } from "../../BarChartPremium/RangeBar/AnimatedRangeBarElement.js";
+type UseAnimateRangeBarParams = Pick<AnimatedRangeBarElementProps, 'x' | 'y' | 'xOrigin' | 'yOrigin' | 'width' | 'height' | 'skipAnimation' | 'layout'> & {
+  ref?: React.Ref<SVGRectElement>;
+};
+type UseAnimateRangeBarReturnValue = {
+  ref: React.Ref<SVGRectElement>;
+} & Pick<AnimatedRangeBarElementProps, 'x' | 'y' | 'width' | 'height'>;
+/**
+ * Animates a range bar from its center outwards.
+ * The animation only happens in the direction of the numerical axis (x-axis for vertical layout, y-axis for horizontal layout).
+ * The other direction remains constant during the animation.
+ *
+ * The props object also accepts a `ref` which will be merged with the ref returned from this hook. This means you can
+ * pass the ref returned by this hook to the `path` element and the `ref` provided as argument will also be called.
+ */
+export declare function useAnimateRangeBar(props: UseAnimateRangeBarParams): UseAnimateRangeBarReturnValue;
+export {};

package/hooks/animation/useAnimateRangeBar.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAnimateRangeBar = useAnimateRangeBar;
+var _d3Interpolate = require("@mui/x-charts-vendor/d3-interpolate");
+var _hooks = require("@mui/x-charts/hooks");
+function rangeBarPropsInterpolator(from, to) {
+  const interpolateX = (0, _d3Interpolate.interpolateNumber)(from.x, to.x);
+  const interpolateY = (0, _d3Interpolate.interpolateNumber)(from.y, to.y);
+  const interpolateWidth = (0, _d3Interpolate.interpolateNumber)(from.width, to.width);
+  const interpolateHeight = (0, _d3Interpolate.interpolateNumber)(from.height, to.height);
+  return t => {
+    return {
+      x: interpolateX(t),
+      y: interpolateY(t),
+      width: interpolateWidth(t),
+      height: interpolateHeight(t)
+    };
+  };
+}
+
+/**
+ * Animates a range bar from its center outwards.
+ * The animation only happens in the direction of the numerical axis (x-axis for vertical layout, y-axis for horizontal layout).
+ * The other direction remains constant during the animation.
+ *
+ * The props object also accepts a `ref` which will be merged with the ref returned from this hook. This means you can
+ * pass the ref returned by this hook to the `path` element and the `ref` provided as argument will also be called.
+ */
+function useAnimateRangeBar(props) {
+  const initialProps = {
+    x: props.layout === 'vertical' ? props.x : props.x + props.width / 2,
+    y: props.layout === 'vertical' ? props.y + props.height / 2 : props.y,
+    width: props.layout === 'vertical' ? props.width : 0,
+    height: props.layout === 'vertical' ? 0 : props.height
+  };
+  return (0, _hooks.useAnimate)({
+    x: props.x,
+    y: props.y,
+    width: props.width,
+    height: props.height
+  }, {
+    createInterpolator: rangeBarPropsInterpolator,
+    applyProps(element, animatedProps) {
+      element.setAttribute('x', animatedProps.x.toString());
+      element.setAttribute('y', animatedProps.y.toString());
+      element.setAttribute('width', animatedProps.width.toString());
+      element.setAttribute('height', animatedProps.height.toString());
+    },
+    transformProps: p => p,
+    initialProps,
+    skip: props.skipAnimation,
+    ref: props.ref
+  });
+}

package/hooks/index.d.ts

@@ -1 +1,3 @@
-export * from '@mui/x-charts-pro/hooks';
+export * from '@mui/x-charts-pro/hooks';
+export * from "./animation/index.js";
+export * from "./useRangeBarSeries.js";

package/hooks/index.js

@@ -13,4 +13,26 @@ Object.keys(_hooks).forEach(function (key) {
       return _hooks[key];
     }
   });
+});
+var _animation = require("./animation");
+Object.keys(_animation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _animation[key];
+    }
+  });
+});
+var _useRangeBarSeries = require("./useRangeBarSeries");
+Object.keys(_useRangeBarSeries).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useRangeBarSeries[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRangeBarSeries[key];
+    }
+  });
 });

package/hooks/useRangeBarSeries.d.ts

@@ -0,0 +1,34 @@
+import { type ChartSeriesDefaultized, type ProcessedSeries } from '@mui/x-charts/internals';
+import { type SeriesId } from '@mui/x-charts/models';
+export type UseRangeBarSeriesReturnValue = ChartSeriesDefaultized<'rangeBar'>;
+export type UseRangeBarSeriesContextReturnValue = ProcessedSeries['rangeBar'];
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseRangeBarSeriesReturnValue} the range bar series
+ */
+export declare function useRangeBarSeries(seriesId: SeriesId): UseRangeBarSeriesReturnValue | undefined;
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * When called without arguments, it returns all range bar series.
+ *
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+export declare function useRangeBarSeries(): UseRangeBarSeriesReturnValue[];
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+export declare function useRangeBarSeries(seriesIds: SeriesId[]): UseRangeBarSeriesReturnValue[];
+/**
+ * Get access to the internal state of range bar series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the range bar series
+ */
+export declare function useRangeBarSeriesContext(): UseRangeBarSeriesContextReturnValue;

package/hooks/useRangeBarSeries.js

@@ -0,0 +1,45 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRangeBarSeries = useRangeBarSeries;
+exports.useRangeBarSeriesContext = useRangeBarSeriesContext;
+var _internals = require("@mui/x-charts/internals");
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseRangeBarSeriesReturnValue} the range bar series
+ */
+
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * When called without arguments, it returns all range bar series.
+ *
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+
+/**
+ * Get access to the internal state of range bar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseRangeBarSeriesReturnValue[]} the range bar series
+ */
+
+function useRangeBarSeries(seriesIds) {
+  return (0, _internals.useSeriesOfType)('rangeBar', seriesIds);
+}
+
+/**
+ * Get access to the internal state of range bar series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the range bar series
+ */
+function useRangeBarSeriesContext() {
+  return (0, _internals.useAllSeriesOfType)('rangeBar');
+}

package/index.d.ts

@@ -1,4 +1,5 @@
 import '@mui/x-charts-pro/typeOverloads';
+import "./typeOverloads/modules.js";
 export * from '@mui/x-charts/ChartsClipPath';
 export * from '@mui/x-charts/ChartsReferenceLine';
 export * from '@mui/x-charts/ChartsAxis';
@@ -37,4 +38,6 @@ export * from "./constants/index.js";
 export * from "./hooks/index.js";
 export * from "./context/index.js";
 export * from "./models/index.js";
-export * from "./ChartsRenderer/index.js";
+export * from "./ChartsRenderer/index.js";
+export * from "./ChartDataProviderPremium/index.js";
+export * from "./BarChartPremium/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts-premium v8.22.1
+ * @mui/x-charts-premium v8.24.0
  *
  * @license SEE LICENSE IN LICENSE
  * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
@@ -20,6 +20,7 @@ Object.defineProperty(exports, "ChartContainerPro", {
   }
 });
 require("@mui/x-charts-pro/typeOverloads");
+require("./typeOverloads/modules");
 var _ChartsClipPath = require("@mui/x-charts/ChartsClipPath");
 Object.keys(_ChartsClipPath).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -464,4 +465,28 @@ Object.keys(_ChartsRenderer).forEach(function (key) {
       return _ChartsRenderer[key];
     }
   });
+});
+var _ChartDataProviderPremium = require("./ChartDataProviderPremium");
+Object.keys(_ChartDataProviderPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartDataProviderPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartDataProviderPremium[key];
+    }
+  });
+});
+var _BarChartPremium = require("./BarChartPremium");
+Object.keys(_BarChartPremium).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _BarChartPremium[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BarChartPremium[key];
+    }
+  });
 });

package/models/index.d.ts

@@ -1 +1,2 @@
-export * from '@mui/x-charts-pro/models';
+export * from '@mui/x-charts-pro/models';
+export * from "./seriesType/index.js";

package/models/index.js

@@ -13,4 +13,15 @@ Object.keys(_models).forEach(function (key) {
       return _models[key];
     }
   });
+});
+var _seriesType = require("./seriesType");
+Object.keys(_seriesType).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _seriesType[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _seriesType[key];
+    }
+  });
 });

package/models/seriesType/index.d.ts

@@ -0,0 +1 @@
+export * from "./rangeBar.js";

package/models/seriesType/index.js

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

package/models/seriesType/rangeBar.d.ts

@@ -0,0 +1,43 @@
+import { type CartesianSeriesType, type CommonDefaultizedProps, type CommonSeriesType, type SeriesId } from '@mui/x-charts/internals';
+import { type DefaultizedProps } from '@mui/x-internals/types';
+/** [start, end] */
+export type RangeBarValueType = [number, number];
+export interface RangeBarSeriesType extends CommonSeriesType<RangeBarValueType | null>, CartesianSeriesType {
+  type: 'rangeBar';
+  /**
+   * Data associated to each range bar.
+   */
+  data?: ReadonlyArray<RangeBarValueType | null>;
+  /**
+   * The keys used to retrieve data from the dataset. Must be provided if the `dataset` prop is used.
+   */
+  datasetKeys?: {
+    /**
+     * The key used to retrieve the start of the range from the dataset.
+     */
+    start: string;
+    /**
+     * The key used to retrieve the end of the range from the dataset.
+     */
+    end: string;
+  };
+  /**
+   * The label to display on the tooltip or the legend. It can be a string or a function.
+   */
+  label?: string | ((location: 'tooltip' | 'legend') => string);
+  /**
+   * Layout of the bars. All bars should have the same layout.
+   * @default 'vertical'
+   */
+  layout?: 'horizontal' | 'vertical';
+}
+/**
+ * An object that allows to identify a range bar.
+ * Used for item interaction
+ */
+export type RangeBarItemIdentifier = {
+  type: 'rangeBar';
+  seriesId: SeriesId;
+  dataIndex: number;
+};
+export interface DefaultizedRangeBarSeriesType extends DefaultizedProps<RangeBarSeriesType, CommonDefaultizedProps | 'color' | 'layout'> {}

package/models/seriesType/rangeBar.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/moduleAugmentation/rangeBarOnClick.d.ts

@@ -0,0 +1,8 @@
+import { type RangeBarValueType } from "../models/index.js";
+declare module '@mui/x-charts/models' {
+  interface ChartsTypeFeatureFlags {
+    seriesValuesOverride: RangeBarValueType | number | null | undefined;
+  }
+}
+declare const _default: {};
+export default _default;

package/moduleAugmentation/rangeBarOnClick.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+// Required to make this file into a module
+var _default = exports.default = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts-premium",
-  "version": "8.22.1",
+  "version": "8.24.0",
   "author": "MUI Team",
   "description": "The Premium 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.22.1",
-    "@mui/x-charts-vendor": "8.22.0",
-    "@mui/x-internals": "8.22.0",
-    "@mui/x-charts-pro": "8.22.1",
-    "@mui/x-license": "8.22.0"
+    "@mui/x-charts": "8.24.0",
+    "@mui/x-internals": "8.24.0",
+    "@mui/x-charts-pro": "8.24.0",
+    "@mui/x-license": "8.24.0",
+    "@mui/x-charts-vendor": "8.23.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",
@@ -84,6 +84,16 @@
         "default": "./esm/*/index.js"
       }
     },
+    "./moduleAugmentation/*": {
+      "require": {
+        "types": "./moduleAugmentation/*.d.ts",
+        "default": "./moduleAugmentation/*.js"
+      },
+      "default": {
+        "types": "./esm/moduleAugmentation/*.d.ts",
+        "default": "./esm/moduleAugmentation/*.js"
+      }
+    },
     "./esm": null
   }
 }

package/typeOverloads/index.d.ts

@@ -0,0 +1 @@
+export {} from "./modules.js";

package/typeOverloads/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+require("./modules");

package/typeOverloads/modules.d.ts

@@ -0,0 +1,22 @@
+import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
+import type { SeriesColor } from '@mui/x-charts/internals';
+import type { RangeBarValueType, RangeBarSeriesType } from "../models/index.js";
+import type { DefaultizedRangeBarSeriesType, RangeBarItemIdentifier } from "../models/seriesType/rangeBar.js";
+import type { BarSeries } from "../BarChart/index.js";
+declare module '@mui/x-charts/internals' {
+  interface UseBarChartPropsExtensions {
+    series: ReadonlyArray<BarSeries | RangeBarSeriesType>;
+  }
+  interface ChartsSeriesConfig {
+    rangeBar: {
+      seriesInput: DefaultizedProps<RangeBarSeriesType, 'id'> & MakeRequired<SeriesColor<RangeBarValueType | null>, 'color'>;
+      series: DefaultizedRangeBarSeriesType;
+      seriesLayout: {};
+      seriesProp: RangeBarSeriesType;
+      itemIdentifier: RangeBarItemIdentifier;
+      itemIdentifierWithData: RangeBarItemIdentifier;
+      valueType: RangeBarValueType | null;
+      axisType: 'cartesian';
+    };
+  }
+}