@mui/x-charts 8.0.0-beta.2 → 8.0.0

package/modern/context/ChartProvider/ChartProvider.types.d.ts

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import type { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ConvertSignaturesIntoPlugins, MergeSignaturesProperty } from '../../internals/plugins/models';
-import type { ChartStore } from '../../internals/plugins/utils/ChartStore';
-import type { ChartCorePluginSignatures } from '../../internals/plugins/corePlugins';
-import type { ChartSeriesConfig } from '../../internals/plugins/models/seriesConfig';
-import type { UseChartBaseProps } from '../../internals/store/useCharts.types';
-import type { ChartSeriesType } from '../../models/seriesType/config';
-export type ChartContextValue<TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []> = {
-  /**
-   * And object with all the methods needed to interact with the chart.
-   */
-  instance: ChartInstance<TSignatures, TOptionalSignatures>;
-  /**
-   * A subset of the `instance` method that are exposed to the developers.
-   */
-  publicAPI: ChartPublicAPI<TSignatures, TOptionalSignatures>;
-  /**
-   * The internal state of the chart.
-   */
-  store: ChartStore<TSignatures>;
-  /**
-   * The ref to the <svg />.
-   */
-  svgRef: React.RefObject<SVGSVGElement | null>;
-};
-export type ChartPluginParams<TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartBaseProps<TSignatures> & MergeSignaturesProperty<[...ChartCorePluginSignatures, ...TSignatures], 'params'>;
-export interface ChartProviderProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = []> {
-  /**
-   * Array of plugins used to add features to the chart.
-   */
-  plugins?: ConvertSignaturesIntoPlugins<TSignatures>;
-  pluginParams?: ChartPluginParams<TSignatures>;
-  /**
-   * The configuration helpers used to compute attributes according to the serries type.
-   * @ignore Unstable props for internal usage.
-   */
-  seriesConfig?: ChartSeriesConfig<TSeries>;
-  children: React.ReactNode;
-}

package/modern/context/ChartProvider/ChartProvider.types.js

@@ -1 +0,0 @@
-export {};

package/modern/context/ChartProvider/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./ChartProvider.js";
-export * from "./ChartProvider.types.js";
-export * from "./useChartContext.js";

package/modern/context/ChartProvider/index.js

@@ -1,3 +0,0 @@
-export * from "./ChartProvider.js";
-export * from "./ChartProvider.types.js";
-export * from "./useChartContext.js";

package/modern/context/ChartProvider/useChartContext.d.ts

@@ -1,3 +0,0 @@
-import { ChartAnyPluginSignature } from "../../internals/plugins/models/index.js";
-import { ChartContextValue } from "./ChartProvider.types.js";
-export declare const useChartContext: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[] = []>() => ChartContextValue<TSignatures, TOptionalSignatures>;

package/modern/context/ChartProvider/useChartContext.js

@@ -1,11 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { ChartContext } from "./ChartContext.js";
-export const useChartContext = () => {
-  const context = React.useContext(ChartContext);
-  if (context == null) {
-    throw new Error(['MUI X: Could not find the Chart context.', 'It looks like you rendered your component outside of a ChartDataProvider.', 'This can also happen if you are bundling multiple versions of the library.'].join('\n'));
-  }
-  return context;
-};

package/modern/context/context.types.d.ts

@@ -1,4 +0,0 @@
-export type Initializable<T> = {
-  isInitialized: boolean;
-  data: T;
-};

package/modern/context/context.types.js

@@ -1 +0,0 @@
-export {};

package/modern/context/index.d.ts

@@ -1 +0,0 @@
-export type { HighlightScope, FadeOptions, HighlightItemData, HighlightOptions } from '../internals/plugins/featurePlugins/useChartHighlight';

package/modern/context/index.js

@@ -1 +0,0 @@
-export {};

package/modern/hooks/getValueToPositionMapper.d.ts

@@ -1,8 +0,0 @@
-import { D3Scale } from "../models/axis.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export declare function getValueToPositionMapper(scale: D3Scale): (value: any) => number;

