@mui/x-charts 8.0.0-alpha.13 → 8.0.0-alpha.14

package/modern/RadarChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
+  return _extends({
+    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+    color: colors[seriesIndex % colors.length]
+  }, seriesData);
+};
+export default getSeriesWithDefaultValues;

package/modern/RadarChart/seriesConfig/index.d.ts

@@ -0,0 +1,2 @@
+import { ChartSeriesTypeConfig } from "../../internals/plugins/models/seriesConfig/index.js";
+export declare const radarSeriesConfig: ChartSeriesTypeConfig<'radar'>;

package/modern/RadarChart/seriesConfig/index.js

@@ -0,0 +1,15 @@
+import formatter from "./formatter.js";
+import getColor from "./getColor.js";
+import { radiusExtremumGetter, rotationExtremumGetter } from "./extremums.js";
+import legendGetter from "./legend.js";
+import tooltipGetter from "./tooltip.js";
+import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
+export const radarSeriesConfig = {
+  colorProcessor: getColor,
+  seriesProcessor: formatter,
+  legendGetter,
+  tooltipGetter,
+  getSeriesWithDefaultValues,
+  radiusExtremumGetter,
+  rotationExtremumGetter
+};

package/modern/RadarChart/seriesConfig/legend.d.ts

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

package/modern/RadarChart/seriesConfig/legend.js

@@ -0,0 +1,22 @@
+import { getLabel } from "../../internals/getLabel.js";
+const legendGetter = params => {
+  const {
+    seriesOrder,
+    series
+  } = params;
+  return seriesOrder.reduce((acc, seriesId) => {
+    const formattedLabel = getLabel(series[seriesId].label, 'legend');
+    if (formattedLabel === undefined) {
+      return acc;
+    }
+    acc.push({
+      id: seriesId,
+      seriesId,
+      color: series[seriesId].color,
+      label: formattedLabel,
+      markType: series[seriesId].labelMarkType ?? 'square'
+    });
+    return acc;
+  }, []);
+};
+export default legendGetter;

package/modern/RadarChart/seriesConfig/tooltip.d.ts

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

package/modern/RadarChart/seriesConfig/tooltip.js

@@ -0,0 +1,25 @@
+import { getLabel } from "../../internals/getLabel.js";
+const tooltipGetter = params => {
+  const {
+    series,
+    getColor,
+    identifier
+  } = params;
+  if (!identifier || identifier.dataIndex === undefined) {
+    return null;
+  }
+  const label = getLabel(series.label, 'tooltip');
+  const value = series.data[identifier.dataIndex];
+  const formattedValue = series.valueFormatter(value, {
+    dataIndex: identifier.dataIndex
+  });
+  return {
+    identifier,
+    color: getColor(identifier.dataIndex),
+    label,
+    value,
+    formattedValue,
+    markType: series.labelMarkType
+  };
+};
+export default tooltipGetter;

package/modern/RadarChart/useRadarChartProps.d.ts

@@ -0,0 +1,23 @@
+import type { RadarChartProps } from './RadarChart';
+import { ChartsOverlayProps } from "../ChartsOverlay/index.js";
+import { ChartsLegendSlotExtension } from "../ChartsLegend/index.js";
+import type { ChartsWrapperProps } from '../internals/components/ChartsWrapper';
+import { RadarDataProviderProps } from "./RadarDataProvider/RadarDataProvider.js";
+import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { RadarGridProps } from "./RadarGrid/RadarGrid.js";
+/**
+ * A helper function that extracts RadarChartProps from the input props
+ * and returns an object with props for the children components of RadarChart.
+ *
+ * @param props The input props for RadarChart
+ * @returns An object with props for the children components of RadarChart
+ */
+export declare const useRadarChartProps: (props: RadarChartProps) => {
+  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
+  chartsSurfaceProps: ChartsSurfaceProps;
+  radarDataProviderProps: RadarDataProviderProps;
+  radarGrid: RadarGridProps;
+  overlayProps: ChartsOverlayProps;
+  legendProps: ChartsLegendSlotExtension;
+  children: import("react").ReactNode;
+};

package/modern/RadarChart/useRadarChartProps.js

