@mui/x-charts-pro 8.20.0 → 8.22.0

package/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/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/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/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/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/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/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/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/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/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/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/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/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/LineChartPro/LineChartPro.js

@@ -334,6 +334,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -350,6 +355,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -401,6 +407,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -417,6 +428,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -476,6 +488,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -536,6 +549,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -595,6 +609,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -654,6 +669,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -717,6 +733,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -780,6 +797,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -839,6 +857,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
       filterMode: _propTypes.default.oneOf(['discard', 'keep']),
@@ -897,6 +916,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['band']),
@@ -912,6 +936,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -963,6 +988,11 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
     offset: _propTypes.default.number,
+    ordinalTimeTicks: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['biweekly', 'days', 'hours', 'months', 'quarterly', 'weeks', 'years']), _propTypes.default.shape({
+      format: _propTypes.default.func.isRequired,
+      getTickNumber: _propTypes.default.func.isRequired,
+      isTick: _propTypes.default.func.isRequired
+    })]).isRequired),
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
     scaleType: _propTypes.default.oneOf(['point']),
@@ -978,6 +1008,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1036,6 +1067,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1095,6 +1127,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1153,6 +1186,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1211,6 +1245,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1273,6 +1308,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1335,6 +1371,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({
@@ -1393,6 +1430,7 @@ process.env.NODE_ENV !== "production" ? LineChartPro.propTypes = {
     tickNumber: _propTypes.default.number,
     tickPlacement: _propTypes.default.oneOf(['end', 'extremities', 'middle', 'start']),
     tickSize: _propTypes.default.number,
+    tickSpacing: _propTypes.default.number,
     valueFormatter: _propTypes.default.func,
     width: _propTypes.default.number,
     zoom: _propTypes.default.oneOfType([_propTypes.default.shape({

package/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/LineChartPro/LineChartPro.plugins.js

@@ -7,4 +7,4 @@ exports.LINE_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _useChartProZoom = require("../internals/plugins/useChartProZoom");
-const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];
+const LINE_CHART_PRO_PLUGINS = exports.LINE_CHART_PRO_PLUGINS = [_internals.useChartZAxis, _internals.useChartBrush, _internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartCartesianAxis, _internals.useChartHighlight, _internals.useChartKeyboardNavigation, _useChartProZoom.useChartProZoom, _useChartProExport.useChartProExport];

package/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/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/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/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/RadarChartPro/RadarChartPro.plugins.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.RADAR_CHART_PRO_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
-const RADAR_CHART_PRO_PLUGINS = exports.RADAR_CHART_PRO_PLUGINS = [_internals.useChartInteraction, _internals.useChartPolarAxis, _internals.useChartHighlight, _useChartProExport.useChartProExport];
+const RADAR_CHART_PRO_PLUGINS = exports.RADAR_CHART_PRO_PLUGINS = [_internals.useChartTooltip, _internals.useChartInteraction, _internals.useChartPolarAxis, _internals.useChartHighlight, _useChartProExport.useChartProExport];

package/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/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/SankeyChart/SankeyChart.plugins.js

@@ -7,4 +7,4 @@ exports.SANKEY_CHART_PLUGINS = void 0;
 var _internals = require("@mui/x-charts/internals");
 var _useChartProExport = require("../internals/plugins/useChartProExport");
 var _plugins = require("./plugins");
-const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartInteraction, _plugins.useSankeyHighlight, _useChartProExport.useChartProExport];
+const SANKEY_CHART_PLUGINS = exports.SANKEY_CHART_PLUGINS = [_internals.useChartTooltip, _internals.useChartInteraction, _plugins.useSankeyHighlight, _useChartProExport.useChartProExport];

package/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/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/SankeyChart/SankeyNodeElement.js

@@ -11,7 +11,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var React = _interopRequireWildcard(require("react"));
 var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _internals = require("@mui/x-charts/internals");
-var _styles = require("@mui/material/styles");
 var _plugins = require("./plugins");
 var _useSankeyHighlight = require("./plugins/useSankeyHighlight.selectors");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -21,11 +20,9 @@ var _jsxRuntime = require("react/jsx-runtime");
 const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forwardRef(function SankeyNodeElement(props, ref) {
   const {
     node,
-    showLabel = true,
     onClick,
     seriesId
   } = props;
-  const theme = (0, _styles.useTheme)();
   const store = (0, _internals.useStore)();
   const x0 = node.x0 ?? 0;
   const y0 = node.y0 ?? 0;
@@ -33,12 +30,6 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
   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,
@@ -60,10 +51,10 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
   } else if (isHighlighted) {
     opacity = 1;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
     ref: ref,
     "data-node": node.id,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", (0, _extends2.default)({
       x: node.x0,
       y: node.y0,
       width: nodeWidth,
@@ -75,17 +66,7 @@ const SankeyNodeElement = exports.SankeyNodeElement = /*#__PURE__*/React.forward
       stroke: "none",
       "data-highlighted": isHighlighted || undefined,
       "data-faded": isFaded || undefined
-    }, interactionProps)), showLabel && node.label && /*#__PURE__*/(0, _jsxRuntime.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/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/SankeyChart/SankeyNodeLabel.js

@@ -0,0 +1,61 @@
+"use strict";
+'use client';
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SankeyNodeLabel = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-charts/internals");
+var _styles = require("@mui/material/styles");
+var _plugins = require("./plugins");
+var _useSankeyHighlight = require("./plugins/useSankeyHighlight.selectors");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @ignore - internal component.
+ */
+const SankeyNodeLabel = exports.SankeyNodeLabel = /*#__PURE__*/React.forwardRef(function SankeyNodeLabel(props, ref) {
+  const {
+    node
+  } = props;
+  const theme = (0, _styles.useTheme)();
+  const store = (0, _internals.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 = (0, _internals.useSelector)(store, _plugins.selectorIsNodeHighlighted, node.id);
+  const isFaded = (0, _internals.useSelector)(store, _useSankeyHighlight.selectorIsSankeyItemFaded, isHighlighted);
+  let opacity = 1;
+  if (isFaded) {
+    opacity = 0.3;
+  } else if (isHighlighted) {
+    opacity = 1;
+  }
+  if (!node.label) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.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";