@mui/x-charts-pro 9.0.0-alpha.0 → 9.0.0-alpha.2

package/esm/ChartsToolbarPro/ChartsToolbarImageExportTrigger.js

@@ -1,73 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "options", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { useChartsSlots } from '@mui/x-charts/internals';
-import { useChartProApiContext } from "../context/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that triggers an image export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-charts/export/)
- */
-const ChartsToolbarImageExportTrigger = forwardRef(function ChartsToolbarImageExportTrigger(props, ref) {
-  const {
-      render,
-      options,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    slots,
-    slotProps
-  } = useChartsSlots();
-  const apiRef = useChartProApiContext();
-  const handleClick = event => {
-    apiRef.current.exportAsImage(options);
-    onClick?.(event);
-  };
-  const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps?.baseButton, {
-    onClick: handleClick
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") ChartsToolbarImageExportTrigger.displayName = "ChartsToolbarImageExportTrigger";
-process.env.NODE_ENV !== "production" ? ChartsToolbarImageExportTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  /**
-   * The options to apply on the image export.
-   * @demos
-   *   - [Export as Image](https://mui.com/x/react-charts/export/#export-as-image)
-   */
-  options: PropTypes.shape({
-    copyStyles: PropTypes.bool,
-    fileName: PropTypes.string,
-    nonce: PropTypes.string,
-    onBeforeExport: PropTypes.func,
-    quality: PropTypes.number,
-    type: PropTypes.string.isRequired
-  }),
-  /**
-   * A function to customize the rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  style: PropTypes.object,
-  tabIndex: PropTypes.number
-} : void 0;
-export { ChartsToolbarImageExportTrigger };

package/esm/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { type RenderProp } from '@mui/x-internals/useComponentRenderer';
-import { type ChartPrintExportOptions } from "../internals/plugins/useChartProExport/index.js";
-import { type ChartsSlotPropsPro } from "../internals/material/index.js";
-export interface ChartsToolbarPrintExportOptions extends ChartPrintExportOptions {
-  /**
-   * If `true`, this export option will be removed from the ChartsToolbarExport menu.
-   * @default false
-   */
-  disableToolbarButton?: boolean;
-}
-export type ChartsToolbarPrintExportTriggerProps = ChartsSlotPropsPro['baseButton'] & {
-  /**
-   * A function to customize the rendering of the component.
-   */
-  render?: RenderProp<ChartsSlotPropsPro['baseButton']>;
-  /**
-   * The options to apply on the Print export.
-   * @demos
-   *   - [Print/Export as PDF](https://mui.com/x/react-charts/export/#print-export-as-pdf)
-   */
-  options?: ChartPrintExportOptions;
-};
-/**
- * A button that triggers a print export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-charts/export/)
- */
-declare const ChartsToolbarPrintExportTrigger: React.ForwardRefExoticComponent<ChartsToolbarPrintExportTriggerProps> | React.ForwardRefExoticComponent<Omit<ChartsToolbarPrintExportTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { ChartsToolbarPrintExportTrigger };

package/esm/ChartsToolbarPro/ChartsToolbarPrintExportTrigger.js

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render", "options", "onClick"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useComponentRenderer } from '@mui/x-internals/useComponentRenderer';
-import { useChartsSlots } from '@mui/x-charts/internals';
-import { useChartProApiContext } from "../context/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that triggers a print export.
- * It renders the `baseButton` slot.
- *
- * Demos:
- *
- * - [Export](https://mui.com/x/react-charts/export/)
- */
-const ChartsToolbarPrintExportTrigger = forwardRef(function ChartsToolbarPrintExportTrigger(props, ref) {
-  const {
-      render,
-      options,
-      onClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const {
-    slots,
-    slotProps
-  } = useChartsSlots();
-  const apiRef = useChartProApiContext();
-  const handleClick = event => {
-    apiRef.current.exportAsPrint(options);
-    onClick?.(event);
-  };
-  const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps?.baseButton, {
-    onClick: handleClick
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") ChartsToolbarPrintExportTrigger.displayName = "ChartsToolbarPrintExportTrigger";
-process.env.NODE_ENV !== "production" ? ChartsToolbarPrintExportTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  className: PropTypes.string,
-  disabled: PropTypes.bool,
-  id: PropTypes.string,
-  /**
-   * The options to apply on the Print export.
-   * @demos
-   *   - [Print/Export as PDF](https://mui.com/x/react-charts/export/#print-export-as-pdf)
-   */
-  options: PropTypes.shape({
-    copyStyles: PropTypes.bool,
-    fileName: PropTypes.string,
-    nonce: PropTypes.string,
-    onBeforeExport: PropTypes.func
-  }),
-  /**
-   * A function to customize the rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  style: PropTypes.object,
-  tabIndex: PropTypes.number
-} : void 0;
-export { ChartsToolbarPrintExportTrigger };

package/esm/ChartsToolbarPro/ChartsToolbarPro.d.ts

@@ -1,19 +0,0 @@
-import { type ChartsToolbarProps } from '@mui/x-charts/Toolbar';
-import { type ChartsToolbarPrintExportOptions } from "./ChartsToolbarPrintExportTrigger.js";
-import { type ChartsToolbarImageExportOptions } from "./ChartsToolbarImageExportTrigger.js";
-export interface ChartsToolbarProProps extends ChartsToolbarProps {
-  printOptions?: ChartsToolbarPrintExportOptions;
-  imageExportOptions?: ChartsToolbarImageExportOptions[];
-}
-/**
- * The chart toolbar component for the pro package.
- */
-declare function ChartsToolbarPro({
-  printOptions,
-  imageExportOptions: rawImageExportOptions,
-  ...other
-}: ChartsToolbarProProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace ChartsToolbarPro {
-  var propTypes: any;
-}
-export { ChartsToolbarPro };

package/esm/ChartsToolbarPro/ChartsToolbarPro.js

@@ -1,166 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["printOptions", "imageExportOptions"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_IMAGE_EXPORT_OPTIONS = [{
-  type: 'image/png'
-}];
-
-/**
- * The chart toolbar component for the pro package.
- */
-function ChartsToolbarPro(_ref) {
-  let {
-      printOptions,
-      imageExportOptions: rawImageExportOptions
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    slots,
-    slotProps
-  } = useChartsSlots();
-  const {
-    store
-  } = useChartContext();
-  const {
-    localeText
-  } = useChartsLocalization();
-  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);
-  const exportMenuTriggerRef = React.useRef(null);
-  const exportMenuId = useId();
-  const exportMenuTriggerId = useId();
-  const isZoomEnabled = store.use(selectorChartZoomIsEnabled);
-  const imageExportOptionList = rawImageExportOptions ?? DEFAULT_IMAGE_EXPORT_OPTIONS;
-  const showExportMenu = !printOptions?.disableToolbarButton || imageExportOptionList.length > 0;
-  const children = [];
-  if (isZoomEnabled) {
-    const Tooltip = slots.baseTooltip;
-    const ZoomOutIcon = slots.zoomOutIcon;
-    const ZoomInIcon = slots.zoomInIcon;
-    children.push(/*#__PURE__*/_jsx(Tooltip, _extends({}, slotProps.baseTooltip, {
-      title: localeText.zoomIn,
-      children: /*#__PURE__*/_jsx(ChartsToolbarZoomInTrigger, {
-        render: /*#__PURE__*/_jsx(ToolbarButton, {
-          size: "small"
-        }),
-        children: /*#__PURE__*/_jsx(ZoomInIcon, _extends({
-          fontSize: "small"
-        }, slotProps.zoomInIcon))
-      })
-    }), "zoom-in"));
-    children.push(/*#__PURE__*/_jsx(Tooltip, _extends({}, slotProps.baseTooltip, {
-      title: localeText.zoomOut,
-      children: /*#__PURE__*/_jsx(ChartsToolbarZoomOutTrigger, {
-        render: /*#__PURE__*/_jsx(ToolbarButton, {
-          size: "small"
-        }),
-        children: /*#__PURE__*/_jsx(ZoomOutIcon, _extends({
-          fontSize: "small"
-        }, slotProps.zoomOutIcon))
-      })
-    }), "zoom-out"));
-  }
-  if (showExportMenu) {
-    const Tooltip = slots.baseTooltip;
-    const MenuList = slots.baseMenuList;
-    const MenuItem = slots.baseMenuItem;
-    const ExportIcon = slots.exportIcon;
-    const closeExportMenu = () => setExportMenuOpen(false);
-    const handleListKeyDown = event => {
-      if (event.key === 'Tab') {
-        event.preventDefault();
-      }
-      if (isHideMenuKey(event.key)) {
-        closeExportMenu();
-      }
-    };
-    if (children.length > 0) {
-      children.push(/*#__PURE__*/_jsx(ChartsToolbarDivider, {}, "divider"));
-    }
-    children.push(/*#__PURE__*/_jsxs(React.Fragment, {
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        title: localeText.toolbarExport,
-        disableInteractive: exportMenuOpen,
-        children: /*#__PURE__*/_jsx(ToolbarButton, {
-          ref: exportMenuTriggerRef,
-          id: exportMenuTriggerId,
-          "aria-controls": exportMenuId,
-          "aria-haspopup": "true",
-          "aria-expanded": exportMenuOpen ? 'true' : undefined,
-          onClick: () => setExportMenuOpen(!exportMenuOpen),
-          size: "small",
-          children: /*#__PURE__*/_jsx(ExportIcon, {
-            fontSize: "small"
-          })
-        })
-      }), /*#__PURE__*/_jsx(ChartsMenu, {
-        target: exportMenuTriggerRef.current,
-        open: exportMenuOpen,
-        onClose: closeExportMenu,
-        position: "bottom-end",
-        children: /*#__PURE__*/_jsxs(MenuList, _extends({
-          id: exportMenuId,
-          "aria-labelledby": exportMenuTriggerId,
-          onKeyDown: handleListKeyDown,
-          autoFocusItem: true
-        }, slotProps?.baseMenuList, {
-          children: [!printOptions?.disableToolbarButton && /*#__PURE__*/_jsx(ChartsToolbarPrintExportTrigger, {
-            render: /*#__PURE__*/_jsx(MenuItem, _extends({
-              dense: true
-            }, slotProps?.baseMenuItem)),
-            options: printOptions,
-            onClick: closeExportMenu,
-            children: localeText.toolbarExportPrint
-          }), imageExportOptionList.map(imageExportOptions => /*#__PURE__*/_jsx(ChartsToolbarImageExportTrigger, {
-            render: /*#__PURE__*/_jsx(MenuItem, _extends({
-              dense: true
-            }, slotProps?.baseMenuItem)),
-            options: imageExportOptions,
-            onClick: closeExportMenu,
-            children: localeText.toolbarExportImage(imageExportOptions.type)
-          }, imageExportOptions.type))]
-        }))
-      })]
-    }, "export-menu"));
-  }
-  if (children.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(Toolbar, _extends({}, other, {
-    children: children
-  }));
-}
-process.env.NODE_ENV !== "production" ? ChartsToolbarPro.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  imageExportOptions: PropTypes.arrayOf(PropTypes.shape({
-    copyStyles: PropTypes.bool,
-    fileName: PropTypes.string,
-    nonce: PropTypes.string,
-    onBeforeExport: PropTypes.func,
-    quality: PropTypes.number,
-    type: PropTypes.string.isRequired
-  })),
-  printOptions: PropTypes.object
-} : void 0;
-export { ChartsToolbarPro };
-function isHideMenuKey(key) {
-  return key === 'Tab' || key === 'Escape';
-}

package/esm/ChartsToolbarPro/ChartsToolbarZoomInTrigger.js

@@ -1,51 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render"];
-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 { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that zooms the chart in.
- * It renders the `baseButton` slot.
- */
-const ChartsToolbarZoomInTrigger = /*#__PURE__*/React.forwardRef(function ChartsToolbarZoomInTrigger(_ref, ref) {
-  let {
-      render
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    slots,
-    slotProps
-  } = useChartsSlots();
-  const {
-    instance,
-    store
-  } = useChartContext();
-  const disabled = store.use(selectorChartCanZoomIn);
-  const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps.baseButton, {
-    onClick: () => instance.zoomIn(),
-    disabled
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") ChartsToolbarZoomInTrigger.displayName = "ChartsToolbarZoomInTrigger";
-process.env.NODE_ENV !== "production" ? ChartsToolbarZoomInTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A function to customize the rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-export { ChartsToolbarZoomInTrigger };

package/esm/ChartsToolbarPro/ChartsToolbarZoomOutTrigger.js

@@ -1,51 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["render"];
-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 { jsx as _jsx } from "react/jsx-runtime";
-/**
- * A button that zooms the chart out.
- * It renders the `baseButton` slot.
- */
-const ChartsToolbarZoomOutTrigger = /*#__PURE__*/React.forwardRef(function ChartsToolbarZoomOutTrigger(_ref, ref) {
-  let {
-      render
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const {
-    slots,
-    slotProps
-  } = useChartsSlots();
-  const {
-    instance,
-    store
-  } = useChartContext();
-  const disabled = store.use(selectorChartCanZoomOut);
-  const element = useComponentRenderer(slots.baseButton, render, _extends({}, slotProps.baseButton, {
-    onClick: () => instance.zoomOut(),
-    disabled
-  }, other, {
-    ref
-  }));
-  return /*#__PURE__*/_jsx(React.Fragment, {
-    children: element
-  });
-});
-if (process.env.NODE_ENV !== "production") ChartsToolbarZoomOutTrigger.displayName = "ChartsToolbarZoomOutTrigger";
-process.env.NODE_ENV !== "production" ? ChartsToolbarZoomOutTrigger.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * A function to customize the rendering of the component.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-export { ChartsToolbarZoomOutTrigger };

package/esm/ChartsToolbarPro/Toolbar.types.d.ts

@@ -1,15 +0,0 @@
-import type * as React from 'react';
-import { type ChartsToolbarProProps } from "./ChartsToolbarPro.js";
-export interface ChartsToolbarProSlots {
-  /**
-   * Custom component for the toolbar.
-   * @default ChartsToolbar
-   */
-  toolbar?: React.ElementType<ChartsToolbarProProps>;
-}
-export interface ChartsToolbarProSlotProps {
-  /**
-   * Props for the toolbar component.
-   */
-  toolbar?: Partial<ChartsToolbarProProps>;
-}

package/esm/ChartsToolbarPro/index.d.ts

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

package/esm/ChartsToolbarPro/index.js

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

package/esm/ChartsToolbarPro/internals/ChartsMenu.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import { type ChartBasePopperProps, type Placement } from "../../internals/slots/chartBaseSlotProps.js";
-export interface ChartsMenuProps extends Pick<ChartBasePopperProps, 'className' | 'onExited'> {
-  open: boolean;
-  target: HTMLElement | null;
-  onClose: (event?: Event) => void;
-  position?: Placement;
-  children: React.ReactNode;
-}
-declare function ChartsMenu(props: ChartsMenuProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ChartsMenu {
-  var propTypes: any;
-}
-export { ChartsMenu };

package/esm/ChartsToolbarPro/internals/ChartsToolbarDivider.d.ts

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

package/esm/FunnelChart/FocusedFunnelSection.js

@@ -1,64 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-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 { jsx as _jsx } from "react/jsx-runtime";
-export function FocusedFunnelSection(props) {
-  const theme = useTheme();
-  const focusedItem = useFocusedItem();
-  const store = useStore();
-  const {
-    axis: xAxis,
-    axisIds: xAxisIds
-  } = store.use(selectorChartXAxis);
-  const {
-    axis: yAxis,
-    axisIds: yAxisIds
-  } = store.use(selectorChartYAxis);
-  const gap = store.use(selectorFunnelGap);
-  const allFunnelSeries = useFunnelSeriesContext()?.series;
-  if (!focusedItem || focusedItem.type !== 'funnel' || !allFunnelSeries) {
-    return null;
-  }
-  const funnelSeries = allFunnelSeries[focusedItem.seriesId];
-  const xAxisId = funnelSeries.xAxisId ?? xAxisIds[0];
-  const yAxisId = funnelSeries.yAxisId ?? yAxisIds[0];
-  const xScale = xAxis[xAxisId].scale;
-  const yScale = yAxis[yAxisId].scale;
-  const isHorizontal = funnelSeries.layout === 'horizontal';
-  const baseScaleData = isHorizontal ? xAxis[xAxisId].data : yAxis[yAxisId].data;
-  const xPosition = createPositionGetter(xScale, isHorizontal, gap, baseScaleData);
-  const yPosition = createPositionGetter(yScale, !isHorizontal, gap, baseScaleData);
-  const isIncreasing = funnelSeries.funnelDirection === 'increasing';
-  const [minPoint, maxPoint] = get2DExtrema(funnelSeries.dataPoints, xPosition, yPosition);
-  const curve = getFunnelCurve(funnelSeries.curve, {
-    isHorizontal,
-    gap,
-    position: focusedItem.dataIndex,
-    sections: funnelSeries.dataPoints.length,
-    borderRadius: funnelSeries.borderRadius,
-    isIncreasing,
-    min: minPoint,
-    max: maxPoint
-  });
-  const bandPoints = curve({}).processPoints(funnelSeries.dataPoints[focusedItem.dataIndex].map(v => ({
-    x: xPosition(v.x, focusedItem.dataIndex, v.stackOffset, v.useBandWidth),
-    y: yPosition(v.y, focusedItem.dataIndex, v.stackOffset, v.useBandWidth)
-  })));
-  const line = d3Line().x(v => v.x).y(v => v.y).curve(curve);
-  return /*#__PURE__*/_jsx("path", _extends({
-    d: line(bandPoints),
-    fill: "none",
-    stroke: (theme.vars ?? theme).palette.text.primary,
-    strokeWidth: 2
-  }, props));
-}

package/esm/FunnelChart/FunnelChart.d.ts

@@ -1,39 +0,0 @@
-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";
-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 {
-  /**
-   * The series to display in the funnel chart.
-   * An array of [[FunnelSeries]] objects.
-   */
-  series: Readonly<FunnelSeries[]>;
-  /**
-   * The configuration of the category axis.
-   *
-   * @default { position: 'none' }
-   */
-  categoryAxis?: CategoryAxis;
-  /**
-   * If `true`, the legend is not rendered.
-   * @default false
-   */
-  hideLegend?: boolean;
-  /**
-   * The configuration of axes highlight.
-   * Default is set to 'band' in the bar direction.
-   * Depends on `layout` prop.
-   * @see See {@link https://mui.com/x/react-charts/highlighting/ highlighting docs} for more details.
-   *
-   */
-  axisHighlight?: ChartsAxisHighlightProps;
-}
-declare const FunnelChart: React.ForwardRefExoticComponent<FunnelChartProps & React.RefAttributes<SVGSVGElement>>;
-export { FunnelChart };