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

package/esm/BarChartPro/BarChartPro.plugins.d.ts

@@ -1,5 +0,0 @@
-import { type ConvertSignaturesIntoPlugins, type UseChartZAxisSignature, type UseChartCartesianAxisSignature, type UseChartTooltipSignature, type UseChartInteractionSignature, type UseChartHighlightSignature, type UseChartKeyboardNavigationSignature, type UseChartBrushSignature, type UseChartVisibilityManagerSignature } from '@mui/x-charts/internals';
-import { type UseChartProExportSignature } from "../internals/plugins/useChartProExport/index.js";
-import { type UseChartProZoomSignature } from "../internals/plugins/useChartProZoom/index.js";
-export type BarChartProPluginSignatures = [UseChartZAxisSignature, UseChartBrushSignature, UseChartTooltipSignature<'bar'>, UseChartInteractionSignature, UseChartCartesianAxisSignature<'bar'>, UseChartHighlightSignature, UseChartVisibilityManagerSignature<'bar'>, UseChartKeyboardNavigationSignature, UseChartProZoomSignature, UseChartProExportSignature];
-export declare const BAR_CHART_PRO_PLUGINS: ConvertSignaturesIntoPlugins<BarChartProPluginSignatures>;

package/esm/BarChartPro/BarChartPro.plugins.js

@@ -1,4 +0,0 @@
-import { useChartZAxis, useChartCartesianAxis, useChartTooltip, useChartInteraction, useChartHighlight, useChartKeyboardNavigation, useChartBrush, useChartVisibilityManager } from '@mui/x-charts/internals';
-import { useChartProExport } from "../internals/plugins/useChartProExport/index.js";
-import { useChartProZoom } from "../internals/plugins/useChartProZoom/index.js";
-export const BAR_CHART_PRO_PLUGINS = [useChartZAxis, useChartBrush, useChartTooltip, useChartInteraction, useChartCartesianAxis, useChartHighlight, useChartVisibilityManager, useChartKeyboardNavigation, useChartProZoom, useChartProExport];

package/esm/BarChartPro/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./BarChartPro.js";
-export * from "./BarChartPro.plugins.js";

package/esm/BarChartPro/index.js

@@ -1,2 +0,0 @@
-export * from "./BarChartPro.js";
-export * from "./BarChartPro.plugins.js";

package/esm/ChartContainerPro/ChartContainerPro.d.ts

@@ -1,21 +0,0 @@
-import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
-import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-import { type ChartsContainerProProps, type ChartsContainerProSlotProps, type ChartsContainerProSlots } from "../ChartsContainerPro/index.js";
-/**
- * @deprecated Use `ChartsContainerProSlots` instead. We added S to the charts prefix to align with other components.
- */
-export type ChartContainerProSlots = ChartsContainerProSlots;
-/**
- * @deprecated Use `ChartsContainerProSlotProps` instead. We added S to the charts prefix to align with other components.
- */
-export type ChartContainerProSlotProps = ChartsContainerProSlotProps;
-/**
- * @deprecated Use `ChartsContainerProProps` instead. We added S to the charts prefix to align with other components.
- */
-export type ChartContainerProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartsContainerProProps<TSeries, TSignatures>;
-/**
- * @deprecated Use `ChartsContainerPro` instead. We added S to the charts prefix to align with other components.
- */
-export declare const ChartContainerPro: <TSeries extends ChartSeriesType = keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartsContainerProProps<TSeries, TSignatures> & {
-  ref?: React.ForwardedRef<SVGSVGElement>;
-}) => React.JSX.Element;

package/esm/ChartContainerPro/ChartContainerPro.js

@@ -1,20 +0,0 @@
-'use client';
-
-import { ChartsContainerPro } from "../ChartsContainerPro/index.js";
-
-/**
- * @deprecated Use `ChartsContainerProSlots` instead. We added S to the charts prefix to align with other components.
- */
-
-/**
- * @deprecated Use `ChartsContainerProSlotProps` instead. We added S to the charts prefix to align with other components.
- */
-
-/**
- * @deprecated Use `ChartsContainerProProps` instead. We added S to the charts prefix to align with other components.
- */
-
-/**
- * @deprecated Use `ChartsContainerPro` instead. We added S to the charts prefix to align with other components.
- */
-export const ChartContainerPro = ChartsContainerPro;

