@mui/x-charts-pro 8.21.0 → 8.22.1

package/esm/FunnelChart/useFunnelChartProps.d.ts

@@ -1,12 +1,12 @@
-import { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
-import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
-import { ChartsLegendSlotExtension } from '@mui/x-charts/ChartsLegend';
-import { ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
+import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
+import { type ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
+import { type ChartsLegendSlotExtension } from '@mui/x-charts/ChartsLegend';
+import { type ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
 import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
-import { FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
-import { FunnelPlotProps } from "./FunnelPlot.js";
+import { type FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
+import { type FunnelPlotProps } from "./FunnelPlot.js";
 import type { FunnelChartProps } from "./FunnelChart.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
 /**
  * A helper function that extracts FunnelChartProps from the input props
  * and returns an object with props for the children components of FunnelChart.

package/esm/Heatmap/Heatmap.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { MakeOptional } from '@mui/x-internals/types';
-import { ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
-import { ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
-import { ChartsAxisSlots, ChartsAxisSlotProps, XAxis, YAxis } from '@mui/x-charts/internals';
-import { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
-import { ChartsLegendSlotProps, ChartsLegendSlots } from '@mui/x-charts/ChartsLegend';
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { HeatmapSeriesType } from "../models/seriesType/heatmap.js";
-import { HeatmapTooltipProps } from "./HeatmapTooltip/index.js";
-import { HeatmapItemSlotProps, HeatmapItemSlots } from "./HeatmapItem.js";
-import { HeatmapPluginSignatures } from "./Heatmap.plugins.js";
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type MakeOptional } from '@mui/x-internals/types';
+import { type ChartsAxisProps } from '@mui/x-charts/ChartsAxis';
+import { type ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsAxisSlots, type ChartsAxisSlotProps, type XAxis, type YAxis } from '@mui/x-charts/internals';
+import { type ChartsOverlayProps, type ChartsOverlaySlotProps, type ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
+import { type ChartsLegendSlotProps, type ChartsLegendSlots } from '@mui/x-charts/ChartsLegend';
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type HeatmapSeriesType } from "../models/seriesType/heatmap.js";
+import { type HeatmapTooltipProps } from "./HeatmapTooltip/index.js";
+import { type HeatmapItemSlotProps, type HeatmapItemSlots } from "./HeatmapItem.js";
+import { type HeatmapPluginSignatures } from "./Heatmap.plugins.js";
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface HeatmapSlots extends ChartsAxisSlots, ChartsOverlaySlots, HeatmapItemSlots, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {
   /**
    * Custom component for the tooltip.

package/esm/Heatmap/Heatmap.js

@@ -317,6 +317,11 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -377,6 +382,11 @@ process.env.NODE_ENV !== "production" ? Heatmap.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),

package/esm/Heatmap/Heatmap.plugins.d.ts

@@ -1,4 +1,4 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type HeatmapPluginSignatures = [UseChartZAxisSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartHighlightSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+export type HeatmapPluginSignatures = [UseChartZAxisSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'heatmap'>, UseChartHighlightSignature, UseChartProExportSignature];
 export declare const HEATMAP_PLUGINS: ConvertSignaturesIntoPlugins<HeatmapPluginSignatures>;

package/esm/Heatmap/Heatmap.plugins.js

@@ -1,3 +1,3 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight } from '@mui/x-charts/internals';
+import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-export const HEATMAP_PLUGINS = [useChartZAxis, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartProExport];
+export const HEATMAP_PLUGINS = [useChartZAxis, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartProExport];

package/esm/Heatmap/HeatmapItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { SeriesId } from '@mui/x-charts/internals';
-import { HeatmapClasses } from "./heatmapClasses.js";
+import { type SeriesId } from '@mui/x-charts/internals';
+import { type HeatmapClasses } from "./heatmapClasses.js";
 export interface HeatmapItemSlots {
   /**
    * The component that renders the heatmap cell.

package/esm/Heatmap/HeatmapPlot.d.ts

@@ -1,4 +1,4 @@
-import { HeatmapItemProps } from "./HeatmapItem.js";
+import { type HeatmapItemProps } from "./HeatmapItem.js";
 export interface HeatmapPlotProps extends Pick<HeatmapItemProps, 'slots' | 'slotProps'> {}
 declare function HeatmapPlot(props: HeatmapPlotProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace HeatmapPlot {

package/esm/Heatmap/HeatmapTooltip/HeatmapTooltip.classes.d.ts

@@ -1,2 +1,2 @@
-import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
+import { type HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
 export declare const useUtilityClasses: (props: Pick<HeatmapTooltipProps, "classes">) => Record<"mark" | "table" | "cell" | "row" | "root" | "paper" | "markContainer" | "labelCell" | "valueCell", string>;

package/esm/Heatmap/HeatmapTooltip/HeatmapTooltip.d.ts

@@ -1,4 +1,4 @@
-import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
+import { type HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
 declare function HeatmapTooltip(props: HeatmapTooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace HeatmapTooltip {
   var propTypes: any;

package/esm/Heatmap/HeatmapTooltip/HeatmapTooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
 export interface HeatmapTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
   /**
    * Select the kind of tooltip to display

package/esm/Heatmap/HeatmapTooltip/HeatmapTooltipContent.d.ts

@@ -1,4 +1,4 @@
-import { HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
+import { type HeatmapTooltipProps } from "./HeatmapTooltip.types.js";
 export interface HeatmapTooltipContentProps extends Pick<HeatmapTooltipProps, 'classes'> {}
 export declare function HeatmapTooltipContent(props: HeatmapTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
 export declare namespace HeatmapTooltipContent {

package/esm/Heatmap/seriesConfig/extremums.d.ts

@@ -1,2 +1,2 @@
-import { CartesianExtremumGetter } from '@mui/x-charts/internals';
+import { type CartesianExtremumGetter } from '@mui/x-charts/internals';
 export declare const getBaseExtremum: CartesianExtremumGetter<'heatmap'>;

package/esm/Heatmap/seriesConfig/getColor.d.ts

@@ -1,3 +1,3 @@
-import { ColorProcessor } from '@mui/x-charts/internals';
+import { type ColorProcessor } from '@mui/x-charts/internals';
 declare const getColor: ColorProcessor<'heatmap'>;
 export default getColor;

package/esm/Heatmap/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import { GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
+import { type GetSeriesWithDefaultValues } from '@mui/x-charts/internals';
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'heatmap'>;
 export default getSeriesWithDefaultValues;

package/esm/Heatmap/seriesConfig/index.d.ts

@@ -1,2 +1,2 @@
-import { ChartSeriesTypeConfig } from '@mui/x-charts/internals';
+import { type ChartSeriesTypeConfig } from '@mui/x-charts/internals';
 export declare const heatmapSeriesConfig: ChartSeriesTypeConfig<'heatmap'>;

package/esm/Heatmap/seriesConfig/seriesProcessor.d.ts

@@ -1,3 +1,3 @@
-import { SeriesProcessor } from '@mui/x-charts/internals';
+import { type SeriesProcessor } from '@mui/x-charts/internals';
 declare const seriesProcessor: SeriesProcessor<'heatmap'>;
 export default seriesProcessor;

package/esm/Heatmap/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import { TooltipGetter } from '@mui/x-charts/internals';
+import { type TooltipGetter } from '@mui/x-charts/internals';
 declare const tooltipGetter: TooltipGetter<'heatmap'>;
 export default tooltipGetter;

package/esm/Heatmap/seriesConfig/tooltipPosition.d.ts

@@ -1,3 +1,3 @@
-import { TooltipItemPositionGetter } from '@mui/x-charts/internals';
+import { type TooltipItemPositionGetter } from '@mui/x-charts/internals';
 declare const tooltipItemPositionGetter: TooltipItemPositionGetter<'heatmap'>;
 export default tooltipItemPositionGetter;

package/esm/LineChartPro/LineChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { LineChartProps, LineChartSlots, LineChartSlotProps } from '@mui/x-charts/LineChart';
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
+import { type LineChartProps, type LineChartSlots, type LineChartSlotProps } from '@mui/x-charts/LineChart';
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type LineChartProPluginSignatures } from "./LineChartPro.plugins.js";
 export interface LineChartProSlots extends Omit<LineChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface LineChartProSlotProps extends Omit<LineChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface LineChartProProps extends Omit<LineChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'line', LineChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps'> {

package/esm/LineChartPro/LineChartPro.js

@@ -327,6 +327,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -395,6 +400,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['bottom', 'none', 'top']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),
@@ -899,6 +909,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['band']),
@@ -966,6 +981,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: PropTypes.string,
     labelStyle: PropTypes.object,
     offset: PropTypes.number,
+    ordinalTimeTicks: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), PropTypes.shape({
+      format: PropTypes.func.isRequired,
+      getTickNumber: PropTypes.func.isRequired,
+      isTick: PropTypes.func.isRequired
+    })]).isRequired),
     position: PropTypes.oneOf(['left', 'none', 'right']),
     reverse: PropTypes.bool,
     scaleType: PropTypes.oneOf(['point']),

package/esm/LineChartPro/LineChartPro.plugins.d.ts

@@ -1,5 +1,5 @@
-import { UseChartZAxisSignature, UseChartCartesianAxisSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartBrushSignature, ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
+import { type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type ConvertSignaturesIntoPlugins } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
+export type LineChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature, UseChartInteractionSignature, UseChartCartesianAxisSignature<'line'>, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
 export declare const LINE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<LineChartProPluginSignatures>;

package/esm/LineChartPro/LineChartPro.plugins.js

@@ -1,4 +1,4 @@
-import { useChartZAxis, useChartCartesianAxis, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartBrush } from '@mui/x-charts/internals';
+import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartBrush } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
-export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartKeyboardNavigation, useChartProZoom, useChartProExport];
+export const LINE_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartKeyboardNavigation, useChartProZoom, useChartProExport];

package/esm/PieChartPro/PieChartPro.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { PieChartProps, PieChartSlotProps, PieChartSlots } from '@mui/x-charts/PieChart';
-import { ChartsSlotsPro, ChartsSlotPropsPro } from "../internals/material/index.js";
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { PieChartProPluginSignatures } from "./PieChartPro.plugins.js";
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type PieChartProps, type PieChartSlotProps, type PieChartSlots } from '@mui/x-charts/PieChart';
+import { type ChartsSlotsPro, type ChartsSlotPropsPro } from "../internals/material/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type PieChartProPluginSignatures } from "./PieChartPro.plugins.js";
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
 export interface PieChartProSlots extends Omit<PieChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface PieChartProSlotProps extends Omit<PieChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface PieChartProProps extends Omit<PieChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<ChartContainerProProps<'pie', PieChartProPluginSignatures>, 'series' | 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/esm/PieChartPro/PieChartPro.plugins.d.ts

@@ -1,4 +1,4 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature, UseChartKeyboardNavigationSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type PieChartProPluginSignatures = [UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
+import { type ConvertSignaturesIntoPlugins, type UseChartHighlightSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+export type PieChartProPluginSignatures = [UseChartTooltipSignature, UseChartInteractionSignature, UseChartHighlightSignature, UseChartKeyboardNavigationSignature, UseChartProExportSignature];
 export declare const PIE_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<PieChartProPluginSignatures>;

package/esm/RadarChartPro/RadarChartPro.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import { RadarChartProps, RadarDataProviderProps, RadarChartSlotProps, RadarChartSlots } from '@mui/x-charts/RadarChart';
-import { RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
-import { ChartsToolbarProSlotProps, ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
-import { ChartsSlotPropsPro, ChartsSlotsPro } from "../internals/material/index.js";
+import { type RadarChartProps, type RadarDataProviderProps, type RadarChartSlotProps, type RadarChartSlots } from '@mui/x-charts/RadarChart';
+import { type RadarChartProPluginSignatures } from "./RadarChartPro.plugins.js";
+import { type ChartsToolbarProSlotProps, type ChartsToolbarProSlots } from "../ChartsToolbarPro/Toolbar.types.js";
+import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
 export interface RadarChartProSlots extends Omit<RadarChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
 export interface RadarChartProSlotProps extends Omit<RadarChartSlotProps, 'toolbar'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {}
 export interface RadarChartProProps extends Omit<RadarChartProps, 'apiRef' | 'slots' | 'slotProps'>, Omit<RadarDataProviderProps<RadarChartProPluginSignatures>, 'plugins' | 'seriesConfig' | 'slots' | 'slotProps' | 'experimentalFeatures'> {

package/esm/RadarChartPro/RadarChartPro.plugins.d.ts

@@ -1,4 +1,4 @@
-import { ConvertSignaturesIntoPlugins, UseChartHighlightSignature, UseChartInteractionSignature, UseChartPolarAxisSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-export type RadarChartProPluginSignatures = [UseChartInteractionSignature, UseChartPolarAxisSignature, UseChartHighlightSignature, UseChartProExportSignature];
+import { type ConvertSignaturesIntoPlugins, type UseChartHighlightSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartPolarAxisSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+export type RadarChartProPluginSignatures = [UseChartTooltipSignature, UseChartInteractionSignature, UseChartPolarAxisSignature, UseChartHighlightSignature, UseChartProExportSignature];
 export declare const RADAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<RadarChartProPluginSignatures>;

package/esm/RadarChartPro/RadarChartPro.plugins.js

@@ -1,3 +1,3 @@
-import { useChartHighlight, useChartInteraction, useChartPolarAxis } from '@mui/x-charts/internals';
+import { useChartHighlight, useChartTooltip, useChartInteraction, useChartPolarAxis } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-export const RADAR_CHART_PRO_PLUGINS = [useChartInteraction, useChartPolarAxis, useChartHighlight, useChartProExport];
+export const RADAR_CHART_PRO_PLUGINS = [useChartTooltip, useChartInteraction, useChartPolarAxis, useChartHighlight, useChartProExport];

package/esm/SankeyChart/SankeyChart.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import type { MakeOptional } from '@mui/x-internals/types';
-import { ChartContainerProProps } from "../ChartContainerPro/index.js";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
 import { type SankeyPlotProps } from "./SankeyPlot.js";
 import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
 import type { SankeySeriesType } from "./sankey.types.js";

package/esm/SankeyChart/SankeyChart.plugins.d.ts

@@ -1,5 +1,5 @@
-import { ConvertSignaturesIntoPlugins, UseChartInteractionSignature } from '@mui/x-charts/internals';
-import { UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
+import { type ConvertSignaturesIntoPlugins, type UseChartTooltipSignature, type UseChartInteractionSignature } from '@mui/x-charts/internals';
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
 import { type UseSankeyHighlightSignature } from "./plugins/index.js";
-export type SankeyChartPluginSignatures = [UseChartInteractionSignature, UseSankeyHighlightSignature, UseChartProExportSignature];
+export type SankeyChartPluginSignatures = [UseChartTooltipSignature, UseChartInteractionSignature, UseSankeyHighlightSignature, UseChartProExportSignature];
 export declare const SANKEY_CHART_PLUGINS: ConvertSignaturesIntoPlugins<SankeyChartPluginSignatures>;

package/esm/SankeyChart/SankeyChart.plugins.js

@@ -1,4 +1,4 @@
-import { useChartInteraction } from '@mui/x-charts/internals';
+import { useChartTooltip, useChartInteraction } from '@mui/x-charts/internals';
 import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
 import { useSankeyHighlight } from "./plugins/index.js";
-export const SANKEY_CHART_PLUGINS = [useChartInteraction, useSankeyHighlight, useChartProExport];
+export const SANKEY_CHART_PLUGINS = [useChartTooltip, useChartInteraction, useSankeyHighlight, useChartProExport];

package/esm/SankeyChart/SankeyLinkElement.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useInteractionItemProps, useStore, useSelector } from '@mui/x-charts/internals';
+import { useInteractionItemProps, useStore } from '@mui/x-charts/internals';
 import { selectorIsLinkHighlighted } from "./plugins/index.js";
 import { selectorIsSankeyItemFaded } from "./plugins/useSankeyHighlight.selectors.js";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -26,8 +26,8 @@ export const SankeyLinkElement = /*#__PURE__*/React.forwardRef(function SankeyLi
     sourceId: link.source.id,
     link
   };
-  const isHighlighted = useSelector(store, selectorIsLinkHighlighted, link);
-  const isFaded = useSelector(store, selectorIsSankeyItemFaded, isHighlighted);
+  const isHighlighted = store.use(selectorIsLinkHighlighted, link);
+  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = useInteractionItemProps(identifier);

package/esm/SankeyChart/SankeyLinkLabel.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SankeyLayoutLink } from "./sankey.types.js";
+import { type SankeyLayoutLink } from "./sankey.types.js";
 export interface SankeyLinkLabelProps {
   /**
    * The link data

package/esm/SankeyChart/SankeyNodeElement.d.ts

@@ -10,10 +10,6 @@ export interface SankeyNodeElementProps {
    * The node data
    */
   node: SankeyLayoutNode;
-  /**
-   * Whether to show the node label
-   */
-  showLabel?: boolean;
   /**
    * Callback fired when a sankey item is clicked.
    * @param {React.MouseEvent<SVGElement, MouseEvent>} event The event source of the callback.

package/esm/SankeyChart/SankeyNodeElement.js

@@ -3,22 +3,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import useEventCallback from '@mui/utils/useEventCallback';
-import { useInteractionItemProps, useStore, useSelector } from '@mui/x-charts/internals';
-import { useTheme } from '@mui/material/styles';
+import { useInteractionItemProps, useStore } from '@mui/x-charts/internals';
 import { selectorIsNodeHighlighted } from "./plugins/index.js";
 import { selectorIsSankeyItemFaded } from "./plugins/useSankeyHighlight.selectors.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * @ignore - internal component.
  */
 export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNodeElement(props, ref) {
   const {
     node,
-    showLabel = true,
     onClick,
     seriesId
   } = props;
-  const theme = useTheme();
   const store = useStore();
   const x0 = node.x0 ?? 0;
   const y0 = node.y0 ?? 0;
@@ -26,12 +23,6 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
   const y1 = node.y1 ?? 0;
   const nodeWidth = x1 - x0;
   const nodeHeight = y1 - y0;
-
-  // Determine label position
-  const labelX = node.depth === 0 ? x1 + 6 // Right side for first column
-  : x0 - 6; // Left side for other columns
-
-  const labelAnchor = node.depth === 0 ? 'start' : 'end';
   const identifier = {
     type: 'sankey',
     seriesId,
@@ -39,8 +30,8 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
     nodeId: node.id,
     node
   };
-  const isHighlighted = useSelector(store, selectorIsNodeHighlighted, node.id);
-  const isFaded = useSelector(store, selectorIsSankeyItemFaded, isHighlighted);
+  const isHighlighted = store.use(selectorIsNodeHighlighted, node.id);
+  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
 
   // Add interaction props for tooltips
   const interactionProps = useInteractionItemProps(identifier);
@@ -53,10 +44,10 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
   } else if (isHighlighted) {
     opacity = 1;
   }
-  return /*#__PURE__*/_jsxs("g", {
+  return /*#__PURE__*/_jsx("g", {
     ref: ref,
     "data-node": node.id,
-    children: [/*#__PURE__*/_jsx("rect", _extends({
+    children: /*#__PURE__*/_jsx("rect", _extends({
       x: node.x0,
       y: node.y0,
       width: nodeWidth,
@@ -68,17 +59,7 @@ export const SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNo
       stroke: "none",
       "data-highlighted": isHighlighted || undefined,
       "data-faded": isFaded || undefined
-    }, interactionProps)), showLabel && node.label && /*#__PURE__*/_jsx("text", {
-      x: labelX,
-      y: (y0 + y1) / 2,
-      textAnchor: labelAnchor,
-      fill: (theme.vars || theme).palette.text.primary,
-      fontSize: theme.typography.caption.fontSize,
-      fontFamily: theme.typography.fontFamily,
-      pointerEvents: "none",
-      opacity: opacity,
-      children: node.label
-    })]
+    }, interactionProps))
   });
 });
 if (process.env.NODE_ENV !== "production") SankeyNodeElement.displayName = "SankeyNodeElement";

package/esm/SankeyChart/SankeyNodeLabel.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { SankeyLayoutNode } from "./sankey.types.js";
+export interface SankeyNodeLabelProps {
+  /**
+   * The node data
+   */
+  node: SankeyLayoutNode;
+}
+/**
+ * @ignore - internal component.
+ */
+export declare const SankeyNodeLabel: React.ForwardRefExoticComponent<SankeyNodeLabelProps & React.RefAttributes<SVGTextElement>>;

package/esm/SankeyChart/SankeyNodeLabel.js

@@ -0,0 +1,55 @@
+'use client';
+
+import * as React from 'react';
+import { useStore } from '@mui/x-charts/internals';
+import { useTheme } from '@mui/material/styles';
+import { selectorIsNodeHighlighted } from "./plugins/index.js";
+import { selectorIsSankeyItemFaded } from "./plugins/useSankeyHighlight.selectors.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @ignore - internal component.
+ */
+export const SankeyNodeLabel = /*#__PURE__*/React.forwardRef(function SankeyNodeLabel(props, ref) {
+  const {
+    node
+  } = props;
+  const theme = useTheme();
+  const store = useStore();
+  const x0 = node.x0 ?? 0;
+  const y0 = node.y0 ?? 0;
+  const x1 = node.x1 ?? 0;
+  const y1 = node.y1 ?? 0;
+
+  // Determine label position
+  const labelX = node.depth === 0 ? x1 + 6 // Right side for first column
+  : x0 - 6; // Left side for other columns
+
+  const labelAnchor = node.depth === 0 ? 'start' : 'end';
+  const isHighlighted = store.use(selectorIsNodeHighlighted, node.id);
+  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
+  let opacity = 1;
+  if (isFaded) {
+    opacity = 0.3;
+  } else if (isHighlighted) {
+    opacity = 1;
+  }
+  if (!node.label) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx("text", {
+    ref: ref,
+    x: labelX,
+    y: (y0 + y1) / 2,
+    textAnchor: labelAnchor,
+    fill: (theme.vars || theme).palette.text.primary,
+    fontSize: theme.typography.caption.fontSize,
+    fontFamily: theme.typography.fontFamily,
+    pointerEvents: "none",
+    opacity: opacity,
+    "data-node": node.id,
+    "data-highlighted": isHighlighted || undefined,
+    "data-faded": isFaded || undefined,
+    children: node.label
+  });
+});
+if (process.env.NODE_ENV !== "production") SankeyNodeLabel.displayName = "SankeyNodeLabel";

package/esm/SankeyChart/SankeyPlot.js

@@ -8,6 +8,7 @@ import { SankeyLinkElement } from "./SankeyLinkElement.js";
 import { SankeyLinkLabel } from "./SankeyLinkLabel.js";
 import { useSankeyLayout, useSankeySeriesContext } from "../hooks/useSankeySeries.js";
 import { sankeyPlotClasses, useUtilityClasses } from "./sankeyClasses.js";
+import { SankeyNodeLabel } from "./SankeyNodeLabel.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SankeyPlotRoot = styled('g')({
   [`.${sankeyPlotClasses.links} path, .${sankeyPlotClasses.nodes} rect`]: {
@@ -39,18 +40,16 @@ function SankeyPlot(props) {
   if (!sankeySeries) {
     throw new Error(`MUI X Charts: Sankey series context is missing. Ensure the SankeyPlot is used inside a properly configured ChartDataProviderPro.`);
   }
-  if (!layout) {
+  if (!layout || !layout.links) {
     return null;
   }
   const {
-    data,
     linkOptions,
     nodeOptions
   } = sankeySeries;
   // Early return if no data or dimensions
-  if (!data || !data.links) {
-    return null;
-  }
+
+  const showNodeLabels = nodeOptions?.showLabels ?? true;
   return /*#__PURE__*/_jsxs(SankeyPlotRoot, {
     className: classes.root,
     children: [/*#__PURE__*/_jsx("g", {
@@ -66,14 +65,18 @@ function SankeyPlot(props) {
       children: layout.nodes.map(node => /*#__PURE__*/_jsx(SankeyNodeElement, {
         seriesId: sankeySeries.id,
         node: node,
-        showLabel: nodeOptions?.showLabels,
         onClick: onNodeClick
       }, node.id))
     }), linkOptions?.showValues && /*#__PURE__*/_jsx("g", {
       className: classes.linkLabels,
       children: layout.links.map(link => /*#__PURE__*/_jsx(SankeyLinkLabel, {
         link: link
-      }, `label-${link.source.id}-${link.target.id}`))
+      }, `label-link-${link.source.id}-${link.target.id}`))
+    }), showNodeLabels && /*#__PURE__*/_jsx("g", {
+      className: classes.nodeLabels,
+      children: layout.nodes.map(node => /*#__PURE__*/_jsx(SankeyNodeLabel, {
+        node: node
+      }, `label-node-${node.id}`))
     })]
   });
 }

package/esm/SankeyChart/SankeyTooltip/SankeyTooltip.d.ts

@@ -1,4 +1,4 @@
-import { SankeyTooltipProps } from "./SankeyTooltip.types.js";
+import { type SankeyTooltipProps } from "./SankeyTooltip.types.js";
 declare function SankeyTooltip(props: SankeyTooltipProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SankeyTooltip {
   var propTypes: any;

package/esm/SankeyChart/SankeyTooltip/SankeyTooltip.types.d.ts

@@ -1,4 +1,4 @@
-import { ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
+import { type ChartsTooltipContainerProps } from '@mui/x-charts/ChartsTooltip';
 export interface SankeyTooltipProps extends Omit<ChartsTooltipContainerProps, 'trigger' | 'children'> {
   /**
    * Select the kind of tooltip to display