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

package/esm/SankeyChart/sankey.types.d.ts

@@ -1,300 +0,0 @@
-import type { SeriesId } from '@mui/x-charts/internals';
-import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
-import type { SankeyLink as D3SankeyLink, SankeyNode as D3SankeyNode } from "./d3Sankey/index.js";
-import type { SankeyHighlightScope, SankeyLinkHighlightScope, SankeyNodeHighlightScope } from "./sankey.highlight.types.js";
-export type SankeyNodeId = string | number;
-export interface SankeyNode {
-  /**
-   * Unique identifier for the node
-   */
-  id: SankeyNodeId;
-  /**
-   * The node label to display
-   */
-  label?: string;
-  /**
-   * Optional custom data for the node
-   */
-  data?: any;
-  /**
-   * Optional color override for the node
-   */
-  color?: string;
-}
-export interface SankeyLink {
-  /**
-   * Source node ID
-   */
-  source: SankeyNodeId;
-  /**
-   * Target node ID
-   */
-  target: SankeyNodeId;
-  /**
-   * The value/weight of the link (affects width)
-   */
-  value: number;
-  /**
-   * Optional custom data for the link
-   */
-  data?: any;
-  /**
-   * Optional color override for the link.
-   * Can be a color string, or a keyword:
-   * - 'source': Use the color of the source node
-   * - 'target': Use the color of the target node
-   * @default 'source'
-   */
-  color?: string | 'source' | 'target';
-}
-export type SankeyNodeOptions = {
-  /**
-   * Default color for nodes without specified colors
-   */
-  color?: string;
-  /**
-   * Width of the nodes in pixels
-   */
-  width?: number;
-  /**
-   * Padding between nodes in pixels
-   */
-  padding?: number;
-  /**
-   * Node alignment strategy
-   * - 'justify': Nodes are evenly distributed across the width.
-   * - 'left': Nodes are  aligned to the left.
-   * - 'right': Nodes are aligned to the right.
-   * - 'center': Nodes are centered.
-   * @default 'justify'
-   */
-  align?: 'justify' | 'left' | 'right' | 'center';
-  /**
-   * Whether to show node labels
-   */
-  showLabels?: boolean;
-  /**
-   * Custom sort mode for nodes
-   *
-   * - 'auto': Automatic sorting behavior (default)
-   * - 'fixed': Preserve the order from the nodes array (disables automatic sorting)
-   * - or a custom function
-   *
-   * @param {SankeyLayoutNode} a - First node to compare
-   * @param {SankeyLayoutNode} b - Second node to compare
-   * @returns {number} Comparison result
-   *
-   * @default 'auto'
-   */
-  sort?: 'auto' | 'fixed' | ((a: SankeyLayoutNode<true>, b: SankeyLayoutNode<true>) => number);
-} & SankeyNodeHighlightScope;
-export type SankeyLinkOptions = {
-  /**
-   * Default color for links without specified colors.
-   * Can be a color string, or a keyword:
-   * - 'source': Use the color of the source node
-   * - 'target': Use the color of the target node
-   * @default 'source'
-   */
-  color?: string | 'source' | 'target';
-  /**
-   * Opacity of the links (0-1)
-   */
-  opacity?: number;
-  /**
-   * Whether to show link values
-   */
-  showValues?: boolean;
-  /**
-   * Custom sort mode for links
-   *
-   * - 'auto': Automatic sorting behavior (default)
-   * - 'fixed': Preserve the order from the links array (disables automatic sorting)
-   * - or a custom function
-   *
-   * @param {SankeyLayoutLink} a - First link to compare
-   * @param {SankeyLayoutLink} b - Second link to compare
-   * @returns {number} Comparison result
-     * @default 'auto'
-   */
-  sort?: 'auto' | 'fixed' | ((a: SankeyLayoutLink<true>, b: SankeyLayoutLink<true>) => number);
-  /**
-   * Applies the given number to the X dimension of the control points of the link's curve function.
-   * This can create better looking links between nodes, but is dependent on the graph layout.
-   * It is specially impacted by the chart height.
-   * @default 10
-   */
-  curveCorrection?: number;
-} & SankeyLinkHighlightScope;
-export interface SankeyData {
-  /**
-   * An array of node configs for the Sankey diagram
-   *
-   * This is optional, but can be used to provide custom labels or styles for nodes.
-   */
-  nodes?: readonly SankeyNode[];
-  /**
-   * Array of links between nodes.
-   *
-   * The node ids will be used as the labels. If you want to provide custom labels, use the `nodes` property.
-   *
-   * Each link should have a `source`, `target`, and `value` property.
-   */
-  links: readonly SankeyLink[];
-}
-export interface SankeySeriesType {
-  /**
-   * Unique identifier for the series
-   */
-  id?: SeriesId;
-  /**
-   * Type identifier for Sankey series
-   */
-  type: 'sankey';
-  /**
-   * The data for the Sankey diagram
-   */
-  data: SankeyData;
-  /**
-   * Optional configuration for the nodes style, layout, and behavior
-   */
-  nodeOptions?: SankeyNodeOptions;
-  /**
-   * Optional configuration for the links style, layout, and behavior
-   */
-  linkOptions?: SankeyLinkOptions;
-  /**
-   * Number of iterations for the layout algorithm
-   * @default 6
-   */
-  iterations?: number;
-  /**
-   * Formatter used to render values in tooltip or other data display.
-   * @param {number} value The value to render.
-   * @param {SankeyValueFormatterContext} context The rendering context of the value.
-   * @param {'node' | 'link'} context.type The type of element being formatted.
-   * @param {SankeyNodeId} [context.nodeId] For nodes: the node ID. For links: undefined.
-   * @param {SankeyNodeId} [context.sourceId] For links: the source node ID. For nodes: undefined.
-   * @param {SankeyNodeId} [context.targetId] For links: the target node ID. For nodes: undefined.
-   * @returns {string | null} The formatted value to display.
-   */
-  valueFormatter?: (value: number, context: SankeyValueFormatterContext) => string | null;
-}
-export interface SankeyLayoutNodeWithoutPosition extends D3SankeyNode<false, MakeRequired<SankeyNode, 'label' | 'color'>, SankeyLayoutLinkWithoutPosition> {
-  targetLinks: SankeyLayoutLinkWithoutPosition[];
-  sourceLinks: SankeyLayoutLinkWithoutPosition[];
-  value: number;
-}
-export interface SankeyLayoutLinkWithoutPosition extends D3SankeyLink<false, SankeyLayoutNodeWithoutPosition, Omit<MakeRequired<SankeyLink, 'color'>, 'source' | 'target'>> {
-  source: SankeyLayoutNodeWithoutPosition;
-  target: SankeyLayoutNodeWithoutPosition;
-}
-export interface SankeyLayoutNodeWithPosition extends D3SankeyNode<true, MakeRequired<SankeyNode, 'label' | 'color'>, SankeyLayoutLinkWithPosition> {
-  targetLinks: SankeyLayoutLinkWithPosition[];
-  sourceLinks: SankeyLayoutLinkWithPosition[];
-  value: number;
-}
-export interface SankeyLayoutLinkWithPosition extends D3SankeyLink<true, SankeyLayoutNodeWithPosition, Omit<MakeRequired<SankeyLink, 'color'>, 'source' | 'target'>> {
-  path?: string | null;
-  source: SankeyLayoutNodeWithPosition;
-  target: SankeyLayoutNodeWithPosition;
-}
-/**
- * Represents the calculated positions and dimensions for a node in the Sankey diagram
- */
-export type SankeyLayoutNode<WithPosition extends boolean = true> = WithPosition extends true ? SankeyLayoutNodeWithPosition : SankeyLayoutNodeWithoutPosition;
-/**
- * Represents the calculated positions and paths for a link in the Sankey diagram
- */
-export type SankeyLayoutLink<WithPosition extends boolean = true> = WithPosition extends true ? SankeyLayoutLinkWithPosition : SankeyLayoutLinkWithoutPosition;
-/**
- * Calculated layout for the Sankey diagram
- */
-export interface SankeyLayout<WithPosition extends boolean = true> {
-  nodes: readonly SankeyLayoutNode<WithPosition>[];
-  links: readonly SankeyLayoutLink<WithPosition>[];
-}
-export interface DefaultizedSankeySeriesType extends DefaultizedProps<Omit<SankeySeriesType, 'data'>, 'id' | 'valueFormatter'> {
-  data: SankeyLayout<false>;
-  /**
-   * Highlight scope for the series derived from nodeOptions and linksOptions
-   */
-  highlightScope: SankeyHighlightScope;
-}
-type SankeyNodeIdentifierBase = {
-  type: 'sankey';
-  /**
-   * Unique identifier for the series
-   */
-  seriesId: SeriesId;
-};
-export type SankeyNodeIdentifier = SankeyNodeIdentifierBase & {
-  /**
-   * Subtype to differentiate between node and link
-   */
-  subType: 'node';
-  /**
-   * The id of the node
-   */
-  nodeId: SankeyNodeId;
-};
-export type SankeyNodeIdentifierWithData<WithPosition extends boolean = true> = SankeyNodeIdentifier & {
-  /**
-   * The node object with all the calculated properties
-   */
-  node: SankeyLayoutNode<WithPosition>;
-};
-export type SankeyLinkIdentifier = SankeyNodeIdentifierBase & {
-  /**
-   * Subtype to differentiate between node and link
-   */
-  subType: 'link';
-  /**
-   * The id of the source node
-   */
-  sourceId: SankeyNodeId;
-  /**
-   * The id of the target node
-   */
-  targetId: SankeyNodeId;
-};
-export type SankeyLinkIdentifierWithData<WithPosition extends boolean = true> = SankeyLinkIdentifier & {
-  /**
-   * The link object with all the calculated properties
-   */
-  link: SankeyLayoutLink<WithPosition>;
-};
-export type SankeyItemIdentifier = SankeyNodeIdentifier | SankeyLinkIdentifier;
-export type SankeyItemIdentifierWithData<WithPosition extends boolean = true> = SankeyNodeIdentifierWithData<WithPosition> | SankeyLinkIdentifierWithData<WithPosition>;
-export type SankeyValueFormatterContext = {
-  /**
-   * Where the value will be displayed
-   */
-  location: 'tooltip' | 'label';
-  /**
-   * Can be 'node' or 'link'
-   */
-  type: 'node';
-  /**
-   * The id of the node
-   */
-  nodeId: SankeyNodeId;
-} | {
-  /**
-   * Where the value will be displayed
-   */
-  location: 'tooltip' | 'label';
-  /**
-   * Can be 'node' or 'link'
-   */
-  type: 'link';
-  /**
-   * The id of the source node
-   */
-  sourceId: SankeyNodeId;
-  /**
-   * The id of the target node
-   */
-  targetId: SankeyNodeId;
-};
-export {};