package/esm/ChartContainerPro/index.d.ts

@@ -1,9 +0,0 @@
-import "../typeOverloads/index.js";
-import type { ChartAnyPluginSignature } from '@mui/x-charts/internals';
-import type { ChartProApi as ChartProApiOriginal, ProPluginsPerSeriesType } from "../context/ChartProApi.js";
-import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-export * from "./ChartContainerPro.js";
-/**
- * @deprecated Use `ChartProApi` from `@mui/x-charts/context` instead.
- */
-export type ChartProApi<ChartType extends keyof ProPluginsPerSeriesType | undefined = undefined, Signatures extends readonly ChartAnyPluginSignature[] = (ChartType extends keyof ProPluginsPerSeriesType ? ProPluginsPerSeriesType[ChartType] : AllPluginSignatures)> = ChartProApiOriginal<ChartType, Signatures>;

package/esm/ChartContainerPro/index.js

@@ -1,6 +0,0 @@
-import "../typeOverloads/index.js";
-export * from "./ChartContainerPro.js";
-
-/**
- * @deprecated Use `ChartProApi` from `@mui/x-charts/context` instead.
- */

package/esm/ChartContainerPro/useChartContainerProProps.d.ts

@@ -1,13 +0,0 @@
-import type * as React from 'react';
-import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
-import { type UseChartsContainerProPropsReturnValue } from "../ChartsContainerPro/useChartsContainerProProps.js";
-import type { ChartContainerProProps } from "./ChartContainerPro.js";
-import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-/**
- * @deprecated Use `UseChartsContainerProPropsReturnValue` instead.
- */
-export type UseChartContainerProPropsReturnValue<TSeries extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]> = UseChartsContainerProPropsReturnValue<TSeries, TSignatures>;
-/**
- * @deprecated Use `useChartsContainerProProps` instead.
- */
-export declare const useChartContainerProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartContainerProProps<TSeries, TSignatures>, ref: React.Ref<SVGSVGElement>) => UseChartContainerProPropsReturnValue<TSeries, TSignatures>;

package/esm/ChartContainerPro/useChartContainerProProps.js

@@ -1,14 +0,0 @@
-'use client';
-
-import { useChartsContainerProProps } from "../ChartsContainerPro/useChartsContainerProProps.js";
-
-/**
- * @deprecated Use `UseChartsContainerProPropsReturnValue` instead.
- */
-
-/**
- * @deprecated Use `useChartsContainerProProps` instead.
- */
-export const useChartContainerProProps = (props, ref) => {
-  return useChartsContainerProProps(props, ref);
-};

package/esm/ChartDataProviderPro/ChartDataProviderPro.d.ts

@@ -1,49 +0,0 @@
-import { type ChartSeriesType, type ChartAnyPluginSignature, type ChartProviderProps, type ChartSeriesConfig } from '@mui/x-charts/internals';
-import { type ChartDataProviderProps } from '@mui/x-charts/ChartDataProvider';
-import { type ChartsSlotPropsPro, type ChartsSlotsPro } from "../internals/material/index.js";
-import { type AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-export interface ChartDataProviderProSlots extends ChartsSlotsPro {}
-export interface ChartDataProviderProSlotProps extends ChartsSlotPropsPro {}
-export type ChartDataProviderProProps<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>> = ChartDataProviderProps<TSeries, TSignatures> & ChartProviderProps<TSeries, TSignatures>['pluginParams'] & {
-  /**
-   * Slots to customize charts' components.
-   */
-  slots?: Partial<ChartDataProviderProSlots>;
-  /**
-   * The props for the slots.
-   */
-  slotProps?: Partial<ChartDataProviderProSlotProps>;
-};
-export declare const defaultSeriesConfigPro: ChartSeriesConfig<'bar' | 'scatter' | 'line' | 'pie'>;
-/**
- * Orchestrates the data providers for the chart components and hooks.
- *
- * Use this component if you have custom HTML components that need to access the chart data.
- *
- * Demos:
- *
- * - [Composition](https://mui.com/x/api/charts/composition/)
- *
- * API:
- *
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider-pro/)
- *
- * @example
- * ```jsx
- * <ChartDataProviderPro
- *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
- *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
- * >
- *   <ChartsSurface>
- *      <BarPlot />
- *      <ChartsXAxis axisId="x-axis" />
- *   </ChartsSurface>
- *   {'Custom Legend Component'}
- * </ChartDataProviderPro>
- * ```
- */
-declare function ChartDataProviderPro<TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>): import("react/jsx-runtime").JSX.Element;
-declare namespace ChartDataProviderPro {
-  var propTypes: any;
-}
-export { ChartDataProviderPro };

