@mui/x-charts 9.0.0-alpha.3 → 9.0.0-alpha.4

package/context/useChartApiContext.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { type ChartApi } from "./ChartApi.mjs";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();

package/context/useChartApiContext.d.ts

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

package/context/useChartApiContext.js

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useChartApiContext = useChartApiContext;
 var React = _interopRequireWildcard(require("react"));
-var _ChartProvider = require("./ChartProvider");
+var _ChartsProvider = require("./ChartsProvider");
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();
@@ -18,7 +18,7 @@ var _ChartProvider = require("./ChartProvider");
 function useChartApiContext() {
   const {
     publicAPI
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const apiRef = React.useRef(publicAPI);
   React.useEffect(() => {
     apiRef.current = publicAPI;

package/context/useChartApiContext.mjs

@@ -1,10 +1,10 @@
 'use client';
 
 import * as React from 'react';
-import { useChartContext } from "./ChartProvider/index.mjs";
+import { useChartsContext } from "./ChartsProvider/index.mjs";
 /**
  * The `useChartApiContext` hook provides access to the chart API.
- * This is only available when the chart is rendered within a chart or a `ChartDataProvider` component.
+ * This is only available when the chart is rendered within a chart or a `ChartsDataProvider` component.
  * If you want to access the chart API outside those components, you should use the `apiRef` prop instead.
  * @example
  * const apiRef = useChartApiContext<ChartApi<'bar'>>();
@@ -12,7 +12,7 @@ import { useChartContext } from "./ChartProvider/index.mjs";
 export function useChartApiContext() {
   const {
     publicAPI
-  } = useChartContext();
+  } = useChartsContext();
   const apiRef = React.useRef(publicAPI);
   React.useEffect(() => {
     apiRef.current = publicAPI;

package/hooks/animation/useAnimatePieArcLabel.d.mts

@@ -1,16 +1,7 @@
 import type * as React from 'react';
 import type { PieArcLabelProps } from "../../PieChart/index.mjs";
-type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
+type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'arcLabelRadius' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
-  arcLabelRadius?: number;
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  innerRadius: PieArcLabelProps['innerRadius'];
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  outerRadius: PieArcLabelProps['outerRadius'];
 };
 type UseAnimatePieArcLabelReturn = {
   ref: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimatePieArcLabel.d.ts

@@ -1,16 +1,7 @@
 import type * as React from 'react';
 import type { PieArcLabelProps } from "../../PieChart/index.js";
-type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
+type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'arcLabelRadius' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;
-  arcLabelRadius?: number;
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  innerRadius: PieArcLabelProps['innerRadius'];
-  /**
-   * @deprecated Use `arcLabelRadius` instead. This prop will be removed in the next major version.
-   */
-  outerRadius: PieArcLabelProps['outerRadius'];
 };
 type UseAnimatePieArcLabelReturn = {
   ref: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimatePieArcLabel.js

@@ -10,16 +10,14 @@ var _useAnimate = require("./useAnimate");
 function pieArcLabelPropsInterpolator(from, to) {
   const interpolateStartAngle = (0, _d3Interpolate.interpolateNumber)(from.startAngle, to.startAngle);
   const interpolateEndAngle = (0, _d3Interpolate.interpolateNumber)(from.endAngle, to.endAngle);
-  const interpolateInnerRadius = (0, _d3Interpolate.interpolateNumber)(from.innerRadius, to.innerRadius);
-  const interpolateOuterRadius = (0, _d3Interpolate.interpolateNumber)(from.outerRadius, to.outerRadius);
+  const interpolateArcLabelRadius = (0, _d3Interpolate.interpolateNumber)(from.arcLabelRadius, to.arcLabelRadius);
   const interpolatePaddingAngle = (0, _d3Interpolate.interpolateNumber)(from.paddingAngle, to.paddingAngle);
   const interpolateCornerRadius = (0, _d3Interpolate.interpolateNumber)(from.cornerRadius, to.cornerRadius);
   return t => {
     return {
       startAngle: interpolateStartAngle(t),
       endAngle: interpolateEndAngle(t),
-      innerRadius: interpolateInnerRadius(t),
-      outerRadius: interpolateOuterRadius(t),
+      arcLabelRadius: interpolateArcLabelRadius(t),
       paddingAngle: interpolatePaddingAngle(t),
       cornerRadius: interpolateCornerRadius(t)
     };
@@ -33,16 +31,14 @@ function useAnimatePieArcLabel(props) {
   const initialProps = {
     startAngle: (props.startAngle + props.endAngle) / 2,
     endAngle: (props.startAngle + props.endAngle) / 2,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
   return (0, _useAnimate.useAnimate)({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   }, {
@@ -52,8 +48,8 @@ function useAnimatePieArcLabel(props) {
         padAngle: animatedProps.paddingAngle,
         startAngle: animatedProps.startAngle,
         endAngle: animatedProps.endAngle,
-        innerRadius: animatedProps.innerRadius,
-        outerRadius: animatedProps.outerRadius
+        innerRadius: animatedProps.arcLabelRadius,
+        outerRadius: animatedProps.arcLabelRadius
       });
       return {
         x,

package/hooks/animation/useAnimatePieArcLabel.mjs

@@ -4,16 +4,14 @@ import { useAnimate } from "./useAnimate.mjs";
 function pieArcLabelPropsInterpolator(from, to) {
   const interpolateStartAngle = interpolateNumber(from.startAngle, to.startAngle);
   const interpolateEndAngle = interpolateNumber(from.endAngle, to.endAngle);
-  const interpolateInnerRadius = interpolateNumber(from.innerRadius, to.innerRadius);
-  const interpolateOuterRadius = interpolateNumber(from.outerRadius, to.outerRadius);
+  const interpolateArcLabelRadius = interpolateNumber(from.arcLabelRadius, to.arcLabelRadius);
   const interpolatePaddingAngle = interpolateNumber(from.paddingAngle, to.paddingAngle);
   const interpolateCornerRadius = interpolateNumber(from.cornerRadius, to.cornerRadius);
   return t => {
     return {
       startAngle: interpolateStartAngle(t),
       endAngle: interpolateEndAngle(t),
-      innerRadius: interpolateInnerRadius(t),
-      outerRadius: interpolateOuterRadius(t),
+      arcLabelRadius: interpolateArcLabelRadius(t),
       paddingAngle: interpolatePaddingAngle(t),
       cornerRadius: interpolateCornerRadius(t)
     };
@@ -27,16 +25,14 @@ export function useAnimatePieArcLabel(props) {
   const initialProps = {
     startAngle: (props.startAngle + props.endAngle) / 2,
     endAngle: (props.startAngle + props.endAngle) / 2,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   };
   return useAnimate({
     startAngle: props.startAngle,
     endAngle: props.endAngle,
-    innerRadius: props.arcLabelRadius ?? props.innerRadius,
-    outerRadius: props.arcLabelRadius ?? props.outerRadius,
+    arcLabelRadius: props.arcLabelRadius,
     paddingAngle: props.paddingAngle,
     cornerRadius: props.cornerRadius
   }, {
@@ -46,8 +42,8 @@ export function useAnimatePieArcLabel(props) {
         padAngle: animatedProps.paddingAngle,
         startAngle: animatedProps.startAngle,
         endAngle: animatedProps.endAngle,
-        innerRadius: animatedProps.innerRadius,
-        outerRadius: animatedProps.outerRadius
+        innerRadius: animatedProps.arcLabelRadius,
+        outerRadius: animatedProps.arcLabelRadius
       });
       return {
         x,

package/hooks/useChartRootRef.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartRootRef = useChartRootRef;
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 /**
  * Get the ref for the root chart element.
  * @returns The root chart element ref.
@@ -13,6 +13,6 @@ var _ChartProvider = require("../context/ChartProvider");
 function useChartRootRef() {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   return instance.chartRootRef;
 }

package/hooks/useChartRootRef.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 
 /**
  * Get the ref for the root chart element.
@@ -9,6 +9,6 @@ import { useChartContext } from "../context/ChartProvider/index.mjs";
 export function useChartRootRef() {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   return instance.chartRootRef;
 }

package/hooks/useChartsLayerContainerRef.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useChartsLayerContainerRef = useChartsLayerContainerRef;
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 /**
  * Get the ref for the chart surface element.
  * @returns The chart surface ref.
@@ -13,6 +13,6 @@ var _ChartProvider = require("../context/ChartProvider");
 function useChartsLayerContainerRef() {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   return instance.chartsLayerContainerRef;
 }

package/hooks/useChartsLayerContainerRef.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 
 /**
  * Get the ref for the chart surface element.
@@ -9,6 +9,6 @@ import { useChartContext } from "../context/ChartProvider/index.mjs";
 export function useChartsLayerContainerRef() {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   return instance.chartsLayerContainerRef;
 }

package/hooks/useDataset.js

@@ -13,5 +13,5 @@ var _useChartSeries = require("../internals/plugins/corePlugins/useChartSeries/u
  */
 function useDataset() {
   const store = (0, _useStore.useStore)();
-  return store.use(_useChartSeries.selectorChartDataset);
+  return store.use(_useChartSeries.selectorChartsDataset);
 }

package/hooks/useDataset.mjs

@@ -1,12 +1,12 @@
 'use client';
 
 import { useStore } from "../internals/store/useStore.mjs";
-import { selectorChartDataset } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.mjs";
+import { selectorChartsDataset } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.selectors.mjs";
 /**
  * Get access to the dataset used to populate series and axes data.
  * @returns {DatasetType | undefined} The dataset array if provided, otherwise undefined.
  */
 export function useDataset() {
   const store = useStore();
-  return store.use(selectorChartDataset);
+  return store.use(selectorChartsDataset);
 }

package/hooks/useInteractionItemProps.js

@@ -10,7 +10,7 @@ exports.getInteractionItemProps = getInteractionItemProps;
 exports.useInteractionItemProps = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
-var _ChartProvider = require("../context/ChartProvider");
+var _ChartsProvider = require("../context/ChartsProvider");
 function onPointerDown(event) {
   if ('hasPointerCapture' in event.currentTarget && event.currentTarget.hasPointerCapture(event.pointerId)) {
     event.currentTarget.releasePointerCapture(event.pointerId);
@@ -19,7 +19,7 @@ function onPointerDown(event) {
 const useInteractionItemProps = (data, skip) => {
   const {
     instance
-  } = (0, _ChartProvider.useChartContext)();
+  } = (0, _ChartsProvider.useChartsContext)();
   const interactionActive = React.useRef(false);
   const onPointerEnter = (0, _useEventCallback.default)(() => {
     interactionActive.current = true;

package/hooks/useInteractionItemProps.mjs

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useChartContext } from "../context/ChartProvider/index.mjs";
+import { useChartsContext } from "../context/ChartsProvider/index.mjs";
 function onPointerDown(event) {
   if ('hasPointerCapture' in event.currentTarget && event.currentTarget.hasPointerCapture(event.pointerId)) {
     event.currentTarget.releasePointerCapture(event.pointerId);
@@ -11,7 +11,7 @@ function onPointerDown(event) {
 export const useInteractionItemProps = (data, skip) => {
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const interactionActive = React.useRef(false);
   const onPointerEnter = useEventCallback(() => {
     interactionActive.current = true;

package/hooks/useTicks.js

@@ -13,7 +13,7 @@ var _scaleGuards = require("../internals/scaleGuards");
 var _isInfinity = require("../internals/isInfinity");
 var _timeTicks = require("../utils/timeTicks");
 var _dateHelpers = require("../internals/dateHelpers");
-var _useChartContext = require("../context/ChartProvider/useChartContext");
+var _useChartsContext = require("../context/ChartsProvider/useChartsContext");
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -252,7 +252,7 @@ function useTicks(options) {
   } = options;
   const {
     instance
-  } = (0, _useChartContext.useChartContext)();
+  } = (0, _useChartsContext.useChartsContext)();
   const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,

package/hooks/useTicks.mjs

@@ -5,7 +5,7 @@ import { isOrdinalScale } from "../internals/scaleGuards.mjs";
 import { isInfinity } from "../internals/isInfinity.mjs";
 import { tickFrequencies } from "../utils/timeTicks.mjs";
 import { isDateData } from "../internals/dateHelpers.mjs";
-import { useChartContext } from "../context/ChartProvider/useChartContext.mjs";
+import { useChartsContext } from "../context/ChartsProvider/useChartsContext.mjs";
 const offsetRatio = {
   start: 0,
   extremities: 0,
@@ -244,7 +244,7 @@ export function useTicks(options) {
   } = options;
   const {
     instance
-  } = useChartContext();
+  } = useChartsContext();
   const isInside = direction === 'x' ? instance.isXInside : instance.isYInside;
   return React.useMemo(() => getTicks({
     scale,

package/index.d.mts

@@ -26,10 +26,7 @@ export * from "./RadarChart/index.mjs";
 export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.mjs";
-export { ChartContainer } from "./ChartContainer/index.mjs";
-export type { ChartContainerProps, ChartContainerSlots, ChartContainerSlotProps } from "./ChartContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
-export * from "./ChartDataProvider/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

package/index.d.ts

@@ -26,10 +26,7 @@ export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
 export { ChartsContainer } from "./ChartsContainer/index.js";
 export type { ChartsContainerProps, ChartsContainerSlots, ChartsContainerSlotProps } from "./ChartsContainer/index.js";
-export { ChartContainer } from "./ChartContainer/index.js";
-export type { ChartContainerProps, ChartContainerSlots, ChartContainerSlotProps } from "./ChartContainer/index.js";
 export * from "./ChartsDataProvider/index.js";
-export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";
 export * from "./ChartsWrapper/index.js";
 export * from "./ChartsBrushOverlay/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.0-alpha.3
+ * @mui/x-charts v9.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -11,15 +11,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  ChartsContainer: true,
-  ChartContainer: true
+  ChartsContainer: true
 };
-Object.defineProperty(exports, "ChartContainer", {
-  enumerable: true,
-  get: function () {
-    return _ChartContainer.ChartContainer;
-  }
-});
 Object.defineProperty(exports, "ChartsContainer", {
   enumerable: true,
   get: function () {
@@ -339,7 +332,6 @@ Object.keys(_ChartsSurface).forEach(function (key) {
   });
 });
 var _ChartsContainer = require("./ChartsContainer");
-var _ChartContainer = require("./ChartContainer");
 var _ChartsDataProvider = require("./ChartsDataProvider");
 Object.keys(_ChartsDataProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -352,18 +344,6 @@ Object.keys(_ChartsDataProvider).forEach(function (key) {
     }
   });
 });
-var _ChartDataProvider = require("./ChartDataProvider");
-Object.keys(_ChartDataProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChartDataProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartDataProvider[key];
-    }
-  });
-});
 var _Toolbar = require("./Toolbar");
 Object.keys(_Toolbar).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v9.0.0-alpha.3
+ * @mui/x-charts v9.0.0-alpha.4
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -32,9 +32,7 @@ export * from "./Gauge/index.mjs";
 export * from "./RadarChart/index.mjs";
 export * from "./ChartsSurface/index.mjs";
 export { ChartsContainer } from "./ChartsContainer/index.mjs";
-export { ChartContainer } from "./ChartContainer/index.mjs";
 export * from "./ChartsDataProvider/index.mjs";
-export * from "./ChartDataProvider/index.mjs";
 export * from "./Toolbar/index.mjs";
 export * from "./ChartsWrapper/index.mjs";
 export * from "./ChartsBrushOverlay/index.mjs";

package/internals/consumeSlots.d.mts

@@ -40,7 +40,7 @@ import * as React from 'react';
  * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
  * @param InComponent The component to render if the slot is not provided.
  */
-export declare const consumeSlots: <Props extends {}, Ref extends {}, RenderFunction = (props: Props, ref: React.Ref<Ref>) => React.ElementType>(name: string, slotPropName: string, options: {
+export declare const consumeSlots: <Props extends {}, Ref extends {}, RenderFunction = React.ForwardRefExoticComponent<Props & React.RefAttributes<Ref>>>(name: string, slotPropName: string, options: {
   propagateSlots?: boolean;
   defaultProps?: Omit<Partial<Props>, "slots" | "slotProps"> | ((props: Props) => Omit<Partial<Props>, "slots" | "slotProps">);
   omitProps?: Array<keyof Props>;

package/internals/consumeSlots.d.ts

@@ -40,7 +40,7 @@ import * as React from 'react';
  * @param {Function} options.classesResolver A function that returns the classes for the component. It receives the props, after theme props and defaults have been applied. And the theme object as the second argument.
  * @param InComponent The component to render if the slot is not provided.
  */
-export declare const consumeSlots: <Props extends {}, Ref extends {}, RenderFunction = (props: Props, ref: React.Ref<Ref>) => React.ElementType>(name: string, slotPropName: string, options: {
+export declare const consumeSlots: <Props extends {}, Ref extends {}, RenderFunction = React.ForwardRefExoticComponent<Props & React.RefAttributes<Ref>>>(name: string, slotPropName: string, options: {
   propagateSlots?: boolean;
   defaultProps?: Omit<Partial<Props>, "slots" | "slotProps"> | ((props: Props) => Omit<Partial<Props>, "slots" | "slotProps">);
   omitProps?: Array<keyof Props>;

package/internals/identifierCleaner.d.mts

@@ -1,5 +1,5 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.mjs";
-import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.mjs";
+import type { SeriesId } from "../models/index.mjs";
+import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 /**
  * Cleans an identifier by extracting only type, seriesId, and dataIndex properties.
  * This is the common cleaner for most series types (bar, line, pie, scatter, radar, etc.).
@@ -8,8 +8,8 @@ import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.mjs";
  * identifier actually includes `dataIndex`. Series types with different identifier
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <SeriesType extends SeriesTypeWithDataIndex>(identifier: {
-  type: SeriesType;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<SeriesType>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.d.ts

@@ -1,5 +1,5 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.js";
-import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.js";
+import type { SeriesId } from "../models/index.js";
+import type { ChartSeriesType } from "../models/seriesType/config.js";
 /**
  * Cleans an identifier by extracting only type, seriesId, and dataIndex properties.
  * This is the common cleaner for most series types (bar, line, pie, scatter, radar, etc.).
@@ -8,8 +8,8 @@ import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.js";
  * identifier actually includes `dataIndex`. Series types with different identifier
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <SeriesType extends SeriesTypeWithDataIndex>(identifier: {
-  type: SeriesType;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<SeriesType>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.js

@@ -13,7 +13,6 @@ exports.identifierCleanerSeriesIdDataIndex = void 0;
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
 const identifierCleanerSeriesIdDataIndex = identifier => {
-  // @ts-expect-error we need to trust the output type here, since SeriesType is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/identifierCleaner.mjs

@@ -7,7 +7,6 @@
  * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
 export const identifierCleanerSeriesIdDataIndex = identifier => {
-  // @ts-expect-error we need to trust the output type here, since SeriesType is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/index.d.mts

@@ -16,9 +16,7 @@ export * from "../BarChart/useBarChartProps.mjs";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.mjs";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.mjs";
 export * from "../ChartsContainer/useChartsContainerProps.mjs";
-export * from "../ChartContainer/useChartContainerProps.mjs";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.mjs";
-export * from "../ChartDataProvider/useChartDataProviderProps.mjs";
 export * from "./seriesSelectorOfType.mjs";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.mjs";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.mjs";
@@ -50,6 +48,7 @@ export * from "../RadarChart/RadarChart.plugins.mjs";
 export * from "../PieChart/PieChart.plugins.mjs";
 export * from "./configInit.mjs";
 export * from "./getLabel.mjs";
+export * from "./legendUtils.mjs";
 export * from "./getChartPoint.mjs";
 export * from "./isDefined.mjs";
 export * from "./getScale.mjs";
@@ -70,9 +69,9 @@ export { getSeriesColorFn } from "./getSeriesColorFn.mjs";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.mjs";
 export { getBandSize } from "./getBandSize.mjs";
 export * from "./plugins/utils/defaultSeriesConfig.mjs";
+export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.mjs";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.mjs";
 export * from "../context/ChartsProvider/index.mjs";
-export * from "../context/ChartProvider/index.mjs";
 export * from "../context/ChartsSlotsContext.mjs";
 export * from "../models/seriesType/config.mjs";
 export * from "../models/seriesType/common.mjs";

package/internals/index.d.ts

@@ -16,9 +16,7 @@ export * from "../BarChart/useBarChartProps.js";
 export { processBarDataForPlot } from "../BarChart/useBarPlotData.js";
 export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
 export * from "../ChartsContainer/useChartsContainerProps.js";
-export * from "../ChartContainer/useChartContainerProps.js";
 export * from "../ChartsDataProvider/useChartsDataProviderProps.js";
-export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./seriesSelectorOfType.js";
 export { useSkipAnimation } from "../hooks/useSkipAnimation.js";
 export { useRegisterPointerInteractions } from "./plugins/featurePlugins/shared/useRegisterPointerInteractions.js";
@@ -50,6 +48,7 @@ export * from "../RadarChart/RadarChart.plugins.js";
 export * from "../PieChart/PieChart.plugins.js";
 export * from "./configInit.js";
 export * from "./getLabel.js";
+export * from "./legendUtils.js";
 export * from "./getChartPoint.js";
 export * from "./isDefined.js";
 export * from "./getScale.js";
@@ -70,9 +69,9 @@ export { getSeriesColorFn } from "./getSeriesColorFn.js";
 export { checkBarChartScaleErrors } from "../BarChart/checkBarChartScaleErrors.js";
 export { getBandSize } from "./getBandSize.js";
 export * from "./plugins/utils/defaultSeriesConfig.js";
+export { useUtilityClasses as useChartsTooltipUtilityClasses, getChartsTooltipUtilityClass } from "../ChartsTooltip/chartsTooltipClasses.js";
 export { getAxisExtrema } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtrema.js";
 export * from "../context/ChartsProvider/index.js";
-export * from "../context/ChartProvider/index.js";
 export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";