@mui/x-charts 8.1.0 → 8.2.0

package/ChartsLocalizationProvider/ChartsLocalizationProvider.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ChartsLocaleText } from '../locales/utils/chartsLocaleTextApi';
+import type { ChartsLocaleText } from "../locales/utils/chartsLocaleTextApi.js";
 export interface ChartsLocalizationContextValue {
   localeText: ChartsLocaleText;
 }

package/ChartsLocalizationProvider/index.d.ts

@@ -1,2 +1,2 @@
 export { ChartsLocalizationProvider } from "./ChartsLocalizationProvider.js";
-export type { ChartsLocalizationProviderProps } from './ChartsLocalizationProvider';
+export type { ChartsLocalizationProviderProps } from "./ChartsLocalizationProvider.js";

package/ChartsOverlay/ChartsLoadingOverlay.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { CommonOverlayProps } from './ChartsOverlay';
+import type { CommonOverlayProps } from "./ChartsOverlay.js";
 export declare function ChartsLoadingOverlay(props: CommonOverlayProps): React.JSX.Element;

package/ChartsOverlay/ChartsNoDataOverlay.d.ts

@@ -1,3 +1,3 @@
 import * as React from 'react';
-import type { CommonOverlayProps } from './ChartsOverlay';
+import type { CommonOverlayProps } from "./ChartsOverlay.js";
 export declare function ChartsNoDataOverlay(props: CommonOverlayProps): React.JSX.Element;

package/ChartsOverlay/index.d.ts

@@ -1,4 +1,4 @@
 export { ChartsOverlay } from "./ChartsOverlay.js";
-export type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from './ChartsOverlay';
+export type { ChartsOverlayProps, ChartsOverlaySlotProps, ChartsOverlaySlots } from "./ChartsOverlay.js";
 export { ChartsLoadingOverlay } from "./ChartsLoadingOverlay.js";
 export { ChartsNoDataOverlay } from "./ChartsNoDataOverlay.js";

package/ChartsReferenceLine/ChartsReferenceLine.js

@@ -19,10 +19,10 @@ function ChartsReferenceLine(props) {
     y
   } = props;
   if (x !== undefined && y !== undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine cannot have both `x` and `y` props set.');
+    throw new Error('MUI X Charts: The ChartsReferenceLine cannot have both `x` and `y` props set.');
   }
   if (x === undefined && y === undefined) {
-    throw new Error('MUI X: The ChartsReferenceLine should have a value in `x` or `y` prop.');
+    throw new Error('MUI X Charts: The ChartsReferenceLine should have a value in `x` or `y` prop.');
   }
   if (x !== undefined) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsXReferenceLine.ChartsXReferenceLine, (0, _extends2.default)({}, props));

package/ChartsReferenceLine/ChartsXReferenceLine.js