package/esm/SankeyChart/sankeyHighlightHooks.d.ts

@@ -1,3 +0,0 @@
-import type { SankeyLayoutLink, SankeyNodeId } from "./sankey.types.js";
-export declare function useSankeyNodeHighlightState(nodeId: SankeyNodeId): "none" | "highlighted" | "faded";
-export declare function useSankeyLinkHighlightState(link: SankeyLayoutLink): "none" | "highlighted" | "faded";

package/esm/SankeyChart/sankeyHighlightHooks.js

@@ -1,18 +0,0 @@
-import { useStore } from '@mui/x-charts/internals';
-import { selectorIsLinkHighlighted, selectorIsNodeHighlighted, selectorIsSankeyItemFaded } from "./plugins/useSankeyHighlight.selectors.js";
-export function useSankeyNodeHighlightState(nodeId) {
-  const store = useStore();
-  const isHighlighted = store.use(selectorIsNodeHighlighted, nodeId);
-  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
-}
-export function useSankeyLinkHighlightState(link) {
-  const store = useStore();
-  const isHighlighted = store.use(selectorIsLinkHighlighted, link);
-  const isFaded = store.use(selectorIsSankeyItemFaded, isHighlighted);
-
-  // eslint-disable-next-line no-nested-ternary
-  return isHighlighted ? 'highlighted' : isFaded ? 'faded' : 'none';
-}