package/esm/ChartDataProviderPro/ChartDataProviderPro.js

@@ -1,144 +0,0 @@
-'use client';
-
-import _extends from "@babel/runtime/helpers/esm/extends";
-import PropTypes from 'prop-types';
-import { Watermark } from '@mui/x-license/Watermark';
-import { ChartProvider, ChartsSlotsProvider, defaultSeriesConfig } from '@mui/x-charts/internals';
-import { ChartsLocalizationProvider } from '@mui/x-charts/ChartsLocalizationProvider';
-import { useLicenseVerifier } from '@mui/x-license/useLicenseVerifier';
-import { defaultSlotsMaterial } from "../internals/material/index.js";
-import { DEFAULT_PLUGINS } from "../internals/plugins/allPlugins.js";
-import { useChartDataProviderProProps } from "./useChartDataProviderProProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const releaseInfo = "MTc3MTIwMDAwMDAwMA==";
-const packageIdentifier = 'x-charts-pro';
-export const defaultSeriesConfigPro = defaultSeriesConfig;
-
-/**
- * Orchestrates the data providers for the chart components and hooks.
- *
- * Use this component if you have custom HTML components that need to access the chart data.
- *
- * Demos:
- *
- * - [Composition](https://mui.com/x/api/charts/composition/)
- *
- * API:
- *
- * - [ChartDataProviderPro API](https://mui.com/x/api/charts/chart-data-provider-pro/)
- *
- * @example
- * ```jsx
- * <ChartDataProviderPro
- *   series={[{ label: "Label", type: "bar", data: [10, 20] }]}
- *   xAxis={[{ data: ["A", "B"], scaleType: "band", id: "x-axis" }]}
- * >
- *   <ChartsSurface>
- *      <BarPlot />
- *      <ChartsXAxis axisId="x-axis" />
- *   </ChartsSurface>
- *   {'Custom Legend Component'}
- * </ChartDataProviderPro>
- * ```
- */
-function ChartDataProviderPro(props) {
-  const {
-    children,
-    localeText,
-    chartProviderProps,
-    slots,
-    slotProps
-  } = useChartDataProviderProProps(_extends({}, props, {
-    seriesConfig: props.seriesConfig ?? defaultSeriesConfigPro,
-    plugins: props.plugins ?? DEFAULT_PLUGINS
-  }));
-  useLicenseVerifier(packageIdentifier, releaseInfo);
-  return /*#__PURE__*/_jsxs(ChartProvider, _extends({}, chartProviderProps, {
-    children: [/*#__PURE__*/_jsx(ChartsLocalizationProvider, {
-      localeText: localeText,
-      children: /*#__PURE__*/_jsx(ChartsSlotsProvider, {
-        slots: slots,
-        slotProps: slotProps,
-        defaultSlots: defaultSlotsMaterial,
-        children: children
-      })
-    }), /*#__PURE__*/_jsx(Watermark, {
-      packageName: packageIdentifier,
-      releaseInfo: releaseInfo
-    })]
-  }));
-}
-process.env.NODE_ENV !== "production" ? ChartDataProviderPro.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  apiRef: PropTypes.shape({
-    current: PropTypes.any
-  }),
-  /**
-   * Color palette used to colorize multiple series.
-   * @default rainbowSurgePalette
-   */
-  colors: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.func]),
-  /**
-   * An array of objects that can be used to populate series and axes data using their `dataKey` property.
-   */
-  dataset: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * Options to enable features planned for the next major.
-   */
-  experimentalFeatures: PropTypes.shape({
-    preferStrictDomainInLineCharts: PropTypes.bool
-  }),
-  /**
-   * The height of the chart in px. If not defined, it takes the height of the parent element.
-   */
-  height: PropTypes.number,
-  /**
-   * This prop is used to help implement the accessibility logic.
-   * If you don't provide this prop. It falls back to a randomly generated id.
-   */
-  id: PropTypes.string,
-  /**
-   * Localized text for chart components.
-   */
-  localeText: PropTypes.object,
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   *
-   * Accepts a `number` to be used on all sides or an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   */
-  margin: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  })]),
-  /**
-   * The array of series to display.
-   * Each type of series has its own specificity.
-   * Please refer to the appropriate docs page to learn more about it.
-   */
-  series: PropTypes.arrayOf(PropTypes.object),
-  /**
-   * If `true`, animations are skipped.
-   * If unset or `false`, the animations respects the user's `prefers-reduced-motion` setting.
-   */
-  skipAnimation: PropTypes.bool,
-  /**
-   * The props for the slots.
-   */
-  slotProps: PropTypes.object,
-  /**
-   * Slots to customize charts' components.
-   */
-  slots: PropTypes.object,
-  theme: PropTypes.oneOf(['dark', 'light']),
-  /**
-   * The width of the chart in px. If not defined, it takes the width of the parent element.
-   */
-  width: PropTypes.number
-} : void 0;
-export { ChartDataProviderPro };