package/modern/hooks/getValueToPositionMapper.js

@@ -1,15 +0,0 @@
-'use client';
-
-import { isBandScale } from "../internals/isBandScale.js";
-/**
- * For a given scale return a function that map value to their position.
- * Useful when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export function getValueToPositionMapper(scale) {
-  if (isBandScale(scale)) {
-    return value => (scale(value) ?? 0) + scale.bandwidth() / 2;
-  }
-  return value => scale(value);
-}

package/modern/hooks/index.d.ts

@@ -1,16 +0,0 @@
-export * from "./useDrawingArea.js";
-export * from "./useChartId.js";
-export * from "./useScale.js";
-export * from "./useAxis.js";
-export * from "./useZAxis.js";
-export * from "./useColorScale.js";
-export * from "./useSvgRef.js";
-export * from "./useSeries.js";
-export * from "./useScatterSeries.js";
-export * from "./usePieSeries.js";
-export * from "./useBarSeries.js";
-export * from "./useLineSeries.js";
-export * from "./useItemHighlighted.js";
-export * from "./useItemHighlightedGetter.js";
-export * from "./useLegend.js";
-export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.js";

package/modern/hooks/index.js

@@ -1,16 +0,0 @@
-export * from "./useDrawingArea.js";
-export * from "./useChartId.js";
-export * from "./useScale.js";
-export * from "./useAxis.js";
-export * from "./useZAxis.js";
-export * from "./useColorScale.js";
-export * from "./useSvgRef.js";
-export * from "./useSeries.js";
-export * from "./useScatterSeries.js";
-export * from "./usePieSeries.js";
-export * from "./useBarSeries.js";
-export * from "./useLineSeries.js";
-export * from "./useItemHighlighted.js";
-export * from "./useItemHighlightedGetter.js";
-export * from "./useLegend.js";
-export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.js";

package/modern/hooks/useAxis.d.ts

@@ -1,51 +0,0 @@
-import { AxisId, ChartsRadiusAxisProps, ChartsRotationAxisProps, PolarAxisDefaultized, ScaleName } from "../models/axis.js";
-/**
- * Get all the x-axes.
- *
- * - `xAxis` is an object with the shape `{ [axisId]: axis }`.
- * - `xAxisIds` is an array of axis IDs.
- *
- * If access to a specific X axis is needed, use the `useXAxis` hook instead.
- *
- * @returns `{ xAxis, xAxisIds }` - The x-axes and their IDs.
- */
-export declare function useXAxes(): {
-  xAxis: import("../internals").DefaultizedAxisConfig<import("..").ChartsXAxisProps>;
-  xAxisIds: string[];
-};
-/**
- * Get all the y-axes.
- *
- * - `yAxis` is an object with the shape `{ [axisId]: axis }`.
- * - `yAxisIds` is an array of axis IDs.
- *
- * If access to a specific Y axis is needed, use the `useYAxis` hook instead.
- *
- * @returns `{ yAxis, yAxisIds }` - The y-axes and their IDs.
- */
-export declare function useYAxes(): {
-  yAxis: import("../internals").DefaultizedAxisConfig<import("..").ChartsYAxisProps>;
-  yAxisIds: string[];
-};
-/**
- * Get the X axis.
- * @param {AxisId | undefined} axisId - If provided returns the x axis with axisId, else returns the values for the default x axis.
- * @returns The X axis.
- */
-export declare function useXAxis(axisId?: AxisId): import("../internals").AxisDefaultized<keyof import("../internals").AxisScaleConfig, any, import("..").ChartsXAxisProps>;
-/**
- * Get the Y axis.
- * @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 useRotationAxes(): {
-  rotationAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<ChartsRotationAxisProps>;
-  rotationAxisIds: string[];
-};
-export declare function useRadiusAxes(): {
-  radiusAxis: import("../internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue").DefaultizedAxisConfig<ChartsRadiusAxisProps>;
-  radiusAxisIds: string[];
-};
-export declare function useRotationAxis(identifier?: number | string): PolarAxisDefaultized<ScaleName, any, ChartsRotationAxisProps> | undefined;
-export declare function useRadiusAxis(identifier?: number | string): PolarAxisDefaultized<ScaleName, any, ChartsRadiusAxisProps> | undefined;

package/modern/hooks/useAxis.js

@@ -1,119 +0,0 @@
-'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";
-/**
- * Get all the x-axes.
- *
- * - `xAxis` is an object with the shape `{ [axisId]: axis }`.
- * - `xAxisIds` is an array of axis IDs.
- *
- * If access to a specific X axis is needed, use the `useXAxis` hook instead.
- *
- * @returns `{ xAxis, xAxisIds }` - The x-axes and their IDs.
- */
-export function useXAxes() {
-  const store = useStore();
-  const {
-    axis: xAxis,
-    axisIds: xAxisIds
-  } = useSelector(store, selectorChartXAxis);
-  return {
-    xAxis,
-    xAxisIds
-  };
-}
-
-/**
- * Get all the y-axes.
- *
- * - `yAxis` is an object with the shape `{ [axisId]: axis }`.
- * - `yAxisIds` is an array of axis IDs.
- *
- * If access to a specific Y axis is needed, use the `useYAxis` hook instead.
- *
- * @returns `{ yAxis, yAxisIds }` - The y-axes and their IDs.
- */
-export function useYAxes() {
-  const store = useStore();
-  const {
-    axis: yAxis,
-    axisIds: yAxisIds
-  } = useSelector(store, selectorChartYAxis);
-  return {
-    yAxis,
-    yAxisIds
-  };
-}
-
-/**
- * Get the X axis.
- * @param {AxisId | undefined} axisId - If provided returns the x axis with axisId, else returns the values for the default x axis.
- * @returns The X axis.
- */
-export function useXAxis(axisId) {
-  const store = useStore();
-  const {
-    axis: xAxis,
-    axisIds: xAxisIds
-  } = useSelector(store, selectorChartXAxis);
-  const id = axisId ?? xAxisIds[0];
-  return xAxis[id];
-}
-
-/**
- * Get the Y axis.
- * @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 function useYAxis(axisId) {
-  const store = useStore();
-  const {
-    axis: yAxis,
-    axisIds: yAxisIds
-  } = 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/useBarSeries.d.ts

@@ -1,36 +0,0 @@
-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 UseBarSeriesReturnValue = ChartSeriesDefaultized<'bar'>;
-export type UseBarSeriesContextReturnValue = ProcessedSeries['bar'];
-/**
- * Get access to the internal state of bar series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseBarSeriesReturnValue} the bar series
- */
-export declare function useBarSeries(seriesId: SeriesId): UseBarSeriesReturnValue | undefined;
-/**
- * Get access to the internal state of bar series.
- *
- * When called without arguments, it returns all bar series.
- *
- * @returns {UseBarSeriesReturnValue[]} the bar series
- */
-export declare function useBarSeries(): UseBarSeriesReturnValue[];
-/**
- * Get access to the internal state of bar series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseBarSeriesReturnValue[]} the bar series
- */
-export declare function useBarSeries(seriesIds: SeriesId[]): UseBarSeriesReturnValue[];
-/**
- * Get access to the internal state of bar series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * - stackingGroups: the array of stacking groups. Each group contains the series ids stacked and the strategy to use.
- * @returns the bar series
- */
-export declare function useBarSeriesContext(): UseBarSeriesContextReturnValue;

