@mui/x-charts-pro 8.28.3 → 8.29.0

package/{esm/ChartsToolbarPro/ChartsToolbarPro.js → ChartsToolbarPro/ChartsToolbarPro.mjs}

@@ -9,13 +9,13 @@ import { Toolbar, ToolbarButton } from '@mui/x-charts/Toolbar';
 import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useChartsLocalization } from '@mui/x-charts/hooks';
 import useId from '@mui/utils/useId';
-import { ChartsToolbarDivider } from "./internals/ChartsToolbarDivider.js";
-import { ChartsMenu } from "./internals/ChartsMenu.js";
-import { selectorChartZoomIsEnabled } from "../internals/plugins/useChartProZoom/index.js";
-import { ChartsToolbarZoomInTrigger } from "./ChartsToolbarZoomInTrigger.js";
-import { ChartsToolbarZoomOutTrigger } from "./ChartsToolbarZoomOutTrigger.js";
-import { ChartsToolbarPrintExportTrigger } from "./ChartsToolbarPrintExportTrigger.js";
-import { ChartsToolbarImageExportTrigger } from "./ChartsToolbarImageExportTrigger.js";
+import { ChartsToolbarDivider } from "./internals/ChartsToolbarDivider.mjs";
+import { ChartsMenu } from "./internals/ChartsMenu.mjs";
+import { selectorChartZoomIsEnabled } from "../internals/plugins/useChartProZoom/index.mjs";
+import { ChartsToolbarZoomInTrigger } from "./ChartsToolbarZoomInTrigger.mjs";
+import { ChartsToolbarZoomOutTrigger } from "./ChartsToolbarZoomOutTrigger.mjs";
+import { ChartsToolbarPrintExportTrigger } from "./ChartsToolbarPrintExportTrigger.mjs";
+import { ChartsToolbarImageExportTrigger } from "./ChartsToolbarImageExportTrigger.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_IMAGE_EXPORT_OPTIONS = [{
   type: 'image/png'

package/{esm/ChartsToolbarPro/ChartsToolbarZoomInTrigger.js → ChartsToolbarPro/ChartsToolbarZoomInTrigger.mjs}

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { selectorChartCanZoomIn } from "../internals/plugins/useChartProZoom/index.js";
+import { selectorChartCanZoomIn } from "../internals/plugins/useChartProZoom/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that zooms the chart in.

package/{esm/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.js → ChartsToolbarPro/ChartsToolbarZoomOutTrigger.mjs}

@@ -7,7 +7,7 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useChartContext, useChartsSlots } from '@mui/x-charts/internals';
 import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { selectorChartCanZoomOut } from "../internals/plugins/useChartProZoom/index.js";
+import { selectorChartCanZoomOut } from "../internals/plugins/useChartProZoom/index.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * A button that zooms the chart out.

package/{esm/ChartsToolbarPro/Toolbar.types.d.ts → ChartsToolbarPro/Toolbar.types.d.mts}

@@ -1,5 +1,5 @@
 import type * as React from 'react';
