@mui/x-charts 8.21.0 → 8.22.0

package/esm/themeAugmentation/overrides.d.ts

@@ -1,10 +1,10 @@
-import { GaugeClassKey } from "../Gauge/index.js";
-import { BarLabelClassKey } from "../BarChart/index.js";
-import { BarElementClassKey } from "../BarChart/barElementClasses.js";
-import { ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.js";
-import { ChartsGridClassKey } from "../ChartsGrid/index.js";
-import { ChartsTooltipClassKey } from "../ChartsTooltip/index.js";
-import { AreaElementClassKey, LineElementClassKey, MarkElementClassKey } from "../LineChart/index.js";
+import { type GaugeClassKey } from "../Gauge/index.js";
+import { type BarLabelClassKey } from "../BarChart/index.js";
+import { type BarElementClassKey } from "../BarChart/barElementClasses.js";
+import { type ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.js";
+import { type ChartsGridClassKey } from "../ChartsGrid/index.js";
+import { type ChartsTooltipClassKey } from "../ChartsTooltip/index.js";
+import { type AreaElementClassKey, type LineElementClassKey, type MarkElementClassKey } from "../LineChart/index.js";
 export interface ChartsComponentNameToClassKey {
   MuiChartsAxis: 'root';
   MuiChartsXAxis: 'root';

package/esm/themeAugmentation/props.d.ts

@@ -1,15 +1,15 @@
-import { BarLabelProps } from "../BarChart/BarLabel/index.js";
-import { BarChartProps } from "../BarChart/BarChart.js";
-import { ChartsGridProps } from "../ChartsGrid/index.js";
-import { ChartsLegendProps } from "../ChartsLegend/index.js";
-import { ChartsSurfaceProps } from "../ChartsSurface/index.js";
-import { ChartsTooltipProps } from "../ChartsTooltip/index.js";
-import { LineChartProps } from "../LineChart/LineChart.js";
-import { ScatterChartProps } from "../ScatterChart/ScatterChart.js";
-import { PieChartProps } from "../PieChart/PieChart.js";
-import { ChartsXAxisProps, ChartsYAxisProps } from "../models/axis.js";
-import { ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
-import { ChartDataProviderProps } from "../ChartDataProvider/index.js";
+import { type BarLabelProps } from "../BarChart/BarLabel/index.js";
+import { type BarChartProps } from "../BarChart/BarChart.js";
+import { type ChartsGridProps } from "../ChartsGrid/index.js";
+import { type ChartsLegendProps } from "../ChartsLegend/index.js";
+import { type ChartsSurfaceProps } from "../ChartsSurface/index.js";
+import { type ChartsTooltipProps } from "../ChartsTooltip/index.js";
+import { type LineChartProps } from "../LineChart/LineChart.js";
+import { type ScatterChartProps } from "../ScatterChart/ScatterChart.js";
+import { type PieChartProps } from "../PieChart/PieChart.js";
+import { type ChartsXAxisProps, type ChartsYAxisProps } from "../models/axis.js";
+import { type ChartsLocalizationProviderProps } from "../ChartsLocalizationProvider/index.js";
+import { type ChartDataProviderProps } from "../ChartDataProvider/index.js";
 export interface ChartsComponentsPropsList {
   MuiChartsXAxis: ChartsXAxisProps;
   MuiChartsYAxis: ChartsYAxisProps;

package/esm/utils/index.d.ts

@@ -1,4 +1,5 @@
 /**
  * Exported utility functions for the x-charts library.
  */
-export * from "./niceDomain.js";
+export * from "./niceDomain.js";
+export { tickFrequencies } from "./timeTicks.js";

package/esm/utils/index.js

@@ -2,4 +2,5 @@
  * Exported utility functions for the x-charts library.
  */
 
-export * from "./niceDomain.js";
+export * from "./niceDomain.js";
+export { tickFrequencies } from "./timeTicks.js";

package/esm/utils/niceDomain.d.ts

@@ -1,5 +1,5 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousScaleName } from "../models/index.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousScaleName } from "../models/index.js";
 /**
  * Returns a nice domain for the given scale type and domain.
  * Does not modify the original domain.

package/esm/utils/timeTicks.d.ts

@@ -0,0 +1,2 @@
+import type { TickFrequency, TickFrequencyDefinition } from "../models/timeTicks.js";
+export declare const tickFrequencies: Record<TickFrequency, TickFrequencyDefinition>;

package/esm/utils/timeTicks.js

@@ -0,0 +1,62 @@
+function yearNumber(from, to) {
+  return Math.abs(to.getFullYear() - from.getFullYear());
+}
+function monthNumber(from, to) {
+  return Math.abs(to.getFullYear() * 12 + to.getMonth() - 12 * from.getFullYear() - from.getMonth());
+}
+function dayNumber(from, to) {
+  return Math.abs(to.getTime() - from.getTime()) / (1000 * 60 * 60 * 24);
+}
+function hourNumber(from, to) {
+  return Math.abs(to.getTime() - from.getTime()) / (1000 * 60 * 60);
+}
+export const tickFrequencies = {
+  years: {
+    getTickNumber: yearNumber,
+    isTick: (prev, value) => value.getFullYear() !== prev.getFullYear(),
+    format: d => d.getFullYear().toString()
+  },
+  quarterly: {
+    getTickNumber: (from, to) => Math.floor(monthNumber(from, to) / 3),
+    isTick: (prev, value) => value.getMonth() !== prev.getMonth() && value.getMonth() % 3 === 0,
+    format: new Intl.DateTimeFormat('default', {
+      month: 'short'
+    }).format
+  },
+  months: {
+    getTickNumber: monthNumber,
+    isTick: (prev, value) => value.getMonth() !== prev.getMonth(),
+    format: new Intl.DateTimeFormat('default', {
+      month: 'short'
+    }).format
+  },
+  biweekly: {
+    getTickNumber: (from, to) => dayNumber(from, to) / 14,
+    isTick: (prev, value) => (value.getDay() < prev.getDay() || dayNumber(value, prev) > 7) && Math.floor(value.getDate() / 7) % 2 === 1,
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  weeks: {
+    getTickNumber: (from, to) => dayNumber(from, to) / 7,
+    isTick: (prev, value) => value.getDay() < prev.getDay() || dayNumber(value, prev) >= 7,
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  days: {
+    getTickNumber: dayNumber,
+    isTick: (prev, value) => value.getDate() !== prev.getDate(),
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  hours: {
+    getTickNumber: hourNumber,
+    isTick: (prev, value) => value.getHours() !== prev.getHours(),
+    format: new Intl.DateTimeFormat('default', {
+      hour: '2-digit',
+      minute: '2-digit'
+    }).format
+  }
+};

package/hooks/animation/useAnimate.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 export interface UseAnimateParams<Props extends {}, Elem extends Element, T extends {} = Props> {
   /**
    * Function that returns the interpolation function for animating props.

package/hooks/animation/useAnimateArea.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AnimatedAreaProps } from "../../LineChart/index.js";
 type UseAnimateAreaParams = Pick<AnimatedAreaProps, 'd' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;

package/hooks/animation/useAnimateBar.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BarProps } from "../../BarChart/AnimatedBarElement.js";
 type UseAnimateBarParams = Pick<BarProps, 'x' | 'y' | 'xOrigin' | 'yOrigin' | 'width' | 'height' | 'skipAnimation' | 'layout'> & {
   ref?: React.Ref<SVGRectElement>;

package/hooks/animation/useAnimateBarLabel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { BarLabelProps } from "../../BarChart/index.js";
 type UseAnimateBarLabelParams = Pick<BarLabelProps, 'xOrigin' | 'yOrigin' | 'x' | 'y' | 'width' | 'height' | 'layout' | 'skipAnimation' | 'placement'> & {
   ref?: React.Ref<SVGTextElement>;

package/hooks/animation/useAnimateGaugeValueArc.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 interface UseAnimateGaugeValueArcParams {
   ref?: React.Ref<SVGPathElement>;
   startAngle: number;

package/hooks/animation/useAnimateLine.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AnimatedLineProps } from "../../LineChart/index.js";
 type UseAnimateLineParams = Pick<AnimatedLineProps, 'd' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;

package/hooks/animation/useAnimatePieArc.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PieArcProps } from "../../PieChart/index.js";
 type UseAnimatePieArcParams = Pick<PieArcProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'innerRadius' | 'outerRadius' | 'skipAnimation'> & {
   ref?: React.Ref<SVGPathElement>;

package/hooks/animation/useAnimatePieArcLabel.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PieArcLabelProps } from "../../PieChart/index.js";
 type UseAnimatePieArcLabelParams = Pick<PieArcLabelProps, 'startAngle' | 'endAngle' | 'cornerRadius' | 'paddingAngle' | 'skipAnimation'> & {
   ref?: React.Ref<SVGTextElement>;

package/hooks/index.d.ts

@@ -8,7 +8,7 @@ export * from "./useSvgRef.js";
 export * from "./useSeries.js";
 export * from "./useDataset.js";
 export * from "./useScatterSeries.js";
-export * from "./usePieSeries.js";
+export { type UsePieSeriesReturnValue, type UsePieSeriesContextReturnValue, usePieSeries, usePieSeriesContext } from "./usePieSeries.js";
 export * from "./useBarSeries.js";
 export * from "./useLineSeries.js";
 export * from "./useRadarSeries.js";

package/hooks/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
+  usePieSeries: true,
+  usePieSeriesContext: true,
   useChartGradientId: true,
   useChartGradientIdObjectBound: true
 };
@@ -19,6 +21,18 @@ Object.defineProperty(exports, "useChartGradientIdObjectBound", {
     return _useChartGradientId.useChartGradientIdObjectBound;
   }
 });
+Object.defineProperty(exports, "usePieSeries", {
+  enumerable: true,
+  get: function () {
+    return _usePieSeries.usePieSeries;
+  }
+});
+Object.defineProperty(exports, "usePieSeriesContext", {
+  enumerable: true,
+  get: function () {
+    return _usePieSeries.usePieSeriesContext;
+  }
+});
 var _useDrawingArea = require("./useDrawingArea");
 Object.keys(_useDrawingArea).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -140,17 +154,6 @@ Object.keys(_useScatterSeries).forEach(function (key) {
   });
 });
 var _usePieSeries = require("./usePieSeries");
-Object.keys(_usePieSeries).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _usePieSeries[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _usePieSeries[key];
-    }
-  });
-});
 var _useBarSeries = require("./useBarSeries");
 Object.keys(_useBarSeries).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/hooks/useAxis.d.ts

@@ -1,4 +1,4 @@
-import { AxisId, ChartsRadiusAxisProps, ChartsRotationAxisProps, PolarAxisDefaultized, ScaleName, type AxisScaleConfig, type ChartsXAxisProps, type ChartsYAxisProps, type ComputedAxis } from "../models/axis.js";
+import { type AxisId, type ChartsRadiusAxisProps, type ChartsRotationAxisProps, type PolarAxisDefaultized, type ScaleName, type AxisScaleConfig, type ChartsXAxisProps, type ChartsYAxisProps, type ComputedAxis } from "../models/axis.js";
 /**
  * Get all the x-axes.
  *

package/hooks/useBarSeries.d.ts

@@ -1,6 +1,6 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export type UseBarSeriesReturnValue = ChartSeriesDefaultized<'bar'>;
 export type UseBarSeriesContextReturnValue = ProcessedSeries['bar'];
 /**

package/hooks/useChartGradientId.d.ts

@@ -1,4 +1,4 @@
-import { AxisId } from "../models/axis.js";
+import { type AxisId } from "../models/axis.js";
 /**
  * Returns a function that generates a gradient id for the given axis id.
  */

package/hooks/useChartRootRef.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * Get the ref for the root chart element.
  * @returns The root chart element ref.

package/hooks/useColorScale.d.ts

@@ -1,4 +1,4 @@
-import { AxisId, AxisScaleComputedConfig, ScaleName } from "../models/axis.js";
+import { type AxisId, type AxisScaleComputedConfig, type ScaleName } from "../models/axis.js";
 /**
  * Get the X axis color scale.
  *

package/hooks/useDataset.d.ts

@@ -1,4 +1,4 @@
-import { DatasetType } from "../models/seriesType/config.js";
+import { type DatasetType } from "../models/seriesType/config.js";
 /**
  * Get access to the dataset used to populate series and axes data.
  * @returns {DatasetType | undefined} The dataset array if provided, otherwise undefined.

package/hooks/useFocusedItem.d.ts

@@ -1,5 +1,5 @@
-import { ChartSeriesType } from "../models/seriesType/config.js";
-import { SeriesId } from "../models/seriesType/common.js";
+import { type ChartSeriesType } from "../models/seriesType/config.js";
+import { type SeriesId } from "../models/seriesType/common.js";
 export type FocusedItemData = {
   seriesType: ChartSeriesType;
   seriesId: SeriesId;

package/hooks/useInteractionItemProps.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { SeriesItemIdentifierWithData } from "../models/index.js";
-import { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
-import { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
-import { ChartSeriesType, type ChartItemIdentifierWithData } from "../models/seriesType/config.js";
-import { ChartInstance } from "../internals/plugins/models/index.js";
+import { type SeriesItemIdentifierWithData } from "../models/index.js";
+import type { UseChartHighlightSignature } from "../internals/plugins/featurePlugins/useChartHighlight/index.js";
+import type { UseChartInteractionSignature } from "../internals/plugins/featurePlugins/useChartInteraction/index.js";
+import type { ChartSeriesType, ChartItemIdentifier } from "../models/seriesType/config.js";
+import type { ChartInstance } from "../internals/plugins/models/index.js";
+import type { UseChartTooltipSignature } from "../internals/plugins/featurePlugins/useChartTooltip/index.js";
 export declare const useInteractionItemProps: (data: SeriesItemIdentifierWithData, skip?: boolean) => {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
   onPointerDown?: (event: React.PointerEvent) => void;
 };
-export declare function getInteractionItemProps(instance: ChartInstance<[UseChartInteractionSignature, UseChartHighlightSignature]>, item: ChartItemIdentifierWithData<ChartSeriesType>): {
+export declare function getInteractionItemProps(instance: ChartInstance<[UseChartInteractionSignature, UseChartHighlightSignature, UseChartTooltipSignature]>, item: ChartItemIdentifier<ChartSeriesType>): {
   onPointerEnter?: () => void;
   onPointerLeave?: () => void;
   onPointerDown?: (event: React.PointerEvent) => void;

package/hooks/useInteractionItemProps.js

@@ -23,14 +23,13 @@ const useInteractionItemProps = (data, skip) => {
   const interactionActive = React.useRef(false);
   const onPointerEnter = (0, _useEventCallback.default)(() => {
     interactionActive.current = true;
-    instance.setItemInteraction(data, {
-      interaction: 'pointer'
-    });
+    instance.setLastUpdateSource('pointer');
+    instance.setTooltipItem(data);
     instance.setHighlight(data);
   });
   const onPointerLeave = (0, _useEventCallback.default)(() => {
     interactionActive.current = false;
-    instance.removeItemInteraction(data);
+    instance.removeTooltipItem(data);
     instance.clearHighlight();
   });
   React.useEffect(() => {
@@ -53,16 +52,15 @@ function getInteractionItemProps(instance, item) {
     if (!item) {
       return;
     }
-    instance.setItemInteraction(item, {
-      interaction: 'pointer'
-    });
+    instance.setLastUpdateSource('pointer');
+    instance.setTooltipItem(item);
     instance.setHighlight(item);
   }
   function onPointerLeave() {
     if (!item) {
       return;
     }
-    instance.removeItemInteraction(item);
+    instance.removeTooltipItem(item);
     instance.clearHighlight();
   }
   return {

package/hooks/useIsItemFocused.d.ts

@@ -1,4 +1,4 @@
-import { FocusedItemData } from "./useFocusedItem.js";
+import { type FocusedItemData } from "./useFocusedItem.js";
 type UseItemFocusedParams = FocusedItemData;
 /**
  * A hook to check if an item has the focus.

package/hooks/useIsItemFocusedGetter.d.ts

@@ -1,4 +1,4 @@
-import { FocusedItemData } from "./useFocusedItem.js";
+import { type FocusedItemData } from "./useFocusedItem.js";
 /**
  * A hook to check focus state of multiple items.
  * If you're interested by a single one, consider using `useIsItemFocused`.

package/hooks/useItemHighlighted.d.ts

@@ -1,4 +1,4 @@
-import { HighlightItemData } from "../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.js";
+import { type HighlightItemData } from "../internals/plugins/featurePlugins/useChartHighlight/useChartHighlight.types.js";
 type UseItemHighlightedReturnType = {
   /**
    * Whether the item is highlighted.

package/hooks/useLineSeries.d.ts

@@ -1,6 +1,6 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export type UseLineSeriesReturnValue = ChartSeriesDefaultized<'line'>;
 export type UseLineSeriesContextReturnValue = ProcessedSeries['line'];
 /**

package/hooks/usePieSeries.d.ts

@@ -1,6 +1,7 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import type { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import type { SeriesId } from "../models/seriesType/common.js";
+import type { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import type { PieSeriesLayout } from "../models/seriesType/pie.js";
 export type UsePieSeriesReturnValue = ChartSeriesDefaultized<'pie'>;
 export type UsePieSeriesContextReturnValue = ProcessedSeries['pie'];
 /**
@@ -32,4 +33,9 @@ export declare function usePieSeries(seriesIds: SeriesId[]): UsePieSeriesReturnV
  * - seriesOrder: the array of series ids.
  * @returns the pie series
  */
-export declare function usePieSeriesContext(): UsePieSeriesContextReturnValue;
+export declare function usePieSeriesContext(): UsePieSeriesContextReturnValue;
+/**
+ * Get access to the pie layout.
+ * @returns {Record<SeriesId, PieSeriesLayout>} the pie layout
+ */
+export declare function usePieSeriesLayout(): Record<SeriesId, PieSeriesLayout>;

package/hooks/usePieSeries.js

@@ -6,7 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.usePieSeries = usePieSeries;
 exports.usePieSeriesContext = usePieSeriesContext;
+exports.usePieSeriesLayout = usePieSeriesLayout;
 var _seriesSelectorOfType = require("../internals/seriesSelectorOfType");
+var _useStore = require("../internals/store/useStore");
+var _useChartSeries = require("../internals/plugins/corePlugins/useChartSeries");
+var _useSelector = require("../internals/store/useSelector");
 /**
  * Get access to the internal state of pie series.
  *
@@ -42,4 +46,14 @@ function usePieSeries(seriesIds) {
  */
 function usePieSeriesContext() {
   return (0, _seriesSelectorOfType.useAllSeriesOfType)('pie');
+}
+
+/**
+ * Get access to the pie layout.
+ * @returns {Record<SeriesId, PieSeriesLayout>} the pie layout
+ */
+function usePieSeriesLayout() {
+  const store = (0, _useStore.useStore)();
+  const seriesLayout = (0, _useSelector.useSelector)(store, _useChartSeries.selectorChartSeriesLayout);
+  return seriesLayout.pie ?? {};
 }

package/hooks/useRadarSeries.d.ts

@@ -1,6 +1,6 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export type UseRadarSeriesReturnValue = ChartSeriesDefaultized<'radar'>;
 export type UseRadarSeriesContextReturnValue = ProcessedSeries['radar'];
 /**

package/hooks/useScale.d.ts

@@ -1,4 +1,4 @@
-import { AxisId, AxisScaleConfig, D3Scale, ScaleName } from "../models/axis.js";
+import { type AxisId, type AxisScaleConfig, type D3Scale, type ScaleName } 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.

package/hooks/useScatterSeries.d.ts

@@ -1,6 +1,6 @@
-import { ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
-import { SeriesId } from "../models/seriesType/common.js";
-import { ChartSeriesDefaultized } from "../models/seriesType/config.js";
+import { type ProcessedSeries } from "../internals/plugins/corePlugins/useChartSeries/useChartSeries.types.js";
+import { type SeriesId } from "../models/seriesType/common.js";
+import { type ChartSeriesDefaultized } from "../models/seriesType/config.js";
 export type UseScatterSeriesReturnValue = ChartSeriesDefaultized<'scatter'>;
 export type UseScatterSeriesContextReturnValue = ProcessedSeries['scatter'];
 /**

package/hooks/useSvgRef.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * Get the ref for the SVG element.
  * @returns The SVG ref.

package/hooks/useTicks.d.ts

@@ -1,4 +1,5 @@
-import { AxisConfig, D3Scale } from "../models/axis.js";
+import type { AxisConfig, D3Scale } from "../models/axis.js";
+import type { OrdinalTimeTicks } from "../models/timeTicks.js";
 export interface TickParams {
   /**
    * Maximal step between two ticks.
@@ -62,13 +63,14 @@ export type TickItemType = {
  * @param tickSpacing Spacing in pixels.
  */
 export declare function applyTickSpacing<T>(domain: T[], range: [number, number], tickSpacing: number): T[];
-export declare function getTicks(options: {
+interface GetTicksOptions extends Pick<TickParams, 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement' | 'tickSpacing'>, Required<Pick<TickParams, 'tickNumber'>> {
   scale: D3Scale;
   valueFormatter?: AxisConfig['valueFormatter'];
   isInside: (offset: number) => boolean;
-} & Pick<TickParams, 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement' | 'tickSpacing'> & Required<Pick<TickParams, 'tickNumber'>>): TickItemType[];
-export declare function useTicks(options: {
-  scale: D3Scale;
-  valueFormatter?: AxisConfig['valueFormatter'];
+  ordinalTimeTicks?: OrdinalTimeTicks;
+}
+export declare function getTicks(options: GetTicksOptions): TickItemType[];
+export declare function useTicks(options: Omit<GetTicksOptions, 'isInside'> & {
   direction: 'x' | 'y';
-} & Pick<TickParams, 'tickInterval' | 'tickPlacement' | 'tickLabelPlacement' | 'tickSpacing'> & Required<Pick<TickParams, 'tickNumber'>>): TickItemType[];
+}): TickItemType[];
+export {};