package/esm/SankeyChart/sankeySlots.types.d.ts

@@ -1,24 +0,0 @@
-import { type ChartsOverlaySlotProps, type ChartsOverlaySlots } from '@mui/x-charts/ChartsOverlay';
-import { type ChartsTooltipProps, type ChartsTooltipSlotProps, type ChartsTooltipSlots } from '@mui/x-charts/ChartsTooltip';
-import { type ChartsSlotProps, type ChartsSlots } from '@mui/x-charts/internals';
-import { type ChartsToolbarSlotProps, type ChartsToolbarSlots } from '@mui/x-charts/Toolbar';
-export interface SankeyChartSlots extends ChartsTooltipSlots, ChartsOverlaySlots, ChartsToolbarSlots, Partial<ChartsSlots> {}
-export interface SankeyChartSlotProps extends Omit<ChartsTooltipSlotProps, 'tooltip'>, ChartsOverlaySlotProps, ChartsToolbarSlotProps, Partial<ChartsSlotProps> {
-  /**
-   * Slot props for the tooltip component.
-   * @default {}
-   */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
-}
-export interface SankeyChartSlotExtension {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: SankeyChartSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: SankeyChartSlotProps;
-}

package/esm/SankeyChart/seriesConfig/getSeriesWithDefaultValues.js