@@ -0,0 +1,67 @@
+'use client';
+
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+const _excluded = ["series", "radar", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "skipAnimation", "loading", "highlightedItem", "onHighlightChange", "hideLegend", "divisions"];
+/**
+ * A helper function that extracts RadarChartProps from the input props
+ * and returns an object with props for the children components of RadarChart.
+ *
+ * @param props The input props for RadarChart
+ * @returns An object with props for the children components of RadarChart
+ */
+export const useRadarChartProps = props => {
+  const {
+      series,
+      radar,
+      width,
+      height,
+      margin,
+      colors,
+      sx,
+      children,
+      slots,
+      slotProps,
+      skipAnimation,
+      loading,
+      highlightedItem,
+      onHighlightChange,
+      divisions
+    } = props,
+    other = _objectWithoutPropertiesLoose(props, _excluded);
+  const radarDataProviderProps = {
+    series,
+    radar,
+    width,
+    height,
+    margin,
+    colors,
+    highlightedItem,
+    onHighlightChange,
+    skipAnimation
+  };
+  const overlayProps = {
+    slots,
+    slotProps,
+    loading
+  };
+  const legendProps = {
+    slots,
+    slotProps
+  };
+  const chartsWrapperProps = {
+    sx
+  };
+  const radarGrid = {
+    divisions
+  };
+  const chartsSurfaceProps = other;
+  return {
+    chartsWrapperProps,
+    chartsSurfaceProps,
+    radarDataProviderProps,
+    radarGrid,
+    overlayProps,
+    legendProps,
+    children
+  };
+};

package/modern/ScatterChart/seriesConfig/extremums.d.ts

@@ -1,3 +1,3 @@
-import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/extremumGetter.types.js";
+import { CartesianExtremumGetter } from "../../internals/plugins/models/seriesConfig/index.js";
 export declare const getExtremumX: CartesianExtremumGetter<'scatter'>;
 export declare const getExtremumY: CartesianExtremumGetter<'scatter'>;

package/modern/ScatterChart/seriesConfig/getSeriesWithDefaultValues.d.ts

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