package/modern/hooks/useBarSeries.js

@@ -1,43 +0,0 @@
-'use client';
-
-import { createSeriesSelectorsOfType, createAllSeriesSelectorOfType } from "../internals/createSeriesSelectorOfType.js";
-const useSelectorSeries = createSeriesSelectorsOfType('bar');
-const useSelectorSeriesContext = createAllSeriesSelectorOfType('bar');
-
-/**
- * Get access to the internal state of bar series.
- *
- * @param {SeriesId} seriesId The id of the series to get.
- * @returns {UseBarSeriesReturnValue} the bar series
- */
-
-/**
- * Get access to the internal state of bar series.
- *
- * When called without arguments, it returns all bar series.
- *
- * @returns {UseBarSeriesReturnValue[]} the bar series
- */
-
-/**
- * Get access to the internal state of bar series.
- *
- * @param {SeriesId[]} seriesIds The ids of the series to get. Order is preserved.
- * @returns {UseBarSeriesReturnValue[]} the bar series
- */
-
-export function useBarSeries(seriesIds) {
-  return useSelectorSeries(seriesIds);
-}
-
-/**
- * Get access to the internal state of bar series.
- * The returned object contains:
- * - series: a mapping from ids to series attributes.
- * - seriesOrder: the array of series ids.
- * - stackingGroups: the array of stacking groups. Each group contains the series ids stacked and the strategy to use.
- * @returns the bar series
- */
-export function useBarSeriesContext() {
-  return useSelectorSeriesContext();
-}

