@mui/x-charts 8.4.0 → 8.5.1

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js

@@ -87,4 +87,12 @@ export const selectorChartYAxis = createSelector([selectorChartRawYAxis, selecto
   zoomMap,
   zoomOptions,
   getFilters
-}));
+}));
+export const selectorChartAxis = createSelector([selectorChartXAxis, selectorChartYAxis, (_, axisId) => axisId], (xAxes, yAxes, axisId) => xAxes?.axis[axisId] ?? yAxes?.axis[axisId]);
+export const selectorChartRawAxis = createSelector([selectorChartRawXAxis, selectorChartRawYAxis, (state, axisId) => axisId], (xAxes, yAxes, axisId) => {
+  const axis = xAxes?.find(a => a.id === axisId) ?? yAxes?.find(a => a.id === axisId) ?? null;
+  if (!axis) {
+    return undefined;
+  }
+  return axis;
+});

package/esm/internals/plugins/featurePlugins/useChartCartesianAxis/zoom.types.d.ts

@@ -15,6 +15,7 @@ export type ZoomData = {
   end: number;
 };
 export type ZoomFilterMode = 'keep' | 'discard';
+export type ZoomSliderShowTooltip = 'always' | 'hover' | 'never';
 export interface ZoomOptions {
   /**
    * The starting percentage of the zoom range. In the range of 0 to 100.
@@ -85,6 +86,14 @@ export interface ZoomSliderOptions {
    * @default 28
    */
   size?: number;
+  /**
+   * Defines when the tooltip with the zoom values should be shown.
+   * - 'always': The tooltip is always shown.
+   * - 'hover': The tooltip is shown when hovering over the track or thumb.
+   * - 'never': The tooltip is never shown.
+   * @default 'hover'
+   */
+  showTooltip?: ZoomSliderShowTooltip;
 }
 export type ZoomAxisFilters = Record<AxisId, ExtremumFilter>;
 export type GetZoomAxisFilters = (params: {

package/esm/internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useAssertModelConsistency } from '@mui/x-internals/useAssertModelConsistency';
 import useEventCallback from '@mui/utils/useEventCallback';
 import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
+import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 export const useChartHighlight = ({
   store,
   params
@@ -29,6 +30,10 @@ export const useChartHighlight = ({
     }));
   });
   const setHighlight = useEventCallback(newItem => {
+    const prevItem = store.getSnapshot().highlight.item;
+    if (fastObjectShallowCompare(prevItem, newItem)) {
+      return;
+    }
     params.onHighlightChange?.(newItem);
     store.update(prev => _extends({}, prev, {
       highlight: {

package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartInteraction.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import useEventCallback from '@mui/utils/useEventCallback';
+import { fastObjectShallowCompare } from '@mui/x-internals/fastObjectShallowCompare';
 export const useChartInteraction = ({
   store
 }) => {
@@ -36,11 +37,16 @@ export const useChartInteraction = ({
     });
   });
   const setItemInteraction = useEventCallback(newItem => {
-    store.update(prev => _extends({}, prev, {
-      interaction: _extends({}, prev.interaction, {
-        item: newItem
-      })
-    }));
+    store.update(prev => {
+      if (fastObjectShallowCompare(prev.interaction.item, newItem)) {
+        return prev;
+      }
+      return _extends({}, prev, {
+        interaction: _extends({}, prev.interaction, {
+          item: newItem
+        })
+      });
+    });
   });
   const setPointerCoordinate = useEventCallback(coordinate => {
     store.update(prev => _extends({}, prev, {

package/esm/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { scaleBand, scalePoint, scaleTime } from '@mui/x-charts-vendor/d3-scale';
+import { scaleBand, scalePoint } from '@mui/x-charts-vendor/d3-scale';
 import { isBandScaleConfig, isPointScaleConfig } from "../../../../models/axis.js";
 import { getColorScale, getOrdinalColorScale } from "../../../colorScale.js";
 import { getTickNumber, scaleTickNumberByRange } from "../../../ticks.js";
 import { getScale } from "../../../getScale.js";
+import { isDateData, createDateFormatter } from "../../../dateHelpers.js";
 import { getAxisExtremum } from "./getAxisExtremum.js";
 import { deg2rad } from "../../../angleConversion.js";
 import { getAxisTriggerTooltip } from "./getAxisTriggerTooltip.js";
@@ -22,13 +23,6 @@ function getRange(drawingArea, axisDirection, axis) {
   }
   return [0, Math.min(drawingArea.height, drawingArea.width) / 2];
 }
-const isDateData = data => data?.[0] instanceof Date;
-function createDateFormatter(axis, range) {
-  const timeScale = scaleTime(axis.data, range);
-  return (v, {
-    location
-  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
-}
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
 export function computeAxisValue({

package/esm/locales/index.d.ts

@@ -1,3 +1,5 @@
 export type { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
 export * from "./enUS.js";
-export * from "./frFR.js";
+export * from "./frFR.js";
+export * from "./ptBR.js";
+export * from "./ptPT.js";

package/esm/locales/index.js

@@ -1,3 +1,5 @@
 export * from "./enUS.js";
 export * from "./frFR.js";
+export * from "./ptBR.js";
+export * from "./ptPT.js";
 export {};

package/esm/locales/ptBR.d.ts

@@ -0,0 +1,16 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const ptBRLocaleText: Partial<ChartsLocaleText>;
+export declare const ptBR: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/ptBR.js

@@ -0,0 +1,9 @@
+import { getChartsLocalization } from "./utils/getChartsLocalization.js";
+export const ptBRLocaleText = {
+  // Overlay
+  loading: 'Carregando dados…',
+  noData: 'Sem dados para exibir',
+  zoomIn: 'Aumentar zoom',
+  zoomOut: 'Diminuir zoom'
+};
+export const ptBR = getChartsLocalization(ptBRLocaleText);

package/esm/locales/ptPT.d.ts

@@ -0,0 +1,16 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const ptPTLocaleText: Partial<ChartsLocaleText>;
+export declare const ptPT: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/ptPT.js

@@ -0,0 +1,9 @@
+import { getChartsLocalization } from "./utils/getChartsLocalization.js";
+export const ptPTLocaleText = {
+  // Overlay
+  loading: 'Carregando dados…',
+  noData: 'Sem dados para mostrar',
+  zoomIn: 'Aumentar zoom',
+  zoomOut: 'Diminuir zoom'
+};
+export const ptPT = getChartsLocalization(ptPTLocaleText);

package/esm/models/axis.d.ts

@@ -270,8 +270,9 @@ export type AxisValueFormatterContext<S extends ScaleName = ScaleName> = {
    * - `'tick'` The value is displayed on the axis ticks.
    * - `'tooltip'` The value is displayed in the tooltip when hovering the chart.
    * - `'legend'` The value is displayed in the legend when using color legend.
+   * - `'zoom-slider-tooltip'` The value is displayed in the zoom slider tooltip.
    */
-  location: 'legend';
+  location: 'legend' | 'zoom-slider-tooltip';
 } | {
   /**
    * Location indicates where the value will be displayed.

package/esm/models/index.d.ts

@@ -1,7 +1,7 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
+export * from "./slots/index.js";
 export type { AxisConfig, ChartsYAxisProps, ChartsXAxisProps, ScaleName, ContinuousScaleName, ChartsAxisData, XAxis, YAxis, RadiusAxis, RotationAxis } from "./axis.js";
 export type { PropsFromSlot } from '@mui/x-internals/slots';
 export type { Position } from "./position.js";
-export type { CurveType } from "./curve.js";
-export type { ChartBaseCommonProps, ChartBaseIconProps, ChartsIconSlots, ChartsBaseSlots } from "./slots/index.js";
+export type { CurveType } from "./curve.js";

package/esm/models/index.js

@@ -1,5 +1,6 @@
 export * from "./seriesType/index.js";
 export * from "./stacking.js";
+export * from "./slots/index.js";
 
 // Utils shared across the X packages
 export {};

package/esm/models/seriesType/bar.d.ts

@@ -1,6 +1,6 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from "../stacking.js";
-import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType } from "./common.js";
+import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType, SeriesId } from "./common.js";
 export interface BarSeriesType extends CommonSeriesType<number | null>, CartesianSeriesType, StackableSeriesType {
   type: 'bar';
   /**
@@ -32,7 +32,7 @@ export interface BarSeriesType extends CommonSeriesType<number | null>, Cartesia
  */
 export type BarItemIdentifier = {
   type: 'bar';
-  seriesId: DefaultizedBarSeriesType['id'];
+  seriesId: SeriesId;
   dataIndex: number;
 };
 export interface DefaultizedBarSeriesType extends DefaultizedProps<BarSeriesType, CommonDefaultizedProps | 'color' | 'layout'> {}

package/esm/models/slots/chartsBaseSlotProps.d.ts

@@ -8,6 +8,13 @@ export type ChartBaseCommonProps<T = HTMLElement> = React.DOMAttributes<T> & {
 export type ChartBaseIconProps = ChartBaseCommonProps<SVGSVGElement> & {
   titleAccess?: string;
 };
+export type ChartBaseButtonProps = ChartBaseCommonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+  disabled?: boolean;
+  tabIndex?: number;
+};
 export type ChartBaseIconButtonProps = ChartBaseCommonProps & {
   ref?: React.Ref<HTMLButtonElement>;
+  disabled?: boolean;
+  tabIndex?: number;
 };

package/esm/models/slots/chartsBaseSlots.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
+import { ChartBaseButtonProps, ChartBaseIconButtonProps } from "./chartsBaseSlotProps.js";
 export interface ChartsBaseSlots {
+  baseButton: React.ComponentType<ChartBaseButtonProps>;
   baseIconButton: React.ComponentType<ChartBaseIconButtonProps>;
 }

package/hooks/index.d.ts

@@ -10,6 +10,7 @@ export * from "./useScatterSeries.js";
 export * from "./usePieSeries.js";
 export * from "./useBarSeries.js";
 export * from "./useLineSeries.js";
+export * from "./useRadarSeries.js";
 export * from "./useItemHighlighted.js";
 export * from "./useItemHighlightedGetter.js";
 export * from "./useLegend.js";

package/hooks/index.js

@@ -163,6 +163,18 @@ Object.keys(_useLineSeries).forEach(function (key) {
     }
   });
 });
+var _useRadarSeries = require("./useRadarSeries");
+Object.keys(_useRadarSeries).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useRadarSeries[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useRadarSeries[key];
+    }
+  });
+});
 var _useItemHighlighted = require("./useItemHighlighted");
 Object.keys(_useItemHighlighted).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.4.0
+ * @mui/x-charts v8.5.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/components/AxisSharedComponents.d.ts

@@ -1 +1 @@
-export declare const AxisRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;
+export declare const AxisRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, Pick<import("react").SVGProps<SVGGElement>, keyof import("react").SVGProps<SVGGElement>>, {}>;

package/internals/components/ChartsWrapper/ChartsWrapper.d.ts

@@ -5,6 +5,11 @@ import { Position } from "../../../models/index.js";
 export interface ChartsWrapperProps {
   legendPosition?: Position;
   legendDirection?: Direction;
+  /**
+   * If `true`, the chart wrapper set `height: 100%`.
+   * @default `false` if the `height` prop is set. And `true` otherwise.
+   */
+  extendVertically?: boolean;
   children: React.ReactNode;
   sx?: SxProps<Theme>;
 }

package/internals/components/ChartsWrapper/ChartsWrapper.js

@@ -7,7 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.ChartsWrapper = ChartsWrapper;
 var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
+var _createStyled = require("@mui/system/createStyled");
 var _useChartRootRef = require("../../../hooks/useChartRootRef");
+var _useStore = require("../../store/useStore");
+var _useSelector = require("../../store/useSelector");
+var _useChartDimensions = require("../../plugins/corePlugins/useChartDimensions");
 var _jsxRuntime = require("react/jsx-runtime");
 const getDirection = (direction, position) => {
   if (direction === 'vertical') {
@@ -42,7 +46,8 @@ const getAlign = (direction, position) => {
 };
 const Root = (0, _styles.styled)('div', {
   name: 'MuiChartsWrapper',
-  slot: 'Root'
+  slot: 'Root',
+  shouldForwardProp: prop => (0, _createStyled.shouldForwardProp)(prop) && prop !== 'extendVertically'
 })(({
   ownerState
 }) => ({
@@ -50,7 +55,15 @@ const Root = (0, _styles.styled)('div', {
   flexDirection: getDirection(ownerState.legendDirection, ownerState.legendPosition),
   flex: 1,
   justifyContent: 'center',
-  alignItems: getAlign(ownerState.legendDirection, ownerState.legendPosition)
+  alignItems: getAlign(ownerState.legendDirection, ownerState.legendPosition),
+  variants: [{
+    props: {
+      extendVertically: true
+    },
+    style: {
+      height: '100%'
+    }
+  }]
 }));
 
 /**
@@ -62,13 +75,19 @@ const Root = (0, _styles.styled)('div', {
 function ChartsWrapper(props) {
   const {
     children,
-    sx
+    sx,
+    extendVertically
   } = props;
   const chartRootRef = (0, _useChartRootRef.useChartRootRef)();
+  const store = (0, _useStore.useStore)();
+  const {
+    height: propsHeight
+  } = (0, _useSelector.useSelector)(store, _useChartDimensions.selectorChartPropsSize);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
     ref: chartRootRef,
     ownerState: props,
     sx: sx,
+    extendVertically: extendVertically ?? propsHeight === undefined,
     children: children
   });
 }

package/internals/constants.d.ts

@@ -1,4 +1,13 @@
+import type { ZoomSliderShowTooltip } from "./plugins/featurePlugins/useChartCartesianAxis/zoom.types.js";
 /** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
 export declare const ZOOM_SLIDER_MARGIN = 4;
 /** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
-export declare const DEFAULT_ZOOM_SLIDER_SIZE: number;
+export declare const DEFAULT_ZOOM_SLIDER_SIZE: number;
+export declare const DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP: ZoomSliderShowTooltip;
+/** Default margin for pie charts. */
+export declare const DEFAULT_PIE_CHART_MARGIN: {
+  top: number;
+  bottom: number;
+  left: number;
+  right: number;
+};

package/internals/constants.js

@@ -3,9 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ZOOM_SLIDER_MARGIN = exports.DEFAULT_ZOOM_SLIDER_SIZE = void 0;
+exports.ZOOM_SLIDER_MARGIN = exports.DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = exports.DEFAULT_PIE_CHART_MARGIN = void 0;
 /** Margin in the opposite direction of the axis, i.e., horizontal if the axis is vertical and vice versa. */
 const ZOOM_SLIDER_MARGIN = exports.ZOOM_SLIDER_MARGIN = 4;
 
 /** Size reserved for the zoom slider. The actual size of the slider might be smaller. */
-const DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;
+const DEFAULT_ZOOM_SLIDER_SIZE = exports.DEFAULT_ZOOM_SLIDER_SIZE = 20 + 2 * ZOOM_SLIDER_MARGIN;
+const DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = exports.DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP = 'hover';
+
+/** Default margin for pie charts. */
+const DEFAULT_PIE_CHART_MARGIN = exports.DEFAULT_PIE_CHART_MARGIN = {
+  top: 5,
+  bottom: 5,
+  left: 5,
+  right: 5
+};

package/internals/dateHelpers.d.ts

@@ -0,0 +1,15 @@
+import { AxisConfig } from "../models/index.js";
+import { ChartsAxisProps } from "../models/axis.js";
+/**
+ * Checks if the provided data array contains Date objects.
+ * @param data The data array to check.
+ * @returns A type predicate indicating if the data is an array of Date objects.
+ */
+export declare const isDateData: (data?: readonly any[]) => data is Date[];
+/**
+ * Creates a formatter function for date values.
+ * @param axis The axis configuration.
+ * @param range The range for the time scale.
+ * @returns A formatter function for date values.
+ */
+export declare function createDateFormatter(axis: AxisConfig<'band' | 'point', any, ChartsAxisProps>, range: number[]): AxisConfig<'band' | 'point', any, ChartsAxisProps>['valueFormatter'];

package/internals/dateHelpers.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createDateFormatter = createDateFormatter;
+exports.isDateData = void 0;
+var _d3Scale = require("@mui/x-charts-vendor/d3-scale");
+/**
+ * Checks if the provided data array contains Date objects.
+ * @param data The data array to check.
+ * @returns A type predicate indicating if the data is an array of Date objects.
+ */
+const isDateData = data => data?.[0] instanceof Date;
+
+/**
+ * Creates a formatter function for date values.
+ * @param axis The axis configuration.
+ * @param range The range for the time scale.
+ * @returns A formatter function for date values.
+ */
+exports.isDateData = isDateData;
+function createDateFormatter(axis, range) {
+  const timeScale = (0, _d3Scale.scaleTime)(axis.data, range);
+  return (v, {
+    location
+  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
+}

package/internals/domUtils.d.ts

@@ -14,5 +14,4 @@ export declare const getStyleString: (style: React.CSSProperties) => string;
 export declare const getStringSize: (text: string | number, style?: React.CSSProperties) => {
   width: number;
   height: number;
-};
-export declare function unstable_cleanupDOM(): void;
+};

package/internals/domUtils.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStyleString = exports.getStringSize = exports.MEASUREMENT_SPAN_ID = void 0;
-exports.unstable_cleanupDOM = unstable_cleanupDOM;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 // DOM utils taken from
 // https://github.com/recharts/recharts/blob/master/src/util/DOMUtils.ts
@@ -13,10 +12,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 function isSsr() {
   return typeof window === 'undefined';
 }
-const stringCache = {
-  widthCache: {},
-  cacheCount: 0
-};
+const stringCache = new Map();
 const MAX_CACHE_NUM = 2000;
 const SPAN_STYLE = {
   position: 'absolute',
@@ -84,8 +80,9 @@ const getStringSize = (text, style = {}) => {
   const str = `${text}`;
   const styleString = getStyleString(style);
   const cacheKey = `${str}-${styleString}`;
-  if (stringCache.widthCache[cacheKey]) {
-    return stringCache.widthCache[cacheKey];
+  const size = stringCache.get(cacheKey);
+  if (size) {
+    return size;
   }
   try {
     let measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
@@ -108,12 +105,9 @@ const getStringSize = (text, style = {}) => {
       width: rect.width,
       height: rect.height
     };
-    stringCache.widthCache[cacheKey] = result;
-    if (stringCache.cacheCount + 1 > MAX_CACHE_NUM) {
-      stringCache.cacheCount = 0;
-      stringCache.widthCache = {};
-    } else {
-      stringCache.cacheCount += 1;
+    stringCache.set(cacheKey, result);
+    if (stringCache.size + 1 > MAX_CACHE_NUM) {
+      stringCache.clear();
     }
     if (process.env.NODE_ENV === 'test') {
       // In test environment, we clean the measurement span immediately
@@ -135,10 +129,4 @@ const getStringSize = (text, style = {}) => {
     };
   }
 };
-
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.getStringSize = getStringSize;
-function unstable_cleanupDOM() {
-  // const measurementSpan = document.getElementById(MEASUREMENT_SPAN_ID);
-  // measurementSpan?.remove();
-}
+exports.getStringSize = getStringSize;

package/internals/index.d.ts

@@ -7,6 +7,7 @@ export { useDrawingArea } from "../hooks/useDrawingArea.js";
 export { useScatterChartProps } from "../ScatterChart/useScatterChartProps.js";
 export { useLineChartProps } from "../LineChart/useLineChartProps.js";
 export { useBarChartProps } from "../BarChart/useBarChartProps.js";
+export { useRadarChartProps } from "../RadarChart/useRadarChartProps.js";
 export * from "../ChartContainer/useChartContainerProps.js";
 export * from "../ChartDataProvider/useChartDataProviderProps.js";
 export * from "./createSeriesSelectorOfType.js";
@@ -26,20 +27,24 @@ export * from "./store/useSelector.js";
 export * from "../BarChart/BarChart.plugins.js";
 export * from "../LineChart/LineChart.plugins.js";
 export * from "../ScatterChart/ScatterChart.plugins.js";
+export * from "../RadarChart/RadarChart.plugins.js";
+export * from "../PieChart/PieChart.plugins.js";
 export * from "./defaultizeValueFormatter.js";
 export * from "./configInit.js";
 export * from "./getLabel.js";
 export * from "./getSVGPoint.js";
 export * from "./isDefined.js";
-export { unstable_cleanupDOM } from "./domUtils.js";
 export * from "./getScale.js";
 export * from "./stackSeries.js";
 export * from "./getCurve.js";
 export * from "./consumeSlots.js";
 export * from "./consumeThemeProps.js";
 export * from "./defaultizeMargin.js";
+export * from "./dateHelpers.js";
+export * from "./invertScale.js";
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartProvider/index.js";
+export * from "../context/ChartsSlotsContext.js";
 export * from "../models/seriesType/config.js";
 export * from "../models/seriesType/common.js";
 export * from "../models/z-axis.js";