-import { type ChartsToolbarProProps } from "./ChartsToolbarPro.js";
+import { type ChartsToolbarProProps } from "./ChartsToolbarPro.mjs";
 export interface ChartsToolbarProSlots {
   /**
    * Custom component for the toolbar.

package/ChartsToolbarPro/index.d.mts

@@ -0,0 +1,5 @@
+export * from "./ChartsToolbarPro.mjs";
+export * from "./ChartsToolbarZoomInTrigger.mjs";
+export * from "./ChartsToolbarZoomOutTrigger.mjs";
+export * from "./ChartsToolbarPrintExportTrigger.mjs";
+export * from "./ChartsToolbarImageExportTrigger.mjs";

package/ChartsToolbarPro/index.mjs

@@ -0,0 +1,5 @@
+export * from "./ChartsToolbarPro.mjs";
+export * from "./ChartsToolbarZoomInTrigger.mjs";
+export * from "./ChartsToolbarZoomOutTrigger.mjs";
+export * from "./ChartsToolbarPrintExportTrigger.mjs";
+export * from "./ChartsToolbarImageExportTrigger.mjs";

package/{esm/ChartsToolbarPro/internals/ChartsMenu.d.ts → ChartsToolbarPro/internals/ChartsMenu.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ChartBasePopperProps, type Placement } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBasePopperProps, type Placement } from "../../internals/slots/chartBaseSlotProps.mjs";
 export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className' | 'onExited'> {
   open: boolean;
   target: HTMLElement | null;

package/{esm/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts → ChartsToolbarPro/internals/ChartsToolbarDivider.d.mts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.js";
+import { type ChartBaseDividerProps } from "../../internals/slots/chartBaseSlotProps.mjs";
 export interface ChartsToolbarDividerProps extends ChartBaseDividerProps {}
 declare const ChartsToolbarDivider: React.ForwardRefExoticComponent<Omit<ChartsToolbarDividerProps, "ref"> & React.RefAttributes<HTMLHRElement>>;
 export { ChartsToolbarDivider };

package/{esm/ChartsZoomSlider/ChartsZoomSlider.js → ChartsZoomSlider/ChartsZoomSlider.mjs}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useXAxes, useYAxes } from '@mui/x-charts/hooks';
-import { ChartsAxisZoomSlider } from "./internals/ChartsAxisZoomSlider.js";
+import { ChartsAxisZoomSlider } from "./internals/ChartsAxisZoomSlider.mjs";
 
 /**
  * Renders the zoom slider for all x and y axes that have it enabled.

package/{esm/ChartsZoomSlider/index.d.ts → ChartsZoomSlider/index.d.mts}

@@ -1,3 +1,3 @@
-export { ChartsZoomSlider } from "./ChartsZoomSlider.js";
-export { type ChartsAxisZoomSliderThumbClasses, type ChartsAxisZoomSliderThumbClassKey, chartsAxisZoomSliderThumbClasses } from "./internals/chartsAxisZoomSliderThumbClasses.js";
-export { type ChartsAxisZoomSliderTrackClasses, type ChartsAxisZoomSliderTrackClassKey, chartsAxisZoomSliderTrackClasses } from "./internals/chartsAxisZoomSliderTrackClasses.js";
+export { ChartsZoomSlider } from "./ChartsZoomSlider.mjs";
+export { type ChartsAxisZoomSliderThumbClasses, type ChartsAxisZoomSliderThumbClassKey, chartsAxisZoomSliderThumbClasses } from "./internals/chartsAxisZoomSliderThumbClasses.mjs";
+export { type ChartsAxisZoomSliderTrackClasses, type ChartsAxisZoomSliderTrackClassKey, chartsAxisZoomSliderTrackClasses } from "./internals/chartsAxisZoomSliderTrackClasses.mjs";

package/ChartsZoomSlider/index.mjs

@@ -0,0 +1,3 @@
+export { ChartsZoomSlider } from "./ChartsZoomSlider.mjs";
+export { chartsAxisZoomSliderThumbClasses } from "./internals/chartsAxisZoomSliderThumbClasses.mjs";
+export { chartsAxisZoomSliderTrackClasses } from "./internals/chartsAxisZoomSliderTrackClasses.mjs";

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSlider.js → ChartsZoomSlider/internals/ChartsAxisZoomSlider.mjs}

@@ -3,11 +3,11 @@
 import * as React from 'react';
 import { DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP, selectorChartAxisZoomOptionsLookup, useDrawingArea, useStore, ZOOM_SLIDER_MARGIN, ZOOM_SLIDER_PREVIEW_SIZE } from '@mui/x-charts/internals';
 import { useXAxes, useYAxes } from '@mui/x-charts/hooks';
-import { ChartsAxisZoomSliderPreview } from "./ChartsAxisZoomSliderPreview.js";
-import { ZOOM_SLIDER_ACTIVE_TRACK_SIZE, ZOOM_SLIDER_SIZE, ZOOM_SLIDER_TRACK_SIZE } from "./constants.js";
-import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.js";
-import { ChartsAxisZoomSliderTrack } from "./ChartsAxisZoomSliderTrack.js";
-import { ChartsAxisZoomSliderActiveTrack } from "./ChartsAxisZoomSliderActiveTrack.js";
+import { ChartsAxisZoomSliderPreview } from "./ChartsAxisZoomSliderPreview.mjs";
+import { ZOOM_SLIDER_ACTIVE_TRACK_SIZE, ZOOM_SLIDER_SIZE, ZOOM_SLIDER_TRACK_SIZE } from "./constants.mjs";
+import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.mjs";
+import { ChartsAxisZoomSliderTrack } from "./ChartsAxisZoomSliderTrack.mjs";
+import { ChartsAxisZoomSliderActiveTrack } from "./ChartsAxisZoomSliderActiveTrack.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Renders the zoom slider for a specific axis.

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderActiveTrack.mjs}

@@ -6,12 +6,12 @@ import { getSVGPoint, invertScale, selectorChartAxis, selectorChartAxisZoomOptio
 import * as React from 'react';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import { shouldForwardProp } from '@mui/system';
-import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.js";
-import { ChartsAxisZoomSliderThumb } from "./ChartsAxisZoomSliderThumb.js";
-import { ChartsTooltipZoomSliderValue } from "./ChartsTooltipZoomSliderValue.js";
-import { calculateZoomEnd, calculateZoomFromPoint, calculateZoomStart } from "./zoom-utils.js";
-import { ZOOM_SLIDER_THUMB_HEIGHT, ZOOM_SLIDER_THUMB_WIDTH } from "./constants.js";
-import { useUtilityClasses } from "./chartsAxisZoomSliderTrackClasses.js";
+import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.mjs";
+import { ChartsAxisZoomSliderThumb } from "./ChartsAxisZoomSliderThumb.mjs";
+import { ChartsTooltipZoomSliderValue } from "./ChartsTooltipZoomSliderValue.mjs";
+import { calculateZoomEnd, calculateZoomFromPoint, calculateZoomStart } from "./zoom-utils.mjs";
+import { ZOOM_SLIDER_THUMB_HEIGHT, ZOOM_SLIDER_THUMB_WIDTH } from "./constants.mjs";
+import { useUtilityClasses } from "./chartsAxisZoomSliderTrackClasses.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ZoomSliderActiveTrackRect = styled('rect', {
   slot: 'internal',

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreview.mjs}

@@ -6,8 +6,8 @@ import { styled } from '@mui/material/styles';
 import { selectorChartAxisZoomOptionsLookup, useStore } from '@mui/x-charts/internals';
 import { alpha } from '@mui/system';
 import useId from '@mui/utils/useId';
-import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.js";
-import { ChartsAxisZoomSliderPreviewContent } from "./ChartsAxisZoomSliderPreviewContent.js";
+import { selectorChartAxisZoomData } from "../../internals/plugins/useChartProZoom/index.mjs";
+import { ChartsAxisZoomSliderPreviewContent } from "./ChartsAxisZoomSliderPreviewContent.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const PreviewBackgroundRect = styled('rect', {
   slot: 'internal',

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderPreviewContent.mjs}

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { selectorChartSeriesProcessed, useStore } from '@mui/x-charts/internals';
-import { seriesPreviewPlotMap } from "./seriesPreviewPlotMap.js";
+import { seriesPreviewPlotMap } from "./seriesPreviewPlotMap.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ChartsAxisZoomSliderPreviewContent(props) {
   const {

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderThumb.mjs}

@@ -9,7 +9,7 @@ import useForkRef from '@mui/utils/useForkRef';
 import useEventCallback from '@mui/utils/useEventCallback';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import clsx from 'clsx';
-import { chartsAxisZoomSliderThumbClasses, useUtilityClasses } from "./chartsAxisZoomSliderThumbClasses.js";
+import { chartsAxisZoomSliderThumbClasses, useUtilityClasses } from "./chartsAxisZoomSliderThumbClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Rect = styled('rect', {
   slot: 'internal',

package/{esm/ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.js → ChartsZoomSlider/internals/ChartsAxisZoomSliderTrack.mjs}

@@ -9,8 +9,8 @@ import { styled } from '@mui/material/styles';
 import { rafThrottle } from '@mui/x-internals/rafThrottle';
 import { shouldForwardProp } from '@mui/system';
 import clsx from 'clsx';
-import { calculateZoomEnd, calculateZoomFromPoint, calculateZoomStart } from "./zoom-utils.js";
-import { useUtilityClasses } from "./chartsAxisZoomSliderTrackClasses.js";
+import { calculateZoomEnd, calculateZoomFromPoint, calculateZoomStart } from "./zoom-utils.mjs";
+import { useUtilityClasses } from "./chartsAxisZoomSliderTrackClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 const ZoomSliderTrack = styled('rect', {
   slot: 'internal',

package/{esm/ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.d.ts → ChartsZoomSlider/internals/chartsAxisZoomSliderThumbClasses.d.mts}

@@ -1,4 +1,4 @@
-import type { ChartsZoomSliderThumbOwnerState } from "./ChartsAxisZoomSliderThumb.js";
+import type { ChartsZoomSliderThumbOwnerState } from "./ChartsAxisZoomSliderThumb.mjs";
 export interface ChartsAxisZoomSliderThumbClasses {
   /** Styles applied to the root element. */
   root: string;

package/{esm/ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.d.ts → ChartsZoomSlider/internals/chartsAxisZoomSliderTrackClasses.d.mts}

@@ -1,4 +1,4 @@
-import type { ChartsAxisZoomSliderActiveTrackProps } from "./ChartsAxisZoomSliderActiveTrack.js";
+import type { ChartsAxisZoomSliderActiveTrackProps } from "./ChartsAxisZoomSliderActiveTrack.mjs";
 export interface ChartsAxisZoomSliderTrackClasses {
   /** Styles applied to the root element when it is horizontal. */
   horizontal: string;

package/{esm/ChartsZoomSlider/internals/previews/AreaPreviewPlot.d.ts → ChartsZoomSlider/internals/previews/AreaPreviewPlot.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
-import { type PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.mjs";
 interface AreaPreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
 export declare function AreaPreviewPlot({
   axisId

package/{esm/ChartsZoomSlider/internals/previews/BarPreviewPlot.d.ts → ChartsZoomSlider/internals/previews/BarPreviewPlot.d.mts}

@@ -1,4 +1,4 @@
-import { type PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.mjs";
 interface BarPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.d.mts

@@ -0,0 +1,4 @@
+import { type PreviewPlotProps } from "./PreviewPlot.types.mjs";
+export declare function LineAreaPreviewPlot({
+  axisId
+}: PreviewPlotProps): import("react/jsx-runtime").JSX.Element;

package/{esm/ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.js → ChartsZoomSlider/internals/previews/LineAreaPreviewPlot.mjs}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { AreaPreviewPlot } from "./AreaPreviewPlot.js";
-import { LinePreviewPlot } from "./LinePreviewPlot.js";
+import { AreaPreviewPlot } from "./AreaPreviewPlot.mjs";
+import { LinePreviewPlot } from "./LinePreviewPlot.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function LineAreaPreviewPlot({
   axisId

package/{esm/ChartsZoomSlider/internals/previews/LinePreviewPlot.d.ts → ChartsZoomSlider/internals/previews/LinePreviewPlot.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
-import type { PreviewPlotProps } from "./PreviewPlot.types.js";
+import type { PreviewPlotProps } from "./PreviewPlot.types.mjs";
 interface LinePreviewPlotProps extends Pick<PreviewPlotProps, 'axisId'> {}
 export declare function LinePreviewPlot({
   axisId

package/{esm/ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.ts → ChartsZoomSlider/internals/previews/ScatterPreviewPlot.d.mts}

@@ -1,4 +1,4 @@
-import { type PreviewPlotProps } from "./PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./PreviewPlot.types.mjs";
 interface ScatterPreviewPlotProps extends PreviewPlotProps {
   x: number;
   y: number;

package/{esm/ChartsZoomSlider/internals/seriesPreviewPlotMap.d.ts → ChartsZoomSlider/internals/seriesPreviewPlotMap.d.mts}

@@ -1,3 +1,3 @@
 import type * as React from 'react';
-import { type PreviewPlotProps } from "./previews/PreviewPlot.types.js";
+import { type PreviewPlotProps } from "./previews/PreviewPlot.types.mjs";
 export declare const seriesPreviewPlotMap: Map<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, React.ComponentType<PreviewPlotProps>>;

package/{esm/ChartsZoomSlider/internals/seriesPreviewPlotMap.js → ChartsZoomSlider/internals/seriesPreviewPlotMap.mjs}

@@ -1,4 +1,4 @@
-import { BarPreviewPlot } from "./previews/BarPreviewPlot.js";
-import { ScatterPreviewPlot } from "./previews/ScatterPreviewPlot.js";
-import { LineAreaPreviewPlot } from "./previews/LineAreaPreviewPlot.js";
+import { BarPreviewPlot } from "./previews/BarPreviewPlot.mjs";
+import { ScatterPreviewPlot } from "./previews/ScatterPreviewPlot.mjs";
+import { LineAreaPreviewPlot } from "./previews/LineAreaPreviewPlot.mjs";
 export const seriesPreviewPlotMap = new Map([['bar', BarPreviewPlot], ['line', LineAreaPreviewPlot], ['scatter', ScatterPreviewPlot]]);

package/{esm/FunnelChart/FocusedFunnelSection.js → FunnelChart/FocusedFunnelSection.mjs}

@@ -6,11 +6,11 @@ import { useTheme } from '@mui/material/styles';
 import { useStore } from '@mui/x-charts/internals';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
 import { useFocusedItem } from '@mui/x-charts/hooks';
-import { useFunnelSeriesContext } from "../hooks/index.js";
-import { createPositionGetter } from "./coordinateMapper.js";
-import { getFunnelCurve } from "./curves/index.js";
-import { selectorChartXAxis, selectorChartYAxis, selectorFunnelGap } from "./funnelAxisPlugin/useChartFunnelAxisRendering.selectors.js";
-import { get2DExtrema } from "./get2DExtrema.js";
+import { useFunnelSeriesContext } from "../hooks/index.mjs";
+import { createPositionGetter } from "./coordinateMapper.mjs";
+import { getFunnelCurve } from "./curves/index.mjs";
+import { selectorChartXAxis, selectorChartYAxis, selectorFunnelGap } from "./funnelAxisPlugin/useChartFunnelAxisRendering.selectors.mjs";
+import { get2DExtrema } from "./get2DExtrema.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function FocusedFunnelSection(props) {
   const theme = useTheme();

package/{esm/FunnelChart/FunnelChart.d.ts → FunnelChart/FunnelChart.d.mts}

@@ -2,12 +2,12 @@ import * as React from 'react';
 import { type ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
 import { type MakeOptional } from '@mui/x-internals/types';
 import { type ChartsAxisHighlightProps } from '@mui/x-charts/ChartsAxisHighlight';
-import { type FunnelPlotProps } from "./FunnelPlot.js";
-import { type FunnelSeriesType } from "./funnel.types.js";
-import { type ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { type FunnelChartSlotExtension } from "./funnelSlots.types.js";
-import { type CategoryAxis } from "./categoryAxis.types.js";
-import { type FunnelChartPluginSignatures } from "./FunnelChart.plugins.js";
+import { type FunnelPlotProps } from "./FunnelPlot.mjs";
+import { type FunnelSeriesType } from "./funnel.types.mjs";
+import { type ChartContainerProProps } from "../ChartContainerPro/index.mjs";
+import { type FunnelChartSlotExtension } from "./funnelSlots.types.mjs";
+import { type CategoryAxis } from "./categoryAxis.types.mjs";
+import { type FunnelChartPluginSignatures } from "./FunnelChart.plugins.mjs";
 export type FunnelSeries = MakeOptional<FunnelSeriesType, 'type'>;
 export interface FunnelChartProps extends Omit<ChartContainerProProps<'funnel', FunnelChartPluginSignatures>, 'series' | 'plugins' | 'zAxis' | 'zoom' | 'onZoomChange' | 'dataset' | 'yAxis' | 'xAxis' | 'rotationAxis' | 'radiusAxis' | 'slots' | 'slotProps' | 'experimentalFeatures'>, Omit<FunnelPlotProps, 'slots' | 'slotProps'>, Omit<ChartsOverlayProps, 'slots' | 'slotProps'>, FunnelChartSlotExtension {
   /**

package/{esm/FunnelChart/FunnelChart.js → FunnelChart/FunnelChart.mjs}

@@ -11,13 +11,13 @@ import { ChartsSurface } from '@mui/x-charts/ChartsSurface';
 import { ChartsAxisHighlight } from '@mui/x-charts/ChartsAxisHighlight';
 import { ChartsAxis } from '@mui/x-charts/ChartsAxis';
 import { ChartsWrapper } from '@mui/x-charts/ChartsWrapper';
-import { FunnelPlot } from "./FunnelPlot.js";
-import { useFunnelChartProps } from "./useFunnelChartProps.js";
-import { funnelSeriesConfig } from "./seriesConfig/index.js";
-import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.js";
-import { ChartDataProviderPro } from "../ChartDataProviderPro/index.js";
-import { FUNNEL_CHART_PLUGINS } from "./FunnelChart.plugins.js";
-import { FocusedFunnelSection } from "./FocusedFunnelSection.js";
+import { FunnelPlot } from "./FunnelPlot.mjs";
+import { useFunnelChartProps } from "./useFunnelChartProps.mjs";
+import { funnelSeriesConfig } from "./seriesConfig/index.mjs";
+import { useChartContainerProProps } from "../ChartContainerPro/useChartContainerProProps.mjs";
+import { ChartDataProviderPro } from "../ChartDataProviderPro/index.mjs";
+import { FUNNEL_CHART_PLUGINS } from "./FunnelChart.plugins.mjs";
+import { FocusedFunnelSection } from "./FocusedFunnelSection.mjs";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const seriesConfig = {
   funnel: funnelSeriesConfig

package/{esm/FunnelChart/FunnelChart.plugins.d.ts → FunnelChart/FunnelChart.plugins.d.mts}

@@ -1,5 +1,5 @@
 import { type ConvertSignaturesIntoPlugins, type UseChartHighlightSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartKeyboardNavigationSignature, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { type UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.js";
+import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.mjs";
+import { type UseChartFunnelAxisSignature } from "./funnelAxisPlugin/useChartFunnelAxis.types.mjs";
 export type FunnelChartPluginSignatures = [UseChartFunnelAxisSignature, UseChartTooltipSignature<'funnel'>, UseChartInteractionSignature, UseChartHighlightSignature, UseChartVisibilityManagerSignature<'funnel'>, UseChartProExportSignature, UseChartKeyboardNavigationSignature];
 export declare const FUNNEL_CHART_PLUGINS: ConvertSignaturesIntoPlugins<FunnelChartPluginSignatures>;

package/{esm/FunnelChart/FunnelChart.plugins.js → FunnelChart/FunnelChart.plugins.mjs}

@@ -1,4 +1,4 @@
 import { useChartHighlight, useChartTooltip, useChartInteraction, useChartKeyboardNavigation, useChartVisibilityManager } from '@mui/x-charts/internals';
-import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-import { useChartFunnelAxis } from "./funnelAxisPlugin/useChartFunnelAxis.js";
+import { useChartProExport } from "../internals/plugins/useChartProExport/index.mjs";
+import { useChartFunnelAxis } from "./funnelAxisPlugin/useChartFunnelAxis.mjs";
 export const FUNNEL_CHART_PLUGINS = [useChartFunnelAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartVisibilityManager, useChartProExport, useChartKeyboardNavigation];

package/{esm/FunnelChart/FunnelPlot.d.ts → FunnelChart/FunnelPlot.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { type FunnelItemIdentifier } from "./funnel.types.js";
-import { type FunnelPlotSlotExtension } from "./funnelPlotSlots.types.js";
+import { type FunnelItemIdentifier } from "./funnel.types.mjs";
+import { type FunnelPlotSlotExtension } from "./funnelPlotSlots.types.mjs";
 export interface FunnelPlotProps extends FunnelPlotSlotExtension {
   /**
    * Callback fired when a funnel item is clicked.

package/{esm/FunnelChart/FunnelPlot.js → FunnelChart/FunnelPlot.mjs}

@@ -5,15 +5,15 @@ import * as React from 'react';
 import PropTypes from 'prop-types';
 import { line as d3Line } from '@mui/x-charts-vendor/d3-shape';
 import { cartesianSeriesTypes, useStore } from '@mui/x-charts/internals';
-import { FunnelSection } from "./FunnelSection.js";
-import { alignLabel, positionLabel } from "./labelUtils.js";
-import { useUtilityClasses } from "./funnelClasses.js";
-import { useFunnelSeriesContext } from "../hooks/useFunnelSeries.js";
-import { getFunnelCurve } from "./curves/index.js";
-import { FunnelSectionLabel } from "./FunnelSectionLabel.js";
-import { selectorChartXAxis, selectorChartYAxis, selectorFunnelGap } from "./funnelAxisPlugin/useChartFunnelAxisRendering.selectors.js";
-import { createPositionGetter } from "./coordinateMapper.js";
-import { get2DExtrema } from "./get2DExtrema.js";
+import { FunnelSection } from "./FunnelSection.mjs";
+import { alignLabel, positionLabel } from "./labelUtils.mjs";
+import { useUtilityClasses } from "./funnelClasses.mjs";
+import { useFunnelSeriesContext } from "../hooks/useFunnelSeries.mjs";
+import { getFunnelCurve } from "./curves/index.mjs";
+import { FunnelSectionLabel } from "./FunnelSectionLabel.mjs";
+import { selectorChartXAxis, selectorChartYAxis, selectorFunnelGap } from "./funnelAxisPlugin/useChartFunnelAxisRendering.selectors.mjs";
+import { createPositionGetter } from "./coordinateMapper.mjs";
+import { get2DExtrema } from "./get2DExtrema.mjs";
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 cartesianSeriesTypes.addType('funnel');

package/{esm/FunnelChart/FunnelSection.d.ts → FunnelChart/FunnelSection.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
-import { type FunnelSectionClasses } from "./funnelSectionClasses.js";
+import { type FunnelSectionClasses } from "./funnelSectionClasses.mjs";
 export interface FunnelSectionProps extends Omit<React.SVGProps<SVGPathElement>, 'ref' | 'id'> {
   seriesId: SeriesId;
   dataIndex: number;

package/{esm/FunnelChart/FunnelSection.js → FunnelChart/FunnelSection.mjs}

@@ -8,8 +8,8 @@ import { styled } from '@mui/material/styles';
 import { useInteractionItemProps, consumeSlots } from '@mui/x-charts/internals';
 import { useItemHighlighted } from '@mui/x-charts/hooks';
 import clsx from 'clsx';
-import { useUtilityClasses as useDeprecatedUtilityClasses } from "./funnelSectionClasses.js";
-import { useUtilityClasses } from "./funnelClasses.js";
+import { useUtilityClasses as useDeprecatedUtilityClasses } from "./funnelSectionClasses.mjs";
+import { useUtilityClasses } from "./funnelClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const FunnelSectionPath = styled('path', {
   name: 'MuiFunnelChart',

package/{esm/FunnelChart/FunnelSectionLabel.d.ts → FunnelChart/FunnelSectionLabel.d.mts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type SeriesId } from '@mui/x-charts/internals';
-import { type FunnelSectionClasses } from "./funnelSectionClasses.js";
+import { type FunnelSectionClasses } from "./funnelSectionClasses.mjs";
 export interface FunnelSectionLabelConfig {
   x: number;
   y: number;

package/{esm/FunnelChart/FunnelSectionLabel.js → FunnelChart/FunnelSectionLabel.mjs}

@@ -7,8 +7,8 @@ import * as React from 'react';
 import { styled, useTheme } from '@mui/material/styles';
 import { consumeSlots } from '@mui/x-charts/internals';
 import clsx from 'clsx';
-import { useLabelUtilityClasses as useDeprecatedLabelUtilityClasses } from "./funnelSectionClasses.js";
-import { useUtilityClasses } from "./funnelClasses.js";
+import { useLabelUtilityClasses as useDeprecatedLabelUtilityClasses } from "./funnelSectionClasses.mjs";
+import { useUtilityClasses } from "./funnelClasses.mjs";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const FunnelSectionLabelText = styled('text', {
   name: 'MuiFunnelChart',

package/{esm/FunnelChart/coordinateMapper.d.ts → FunnelChart/coordinateMapper.d.mts}

@@ -1,3 +1,3 @@
 import { type D3Scale } from '@mui/x-charts/internals';
-import { type PositionGetter } from "./curves/curve.types.js";
+import { type PositionGetter } from "./curves/curve.types.mjs";
 export declare const createPositionGetter: (scale: D3Scale, isCategoryDirection: boolean, gap: number, ordinalScaleData: readonly any[] | undefined) => PositionGetter;

package/{esm/FunnelChart/curves/borderRadiusPolygon.d.ts → FunnelChart/curves/borderRadiusPolygon.d.mts}

@@ -1,4 +1,4 @@
-import { type Point } from "./curve.types.js";
+import { type Point } from "./curve.types.mjs";
 /**
  * Draws a polygon with rounded corners
  * @param {CanvasRenderingContext2D} ctx The canvas context

package/{esm/FunnelChart/curves/bump.d.ts → FunnelChart/curves/bump.d.mts}

@@ -1,4 +1,4 @@
-import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.mjs";
 /**
  * This is a custom "bump" curve generator.
  * It draws smooth curves for the 4 provided points,

package/FunnelChart/curves/getFunnelCurve.d.mts

@@ -0,0 +1,8 @@
+import type { Path } from '@mui/x-charts-vendor/d3-path';
+import { type CurveOptions, type FunnelCurveType } from "./curve.types.mjs";
+import { Step } from "./step.mjs";
+import { Linear } from "./linear.mjs";
+import { Bump } from "./bump.mjs";
+import { Pyramid } from "./pyramid.mjs";
+import { StepPyramid } from "./step-pyramid.mjs";
+export declare const getFunnelCurve: (curve: FunnelCurveType | undefined, options: CurveOptions) => (context: CanvasRenderingContext2D | Path) => Step | Linear | Bump | Pyramid | StepPyramid;

package/{esm/FunnelChart/curves/getFunnelCurve.js → FunnelChart/curves/getFunnelCurve.mjs}

@@ -1,8 +1,8 @@
-import { Step } from "./step.js";
-import { Linear } from "./linear.js";
-import { Bump } from "./bump.js";
-import { Pyramid } from "./pyramid.js";
-import { StepPyramid } from "./step-pyramid.js";
+import { Step } from "./step.mjs";
+import { Linear } from "./linear.mjs";
+import { Bump } from "./bump.mjs";
+import { Pyramid } from "./pyramid.mjs";
+import { StepPyramid } from "./step-pyramid.mjs";
 const curveConstructor = curve => {
   if (curve === 'step') {
     return Step;

package/FunnelChart/curves/index.d.mts

@@ -0,0 +1,2 @@
+export * from "./curve.types.mjs";
+export * from "./getFunnelCurve.mjs";

package/FunnelChart/curves/index.mjs

@@ -0,0 +1,2 @@
+export * from "./curve.types.mjs";
+export * from "./getFunnelCurve.mjs";

package/{esm/FunnelChart/curves/linear.d.ts → FunnelChart/curves/linear.d.mts}

@@ -1,4 +1,4 @@
-import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.mjs";
 /**
  * This is a custom "linear" curve generator.
  * It draws straight lines for the 4 provided points,

package/{esm/FunnelChart/curves/linear.js → FunnelChart/curves/linear.mjs}

@@ -1,5 +1,5 @@
-import { borderRadiusPolygon } from "./borderRadiusPolygon.js";
-import { lerpX, lerpY } from "./utils.js";
+import { borderRadiusPolygon } from "./borderRadiusPolygon.mjs";
+import { lerpX, lerpY } from "./utils.mjs";
 
 /**
  * This is a custom "linear" curve generator.

package/{esm/FunnelChart/curves/pyramid.d.ts → FunnelChart/curves/pyramid.d.mts}

@@ -1,4 +1,4 @@
-import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.mjs";
 /**
  * This is a custom "pyramid" curve generator.
  * It draws straight lines for the 4 provided points. The slopes are calculated

package/{esm/FunnelChart/curves/pyramid.js → FunnelChart/curves/pyramid.mjs}

@@ -1,5 +1,5 @@
-import { borderRadiusPolygon } from "./borderRadiusPolygon.js";
-import { lerpX, lerpY } from "./utils.js";
+import { borderRadiusPolygon } from "./borderRadiusPolygon.mjs";
+import { lerpX, lerpY } from "./utils.mjs";
 
 /**
  * This is a custom "pyramid" curve generator.

package/{esm/FunnelChart/curves/step-pyramid.d.ts → FunnelChart/curves/step-pyramid.d.mts}

@@ -1,4 +1,4 @@
-import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.mjs";
 /**
  * This is a custom "step-pyramid" curve generator.
  * It creates a step pyramid, which is a step-like shape with static lengths.

package/{esm/FunnelChart/curves/step-pyramid.js → FunnelChart/curves/step-pyramid.mjs}

@@ -1,5 +1,5 @@
-import { borderRadiusPolygon } from "./borderRadiusPolygon.js";
-import { lerpX, lerpY } from "./utils.js";
+import { borderRadiusPolygon } from "./borderRadiusPolygon.mjs";
+import { lerpX, lerpY } from "./utils.mjs";
 
 /**
  * This is a custom "step-pyramid" curve generator.

package/{esm/FunnelChart/curves/step.d.ts → FunnelChart/curves/step.d.mts}

@@ -1,4 +1,4 @@
-import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.js";
+import { type FunnelCurveGenerator, type CurveOptions, type Point } from "./curve.types.mjs";
 /**
  * This is a custom "step" curve generator.
  * It is used to draw "rectangles" from 4 points without having to rework the rendering logic,

package/{esm/FunnelChart/curves/step.js → FunnelChart/curves/step.mjs}

@@ -1,5 +1,5 @@
-import { borderRadiusPolygon } from "./borderRadiusPolygon.js";
-import { max, min } from "./utils.js";
+import { borderRadiusPolygon } from "./borderRadiusPolygon.mjs";
+import { max, min } from "./utils.mjs";
 
 /**
  * This is a custom "step" curve generator.

package/{esm/FunnelChart/funnel.types.d.ts → FunnelChart/funnel.types.d.mts}

@@ -2,7 +2,7 @@ import { type ChartsLabelMarkProps } from '@mui/x-charts/ChartsLabel';
 import { type CommonSeriesType, type CartesianSeriesType, type CommonDefaultizedProps, type SeriesId } from '@mui/x-charts/internals';
 import { type Position } from '@mui/x-charts/models';
 import { type DefaultizedProps, type MakeRequired } from '@mui/x-internals/types';
-import { type FunnelCurveType } from "./curves/index.js";
+import { type FunnelCurveType } from "./curves/index.mjs";
 export type FunnelItemId = string | number;
 export type FunnelValueType = {
   /**

package/{esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.d.ts → FunnelChart/funnelAxisPlugin/useChartFunnelAxis.d.mts}

@@ -1,3 +1,3 @@
 import { type ChartPlugin } from '@mui/x-charts/internals';
-import { type UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.js";
+import { type UseChartFunnelAxisSignature } from "./useChartFunnelAxis.types.mjs";
 export declare const useChartFunnelAxis: ChartPlugin<UseChartFunnelAxisSignature>;

package/{esm/FunnelChart/funnelAxisPlugin/useChartFunnelAxis.js → FunnelChart/funnelAxisPlugin/useChartFunnelAxis.mjs}

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { warnOnce } from '@mui/x-internals/warning';
 import { getSVGPoint, getCartesianAxisIndex, selectorChartDrawingArea, selectorChartSeriesProcessed, selectorChartsInteractionIsInitialized, defaultizeXAxis, defaultizeYAxis } from '@mui/x-charts/internals';
-import { selectorChartXAxis, selectorChartYAxis } from "./useChartFunnelAxisRendering.selectors.js";
+import { selectorChartXAxis, selectorChartYAxis } from "./useChartFunnelAxisRendering.selectors.mjs";
 export const useChartFunnelAxis = ({
   params,
   store,