package/modern/hooks/useChartGradientId.d.ts

@@ -1,31 +0,0 @@
-import { AxisId } from "../models/axis.js";
-/**
- * Returns a function that generates a gradient id for the given axis id.
- */
-export declare function useChartGradientIdBuilder(): (axisId: AxisId) => string;
-/**
- * Returns a function that generates a gradient id for the given axis id.
- */
-export declare function useChartGradientIdObjectBoundBuilder(): (axisId: AxisId) => string;
-/**
- * Returns a gradient id for the given axis id.
- *
- * Can be useful when reusing the same gradient on custom components.
- *
- * For a gradient that respects the coordinates of the object on which it is applied, use `useChartGradientIdObjectBound` instead.
- *
- * @param axisId the axis id
- * @returns the gradient id
- */
-export declare function useChartGradientId(axisId: AxisId): string;
-/**
- * Returns a gradient id for the given axis id.
- *
- * Can be useful when reusing the same gradient on custom components.
- *
- * This gradient differs from `useChartGradientId` in that it respects the coordinates of the object on which it is applied.
- *
- * @param axisId the axis id
- * @returns the gradient id
- */
-export declare function useChartGradientIdObjectBound(axisId: AxisId): string;

package/modern/hooks/useChartGradientId.js

@@ -1,47 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useChartId } from "./useChartId.js";
-/**
- * Returns a function that generates a gradient id for the given axis id.
- */
-export function useChartGradientIdBuilder() {
-  const chartId = useChartId();
-  return React.useCallback(axisId => `${chartId}-gradient-${axisId}`, [chartId]);
-}
-
-/**
- * Returns a function that generates a gradient id for the given axis id.
- */
-export function useChartGradientIdObjectBoundBuilder() {
-  const chartId = useChartId();
-  return React.useCallback(axisId => `${chartId}-gradient-${axisId}-object-bound`, [chartId]);
-}
-
-/**
- * Returns a gradient id for the given axis id.
- *
- * Can be useful when reusing the same gradient on custom components.
- *
- * For a gradient that respects the coordinates of the object on which it is applied, use `useChartGradientIdObjectBound` instead.
- *
- * @param axisId the axis id
- * @returns the gradient id
- */
-export function useChartGradientId(axisId) {
-  return useChartGradientIdBuilder()(axisId);
-}
-
-/**
- * Returns a gradient id for the given axis id.
- *
- * Can be useful when reusing the same gradient on custom components.
- *
- * This gradient differs from `useChartGradientId` in that it respects the coordinates of the object on which it is applied.
- *
- * @param axisId the axis id
- * @returns the gradient id
- */
-export function useChartGradientIdObjectBound(axisId) {
-  return useChartGradientIdObjectBoundBuilder()(axisId);
-}

package/modern/hooks/useChartId.d.ts

@@ -1,5 +0,0 @@
-/**
- * Get the unique identifier of the chart.
- * @returns chartId if it exists.
- */
-export declare function useChartId(): string | undefined;

package/modern/hooks/useChartId.js

