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

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.d.mts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { type SeriesItemIdentifierWithData } from "../models/index.mjs";
 import type { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
 import type { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.mjs";
 import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 import type { SeriesItemIdentifierWithType } from "../models/seriesType/index.mjs";
 import type { ChartInstance } from "../internals/plugins/models/index.mjs";
 import type { UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.mjs";
-export declare const useInteractionItemProps: <SeriesType extends ChartSeriesType>(data: SeriesItemIdentifierWithData<SeriesType>, skip?: boolean) => {
+export declare const useInteractionItemProps: <SeriesType extends ChartSeriesType>(data: SeriesItemIdentifierWithType<SeriesType>, skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
   onPointerDown?: (event: React.PointerEvent) => void;

package/hooks/useInteractionItemProps.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import { type SeriesItemIdentifierWithData } from "../models/index.js";
 import type { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
 import type { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
 import type { ChartSeriesType } from "../models/seriesType/config.js";
 import type { SeriesItemIdentifierWithType } from "../models/seriesType/index.js";
 import type { ChartInstance } from "../internals/plugins/models/index.js";
 import type { UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
-export declare const useInteractionItemProps: <SeriesType extends ChartSeriesType>(data: SeriesItemIdentifierWithData<SeriesType>, skip?: boolean) => {
+export declare const useInteractionItemProps: <SeriesType extends ChartSeriesType>(data: SeriesItemIdentifierWithType<SeriesType>, skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
   onPointerDown?: (event: React.PointerEvent) => void;

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/{useItemHighlighted.d.mts → useItemHighlightState.d.mts}

@@ -1,24 +1,16 @@
 import type { HighlightItemIdentifierWithType } from "../models/seriesType/index.mjs";
 import type { ChartSeriesType } from "../models/seriesType/config.mjs";
-type UseItemHighlightedReturnType = {
-  /**
-   * Whether the item is highlighted.
-   */
-  isHighlighted: boolean;
-  /**
-   * Whether the item is faded.
-   */
-  isFaded: boolean;
-};
+export type HighlightState = 'highlighted' | 'faded' | 'none';
+type UseItemHighlightedReturnType = HighlightState;
 type UseItemHighlightedParams<SeriesType extends ChartSeriesType = ChartSeriesType> = HighlightItemIdentifierWithType<SeriesType> | null;
 /**
  * A hook to check the highlighted state of the item.
  * This function already calculates that an item is not faded if it is highlighted.
  *
- * If you need fine control over the state, use the `useItemHighlightedGetter` hook instead.
+ * If you need fine control over the state, use the `useItemHighlightStateGetter` hook instead.
  *
  * @param {HighlightItemIdentifierWithType<SeriesType> | null} item is the item to check
- * @returns {UseItemHighlightedReturnType} the state of the item
+ * @returns {HighlightState} the state of the item
  */
-export declare function useItemHighlighted<SeriesType extends ChartSeriesType = ChartSeriesType>(item: UseItemHighlightedParams<SeriesType>): UseItemHighlightedReturnType;
+export declare function useItemHighlightState<SeriesType extends ChartSeriesType = ChartSeriesType>(item: UseItemHighlightedParams<SeriesType>): UseItemHighlightedReturnType;
 export {};

package/hooks/{useItemHighlighted.d.ts → useItemHighlightState.d.ts}

@@ -1,24 +1,16 @@
 import type { HighlightItemIdentifierWithType } from "../models/seriesType/index.js";
 import type { ChartSeriesType } from "../models/seriesType/config.js";
-type UseItemHighlightedReturnType = {
-  /**
-   * Whether the item is highlighted.
-   */
-  isHighlighted: boolean;
-  /**
-   * Whether the item is faded.
-   */
-  isFaded: boolean;
-};
+export type HighlightState = 'highlighted' | 'faded' | 'none';
+type UseItemHighlightedReturnType = HighlightState;
 type UseItemHighlightedParams<SeriesType extends ChartSeriesType = ChartSeriesType> = HighlightItemIdentifierWithType<SeriesType> | null;
 /**
  * A hook to check the highlighted state of the item.
  * This function already calculates that an item is not faded if it is highlighted.
  *
- * If you need fine control over the state, use the `useItemHighlightedGetter` hook instead.
+ * If you need fine control over the state, use the `useItemHighlightStateGetter` hook instead.
  *
  * @param {HighlightItemIdentifierWithType<SeriesType> | null} item is the item to check
- * @returns {UseItemHighlightedReturnType} the state of the item
+ * @returns {HighlightState} the state of the item
  */
-export declare function useItemHighlighted<SeriesType extends ChartSeriesType = ChartSeriesType>(item: UseItemHighlightedParams<SeriesType>): UseItemHighlightedReturnType;
+export declare function useItemHighlightState<SeriesType extends ChartSeriesType = ChartSeriesType>(item: UseItemHighlightedParams<SeriesType>): UseItemHighlightedReturnType;
 export {};

package/hooks/{useItemHighlighted.js → useItemHighlightState.js}

@@ -4,24 +4,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useItemHighlighted = useItemHighlighted;
+exports.useItemHighlightState = useItemHighlightState;
 var _useStore = require("../internals/store/useStore");
 var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight");
 /**
  * A hook to check the highlighted state of the item.
  * This function already calculates that an item is not faded if it is highlighted.
  *
- * If you need fine control over the state, use the `useItemHighlightedGetter` hook instead.
+ * If you need fine control over the state, use the `useItemHighlightStateGetter` hook instead.
  *
  * @param {HighlightItemIdentifierWithType<SeriesType> | null} item is the item to check
- * @returns {UseItemHighlightedReturnType} the state of the item
+ * @returns {HighlightState} the state of the item
  */
-function useItemHighlighted(item) {
+function useItemHighlightState(item) {
   const store = (0, _useStore.useStore)();
-  const isHighlighted = store.use(_useChartHighlight.selectorChartsIsHighlighted, item);
-  const isFaded = store.use(_useChartHighlight.selectorChartsIsFaded, item);
-  return {
-    isHighlighted,
-    isFaded: !isHighlighted && isFaded
-  };
+  return store.use(_useChartHighlight.selectorChartsHighlightState, item);
 }

package/hooks/useItemHighlightState.mjs

@@ -0,0 +1,17 @@
+'use client';
+
+import { useStore } from "../internals/store/useStore.mjs";
+import { selectorChartsHighlightState } from "../internals/plugins/featurePlugins/useChartHighlight/index.mjs";
+/**
+ * A hook to check the highlighted state of the item.
+ * This function already calculates that an item is not faded if it is highlighted.
+ *
+ * If you need fine control over the state, use the `useItemHighlightStateGetter` hook instead.
+ *
+ * @param {HighlightItemIdentifierWithType<SeriesType> | null} item is the item to check
+ * @returns {HighlightState} the state of the item
+ */
+export function useItemHighlightState(item) {
+  const store = useStore();
+  return store.use(selectorChartsHighlightState, item);
+}

package/hooks/useItemHighlightStateGetter.d.mts

@@ -0,0 +1,9 @@
+import { type ChartSeriesType } from "../models/seriesType/config.mjs";
+/**
+ * A hook to get a callback that returns the highlight state of an item.
+ *
+ * If you're interested by a single item, consider using `useItemHighlightState`.
+ *
+ * @returns {(item: HighlightItemIdentifierWithType | null) => HighlightState} callback to get the highlight state of an item.
+ */
+export declare function useItemHighlightStateGetter<SeriesType extends ChartSeriesType>(): (item: import("../index.mjs").HighlightItemIdentifierWithType<import("../internals/index.mjs").ComposableChartSeriesType<keyof import("../internals/index.mjs").ChartsSeriesConfig>> | null) => import("./useItemHighlightState.mjs").HighlightState;

package/hooks/useItemHighlightStateGetter.d.ts

@@ -0,0 +1,9 @@
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+/**
+ * A hook to get a callback that returns the highlight state of an item.
+ *
+ * If you're interested by a single item, consider using `useItemHighlightState`.
+ *
+ * @returns {(item: HighlightItemIdentifierWithType | null) => HighlightState} callback to get the highlight state of an item.
+ */
+export declare function useItemHighlightStateGetter<SeriesType extends ChartSeriesType>(): (item: import("../index.js").HighlightItemIdentifierWithType<import("../internals/index.js").ComposableChartSeriesType<keyof import("../internals/index.js").ChartsSeriesConfig>> | null) => import("./useItemHighlightState.js").HighlightState;

package/hooks/useItemHighlightStateGetter.js

@@ -0,0 +1,21 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useItemHighlightStateGetter = useItemHighlightStateGetter;
+var _useStore = require("../internals/store/useStore");
+var _useChartHighlight = require("../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors");
+/**
+ * A hook to get a callback that returns the highlight state of an item.
+ *
+ * If you're interested by a single item, consider using `useItemHighlightState`.
+ *
+ * @returns {(item: HighlightItemIdentifierWithType | null) => HighlightState} callback to get the highlight state of an item.
+ */
+function useItemHighlightStateGetter() {
+  const store = (0, _useStore.useStore)();
+  const getHighlightState = store.use(_useChartHighlight.selectorChartsHighlightStateCallback);
+  return getHighlightState;
+}

package/hooks/useItemHighlightStateGetter.mjs

@@ -0,0 +1,16 @@
+'use client';
+
+import { useStore } from "../internals/store/useStore.mjs";
+import { selectorChartsHighlightStateCallback } from "../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.selectors.mjs";
+/**
+ * A hook to get a callback that returns the highlight state of an item.
+ *
+ * If you're interested by a single item, consider using `useItemHighlightState`.
+ *
+ * @returns {(item: HighlightItemIdentifierWithType | null) => HighlightState} callback to get the highlight state of an item.
+ */
+export function useItemHighlightStateGetter() {
+  const store = useStore();
+  const getHighlightState = store.use(selectorChartsHighlightStateCallback);
+  return getHighlightState;
+}

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.2
+ * @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.2
+ * @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/commonNextFocusItem.d.mts

@@ -7,8 +7,8 @@ type ReturnedItem<OutSeriesType extends ChartSeriesType> = {
   seriesId: SeriesId;
   dataIndex: number;
 } | null;
-type StateParameters<TSeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], TSeriesType>, 'series'>;
-export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+type StateParameters<SeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>;
+export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
@@ -17,7 +17,7 @@ compatibleSeriesTypes: Set<OutSeriesType>,
  * If true, allows cycling from the last item to the first one.
  */
 allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
@@ -26,12 +26,12 @@ compatibleSeriesTypes: Set<OutSeriesType>,
  * If true, allows cycling from the last item to the first one.
  */
 allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
 compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */

package/internals/commonNextFocusItem.d.ts

@@ -7,8 +7,8 @@ type ReturnedItem<OutSeriesType extends ChartSeriesType> = {
   seriesId: SeriesId;
   dataIndex: number;
 } | null;
-type StateParameters<TSeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], TSeriesType>, 'series'>;
-export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+type StateParameters<SeriesType extends ChartSeriesType> = Pick<ChartState<[UseChartKeyboardNavigationSignature], [], SeriesType>, 'series'>;
+export declare function createGetNextIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
@@ -17,7 +17,7 @@ compatibleSeriesTypes: Set<OutSeriesType>,
  * If true, allows cycling from the last item to the first one.
  */
 allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetPreviousIndexFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
@@ -26,12 +26,12 @@ compatibleSeriesTypes: Set<OutSeriesType>,
  * If true, allows cycling from the last item to the first one.
  */
 allowCycles?: boolean): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetNextSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */
 compatibleSeriesTypes: Set<OutSeriesType>): (currentItem: FocusedItemIdentifier<InSeriesType> | null, state: StateParameters<InSeriesType>) => ReturnedItem<OutSeriesType>;
-export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey'> = InSeriesType>(
+export declare function createGetPreviousSeriesFocusedItem<InSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, OutSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = InSeriesType>(
 /**
  * The set of series types compatible with this navigation action.
  */

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/createCommonKeyboardFocusHandler.d.mts

@@ -2,14 +2,14 @@ import type { ChartSeriesType } from "../models/seriesType/config.mjs";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<TSeriesType extends Exclude<ChartSeriesType, 'sankey'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey'> = TSeriesType>(outSeriesTypes: Set<TSeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.mjs").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.mjs").FocusedItemIdentifier<TInputSeriesType> | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.mjs").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.mjs").SeriesIdToType;
     dataset?: Readonly<import("./index.mjs").DatasetType>;
   };
 }) => {
-  type: TSeriesType;
+  type: SeriesType;
   seriesId: import("../index.mjs").SeriesId;
   dataIndex: number;
 } | null) | null;

package/internals/createCommonKeyboardFocusHandler.d.ts

@@ -2,14 +2,14 @@ import type { ChartSeriesType } from "../models/seriesType/config.js";
 /**
  * Create a keyboard focus handler for common use cases where focused item are defined by the series is and data index.
  */
-export declare function createCommonKeyboardFocusHandler<TSeriesType extends Exclude<ChartSeriesType, 'sankey'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey'> = TSeriesType>(outSeriesTypes: Set<TSeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.js").FocusedItemIdentifier<TInputSeriesType> | null, state: {
+export declare function createCommonKeyboardFocusHandler<SeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'>, TInputSeriesType extends Exclude<ChartSeriesType, 'sankey' | 'heatmap'> = SeriesType>(outSeriesTypes: Set<SeriesType>, allowCycles?: boolean): (event: KeyboardEvent) => ((currentItem: import("../index.js").FocusedItemIdentifier<TInputSeriesType> | null, state: {
   series: {
     defaultizedSeries: import("./plugins/corePlugins/useChartSeries/useChartSeries.types.js").DefaultizedSeriesGroups<TInputSeriesType>;
     idToType: import("./index.js").SeriesIdToType;
     dataset?: Readonly<import("./index.js").DatasetType>;
   };
 }) => {
-  type: TSeriesType;
+  type: SeriesType;
   seriesId: import("../index.js").SeriesId;
   dataIndex: number;
 } | null) | null;

package/internals/identifierCleaner.d.mts

@@ -1,11 +1,15 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.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.).
+ *
+ * The generic constraint ensures this can only be used for series types whose
+ * identifier actually includes `dataIndex`. Series types with different identifier
+ * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <T extends ChartSeriesType>(identifier: {
-  type: T;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<T>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.d.ts

@@ -1,11 +1,15 @@
-import type { SeriesId, SeriesItemIdentifierWithType } from "../models/index.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.).
+ *
+ * The generic constraint ensures this can only be used for series types whose
+ * identifier actually includes `dataIndex`. Series types with different identifier
+ * properties (like heatmap's xIndex/yIndex) must provide their own cleaner.
  */
-export declare const identifierCleanerSeriesIdDataIndex: <T extends ChartSeriesType>(identifier: {
-  type: T;
+export declare const identifierCleanerSeriesIdDataIndex: <T extends {
+  type: ChartSeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
-}) => SeriesItemIdentifierWithType<T>;
+}>(identifier: T) => Pick<T, "type" | "seriesId" | "dataIndex">;

package/internals/identifierCleaner.js

@@ -7,9 +7,12 @@ exports.identifierCleanerSeriesIdDataIndex = void 0;
 /**
  * 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.).
+ *
+ * The generic constraint ensures this can only be used for series types whose
+ * identifier actually includes `dataIndex`. Series types with different identifier
+ * 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 T is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/identifierCleaner.mjs

@@ -1,9 +1,12 @@
 /**
  * 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.).
+ *
+ * The generic constraint ensures this can only be used for series types whose
+ * identifier actually includes `dataIndex`. Series types with different identifier
+ * 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 T is generic
   return {
     type: identifier.type,
     seriesId: identifier.seriesId,

package/internals/identifierSerializer.d.mts

@@ -1,9 +1,17 @@
 import type { SeriesId } from "../models/index.mjs";
+import type { SeriesTypeWithDataIndex } from "../models/seriesType/config.mjs";
 export declare const typeSerializer: (type: string) => string;
 export declare const seriesIdSerializer: (id: SeriesId) => string;
 export declare const dataIndexSerializer: (dataIndex?: number) => string;
-export declare const identifierSerializerSeriesIdDataIndex: (identifier: {
-  type: string;
+/**
+ * Serializes an identifier using type, seriesId, and dataIndex properties.
+ *
+ * The generic constraint ensures this can only be used for series types whose
+ * identifier actually includes `dataIndex`. Series types with different identifier
+ * properties (like heatmap's xIndex/yIndex) must provide their own serializer.
+ */
+export declare const identifierSerializerSeriesIdDataIndex: <SeriesType extends SeriesTypeWithDataIndex>(identifier: {
+  type: SeriesType;
   seriesId: SeriesId;
   dataIndex?: number;
 }) => string;