package/esm/ChartDataProviderPro/index.d.ts

@@ -1,2 +0,0 @@
-import "../typeOverloads/index.js";
-export { ChartDataProviderPro, type ChartDataProviderProProps, type ChartDataProviderProSlots, type ChartDataProviderProSlotProps } from "./ChartDataProviderPro.js";

package/esm/ChartDataProviderPro/index.js

@@ -1,2 +0,0 @@
-import "../typeOverloads/index.js";
-export { ChartDataProviderPro } from "./ChartDataProviderPro.js";

package/esm/ChartDataProviderPro/useChartDataProviderProProps.d.ts

@@ -1,10 +0,0 @@
-import { type ChartAnyPluginSignature, type ChartSeriesType } from '@mui/x-charts/internals';
-import type { ChartDataProviderProProps } from "./ChartDataProviderPro.js";
-import type { AllPluginSignatures } from "../internals/plugins/allPlugins.js";
-export declare const useChartDataProviderProProps: <TSeries extends ChartSeriesType = ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[] = AllPluginSignatures<TSeries>>(props: ChartDataProviderProProps<TSeries, TSignatures>) => {
-  children: import("react").ReactNode;
-  localeText: Partial<import("@mui/x-charts/locales").ChartsLocaleText> | undefined;
-  chartProviderProps: import("@mui/x-charts/internals").ChartProviderProps<keyof import("@mui/x-charts/internals").ChartsSeriesConfig, TSignatures>;
-  slots: Partial<import("@mui/x-charts").ChartDataProviderSlots> | undefined;
-  slotProps: Partial<import("@mui/x-charts").ChartDataProviderSlotProps> | undefined;
-};

package/esm/ChartDataProviderPro/useChartDataProviderProProps.js

@@ -1,19 +0,0 @@
-'use client';
-
-import { useChartDataProviderProps } from '@mui/x-charts/internals';
-export const useChartDataProviderProProps = props => {
-  const {
-    chartProviderProps,
-    localeText,
-    slots,
-    slotProps,
-    children
-  } = useChartDataProviderProps(props);
-  return {
-    children,
-    localeText,
-    chartProviderProps,
-    slots,
-    slotProps
-  };
-};

package/esm/ChartZoomSlider/ChartZoomSlider.d.ts

@@ -1,4 +0,0 @@
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-export declare function ChartZoomSlider(): import("react/jsx-runtime").JSX.Element;

package/esm/ChartZoomSlider/ChartZoomSlider.js

@@ -1,41 +0,0 @@
-import * as React from 'react';
-import { useXAxes, useYAxes } from '@mui/x-charts/hooks';
-import { ChartAxisZoomSlider } from "./internals/ChartAxisZoomSlider.js";
-
-/**
- * Renders the zoom slider for all x and y axes that have it enabled.
- */
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ChartZoomSlider() {
-  const {
-    xAxisIds,
-    xAxis: xAxes
-  } = useXAxes();
-  const {
-    yAxisIds,
-    yAxis: yAxes
-  } = useYAxes();
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [xAxisIds.map(axisId => {
-      const xAxis = xAxes[axisId];
-      const slider = xAxis.zoom?.slider;
-      if (!slider?.enabled) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx(ChartAxisZoomSlider, {
-        axisId: axisId,
-        axisDirection: "x"
-      }, axisId);
-    }), yAxisIds.map(axisId => {
-      const yAxis = yAxes[axisId];
-      const slider = yAxis.zoom?.slider;
-      if (!slider?.enabled) {
-        return null;
-      }
-      return /*#__PURE__*/_jsx(ChartAxisZoomSlider, {
-        axisId: axisId,
-        axisDirection: "y"
-      }, axisId);
-    })]
-  });
-}