@@ -1,110 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { sankey } from "../d3Sankey/index.js";
-import { getNodeAlignFunction } from "../utils.js";
-const defaultSankeyValueFormatter = v => v == null ? '' : v.toLocaleString();
-export const getSeriesWithDefaultValues = (seriesData, seriesIndex, colors) => {
-  const nodeMap = new Map();
-  const nodeColor = seriesData.nodeOptions?.color;
-  const nodeAlign = seriesData.nodeOptions?.align;
-  const {
-    color: linkColor = 'source'
-  } = seriesData.linkOptions ?? {};
-  let colorIndex = -1;
-  if (seriesData.data.nodes) {
-    seriesData.data.nodes.forEach(node => {
-      const id = node.id || node.label || '';
-      const label = node.label || `${id}`;
-      colorIndex += 1;
-      nodeMap.set(id, _extends({}, node, {
-        id,
-        label,
-        color: node.color ?? nodeColor ?? colors?.[colorIndex % colors.length]
-      }));
-    });
-  }
-  const links = seriesData.data.links.map(link => {
-    // Add default values to nodes
-    if (!nodeMap.has(link.source)) {
-      colorIndex += 1;
-      const source = {
-        id: link.source,
-        label: `${link.source}`,
-        color: nodeColor ?? colors?.[colorIndex % colors.length]
-      };
-      nodeMap.set(source.id, source);
-    }
-    if (!nodeMap.has(link.target)) {
-      colorIndex += 1;
-      const target = {
-        id: link.target,
-        label: `${link.target}`,
-        color: nodeColor ?? colors?.[colorIndex % colors.length]
-      };
-      nodeMap.set(target.id, target);
-    }
-
-    // Add color to links
-    let resolvedColor = link.color ?? linkColor;
-    if (resolvedColor === 'source') {
-      resolvedColor = nodeMap.get(link.source)?.color ?? linkColor;
-    } else if (resolvedColor === 'target') {
-      resolvedColor = nodeMap.get(link.target)?.color ?? linkColor;
-    }
-    return _extends({}, link, {
-      color: resolvedColor
-    });
-  });
-  const highlightScope = {
-    nodes: {
-      highlight: seriesData.nodeOptions?.highlight ?? 'links',
-      fade: seriesData.nodeOptions?.fade ?? 'none'
-    },
-    links: {
-      highlight: seriesData.linkOptions?.highlight ?? 'links',
-      fade: seriesData.linkOptions?.fade ?? 'none'
-    }
-  };
-  if (!seriesData.data || !links) {
-    return _extends({
-      id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
-    }, seriesData, {
-      valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
-      data: {
-        nodes: [],
-        links: []
-      },
-      highlightScope
-    });
-  }
-
-  //  Prepare the data structure expected by d3-sankey
-  const graph = {
-    nodes: nodeMap.values().toArray().map(v => _extends({}, v)),
-    links: links.map(v => _extends({}, v))
-  };
-
-  // Create the sankey layout generator
-  const sankeyGenerator = sankey(false).nodeAlign(getNodeAlignFunction(nodeAlign)).nodeId(d => d.id);
-
-  // Generate the layout
-  let data;
-  try {
-    data = sankeyGenerator(graph);
-  } catch (error) {
-    // There are two errors that can occur:
-    // 1. If the data contains circular references, d3-sankey will throw an error.
-    // 2. If there are missing source/target nodes, d3-sankey will throw an error.
-    // We handle the second case by building a map of nodes ourselves, so they are always present.
-    if (error instanceof Error && error.message === 'circular link') {
-      throw new Error('MUI X Charts: Sankey diagram contains circular references.');
-    }
-    throw error;
-  }
-  return _extends({
-    id: seriesData.id ?? `auto-generated-id-${seriesIndex}`
-  }, seriesData, {
-    valueFormatter: seriesData.valueFormatter ?? defaultSankeyValueFormatter,
-    highlightScope,
-    data
-  });
-};