@@ -1,14 +0,0 @@
-'use client';
-
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartId } from "../internals/plugins/corePlugins/useChartId/useChartId.selectors.js";
-
-/**
- * Get the unique identifier of the chart.
- * @returns chartId if it exists.
- */
-export function useChartId() {
-  const store = useStore();
-  return useSelector(store, selectorChartId);
-}

package/modern/hooks/useColorScale.d.ts

@@ -1,22 +0,0 @@
-import { AxisId, AxisScaleComputedConfig, ScaleName } from "../models/axis.js";
-/**
- * Get the X axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified X axis, or undefined if not found.
- */
-export declare function useXColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;
-/**
- * Get the Y axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Y axis, or undefined if not found.
- */
-export declare function useYColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;
-/**
- * Get the Z axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Z axis, or undefined if not found.
- */
-export declare function useZColorScale<S extends ScaleName>(axisId?: AxisId): AxisScaleComputedConfig[S]['colorScale'] | undefined;

package/modern/hooks/useColorScale.js

@@ -1,37 +0,0 @@
-'use client';
-
-import { useXAxis, useYAxis } from "./useAxis.js";
-import { useZAxis } from "./useZAxis.js";
-
-/**
- * Get the X axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified X axis, or undefined if not found.
- */
-export function useXColorScale(axisId) {
-  const axis = useXAxis(axisId);
-  return axis.colorScale;
-}
-
-/**
- * Get the Y axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Y axis, or undefined if not found.
- */
-export function useYColorScale(axisId) {
-  const axis = useYAxis(axisId);
-  return axis.colorScale;
-}
-
-/**
- * Get the Z axis color scale.
- *
- * @param {AxisId | undefined} axisId - If provided returns color scale for axisId, else returns the values for the default axis.
- * @returns {AxisScaleComputedConfig[S]['colorScale'] | undefined} The color scale for the specified Z axis, or undefined if not found.
- */
-export function useZColorScale(axisId) {
-  const axis = useZAxis(axisId);
-  return axis.colorScale;
-}

package/modern/hooks/useDrawingArea.d.ts

@@ -1,16 +0,0 @@
-export type ChartDrawingArea = {
-  top: number;
-  left: number;
-  right: number;
-  bottom: number;
-  width: number;
-  height: number;
-};
-/**
- * Get the drawing area dimensions and coordinates. The drawing area is the area where the chart is rendered.
- *
- * It includes the left, top, width, height, bottom, and right dimensions.
- *
- * @returns The drawing area dimensions.
- */
-export declare function useDrawingArea(): ChartDrawingArea;

package/modern/hooks/useDrawingArea.js

@@ -1,16 +0,0 @@
-'use client';
-
-import { useStore } from "../internals/store/useStore.js";
-import { useSelector } from "../internals/store/useSelector.js";
-import { selectorChartDrawingArea } from "../internals/plugins/corePlugins/useChartDimensions/useChartDimensions.selectors.js";
-/**
- * Get the drawing area dimensions and coordinates. The drawing area is the area where the chart is rendered.
- *
- * It includes the left, top, width, height, bottom, and right dimensions.
- *
- * @returns The drawing area dimensions.
- */
-export function useDrawingArea() {
-  const store = useStore();
-  return useSelector(store, selectorChartDrawingArea);
-}

package/modern/hooks/useInteractionItemProps.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { SeriesItemIdentifier } from "../models/index.js";
-export declare const useInteractionItemProps: (data: SeriesItemIdentifier, skip?: boolean) => {
-  onPointerEnter?: () => void;
-  onPointerLeave?: () => void;
-  onPointerDown?: (event: React.PointerEvent) => void;
-};
-export declare const useInteractionAllItemProps: (data: SeriesItemIdentifier[], skip?: boolean) => ({
-  onPointerEnter?: undefined;
-  onPointerLeave?: undefined;
-  onPointerDown?: undefined;
-} | {
-  onPointerEnter: () => void;
-  onPointerLeave: () => void;
-  onPointerDown: (event: React.PointerEvent) => void;
-})[];