package/esm/ChartZoomSlider/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./ChartZoomSlider.js";
-export { type ChartAxisZoomSliderThumbClasses, type ChartAxisZoomSliderThumbClassKey, chartAxisZoomSliderThumbClasses } from "./internals/chartAxisZoomSliderThumbClasses.js";
-export { type ChartAxisZoomSliderTrackClasses, type ChartAxisZoomSliderTrackClassKey, chartAxisZoomSliderTrackClasses } from "./internals/chartAxisZoomSliderTrackClasses.js";

package/esm/ChartZoomSlider/index.js

@@ -1,3 +0,0 @@
-export * from "./ChartZoomSlider.js";
-export { chartAxisZoomSliderThumbClasses } from "./internals/chartAxisZoomSliderThumbClasses.js";
-export { chartAxisZoomSliderTrackClasses } from "./internals/chartAxisZoomSliderTrackClasses.js";

package/esm/ChartZoomSlider/internals/ChartAxisZoomSlider.d.ts

@@ -1,20 +0,0 @@
-import { type AxisId } from '@mui/x-charts/internals';
-interface ChartZoomSliderProps {
-  /**
-   * The ID of the axis this overview refers to.
-   */
-  axisId: AxisId;
-  /**
-   * The direction of the axis.
-   */
-  axisDirection: 'x' | 'y';
-}
-/**
- * Renders the zoom slider for a specific axis.
- * @internal
- */
-export declare function ChartAxisZoomSlider({
-  axisDirection,
-  axisId
-}: ChartZoomSliderProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/esm/ChartZoomSlider/internals/ChartAxisZoomSlider.js

@@ -1,105 +0,0 @@
-'use client';
-
-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 { ChartAxisZoomSliderPreview } from "./ChartAxisZoomSliderPreview.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 { ChartAxisZoomSliderTrack } from "./ChartAxisZoomSliderTrack.js";
-import { ChartAxisZoomSliderActiveTrack } from "./ChartAxisZoomSliderActiveTrack.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Renders the zoom slider for a specific axis.
- * @internal
- */
-export function ChartAxisZoomSlider({
-  axisDirection,
-  axisId
-}) {
-  const store = useStore();
-  const drawingArea = useDrawingArea();
-  const zoomData = store.use(selectorChartAxisZoomData, axisId);
-  const zoomOptions = store.use(selectorChartAxisZoomOptionsLookup, axisId);
-  const [showTooltip, setShowTooltip] = React.useState(false);
-  const {
-    xAxis
-  } = useXAxes();
-  const {
-    yAxis
-  } = useYAxes();
-  const showPreview = zoomOptions.slider.preview;
-  if (!zoomData) {
-    return null;
-  }
-  let x;
-  let y;
-  let reverse;
-  let axisPosition;
-  let tooltipConditions;
-  const sliderSize = showPreview ? ZOOM_SLIDER_PREVIEW_SIZE : ZOOM_SLIDER_SIZE;
-  if (axisDirection === 'x') {
-    const axis = xAxis[axisId];
-    if (!axis || axis.position === 'none') {
-      return null;
-    }
-    const axisSize = axis.height;
-    x = drawingArea.left;
-    y = axis.position === 'bottom' ? drawingArea.top + drawingArea.height + axis.offset + axisSize + ZOOM_SLIDER_MARGIN : drawingArea.top - axis.offset - axisSize - sliderSize - ZOOM_SLIDER_MARGIN;
-    reverse = axis.reverse ?? false;
-    axisPosition = axis.position ?? 'bottom';
-    tooltipConditions = axis.zoom?.slider?.showTooltip ?? DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP;
-  } else {
-    const axis = yAxis[axisId];
-    if (!axis || axis.position === 'none') {
-      return null;
-    }
-    const axisSize = axis.width;
-    x = axis.position === 'right' ? drawingArea.left + drawingArea.width + axis.offset + axisSize + ZOOM_SLIDER_MARGIN : drawingArea.left - axis.offset - axisSize - sliderSize - ZOOM_SLIDER_MARGIN;
-    y = drawingArea.top;
-    reverse = axis.reverse ?? false;
-    axisPosition = axis.position ?? 'left';
-    tooltipConditions = axis.zoom?.slider?.showTooltip ?? DEFAULT_ZOOM_SLIDER_SHOW_TOOLTIP;
-  }
-  const backgroundRectOffset = (sliderSize - ZOOM_SLIDER_TRACK_SIZE) / 2;
-  const track = showPreview ? /*#__PURE__*/_jsx(ChartAxisZoomSliderPreview, {
-    axisId: axisId,
-    axisDirection: axisDirection,
-    reverse: reverse,
-    x: 0,
-    y: 0,
-    height: axisDirection === 'x' ? ZOOM_SLIDER_PREVIEW_SIZE : drawingArea.height,
-    width: axisDirection === 'x' ? drawingArea.width : ZOOM_SLIDER_PREVIEW_SIZE
-  }) : /*#__PURE__*/_jsx(ChartAxisZoomSliderTrack, {
-    x: axisDirection === 'x' ? 0 : backgroundRectOffset,
-    y: axisDirection === 'x' ? backgroundRectOffset : 0,
-    height: axisDirection === 'x' ? ZOOM_SLIDER_TRACK_SIZE : drawingArea.height,
-    width: axisDirection === 'x' ? drawingArea.width : ZOOM_SLIDER_TRACK_SIZE,
-    rx: ZOOM_SLIDER_TRACK_SIZE / 2,
-    ry: ZOOM_SLIDER_TRACK_SIZE / 2,
-    axisId: axisId,
-    axisDirection: axisDirection,
-    reverse: reverse,
-    onSelectStart: tooltipConditions === 'hover' ? () => setShowTooltip(true) : undefined,
-    onSelectEnd: tooltipConditions === 'hover' ? () => setShowTooltip(false) : undefined
-  });
-  return /*#__PURE__*/_jsxs("g", {
-    "data-charts-zoom-slider": true,
-    transform: `translate(${x} ${y})`,
-    style: {
-      touchAction: 'none'
-    },
-    children: [track, /*#__PURE__*/_jsx(ChartAxisZoomSliderActiveTrack, {
-      zoomData: zoomData,
-      axisId: axisId,
-      axisPosition: axisPosition,
-      axisDirection: axisDirection,
-      reverse: reverse,
-      showTooltip: showTooltip && tooltipConditions !== 'never' || tooltipConditions === 'always',
-      size: showPreview ? ZOOM_SLIDER_PREVIEW_SIZE : ZOOM_SLIDER_ACTIVE_TRACK_SIZE,
-      preview: showPreview,
-      onPointerEnter: tooltipConditions === 'hover' ? () => setShowTooltip(true) : undefined,
-      onPointerLeave: tooltipConditions === 'hover' ? () => setShowTooltip(false) : undefined
-    })]
-  });
-}

package/esm/ChartZoomSlider/internals/ChartAxisZoomSliderActiveTrack.d.ts

@@ -1,25 +0,0 @@
-import { type AxisId, type ZoomData } from '@mui/x-charts/internals';
-export interface ChartAxisZoomSliderActiveTrackProps {
-  axisId: AxisId;
-  axisDirection: 'x' | 'y';
-  axisPosition: 'top' | 'bottom' | 'left' | 'right';
-  size: number;
-  preview: boolean;
-  zoomData: ZoomData;
-  reverse?: boolean;
-  showTooltip: boolean;
-  onPointerEnter?: () => void;
-  onPointerLeave?: () => void;
-}
-export declare function ChartAxisZoomSliderActiveTrack({
-  axisId,
-  axisDirection,
-  axisPosition,
-  size,
-  preview,
-  zoomData,
-  reverse,
-  showTooltip,
-  onPointerEnter,
-  onPointerLeave
-}: ChartAxisZoomSliderActiveTrackProps): import("react/jsx-runtime").JSX.Element;