package/esm/SankeyChart/seriesConfig/index.js

@@ -1,34 +0,0 @@
-import { getSeriesWithDefaultValues } from "./getSeriesWithDefaultValues.js";
-import { tooltipGetter } from "./tooltipGetter.js";
-import { calculateSankeyLayout } from "../calculateSankeyLayout.js";
-import tooltipItemPositionGetter from "./tooltipPosition.js";
-import keyboardFocusHandler from "./keyboardFocusHandler.js";
-import identifierSerializer from "./identifierSerializer.js";
-import identifierCleaner from "./identifierCleaner.js";
-
-// Simple passthrough functions for sankey chart
-const seriesProcessor = series => series;
-const colorProcessor = series => series;
-const legendGetter = () => [];
-const seriesLayout = (series, drawingArea) => {
-  if (series.seriesOrder.length === 0) {
-    return {};
-  }
-  return {
-    [series.seriesOrder[0]]: {
-      sankeyLayout: calculateSankeyLayout(series.series[series.seriesOrder[0]], drawingArea)
-    }
-  };
-};
-export const sankeySeriesConfig = {
-  seriesProcessor,
-  seriesLayout,
-  colorProcessor,
-  legendGetter,
-  tooltipGetter,
-  tooltipItemPositionGetter,
-  getSeriesWithDefaultValues,
-  keyboardFocusHandler,
-  identifierSerializer,
-  identifierCleaner
-};

package/esm/SankeyChart/useSankeyChartProps.d.ts

@@ -1,22 +0,0 @@
-import type { ChartsOverlayProps } from '@mui/x-charts/ChartsOverlay';
-import type { ChartsWrapperProps } from '@mui/x-charts/ChartsWrapper';
-import type { SankeyChartProps } from "./SankeyChart.js";
-import type { ChartContainerProProps } from "../ChartContainerPro/index.js";
-import { type SankeyChartPluginSignatures } from "./SankeyChart.plugins.js";
-/**
- * A helper function that extracts SankeyChartProps from the input props
- * and returns an object with props for the children components of SankeyChart.
- *
- * @param props The input props for SankeyChart
- * @returns An object with props for the children components of SankeyChart
- */
-export declare const useSankeyChartProps: (props: SankeyChartProps) => {
-  chartContainerProps: ChartContainerProProps<"sankey", SankeyChartPluginSignatures>;
-  sankeyPlotProps: {
-    onNodeClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, node: import("./sankey.types.js").SankeyNodeIdentifierWithData) => void) | undefined;
-    onLinkClick: ((event: React.MouseEvent<SVGElement, MouseEvent>, link: import("./sankey.types.js").SankeyLinkIdentifierWithData) => void) | undefined;
-  };
-  overlayProps: ChartsOverlayProps;
-  chartsWrapperProps: Omit<ChartsWrapperProps, "children">;
-  children: import("react").ReactNode;
-};

package/esm/SankeyChart/useSankeyChartProps.js

