@mui/x-charts 9.3.0 → 9.5.0

package/internals/scales/scaleBand.mjs

@@ -1,7 +1,7 @@
 /* eslint-disable func-names */
 // Adapted from d3-scale v4.0.2
 // https://github.com/d3/d3-scale/blob/d6904a4bde09e16005e0ad8ca3e25b10ce54fa0d/src/band.js
-import { InternMap, range as sequence } from '@mui/x-charts-vendor/d3-array';
+import { InternMap } from '@mui/x-charts-vendor/d3-array';
 export function keyof(value) {
   if (Array.isArray(value)) {
     return JSON.stringify(value);
@@ -13,60 +13,57 @@ export function keyof(value) {
 }
 
 /**
- * Constructs a new band scale with the specified range, no padding, no rounding and center alignment.
- * The domain defaults to the empty domain.
- * If range is not specified, it defaults to the unit range [0, 1].
- *
- * The generic corresponds to the data type of domain elements.
- *
- * @param range A two-element array of numeric values.
- */
-
-/**
- * Constructs a new band scale with the specified domain and range, no padding, no rounding and center alignment.
- *
- * The generic corresponds to the data type of domain elements.
- *
- * @param domain Array of domain values.
- * @param range A two-element array of numeric values.
+ * The internal state shared when copying a scale. The domain index (`InternMap`) is the expensive
+ * part to build — `O(domain)` — and is immutable once set (the domain setter replaces it rather than
+ * mutating it), so a copy can share the same reference instead of rebuilding it. This makes `copy()`
+ * `O(1)`, which matters because zooming copies the scale on every frame to apply a new range.
  */
 
-export function scaleBand(...args) {
+function createScaleBand(seed) {
   // @ts-expect-error, InternMap accepts two arguments, but its types are set as Map, which doesn't.
-  let index = new InternMap(undefined, keyof);
-  let domain = [];
-  let ordinalRange = [];
-  let r0 = 0;
-  let r1 = 1;
+  let index = seed ? seed.index : new InternMap(undefined, keyof);
+  let domain = seed ? seed.domain : [];
+  let r0 = seed ? seed.r0 : 0;
+  let r1 = seed ? seed.r1 : 1;
+  let isRound = seed ? seed.isRound : false;
+  let paddingInner = seed ? seed.paddingInner : 0;
+  let paddingOuter = seed ? seed.paddingOuter : 0;
+  let align = seed ? seed.align : 0.5;
+
+  // Derived on every rescale. Positions are affine in the index, so they are computed on demand in
+  // `scale()` rather than materialized into an array — keeping rescale `O(1)` instead of `O(domain)`.
   let step;
   let bandwidth;
-  let isRound = false;
-  let paddingInner = 0;
-  let paddingOuter = 0;
-  let align = 0.5;
+  let reverse = false;
+  let start = 0;
   const scale = d => {
     const i = index.get(d);
     if (i === undefined) {
       return undefined;
     }
-    return ordinalRange[i % ordinalRange.length];
+    const n = domain.length;
+    if (n === 0) {
+      return undefined;
+    }
+    const k = reverse ? n - 1 - i % n : i % n;
+    return start + step * k;
   };
   const rescale = () => {
     const n = domain.length;
-    const reverse = r1 < r0;
-    const start = reverse ? r1 : r0;
-    const stop = reverse ? r0 : r1;
-    step = (stop - start) / Math.max(1, n - paddingInner + paddingOuter * 2);
+    reverse = r1 < r0;
+    const lo = reverse ? r1 : r0;
+    const hi = reverse ? r0 : r1;
+    step = (hi - lo) / Math.max(1, n - paddingInner + paddingOuter * 2);
     if (isRound) {
       step = Math.floor(step);
     }
-    const adjustedStart = start + (stop - start - step * (n - paddingInner)) * align;
+    let adjustedStart = lo + (hi - lo - step * (n - paddingInner)) * align;
     bandwidth = step * (1 - paddingInner);
-    const finalStart = isRound ? Math.round(adjustedStart) : adjustedStart;
-    const finalBandwidth = isRound ? Math.round(bandwidth) : bandwidth;
-    bandwidth = finalBandwidth;
-    const values = sequence(n).map(i => finalStart + step * i);
-    ordinalRange = reverse ? values.reverse() : values;
+    if (isRound) {
+      adjustedStart = Math.round(adjustedStart);
+      bandwidth = Math.round(bandwidth);
+    }
+    start = adjustedStart;
     return scale;
   };
   scale.domain = function (_) {
@@ -141,19 +138,49 @@ export function scaleBand(...args) {
     align = Math.max(0, Math.min(1, _));
     return rescale();
   };
-  scale.copy = () => {
-    return scaleBand(domain, [r0, r1]).round(isRound).paddingInner(paddingInner).paddingOuter(paddingOuter).align(align);
-  };
 
-  // Initialize from arguments
+  // Shares the immutable domain index with the copy, so copying does not rebuild it.
+  scale.copy = () => createScaleBand({
+    index,
+    domain,
+    r0,
+    r1,
+    isRound,
+    paddingInner,
+    paddingOuter,
+    align
+  });
+  rescale();
+  return scale;
+}
+
+/**
+ * Constructs a new band scale with the specified range, no padding, no rounding and center alignment.
+ * The domain defaults to the empty domain.
+ * If range is not specified, it defaults to the unit range [0, 1].
+ *
+ * The generic corresponds to the data type of domain elements.
+ *
+ * @param range A two-element array of numeric values.
+ */
+
+/**
+ * Constructs a new band scale with the specified domain and range, no padding, no rounding and center alignment.
+ *
+ * The generic corresponds to the data type of domain elements.
+ *
+ * @param domain Array of domain values.
+ * @param range A two-element array of numeric values.
+ */
+
+export function scaleBand(...args) {
+  const scale = createScaleBand();
   const [arg0, arg1] = args;
   if (args.length > 1) {
     scale.domain(arg0);
     scale.range(arg1);
   } else if (arg0) {
     scale.range(arg0);
-  } else {
-    rescale();
   }
   return scale;
 }

package/internals/sizeScale.d.mts

@@ -0,0 +1,6 @@
+import { type ScaleOrdinal, type ScaleThreshold, type ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousSizeConfig, type PiecewiseSizeConfig, type OrdinalSizeConfig } from "../models/sizeMapping.mjs";
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.d.ts

@@ -0,0 +1,6 @@
+import { type ScaleOrdinal, type ScaleThreshold, type ScaleSequential } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousSizeConfig, type PiecewiseSizeConfig, type OrdinalSizeConfig } from "../models/sizeMapping.js";
+export declare function getSequentialSizeScale<Value extends number | Date>(config: ContinuousSizeConfig<Value> | PiecewiseSizeConfig<Value>): ScaleThreshold<Value, number, never> | ScaleSequential<number, never>;
+export declare function getOrdinalSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: OrdinalSizeConfig): ScaleOrdinal<number | Date | string, number, number | null>;
+export declare function getSizeScale(config: ContinuousSizeConfig | PiecewiseSizeConfig): ScaleThreshold<number | Date, number | null> | ScaleSequential<number, number | null>;

package/internals/sizeScale.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getOrdinalSizeScale = getOrdinalSizeScale;
+exports.getSequentialSizeScale = getSequentialSizeScale;
+exports.getSizeScale = getSizeScale;
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
+const isFunctionInterpolator = config => {
+  return typeof config.size === 'function';
+};
+function getClampedSize(sizes) {
+  const [minSize, maxSize] = sizes;
+  return t => {
+    const clampedT = Math.max(Math.min(t, 1), 0);
+    return minSize + clampedT * (maxSize - minSize);
+  };
+}
+function getSequentialSizeScale(config) {
+  if (config.type === 'piecewise') {
+    return (0, _d3Scale.scaleThreshold)(config.thresholds, config.sizes);
+  }
+  if (isFunctionInterpolator(config)) {
+    return (0, _d3Scale.scaleSequential)([config.min ?? 0, config.max ?? 100], config.size);
+  }
+  const interpolator = config.interpolator ?? 'sqrt';
+  switch (interpolator) {
+    case 'log':
+      return (0, _d3Scale.scaleSequentialLog)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'linear':
+      return (0, _d3Scale.scaleSequential)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'sqrt':
+    default:
+      return (0, _d3Scale.scaleSequentialSqrt)([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+  }
+}
+function getOrdinalSizeScale(config) {
+  if (config.values) {
+    return (0, _d3Scale.scaleOrdinal)(config.values, config.sizes).unknown(config.unknownSize ?? null);
+  }
+  return (0, _d3Scale.scaleOrdinal)(config.sizes.map((_, index) => index), config.sizes).unknown(config.unknownSize ?? null);
+}
+function getSizeScale(config) {
+  return config.type === 'ordinal' ? getOrdinalSizeScale(config) : getSequentialSizeScale(config);
+}

package/internals/sizeScale.mjs

@@ -0,0 +1,38 @@
+import { scaleOrdinal, scaleThreshold, scaleSequential, scaleSequentialSqrt, scaleSequentialLog } from '@mui/x-charts-vendor/d3-scale';
+const isFunctionInterpolator = config => {
+  return typeof config.size === 'function';
+};
+function getClampedSize(sizes) {
+  const [minSize, maxSize] = sizes;
+  return t => {
+    const clampedT = Math.max(Math.min(t, 1), 0);
+    return minSize + clampedT * (maxSize - minSize);
+  };
+}
+export function getSequentialSizeScale(config) {
+  if (config.type === 'piecewise') {
+    return scaleThreshold(config.thresholds, config.sizes);
+  }
+  if (isFunctionInterpolator(config)) {
+    return scaleSequential([config.min ?? 0, config.max ?? 100], config.size);
+  }
+  const interpolator = config.interpolator ?? 'sqrt';
+  switch (interpolator) {
+    case 'log':
+      return scaleSequentialLog([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'linear':
+      return scaleSequential([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+    case 'sqrt':
+    default:
+      return scaleSequentialSqrt([config.min ?? 0, config.max ?? 100], getClampedSize(config.size));
+  }
+}
+export function getOrdinalSizeScale(config) {
+  if (config.values) {
+    return scaleOrdinal(config.values, config.sizes).unknown(config.unknownSize ?? null);
+  }
+  return scaleOrdinal(config.sizes.map((_, index) => index), config.sizes).unknown(config.unknownSize ?? null);
+}
+export function getSizeScale(config) {
+  return config.type === 'ordinal' ? getOrdinalSizeScale(config) : getSequentialSizeScale(config);
+}

package/models/axis.d.mts

@@ -6,6 +6,7 @@ import { type DatasetElementType } from "./seriesType/config.mjs";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.mjs";
 import { type ChartsAxisClasses } from "../ChartsAxis/axisClasses.mjs";
 import type { TickParams } from "../hooks/useTicks.mjs";
+import type { AxisLinePropsOverrides, AxisTickPropsOverrides, AxisTickLabelPropsOverrides, AxisLabelPropsOverrides, XAxisPropsOverrides, YAxisPropsOverrides } from "./chartsSlotsComponentsProps.mjs";
 import type { ChartsTextProps } from "../ChartsText/index.mjs";
 import type { ContinuousColorConfig, OrdinalColorConfig, PiecewiseColorConfig } from "./colorMapping.mjs";
 import type { OrdinalTimeTicks } from "./timeTicks.mjs";
@@ -28,40 +29,40 @@ export interface ChartsAxisSlots {
    * Custom component for the axis main line.
    * @default 'line'
    */
-  axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+  axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement> & AxisLinePropsOverrides>;
   /**
    * Custom component for the axis tick.
    * @default 'line'
    */
-  axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+  axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement> & AxisTickPropsOverrides>;
   /**
    * Custom component for tick label.
    * @default ChartsText
    */
-  axisTickLabel?: React.JSXElementConstructor<ChartsTextProps>;
+  axisTickLabel?: React.JSXElementConstructor<ChartsTextProps & AxisTickLabelPropsOverrides>;
   /**
    * Custom component for axis label.
    * @default ChartsText
    */
-  axisLabel?: React.JSXElementConstructor<ChartsTextProps>;
+  axisLabel?: React.JSXElementConstructor<ChartsTextProps & AxisLabelPropsOverrides>;
   /**
    * Custom component for the x-axis.
    * @default ChartsXAxis
    */
-  xAxis?: React.JSXElementConstructor<ChartsXAxisProps>;
+  xAxis?: React.JSXElementConstructor<ChartsXAxisProps & XAxisPropsOverrides>;
   /**
    * Custom component for the y-axis.
    * @default ChartsYAxis
    */
-  yAxis?: React.JSXElementConstructor<ChartsYAxisProps>;
+  yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>>;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>>;
-  axisTickLabel?: Partial<ChartsTextProps>;
-  axisLabel?: Partial<ChartsTextProps>;
-  xAxis?: Partial<ChartsXAxisProps>;
-  yAxis?: Partial<ChartsYAxisProps>;
+  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
+  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
+  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
+  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
+  yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }
 export interface ChartsAxisProps extends TickParams {
   /**
@@ -515,6 +516,11 @@ type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
     min: NumberValue;
     max: NumberValue;
   });
+  /**
+   * Defines the series used to compute the axis domain.
+   * @default "all"
+   */
+  domainSeries?: 'all' | 'visible';
   /**
    * If `true`, the axis will be ignored by the tooltip with `trigger='axis'`.
    */

package/models/axis.d.ts

@@ -6,6 +6,7 @@ import { type DatasetElementType } from "./seriesType/config.js";
 import type { DefaultizedZoomOptions } from "../internals/plugins/featurePlugins/useChartCartesianAxis/index.js";
 import { type ChartsAxisClasses } from "../ChartsAxis/axisClasses.js";
 import type { TickParams } from "../hooks/useTicks.js";
+import type { AxisLinePropsOverrides, AxisTickPropsOverrides, AxisTickLabelPropsOverrides, AxisLabelPropsOverrides, XAxisPropsOverrides, YAxisPropsOverrides } from "./chartsSlotsComponentsProps.js";
 import type { ChartsTextProps } from "../ChartsText/index.js";
 import type { ContinuousColorConfig, OrdinalColorConfig, PiecewiseColorConfig } from "./colorMapping.js";
 import type { OrdinalTimeTicks } from "./timeTicks.js";
@@ -28,40 +29,40 @@ export interface ChartsAxisSlots {
    * Custom component for the axis main line.
    * @default 'line'
    */
-  axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+  axisLine?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement> & AxisLinePropsOverrides>;
   /**
    * Custom component for the axis tick.
    * @default 'line'
    */
-  axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement>>;
+  axisTick?: React.JSXElementConstructor<React.SVGAttributes<SVGPathElement> & AxisTickPropsOverrides>;
   /**
    * Custom component for tick label.
    * @default ChartsText
    */
-  axisTickLabel?: React.JSXElementConstructor<ChartsTextProps>;
+  axisTickLabel?: React.JSXElementConstructor<ChartsTextProps & AxisTickLabelPropsOverrides>;
   /**
    * Custom component for axis label.
    * @default ChartsText
    */
-  axisLabel?: React.JSXElementConstructor<ChartsTextProps>;
+  axisLabel?: React.JSXElementConstructor<ChartsTextProps & AxisLabelPropsOverrides>;
   /**
    * Custom component for the x-axis.
    * @default ChartsXAxis
    */
-  xAxis?: React.JSXElementConstructor<ChartsXAxisProps>;
+  xAxis?: React.JSXElementConstructor<ChartsXAxisProps & XAxisPropsOverrides>;
   /**
    * Custom component for the y-axis.
    * @default ChartsYAxis
    */
-  yAxis?: React.JSXElementConstructor<ChartsYAxisProps>;
+  yAxis?: React.JSXElementConstructor<ChartsYAxisProps & YAxisPropsOverrides>;
 }
 export interface ChartsAxisSlotProps {
-  axisLine?: Partial<React.SVGAttributes<SVGPathElement>>;
-  axisTick?: Partial<React.SVGAttributes<SVGPathElement>>;
-  axisTickLabel?: Partial<ChartsTextProps>;
-  axisLabel?: Partial<ChartsTextProps>;
-  xAxis?: Partial<ChartsXAxisProps>;
-  yAxis?: Partial<ChartsYAxisProps>;
+  axisLine?: Partial<React.SVGAttributes<SVGPathElement>> & AxisLinePropsOverrides;
+  axisTick?: Partial<React.SVGAttributes<SVGPathElement>> & AxisTickPropsOverrides;
+  axisTickLabel?: Partial<ChartsTextProps> & AxisTickLabelPropsOverrides;
+  axisLabel?: Partial<ChartsTextProps> & AxisLabelPropsOverrides;
+  xAxis?: Partial<ChartsXAxisProps> & XAxisPropsOverrides;
+  yAxis?: Partial<ChartsYAxisProps> & YAxisPropsOverrides;
 }
 export interface ChartsAxisProps extends TickParams {
   /**
@@ -515,6 +516,11 @@ type CommonAxisConfig<S extends ScaleName = ScaleName, V = any> = {
     min: NumberValue;
     max: NumberValue;
   });
+  /**
+   * Defines the series used to compute the axis domain.
+   * @default "all"
+   */
+  domainSeries?: 'all' | 'visible';
   /**
    * If `true`, the axis will be ignored by the tooltip with `trigger='axis'`.
    */

package/models/chartsSlotsComponentsProps.d.mts

@@ -0,0 +1,25 @@
+export interface BaseButtonPropsOverrides {}
+export interface BaseIconButtonPropsOverrides {}
+export interface BaseToggleButtonPropsOverrides {}
+export interface BaseToggleButtonGroupPropsOverrides {}
+export interface AxisLinePropsOverrides {}
+export interface AxisTickPropsOverrides {}
+export interface AxisTickLabelPropsOverrides {}
+export interface AxisLabelPropsOverrides {}
+export interface XAxisPropsOverrides {}
+export interface YAxisPropsOverrides {}
+export interface BarPropsOverrides {}
+export interface BarLabelPropsOverrides {}
+export interface LinePropsOverrides {}
+export interface AreaPropsOverrides {}
+export interface MarkPropsOverrides {}
+export interface LineHighlightPropsOverrides {}
+export interface PieArcPropsOverrides {}
+export interface PieArcLabelPropsOverrides {}
+export interface ScatterPropsOverrides {}
+export interface MarkerPropsOverrides {}
+export interface LegendPropsOverrides {}
+export interface LoadingOverlayPropsOverrides {}
+export interface NoDataOverlayPropsOverrides {}
+export interface ToolbarPropsOverrides {}
+export interface TooltipPropsOverrides {}

package/models/chartsSlotsComponentsProps.d.ts

@@ -0,0 +1,25 @@
+export interface BaseButtonPropsOverrides {}
+export interface BaseIconButtonPropsOverrides {}
+export interface BaseToggleButtonPropsOverrides {}
+export interface BaseToggleButtonGroupPropsOverrides {}
+export interface AxisLinePropsOverrides {}
+export interface AxisTickPropsOverrides {}
+export interface AxisTickLabelPropsOverrides {}
+export interface AxisLabelPropsOverrides {}
+export interface XAxisPropsOverrides {}
+export interface YAxisPropsOverrides {}
+export interface BarPropsOverrides {}
+export interface BarLabelPropsOverrides {}
+export interface LinePropsOverrides {}
+export interface AreaPropsOverrides {}
+export interface MarkPropsOverrides {}
+export interface LineHighlightPropsOverrides {}
+export interface PieArcPropsOverrides {}
+export interface PieArcLabelPropsOverrides {}
+export interface ScatterPropsOverrides {}
+export interface MarkerPropsOverrides {}
+export interface LegendPropsOverrides {}
+export interface LoadingOverlayPropsOverrides {}
+export interface NoDataOverlayPropsOverrides {}
+export interface ToolbarPropsOverrides {}
+export interface TooltipPropsOverrides {}

package/models/chartsSlotsComponentsProps.js

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

package/models/chartsSlotsComponentsProps.mjs

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

package/models/index.d.mts

@@ -2,6 +2,7 @@ export * from "./seriesType/index.mjs";
 export * from "./stacking.mjs";
 export * from "./slots/index.mjs";
 export * from "./featureFlags.mjs";
+export * from "./chartsSlotsComponentsProps.mjs";
 export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisItemIdentifier, AxisValueFormatterContext } from "./axis.mjs";
 export type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
 export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.d.ts

@@ -2,6 +2,7 @@ export * from "./seriesType/index.js";
 export * from "./stacking.js";
 export * from "./slots/index.js";
 export * from "./featureFlags.js";
+export * from "./chartsSlotsComponentsProps.js";
 export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis, AxisItemIdentifier, AxisValueFormatterContext } from "./axis.js";
 export type { NumberValue } from '@mui/x-charts-vendor/d3-scale';
 export type { PropsFromSlot } from '@mui/x-internals/slots';

package/models/index.js

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

package/models/index.mjs

@@ -2,6 +2,7 @@ export * from "./seriesType/index.mjs";
 export * from "./stacking.mjs";
 export * from "./slots/index.mjs";
 export * from "./featureFlags.mjs";
+export * from "./chartsSlotsComponentsProps.mjs";
 
 // Utils shared across the X packages
 export {};

package/models/seriesType/bar.d.mts

@@ -52,7 +52,7 @@ export interface CommonBarSeriesType {
    */
   barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
 }
-export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
+export interface BarSeriesType extends CommonSeriesType<'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
   type: 'bar';
   /**
    * The placement of the bar label. It accepts the following values:

package/models/seriesType/bar.d.ts

@@ -52,7 +52,7 @@ export interface CommonBarSeriesType {
    */
   barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
 }
-export interface BarSeriesType extends CommonSeriesType<BarValueType | null, 'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
+export interface BarSeriesType extends CommonSeriesType<'bar'>, CartesianSeriesType, StackableSeriesType, CommonBarSeriesType {
   type: 'bar';
   /**
    * The placement of the bar label. It accepts the following values:

package/models/seriesType/common.d.mts

@@ -1,7 +1,7 @@
 import type { StackOffsetType, StackOrderType } from "../stacking.mjs";
 import type { ChartsLabelMarkType } from "../../ChartsLabel/ChartsLabelMark.mjs";
 import type { AxisId } from "../axis.mjs";
-import type { ChartSeriesType, HighlightScope } from "./config.mjs";
+import type { ChartSeriesType, ChartsSeriesConfig, HighlightScope } from "./config.mjs";
 /**
  * The unique identifier of a series.
  */
@@ -33,18 +33,18 @@ export interface SeriesColor<TValue> {
    */
   colorGetter?: (data: ColorCallbackValue<TValue>) => string;
 }
-export interface CommonSeriesType<TValue, SeriesType extends ChartSeriesType> extends SeriesColor<TValue> {
+export interface CommonSeriesType<SeriesType extends ChartSeriesType> extends SeriesColor<ChartsSeriesConfig[SeriesType]['valueType']> {
   /**
    * The id of this series.
    */
   id?: SeriesId;
   /**
    * Formatter used to render values in tooltip or other data display.
-   * @param {TValue} value The series' value to render.
+   * @param {ChartsSeriesConfig[SeriesType]['valueType']} value The series' value to render.
    * @param {SeriesValueFormatterContext} context The rendering context of the value.
    * @returns {string | null} The string to display or null if the value should not be shown.
    */
-  valueFormatter?: SeriesValueFormatter<TValue>;
+  valueFormatter?: SeriesValueFormatter<ChartsSeriesConfig[SeriesType]['valueType']>;
   /**
    * The scope to apply when the series is highlighted.
    */

package/models/seriesType/common.d.ts

@@ -1,7 +1,7 @@
 import type { StackOffsetType, StackOrderType } from "../stacking.js";
 import type { ChartsLabelMarkType } from "../../ChartsLabel/ChartsLabelMark.js";
 import type { AxisId } from "../axis.js";
-import type { ChartSeriesType, HighlightScope } from "./config.js";
+import type { ChartSeriesType, ChartsSeriesConfig, HighlightScope } from "./config.js";
 /**
  * The unique identifier of a series.
  */
@@ -33,18 +33,18 @@ export interface SeriesColor<TValue> {
    */
   colorGetter?: (data: ColorCallbackValue<TValue>) => string;
 }
-export interface CommonSeriesType<TValue, SeriesType extends ChartSeriesType> extends SeriesColor<TValue> {
+export interface CommonSeriesType<SeriesType extends ChartSeriesType> extends SeriesColor<ChartsSeriesConfig[SeriesType]['valueType']> {
   /**
    * The id of this series.
    */
   id?: SeriesId;
   /**
    * Formatter used to render values in tooltip or other data display.
-   * @param {TValue} value The series' value to render.
+   * @param {ChartsSeriesConfig[SeriesType]['valueType']} value The series' value to render.
    * @param {SeriesValueFormatterContext} context The rendering context of the value.
    * @returns {string | null} The string to display or null if the value should not be shown.
    */
-  valueFormatter?: SeriesValueFormatter<TValue>;
+  valueFormatter?: SeriesValueFormatter<ChartsSeriesConfig[SeriesType]['valueType']>;
   /**
    * The scope to apply when the series is highlighted.
    */

package/models/seriesType/config.d.mts

@@ -2,7 +2,7 @@ import type { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-intern
 import type { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.mjs";
 import type { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.mjs";
 import type { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.mjs";
-import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, DefaultizedPieValueType, PieSeriesLayout } from "./pie.mjs";
+import type { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, PieSeriesLayout } from "./pie.mjs";
 import type { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.mjs";
 import type { SeriesColor, SeriesId } from "./common.mjs";
 import type { ChartsRadiusAxisProps, ChartsRotationAxisProps, ComputedXAxis, ComputedYAxis, PolarAxisDefaultized } from "../axis.mjs";
@@ -74,7 +74,7 @@ export interface ChartsSeriesConfig {
     };
   };
   scatter: {
-    seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & MakeRequired<SeriesColor<ScatterValueType | null>, 'color'>;
+    seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & MakeRequired<SeriesColor<ScatterValueType>, 'color'>;
     series: DefaultizedScatterSeriesType;
     seriesLayout: {};
     seriesProp: ScatterSeriesType;
@@ -104,7 +104,7 @@ export interface ChartsSeriesConfig {
     seriesProp: PieSeriesType<MakeOptional<PieValueType, 'id'>>;
     itemIdentifier: PieItemIdentifier;
     itemIdentifierWithData: PieItemIdentifier;
-    valueType: DefaultizedPieValueType;
+    valueType: PieValueType;
     highlightScope: CommonHighlightScope;
     descriptionGetterParams: {
       identifier: PieItemIdentifier;