package/modern/ScatterChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -0,0 +1,8 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
+  return _extends({
+    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`,
+    color: colors[seriesIndex % colors.length]
+  }, seriesData);
+};
+export default getSeriesWithDefaultValues;

package/modern/ScatterChart/seriesConfig/index.js

@@ -3,11 +3,13 @@ import seriesProcessor from "./seriesProcessor.js";
 import getColor from "./getColor.js";
 import legendGetter from "./legend.js";
 import tooltipGetter from "./tooltip.js";
+import getSeriesWithDefaultValues from "./getSeriesWithDefaultValues.js";
 export const seriesConfig = {
   seriesProcessor,
   colorProcessor: getColor,
   legendGetter,
   tooltipGetter,
   xExtremumGetter: getExtremumX,
-  yExtremumGetter: getExtremumY
+  yExtremumGetter: getExtremumY,
+  getSeriesWithDefaultValues
 };

package/modern/SparkLineChart/SparkLineChart.d.ts

@@ -14,7 +14,7 @@ import { BarPlotSlots, BarPlotSlotProps } from "../BarChart/BarPlot.js";
 import { ChartMargin } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types.js";
 export interface SparkLineChartSlots extends AreaPlotSlots, LinePlotSlots, MarkPlotSlots, LineHighlightPlotSlots, Omit<BarPlotSlots, 'barLabel'>, ChartsTooltipSlots {}
 export interface SparkLineChartSlotProps extends AreaPlotSlotProps, LinePlotSlotProps, MarkPlotSlotProps, LineHighlightPlotSlotProps, BarPlotSlotProps, ChartsTooltipSlotProps {}
-export interface SparkLineChartProps extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'margin' | 'plugins' | 'colors'> {
+export interface SparkLineChartProps extends Omit<ChartContainerProps, 'series' | 'xAxis' | 'yAxis' | 'zAxis' | 'radiusAxis' | 'rotationAxis' | 'margin' | 'plugins' | 'colors'> {
   /**
    * The xAxis configuration.
    * Notice it is a single [[AxisConfig]] object, not an array of configuration.

package/modern/constants/index.d.ts

@@ -1,5 +1,7 @@
 export declare const DEFAULT_X_AXIS_KEY = "DEFAULT_X_AXIS_KEY";
 export declare const DEFAULT_Y_AXIS_KEY = "DEFAULT_Y_AXIS_KEY";
+export declare const DEFAULT_ROTATION_AXIS_KEY = "DEFAULT_ROTATION_AXIS_KEY";
+export declare const DEFAULT_RADIUS_AXIS_KEY = "DEFAULT_RADIUS_AXIS_KEY";
 export declare const DEFAULT_MARGINS: {
   top: number;
   bottom: number;
@@ -8,9 +10,4 @@ export declare const DEFAULT_MARGINS: {
 };
 export declare const DEFAULT_AXIS_SIZE_WIDTH = 30;
 export declare const DEFAULT_AXIS_SIZE_HEIGHT = 25;
-export declare const EMPTY_SIDES: {
-  top: number;
-  bottom: number;
-  left: number;
-  right: number;
-};
+export declare const AXIS_LABEL_DEFAULT_HEIGHT = 20;

package/modern/constants/index.js

@@ -1,5 +1,7 @@
 export const DEFAULT_X_AXIS_KEY = 'DEFAULT_X_AXIS_KEY';
 export const DEFAULT_Y_AXIS_KEY = 'DEFAULT_Y_AXIS_KEY';
+export const DEFAULT_ROTATION_AXIS_KEY = 'DEFAULT_ROTATION_AXIS_KEY';
+export const DEFAULT_RADIUS_AXIS_KEY = 'DEFAULT_RADIUS_AXIS_KEY';
 export const DEFAULT_MARGINS = {
   top: 20,
   bottom: 20,
@@ -8,9 +10,6 @@ export const DEFAULT_MARGINS = {
 };
 export const DEFAULT_AXIS_SIZE_WIDTH = 30;
 export const DEFAULT_AXIS_SIZE_HEIGHT = 25;
-export const EMPTY_SIDES = {
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0
-};
+
+// How many pixels to add to the default axis size if that axis has a label
+export const AXIS_LABEL_DEFAULT_HEIGHT = 20;

package/modern/hooks/useAxis.d.ts

@@ -38,4 +38,14 @@ export declare function useXAxis(axisId?: AxisId): import("../internals").AxisDe
  * @param {AxisId | undefined} axisId - If provided returns the y axis with axisId, else returns the values for the default y axis.
  * @returns The Y axis.
  */
-export declare function useYAxis(axisId?: AxisId): import("../internals").AxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsYAxisProps>;
+export declare function useYAxis(axisId?: AxisId): import("../internals").AxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsYAxisProps>;
+export declare function useRotationAxes(): {
+  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<import("../internals").ChartsAxisProps>;
+  rotationAxisIds: string[];
+};
+export declare function useRadiusAxes(): {
+  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<import("..").ChartsYAxisProps>;
+  radiusAxisIds: string[];
+};
+export declare function useRotationAxis(identifier?: number | string): import("../internals").PolarAxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("../internals").ChartsAxisProps>;
+export declare function useRadiusAxis(identifier?: number | string): import("../internals").PolarAxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsYAxisProps>;

package/modern/hooks/useAxis.js

@@ -1,6 +1,7 @@
 'use client';
 
 import { selectorChartXAxis, selectorChartYAxis } from "../internals/plugins/featurePlugins/useChartCartesianAxis/useChartCartesianAxisRendering.selectors.js";
+import { selectorChartRadiusAxis, selectorChartRotationAxis } from "../internals/plugins/featurePlugins/useChartPolarAxis/index.js";
 import { useSelector } from "../internals/store/useSelector.js";
 import { useStore } from "../internals/store/useStore.js";
 /**
@@ -75,4 +76,44 @@ export function useYAxis(axisId) {
   } = useSelector(store, selectorChartYAxis);
   const id = axisId ?? yAxisIds[0];
   return yAxis[id];
+}
+export function useRotationAxes() {
+  const store = useStore();
+  const {
+    axis: rotationAxis,
+    axisIds: rotationAxisIds
+  } = useSelector(store, selectorChartRotationAxis);
+  return {
+    rotationAxis,
+    rotationAxisIds
+  };
+}
+export function useRadiusAxes() {
+  const store = useStore();
+  const {
+    axis: radiusAxis,
+    axisIds: radiusAxisIds
+  } = useSelector(store, selectorChartRadiusAxis);
+  return {
+    radiusAxis,
+    radiusAxisIds
+  };
+}
+export function useRotationAxis(identifier) {
+  const store = useStore();
+  const {
+    axis: rotationAxis,
+    axisIds: rotationAxisIds
+  } = useSelector(store, selectorChartRotationAxis);
+  const id = typeof identifier === 'string' ? identifier : rotationAxisIds[identifier ?? 0];
+  return rotationAxis[id];
+}
+export function useRadiusAxis(identifier) {
+  const store = useStore();
+  const {
+    axis: radiusAxis,
+    axisIds: radiusAxisIds
+  } = useSelector(store, selectorChartRadiusAxis);
+  const id = typeof identifier === 'string' ? identifier : radiusAxisIds[identifier ?? 0];
+  return radiusAxis[id];
 }

package/modern/hooks/useRadarSeries.d.ts

@@ -0,0 +1,35 @@
+import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import { SeriesId } from "../models/seriesType/common.js";
+import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+export type UseRadarSeriesReturnValue = ChartSeriesDefaultized<'radar'>;
+export type UseRadarSeriesContextReturnValue = ProcessedSeries['radar'];
+/**
+ * Get access to the internal state of radar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseRadarSeriesReturnValue} the radar series
+ */
+export declare function useRadarSeries(seriesId: SeriesId): UseRadarSeriesReturnValue | undefined;
+/**
+ * Get access to the internal state of radar series.
+ *
+ * When called without arguments, it returns all radar series.
+ *
+ * @returns {UseRadarSeriesReturnValue[]} the radar series
+ */
+export declare function useRadarSeries(): UseRadarSeriesReturnValue[];
+/**
+ * Get access to the internal state of radar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseRadarSeriesReturnValue[]} the radar series
+ */
+export declare function useRadarSeries(seriesIds?: SeriesId[]): UseRadarSeriesReturnValue[];
+/**
+ * Get access to the internal state of radar series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the radar series
+ */
+export declare function useRadarSeriesContext(): UseRadarSeriesContextReturnValue;

package/modern/hooks/useRadarSeries.js

@@ -0,0 +1,42 @@
+'use client';
+
+import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
+const useSelectorSeries = createSeriesSelectorsOfType('radar');
+const useSelectorSeriesContext = createAllSeriesSelectorOfType('radar');
+
+/**
+ * Get access to the internal state of radar series.
+ *
+ * @param {SeriesId} seriesId The id of the series to get.
+ * @returns {UseRadarSeriesReturnValue} the radar series
+ */
+
+/**
+ * Get access to the internal state of radar series.
+ *
+ * When called without arguments, it returns all radar series.
+ *
+ * @returns {UseRadarSeriesReturnValue[]} the radar series
+ */
+
+/**
+ * Get access to the internal state of radar series.
+ *
+ * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
+ * @returns {UseRadarSeriesReturnValue[]} the radar series
+ */
+
+export function useRadarSeries(seriesIds) {
+  return useSelectorSeries(seriesIds);
+}
+
+/**
+ * Get access to the internal state of radar series.
+ * The returned object contains:
+ * - series: a mapping from ids to series attributes.
+ * - seriesOrder: the array of series ids.
+ * @returns the radar series
+ */
+export function useRadarSeriesContext() {
+  return useSelectorSeriesContext();
+}

package/modern/hooks/useScale.d.ts

@@ -19,4 +19,6 @@ export declare function useXScale<S extends ScaleName>(axisId?: AxisId): AxisSca
  * @param {AxisId | undefined} axisId - If provided returns the scale for the y axis with axisId, else returns the values for the default y axis.
  * @returns {AxisScaleConfig[S]['scale']} The scale for the specified Y axis.
  */
-export declare function useYScale<S extends ScaleName>(axisId?: AxisId): AxisScaleConfig[S]['scale'];
+export declare function useYScale<S extends ScaleName>(axisId?: AxisId): AxisScaleConfig[S]['scale'];
+export declare function useRotationScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'];
+export declare function useRadiusScale<S extends ScaleName>(identifier?: number | string): AxisScaleConfig[S]['scale'];

package/modern/hooks/useScale.js

@@ -1,7 +1,7 @@
 'use client';
 
 import { isBandScale } from "../internals/isBandScale.js";
-import { useXAxis, useYAxis } from "./useAxis.js";
+import { useRadiusAxis, useRotationAxis, useXAxis, useYAxis } from "./useAxis.js";
 
 /**
  * For a given scale return a function that map value to their position.
@@ -36,4 +36,12 @@ export function useXScale(axisId) {
 export function useYScale(axisId) {
   const axis = useYAxis(axisId);
   return axis.scale;
+}
+export function useRotationScale(identifier) {
+  const axis = useRotationAxis(identifier);
+  return axis.scale;
+}
+export function useRadiusScale(identifier) {
+  const axis = useRadiusAxis(identifier);
+  return axis.scale;
 }

package/modern/hooks/useTicks.js

@@ -29,12 +29,13 @@ export function useTicks(options) {
     valueFormatter,
     tickInterval,
     tickPlacement = 'extremities',
-    tickLabelPlacement = 'middle'
+    tickLabelPlacement: tickLabelPlacementProp
   } = options;
   return React.useMemo(() => {
     // band scale
     if (isBandScale(scale)) {
       const domain = scale.domain();
+      const tickLabelPlacement = tickLabelPlacementProp ?? 'middle';
       if (scale.bandwidth() > 0) {
         // scale type = 'band'
         const filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || typeof tickInterval === 'object' && tickInterval || domain;
@@ -71,15 +72,20 @@ export function useTicks(options) {
     if (domain.some(isInfinity)) {
       return [];
     }
+    const tickLabelPlacement = tickLabelPlacementProp;
     const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
-    return ticks.map(value => ({
-      value,
-      formattedValue: valueFormatter?.(value, {
-        location: 'tick',
-        scale
-      }) ?? scale.tickFormat(tickNumber)(value),
-      offset: scale(value),
-      labelOffset: 0
-    }));
-  }, [scale, tickInterval, tickNumber, valueFormatter, tickPlacement, tickLabelPlacement]);
+    return ticks.map((value, i) => {
+      return {
+        value,
+        formattedValue: valueFormatter?.(value, {
+          location: 'tick',
+          scale
+        }) ?? scale.tickFormat(tickNumber)(value),
+        offset: scale(value),
+        // Allowing the label to be placed in the middle of a continuous scale is weird.
+        // But it is useful in some cases, like funnel categories with a linear scale.
+        labelOffset: tickLabelPlacement === 'middle' ? scale(ticks[i - 1] ?? 0) - (scale(value) + scale(ticks[i - 1] ?? 0)) / 2 : 0
+      };
+    });
+  }, [scale, tickInterval, tickNumber, valueFormatter, tickPlacement, tickLabelPlacementProp]);
 }

package/modern/index.d.ts

@@ -20,6 +20,7 @@ export * from "./PieChart/index.js";
 export * from "./ScatterChart/index.js";
 export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
+export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
 export * from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";

package/modern/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.0.0-alpha.13
+ * @mui/x-charts v8.0.0-alpha.14
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -27,6 +27,7 @@ export * from "./PieChart/index.js";
 export * from "./ScatterChart/index.js";
 export * from "./SparkLineChart/index.js";
 export * from "./Gauge/index.js";
+export * from "./RadarChart/index.js";
 export * from "./ChartsSurface/index.js";
 export * from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";

package/modern/internals/clampAngle.d.ts

@@ -0,0 +1,2 @@
+/** Clamp angle to [0, 360[. */
+export declare function clampAngle(angle: number): number;

package/modern/internals/clampAngle.js

@@ -0,0 +1,4 @@
+/** Clamp angle to [0, 360[. */
+export function clampAngle(angle) {
+  return (angle % 360 + 360) % 360;
+}

package/modern/internals/components/AxisSharedComponents.js

@@ -11,9 +11,9 @@ export const AxisRoot = styled('g', {
   [`& .${axisClasses.tickLabel}`]: _extends({}, theme.typography.caption, {
     fill: (theme.vars || theme).palette.text.primary
   }),
-  [`& .${axisClasses.label}`]: _extends({}, theme.typography.body1, {
+  [`& .${axisClasses.label}`]: {
     fill: (theme.vars || theme).palette.text.primary
-  }),
+  },
   [`& .${axisClasses.line}`]: {
     stroke: (theme.vars || theme).palette.text.primary,
     shapeRendering: 'crispEdges',

package/modern/internals/configInit.d.ts

@@ -1,9 +1,16 @@
-import { ChartSeriesType } from "../models/seriesType/config.js";
+import { CartesianChartSeriesType, PolarChartSeriesType } from "../models/seriesType/config.js";
 declare class CartesianSeriesTypes {
-  types: Set<ChartSeriesType>;
+  types: Set<CartesianChartSeriesType>;
   constructor();
-  addType(value: ChartSeriesType): void;
-  getTypes(): Set<keyof import(".").ChartsSeriesConfig>;
+  addType(value: CartesianChartSeriesType): void;
+  getTypes(): Set<"line" | "scatter" | "bar">;
+}
+declare class PolarSeriesTypes {
+  types: Set<PolarChartSeriesType>;
+  constructor();
+  addType(value: PolarChartSeriesType): void;
+  getTypes(): Set<"radar">;
 }
 export declare const cartesianSeriesTypes: CartesianSeriesTypes;
+export declare const polarSeriesTypes: PolarSeriesTypes;
 export {};

package/modern/internals/configInit.js

@@ -1,11 +1,27 @@
-let instance;
+let cartesianInstance;
+let polarInstance;
 class CartesianSeriesTypes {
   constructor() {
     this.types = new Set();
-    if (instance) {
+    if (cartesianInstance) {
       throw new Error('You can only create one instance!');
     }
-    instance = this.types;
+    cartesianInstance = this.types;
+  }
+  addType(value) {
+    this.types.add(value);
+  }
+  getTypes() {
+    return this.types;
+  }
+}
+class PolarSeriesTypes {
+  constructor() {
+    this.types = new Set();
+    if (polarInstance) {
+      throw new Error('You can only create one instance!');
+    }
+    polarInstance = this.types;
   }
   addType(value) {
     this.types.add(value);
@@ -17,4 +33,6 @@ class CartesianSeriesTypes {
 export const cartesianSeriesTypes = new CartesianSeriesTypes();
 cartesianSeriesTypes.addType('bar');
 cartesianSeriesTypes.addType('line');
-cartesianSeriesTypes.addType('scatter');
+cartesianSeriesTypes.addType('scatter');
+export const polarSeriesTypes = new PolarSeriesTypes();
+polarSeriesTypes.addType('radar');

package/modern/internals/index.d.ts

@@ -15,6 +15,7 @@ export * from "./plugins/corePlugins/useChartSeries/index.js";
 export * from "./plugins/corePlugins/useChartDimensions/index.js";
 export * from "./plugins/featurePlugins/useChartZAxis/index.js";
 export * from "./plugins/featurePlugins/useChartCartesianAxis/index.js";
+export * from "./plugins/featurePlugins/useChartPolarAxis/index.js";
 export * from "./plugins/featurePlugins/useChartInteraction/index.js";
 export * from "./plugins/featurePlugins/useChartHighlight/index.js";
 export * from "./plugins/featurePlugins/useChartVoronoi/index.js";
@@ -32,7 +33,11 @@ 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 "../context/AnimationProvider/index.js";
 export type * from '../context/context.types';
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";

package/modern/internals/index.js

@@ -20,6 +20,7 @@ export * from "./plugins/corePlugins/useChartSeries/index.js";
 export * from "./plugins/corePlugins/useChartDimensions/index.js";
 export * from "./plugins/featurePlugins/useChartZAxis/index.js";
 export * from "./plugins/featurePlugins/useChartCartesianAxis/index.js";
+export * from "./plugins/featurePlugins/useChartPolarAxis/index.js";
 export * from "./plugins/featurePlugins/useChartInteraction/index.js";
 export * from "./plugins/featurePlugins/useChartHighlight/index.js";
 export * from "./plugins/featurePlugins/useChartVoronoi/index.js";
@@ -42,7 +43,11 @@ 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";
 
 // contexts
 

package/modern/internals/invertTextAnchor.d.ts

@@ -0,0 +1,2 @@
+import { ChartsTextStyle } from "../ChartsText/index.js";
+export declare function invertTextAnchor(textAnchor: ChartsTextStyle['textAnchor']): ChartsTextStyle['textAnchor'];