@@ -1,71 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className", "apiRef", "onNodeClick", "onLinkClick"];
-import { DEFAULT_MARGINS } from '@mui/x-charts/constants';
-import { defaultizeMargin } from '@mui/x-charts/internals';
-import { SANKEY_CHART_PLUGINS } from "./SankeyChart.plugins.js";
-
-/**
- * A helper function that extracts SankeyChartProps from the input props
- * and returns an object with props for the children components of SankeyChart.
- *
- * @param props The input props for SankeyChart
- * @returns An object with props for the children components of SankeyChart
- */
-export const useSankeyChartProps = props => {
-  const {
-      series,
-      width,
-      height,
-      margin: marginProps,
-      colors,
-      sx,
-      children,
-      slots,
-      slotProps,
-      loading,
-      highlightedItem,
-      onHighlightChange,
-      className,
-      apiRef,
-      onNodeClick,
-      onLinkClick
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const margin = defaultizeMargin(marginProps, DEFAULT_MARGINS);
-  const chartContainerProps = _extends({}, other, {
-    series: [_extends({
-      type: 'sankey'
-    }, series)],
-    width,
-    height,
-    margin,
-    colors,
-    sx,
-    highlightedItem,
-    onHighlightChange,
-    className,
-    apiRef,
-    plugins: SANKEY_CHART_PLUGINS
-  });
-  const sankeyPlotProps = {
-    onNodeClick,
-    onLinkClick
-  };
-  const overlayProps = {
-    slots,
-    slotProps,
-    loading
-  };
-  const chartsWrapperProps = {
-    sx,
-    hideLegend: false
-  };
-  return {
-    chartContainerProps,
-    sankeyPlotProps,
-    overlayProps,
-    chartsWrapperProps,
-    children
-  };
-};

package/esm/SankeyChart/utils.d.ts

@@ -1,3 +0,0 @@
-import { sankeyJustify } from "./d3Sankey/index.js";
-import type { SankeyNodeOptions } from "./sankey.types.js";
-export declare const getNodeAlignFunction: (align?: SankeyNodeOptions["align"]) => typeof sankeyJustify;

package/esm/SankeyChart/utils.js

@@ -1,14 +0,0 @@
-import { sankeyLeft, sankeyRight, sankeyCenter, sankeyJustify } from "./d3Sankey/index.js";
-export const getNodeAlignFunction = align => {
-  switch (align) {
-    case 'left':
-      return sankeyLeft;
-    case 'right':
-      return sankeyRight;
-    case 'center':
-      return sankeyCenter;
-    case 'justify':
-    default:
-      return sankeyJustify;
-  }
-};

package/esm/ScatterChartPro/ScatterChartPro.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import { type ScatterChartProps, type ScatterChartSlotProps, type ScatterChartSlots } from '@mui/x-charts/ScatterChart';
-import { type ChartsTooltipProps } from '@mui/x-charts/ChartsTooltip';
-import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
-import { type ChartContainerProProps } from "../ChartContainerPro/ChartContainerPro.js";
-import { type ScatterChartProPluginSignatures } from "./ScatterChartPro.plugins.js";
-import { type ChartsToolbarProSlots, type ChartsToolbarProSlotProps } from "../ChartsToolbarPro/Toolbar.types.js";
-export interface ScatterChartProSlots extends Omit<ScatterChartSlots, 'toolbar'>, ChartsToolbarProSlots, Partial<ChartsSlotsPro> {}
-export interface ScatterChartProSlotProps extends Omit<ScatterChartSlotProps, 'toolbar' | 'tooltip'>, ChartsToolbarProSlotProps, Partial<ChartsSlotPropsPro> {
-  /**
-   * Slot props for the tooltip component.
-   * @default {}
-   */
-  tooltip?: Partial<ChartsTooltipProps<'item' | 'none'>>;
-}
-export interface ScatterChartProProps extends Omit<ScatterChartProps, 'apiRef' | 'slots' | 'slotProps' | 'plugins' | 'seriesConfig'>, Omit<ChartContainerProProps<'scatter', ScatterChartProPluginSignatures>, 'series' | 'onItemClick' | 'slots' | 'slotProps' | 'experimentalFeatures' | 'highlightedAxis' | 'onHighlightedAxisChange'> {
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots?: ScatterChartProSlots;
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps?: ScatterChartProSlotProps;
-}
-/**
- * Demos:
- *
- * - [Scatter](https://mui.com/x/react-charts/scatter/)
- * - [Scatter demonstration](https://mui.com/x/react-charts/scatter-demo/)
- *
- * API:
- *
- * - [ScatterChart API](https://mui.com/x/api/charts/scatter-chart/)
- */
-declare const ScatterChartPro: React.ForwardRefExoticComponent<ScatterChartProProps & React.RefAttributes<SVGSVGElement>>;
-export { ScatterChartPro };