@@ -76,7 +76,7 @@ function ChartsXReferenceLine(props) {
   const xPosition = xAxisScale(x);
   if (xPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(`MUI X: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
+      (0, _warning.warnOnce)(`MUI X Charts: the value ${x} does not exist in the data of x axis with id ${axisId}.`, 'error');
     }
     return null;
   }

package/ChartsReferenceLine/ChartsYReferenceLine.js

@@ -76,7 +76,7 @@ function ChartsYReferenceLine(props) {
   const yPosition = yAxisScale(y);
   if (yPosition === undefined) {
     if (process.env.NODE_ENV !== 'production') {
-      (0, _warning.warnOnce)(`MUI X: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
+      (0, _warning.warnOnce)(`MUI X Charts: the value ${y} does not exist in the data of y axis with id ${axisId}.`, 'error');
     }
     return null;
   }

package/ChartsText/index.d.ts

@@ -1,3 +1,3 @@
 export { ChartsText } from "./ChartsText.js";
-export type { ChartsTextProps } from './ChartsText';
-export type { ChartsTextStyle } from '../internals/getWordsByLines';
+export type { ChartsTextProps } from "./ChartsText.js";
+export type { ChartsTextStyle } from "../internals/getWordsByLines.js";

package/ChartsTooltip/ChartsTooltipContainer.js

@@ -105,6 +105,7 @@ function ChartsTooltipContainer(inProps) {
     options: {
       offset: () => {
         if (pointerType?.pointerType !== 'touch') {
+          // The popper offset: [skidding, distance]
           return [0, 8];
         }
         return [0, 64];

package/ChartsTooltip/index.d.ts

@@ -1,12 +1,12 @@
 export * from "./ChartsTooltip.js";
 export * from "./ChartsTooltipContainer.js";
-export type { ChartsTooltipClasses, ChartsTooltipClassKey } from './chartsTooltipClasses';
+export type { ChartsTooltipClasses, ChartsTooltipClassKey } from "./chartsTooltipClasses.js";
 export { getChartsTooltipUtilityClass, chartsTooltipClasses } from "./chartsTooltipClasses.js";
 export * from "./ChartsAxisTooltipContent.js";
 export * from "./ChartsItemTooltipContent.js";
 export * from "./ChartsTooltipTable.js";
-export type { ItemTooltip } from '../internals/plugins/models/seriesConfig/tooltipGetter.types';
-export type { UseItemTooltipReturnValue, UseRadarItemTooltipReturnValue } from './useItemTooltip';
+export type { ItemTooltip } from "../internals/plugins/models/seriesConfig/tooltipGetter.types.js";
+export type { UseItemTooltipReturnValue, UseRadarItemTooltipReturnValue } from "./useItemTooltip.js";
 export { useItemTooltip, useRadarItemTooltip } from "./useItemTooltip.js";
 export * from "./useAxisTooltip.js";
 export * from "./useAxesTooltip.js";

package/ChartsTooltip/useAxisTooltip.d.ts

@@ -1,10 +1,10 @@
 import { SeriesId } from "../models/seriesType/common.js";
 import { CartesianChartSeriesType, ChartsSeriesConfig, PolarChartSeriesType } from "../models/seriesType/config.js";
-import { AxisDefaultized, PolarAxisDefaultized, AxisId } from "../models/axis.js";
+import { ComputedAxis, PolarAxisDefaultized, AxisId } from "../models/axis.js";
 import { ChartsLabelMarkProps } from "../ChartsLabel/index.js";
 export interface UseAxisTooltipReturnValue<SeriesT extends CartesianChartSeriesType | PolarChartSeriesType = CartesianChartSeriesType | PolarChartSeriesType, AxisValueT extends string | number | Date = string | number | Date> {
   axisDirection: SeriesT extends CartesianChartSeriesType ? 'x' | 'y' : 'rotation' | 'radius';
-  mainAxis: SeriesT extends CartesianChartSeriesType ? AxisDefaultized : PolarAxisDefaultized;
+  mainAxis: SeriesT extends CartesianChartSeriesType ? ComputedAxis : PolarAxisDefaultized;
   axisId: AxisId;
   axisValue: AxisValueT;
   axisFormattedValue: string;

package/LineChart/AnimatedArea.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { AreaElementOwnerState } from './AreaElement';
+import type { AreaElementOwnerState } from "./AreaElement.js";
 export interface AnimatedAreaProps extends React.ComponentPropsWithoutRef<'path'> {
   ownerState: AreaElementOwnerState;
   d: string;

package/LineChart/AnimatedLine.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { LineElementOwnerState } from './LineElement';
+import type { LineElementOwnerState } from "./LineElement.js";
 export interface AnimatedLineProps extends React.ComponentPropsWithoutRef<'path'> {
   ownerState: LineElementOwnerState;
   d: string;

package/LineChart/AreaPlot.js

@@ -78,10 +78,10 @@ const useAggregatedData = () => {
         const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
         if (process.env.NODE_ENV !== 'production') {
           if (xData === undefined) {
-            throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+            throw new Error(`MUI X Charts: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
           }
           if (xData.length < stackedData.length) {
-            throw new Error(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
+            throw new Error(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && (0, _isBandScale.isBandScale)(xScale);

package/LineChart/LineChart.js

@@ -173,7 +173,7 @@ process.env.NODE_ENV !== "production" ? LineChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/LineChart/LineHighlightPlot.js

@@ -86,7 +86,7 @@ function LineHighlightPlot(props) {
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X Charts: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
         const x = xScale(xData[highlightedIndex]);
         const y = yScale(stackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale

package/LineChart/LinePlot.js

@@ -77,10 +77,10 @@ const useAggregatedData = () => {
         const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
         if (process.env.NODE_ENV !== 'production') {
           if (xData === undefined) {
-            throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+            throw new Error(`MUI X Charts: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
           }
           if (xData.length < stackedData.length) {
-            (0, _warning.warnOnce)(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
+            (0, _warning.warnOnce)(`MUI X Charts: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`, 'error');
           }
         }
         const shouldExpand = curve?.includes('step') && !strictStepCurve && (0, _isBandScale.isBandScale)(xScale);

package/LineChart/MarkPlot.js

@@ -87,7 +87,7 @@ function MarkPlot(props) {
         const yScale = yAxis[yAxisId].scale;
         const xData = xAxis[xAxisId].data;
         if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
+          throw new Error(`MUI X Charts: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
         }
         const clipId = (0, _cleanId.cleanId)(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
 

package/LineChart/index.d.ts

@@ -9,5 +9,5 @@ export * from "./LineElement.js";
 export * from "./AnimatedLine.js";
 export * from "./MarkElement.js";
 export * from "./LineHighlightElement.js";
-export type { MarkElementClasses, MarkElementClassKey } from './markElementClasses';
+export type { MarkElementClasses, MarkElementClassKey } from "./markElementClasses.js";
 export { getMarkElementUtilityClass, markElementClasses } from "./markElementClasses.js";

package/LineChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'line'>;
 export default getSeriesWithDefaultValues;

package/LineChart/seriesConfig/seriesProcessor.js

@@ -37,7 +37,7 @@ const seriesProcessor = (params, dataset) => {
         }
       });
     } else if (dataset === undefined && process.env.NODE_ENV !== 'production') {
-      throw new Error([`MUI X: line series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
+      throw new Error([`MUI X Charts: line series with id='${id}' has no data.`, 'Either provide a data property to the series or use the dataset prop.'].join('\n'));
     }
   });
   const completedSeries = {};
@@ -64,7 +64,7 @@ const seriesProcessor = (params, dataset) => {
           if (typeof value !== 'number') {
             if (process.env.NODE_ENV !== 'production') {
               if (value !== null) {
-                (0, _warning.warnOnce)([`MUI X: Your dataset key "${dataKey}" is used for plotting line, but contains nonnumerical elements.`, 'Line plots only support numbers and null values.']);
+                (0, _warning.warnOnce)([`MUI X Charts: Your dataset key "${dataKey}" is used for plotting line, but contains nonnumerical elements.`, 'Line plots only support numbers and null values.']);
               }
             }
             return null;

package/LineChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'line'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'line', 'x' | 'y'>;
 export default tooltipGetter;

package/LineChart/useLineChartProps.d.ts

@@ -7,11 +7,11 @@ import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
 import { AreaPlotProps } from "./AreaPlot.js";
-import type { LineChartProps } from './LineChart';
+import type { LineChartProps } from "./LineChart.js";
 import { LineHighlightPlotProps } from "./LineHighlightPlot.js";
 import { LinePlotProps } from "./LinePlot.js";
 import { MarkPlotProps } from "./MarkPlot.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { LineChartPluginsSignatures } from "./LineChart.plugins.js";
 /**
  * A helper function that extracts LineChartProps from the input props

package/PieChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'pie'>;
 export default getSeriesWithDefaultValues;

package/PieChart/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
+import type { TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'pie'>;
 export default tooltipGetter;

package/RadarChart/RadarGrid/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./RadarGrid.js";
-export type { RadarGridProps } from './RadarGrid.types';
+export type { RadarGridProps } from "./RadarGrid.types.js";

package/RadarChart/RadarSeriesPlot/index.d.ts

@@ -1,6 +1,6 @@
 export * from "./RadarSeriesPlot.js";
-export type * from './RadarSeriesPlot.types';
+export type * from "./RadarSeriesPlot.types.js";
 export { RadarSeriesArea } from "./RadarSeriesArea.js";
 export { RadarSeriesMarks } from "./RadarSeriesMarks.js";
-export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from './radarSeriesPlotClasses';
+export type { RadarSeriesPlotClasses, RadarSeriesPlotClassKey } from "./radarSeriesPlotClasses.js";
 export { radarSeriesPlotClasses } from "./radarSeriesPlotClasses.js";

package/RadarChart/RadarSeriesPlot/useRadarSeriesData.d.ts

@@ -17,12 +17,12 @@ export declare function useRadarSeriesData(querySeriesId?: SeriesId): {
   }[];
   type: "radar";
   label?: string | ((location: "tooltip" | "legend") => string) | undefined;
-  highlightScope?: Partial<import("../..").HighlightScope> | undefined;
-  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../..").ChartsLabelCustomMarkProps> | undefined;
+  highlightScope?: Partial<import("../../index.js").HighlightScope> | undefined;
+  labelMarkType?: "line" | "square" | "circle" | import("react").ComponentType<import("../../index.js").ChartsLabelCustomMarkProps> | undefined;
   hideMark?: boolean | undefined;
   fillArea?: boolean | undefined;
   data: number[];
   color: string;
   id: SeriesId;
-  valueFormatter: import("../../internals").SeriesValueFormatter<number>;
+  valueFormatter: import("../../internals/index.js").SeriesValueFormatter<number>;
 }[];

package/RadarChart/index.d.ts

@@ -1,7 +1,7 @@
 export { RadarChart as Unstable_RadarChart } from "./RadarChart.js";
 export { RadarDataProvider as Unstable_RadarDataProvider } from "./RadarDataProvider/index.js";
-export type { RadarChartProps } from './RadarChart';
-export type { RadarDataProviderProps } from './RadarDataProvider';
+export type { RadarChartProps } from "./RadarChart.js";
+export type { RadarDataProviderProps } from "./RadarDataProvider/index.js";
 export * from "./RadarGrid/index.js";
 export * from "./RadarAxisHighlight/index.js";
 export * from "./RadarMetricLabels/index.js";

package/RadarChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'radar'>;
 export default getSeriesWithDefaultValues;

package/RadarChart/seriesConfig/tooltip.d.ts

@@ -1,4 +1,4 @@
-import type { AxisTooltipGetter, TooltipGetter } from '../../internals/plugins/models';
+import type { AxisTooltipGetter, TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'radar'>;
 export declare const axisTooltipGetter: AxisTooltipGetter<'radar', 'rotation'>;
 export default tooltipGetter;

package/RadarChart/useRadarChartProps.d.ts

@@ -1,7 +1,7 @@
-import type { RadarChartProps } from './RadarChart';
+import type { RadarChartProps } from "./RadarChart.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
 import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
 import { RadarGridProps } from "./RadarGrid/index.js";

package/ScatterChart/ScatterChart.js

@@ -161,7 +161,7 @@ process.env.NODE_ENV !== "production" ? ScatterChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/ScatterChart/ScatterMarker.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import type { ScatterMarkerProps } from './ScatterMarker';
+import type { ScatterMarkerProps } from "./ScatterMarker.js";
 export interface ScatterMarkerSlots {
   /**
    * The component that renders the marker for a scatter point.

package/ScatterChart/seriesConfig/getSeriesWithDefaultValues.d.ts

@@ -1,3 +1,3 @@
-import type { GetSeriesWithDefaultValues } from '../../internals/plugins/models/seriesConfig';
+import type { GetSeriesWithDefaultValues } from "../../internals/plugins/models/seriesConfig/index.js";
 declare const getSeriesWithDefaultValues: GetSeriesWithDefaultValues<'scatter'>;
 export default getSeriesWithDefaultValues;

package/ScatterChart/seriesConfig/seriesProcessor.js

@@ -14,7 +14,7 @@ const seriesProcessor = ({
     const datasetKeys = seriesData?.datasetKeys;
     const missingKeys = ['x', 'y', 'id'].filter(key => typeof datasetKeys?.[key] !== 'string');
     if (seriesData?.datasetKeys && missingKeys.length > 0) {
-      throw new Error([`MUI X: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
+      throw new Error([`MUI X Charts: scatter series with id='${seriesId}' has incomplete datasetKeys.`, `Properties ${missingKeys.map(key => `"${key}"`).join(', ')} are missing.`].join('\n'));
     }
     const data = !datasetKeys ? seriesData.data ?? [] : dataset?.map(d => {
       return {

package/ScatterChart/seriesConfig/tooltip.d.ts

@@ -1,3 +1,3 @@
-import type { TooltipGetter } from '../../internals/plugins/models';
+import type { TooltipGetter } from "../../internals/plugins/models/index.js";
 declare const tooltipGetter: TooltipGetter<'scatter'>;
 export default tooltipGetter;

package/ScatterChart/useScatterChartProps.d.ts

@@ -5,9 +5,9 @@ import { ChartsGridProps } from "../ChartsGrid/index.js";
 import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
 import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
 import { ChartContainerProps } from "../ChartContainer/index.js";
-import type { ScatterChartProps } from './ScatterChart';
-import type { ScatterPlotProps } from './ScatterPlot';
-import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import type { ScatterChartProps } from "./ScatterChart.js";
+import type { ScatterPlotProps } from "./ScatterPlot.js";
+import type { ChartsWrapperProps } from "../internals/components/ChartsWrapper/index.js";
 import { ScatterChartPluginsSignatures } from "./ScatterChart.plugins.js";
 /**
  * A helper function that extracts ScatterChartProps from the input props

package/SparkLineChart/SparkLineChart.js

@@ -205,7 +205,7 @@ process.env.NODE_ENV !== "production" ? SparkLineChart.propTypes = {
    * The function called for onClick events.
    * The second argument contains information about all line/bar elements at the current mouse position.
    * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
+   * @param {null | ChartsAxisData} data The data about the clicked axis and items associated with it.
    */
   onAxisClick: _propTypes.default.func,
   /**

package/colorPalettes/categorical/blueberryTwilight.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const blueberryTwilightPaletteLight: string[];
+export declare const blueberryTwilightPaletteDark: string[];
+export declare const blueberryTwilightPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/blueberryTwilight.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteDark = exports.blueberryTwilightPalette = void 0;
+const blueberryTwilightPaletteLight = exports.blueberryTwilightPaletteLight = ['#02B2AF', '#2E96FF', '#B800D8', '#60009B', '#2731C8', '#03008D'];
+const blueberryTwilightPaletteDark = exports.blueberryTwilightPaletteDark = ['#02B2AF', '#72CCFF', '#DA00FF', '#9001CB', '#2E96FF', '#3B48E0'];
+const blueberryTwilightPalette = mode => mode === 'dark' ? blueberryTwilightPaletteDark : blueberryTwilightPaletteLight;
+exports.blueberryTwilightPalette = blueberryTwilightPalette;

package/colorPalettes/categorical/cheerfulFiesta.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const cheerfulFiestaPaletteDark: string[];
+export declare const cheerfulFiestaPaletteLight: string[];
+export declare const cheerfulFiestaPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/cheerfulFiesta.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteDark = exports.cheerfulFiestaPalette = void 0;
+const cheerfulFiestaPaletteDark = exports.cheerfulFiestaPaletteDark = ['#0059B2', '#2E96FF', '#FFC24C', '#FF9F0E', '#F38200', '#2ABFDE', '#1F94AD', '#BD2C38', '#FF3143', '#FF8282'];
+const cheerfulFiestaPaletteLight = exports.cheerfulFiestaPaletteLight = ['#003A75', '#007FFF', '#FFC24C', '#FF9D09', '#CA6C00', '#127D94', '#1F94AD', '#C82634', '#FF3143', '#FF7E7E'];
+const cheerfulFiestaPalette = mode => mode === 'dark' ? cheerfulFiestaPaletteDark : cheerfulFiestaPaletteLight;
+exports.cheerfulFiestaPalette = cheerfulFiestaPalette;

package/colorPalettes/categorical/mangoFusion.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const mangoFusionPaletteLight: string[];
+export declare const mangoFusionPaletteDark: string[];
+export declare const mangoFusionPalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/mangoFusion.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mangoFusionPaletteLight = exports.mangoFusionPaletteDark = exports.mangoFusionPalette = void 0;
+const mangoFusionPaletteLight = exports.mangoFusionPaletteLight = ['#173A5E', '#00A3A0', '#C91B63', '#EF5350', '#FFA726', '#B800D8', '#60009B', '#2E96FF', '#2731C8', '#03008D'];
+const mangoFusionPaletteDark = exports.mangoFusionPaletteDark = ['#41698F', '#19D0CD', '#DE196B', '#FC5F5C', '#FFD771', '#DA00FF', '#9001CB', '#72CCFF', '#2E96FF', '#3B48E0'];
+const mangoFusionPalette = mode => mode === 'dark' ? mangoFusionPaletteDark : mangoFusionPaletteLight;
+exports.mangoFusionPalette = mangoFusionPalette;

package/colorPalettes/categorical/rainbowSurge.d.ts

@@ -0,0 +1,4 @@
+import { ChartsColorPaletteCallback } from "../types.js";
+export declare const rainbowSurgePaletteLight: string[];
+export declare const rainbowSurgePaletteDark: string[];
+export declare const rainbowSurgePalette: ChartsColorPaletteCallback;

package/colorPalettes/categorical/rainbowSurge.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rainbowSurgePaletteLight = exports.rainbowSurgePaletteDark = exports.rainbowSurgePalette = void 0;
+const rainbowSurgePaletteLight = exports.rainbowSurgePaletteLight = ['#4254FB', '#FFB422', '#FA4F58', '#0DBEFF', '#22BF75', '#FA83B4', '#FF7511'];
+const rainbowSurgePaletteDark = exports.rainbowSurgePaletteDark = ['#495AFB', '#FFC758', '#F35865', '#30C8FF', '#44CE8D', '#F286B3', '#FF8C39'];
+const rainbowSurgePalette = mode => mode === 'dark' ? rainbowSurgePaletteDark : rainbowSurgePaletteLight;
+exports.rainbowSurgePalette = rainbowSurgePalette;

package/colorPalettes/index.d.ts

@@ -1 +1,14 @@
-export * from "./colorPalettes.js";
+export * from "./types.js";
+export * from "./categorical/rainbowSurge.js";
+export * from "./categorical/blueberryTwilight.js";
+export * from "./categorical/mangoFusion.js";
+export * from "./categorical/cheerfulFiesta.js";
+export * from "./sequential/strawberrySky.js";
+export * from "./sequential/blue.js";
+export * from "./sequential/cyan.js";
+export * from "./sequential/green.js";
+export * from "./sequential/orange.js";
+export * from "./sequential/pink.js";
+export * from "./sequential/purple.js";
+export * from "./sequential/red.js";
+export * from "./sequential/yellow.js";