@octanejs/recharts 0.1.51 → 0.1.53

package/src/polar/Pie.tsrx

@@ -16,39 +16,39 @@ import { clsx } from 'clsx';
 import { selectPieLegend, selectPieSectors } from '../state/selectors/pieSelectors';
 import { useAppSelector } from '../state/hooks';
 import { Layer } from '../container/Layer.tsrx';
-import { Curve, Props as CurveProps } from '../shape/Curve.tsrx';
+import { Curve, type Props as CurveProps } from '../shape/Curve.tsrx';
 import { Sector } from '../shape/Sector.tsrx';
 import { Text, type RenderableText, type TextAnchor } from '../component/Text.tsrx';
 import { getMaxRadius, polarToCartesian } from '../util/PolarUtils';
 import { getPercentValue, interpolate, isNumber, mathSign } from '../util/DataUtils';
 import { getTooltipNameProp, getValueByDataKey } from '../util/ChartUtils';
 import {
-	ActiveShape,
+	type ActiveShape,
 	adaptEventsOfChild,
-	AnimationDuration,
-	ChartOffsetInternal,
-	Coordinate,
-	DataConsumer,
-	DataKey,
-	DataProvider,
-	EasingInput,
-	GeometrySector,
-	LegendType,
-	PolarLayout,
-	PresentationAttributesAdaptChildEvent,
-	ShapeAnimationProps,
-	TooltipType,
+	type AnimationDuration,
+	type ChartOffsetInternal,
+	type Coordinate,
+	type DataConsumer,
+	type DataKey,
+	type DataProvider,
+	type EasingInput,
+	type GeometrySector,
+	type LegendType,
+	type PolarLayout,
+	type PresentationAttributesAdaptChildEvent,
+	type ShapeAnimationProps,
+	type TooltipType,
 } from '../util/types';
 import { Shape } from '../util/ActiveShapeUtils.tsrx';
 import {
-	TooltipTriggerInfo,
+	type TooltipTriggerInfo,
 	useMouseClickItemDispatch,
 	useMouseEnterItemDispatch,
 	useMouseLeaveItemDispatch,
 } from '../context/tooltipContext';
-import { TooltipPayload, TooltipPayloadConfiguration } from '../state/tooltipSlice';
+import type { TooltipPayload, TooltipPayloadConfiguration } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
-import { Formatter } from '../component/DefaultTooltipContent.tsrx';
+import type { Formatter } from '../component/DefaultTooltipContent.tsrx';
 import {
 	selectActiveTooltipDataKey,
 	selectActiveTooltipGraphicalItemId,
@@ -61,31 +61,31 @@ import {
 } from '../util/Constants';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
-import { AnimationMatchByProp, matchAppend } from '../animation/matchBy';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type AnimationMatchByProp, matchAppend } from '../animation/matchBy';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
 import { SetPolarGraphicalItem } from '../state/SetGraphicalItem';
 import type { PiePresentationProps, PieSettings } from '../state/types/PieSettings';
 import {
 	svgPropertiesNoEvents,
 	svgPropertiesNoEventsFromUnknown,
-	SVGPropsNoEvents,
+	type SVGPropsNoEvents,
 } from '../util/svgPropertiesNoEvents';
 import {
 	LabelListFromLabelProp,
 	PolarLabelListContextProvider,
-	PolarLabelListEntry,
-	Props as LabelListProps,
+	type PolarLabelListEntry,
+	type Props as LabelListProps,
 } from '../component/LabelList.tsrx';
-import { GraphicalItemId } from '../state/graphicalItemsSlice';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import type { GraphicalItemId } from '../state/graphicalItemsSlice';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
-import { ChartData } from '../state/chartDataSlice';
+import type { ChartData } from '../state/chartDataSlice';
 import { getClassNameFromUnknown } from '../util/getClassNameFromUnknown';
-import { WithIdRequired } from '../util/useUniqueId';
+import type { WithIdRequired } from '../util/useUniqueId';
 import { usePolarChartLayout } from '../context/chartLayoutContext';
 import { CellsContext, useCellRegistry } from '../context/CellsContext';
 
@@ -1154,17 +1154,17 @@ function PieImpl(props: WithIdRequired<PropsWithResolvedDefaults>) {
 
 	if (sectors == null) {
 		previousSectorsRef.current = null;
-		return <CellsContext.Provider value={cellRegistry}>
+		return <CellsContext value={cellRegistry}>
 			<SetPiePayloadLegend cells={cells} id={id} />
 			<Layer tabIndex={rootTabIndex} className={layerClass}>{props.children}</Layer>
-		</CellsContext.Provider>;
+		</CellsContext>;
 	}
 
 	if (hide) {
 		previousSectorsRef.current = null;
 	}
 
-	return <CellsContext.Provider value={cellRegistry}>
+	return <CellsContext value={cellRegistry}>
 		<SetPiePayloadLegend cells={cells} id={id} />
 		<ZIndexLayer zIndex={props.zIndex}>
 			<SetPieTooltipEntrySettings
@@ -1191,7 +1191,7 @@ function PieImpl(props: WithIdRequired<PropsWithResolvedDefaults>) {
 					: props.children}
 			</Layer>
 		</ZIndexLayer>
-	</CellsContext.Provider>;
+	</CellsContext>;
 }
 
 type PropsWithResolvedDefaults = RequiresDefaultProps<Props, typeof defaultPieProps>;

package/src/polar/PolarAngleAxis.tsrx

@@ -12,23 +12,23 @@ import { clsx } from 'clsx';
 import { Layer } from '../container/Layer.tsrx';
 import { Dot } from '../shape/Dot.tsrx';
 import { Polygon } from '../shape/Polygon.tsrx';
-import { Text, TextAnchor, TextVerticalAnchor } from '../component/Text.tsrx';
+import { Text, type TextAnchor, type TextVerticalAnchor } from '../component/Text.tsrx';
 import {
 	adaptEventsOfChild,
-	AxisDomain,
-	AxisTick,
-	AxisDomainTypeInput,
-	PolarTickContentProps,
-	EvaluatedAxisDomainType,
-	PresentationAttributesAdaptChildEvent,
-	RenderableAxisProps,
-	ScaleType,
-	TickItem,
-	TickProp,
+	type AxisDomain,
+	type AxisTick,
+	type AxisDomainTypeInput,
+	type PolarTickContentProps,
+	type EvaluatedAxisDomainType,
+	type PresentationAttributesAdaptChildEvent,
+	type RenderableAxisProps,
+	type ScaleType,
+	type TickItem,
+	type TickProp,
 } from '../util/types';
 import { degreeToRadian, polarToCartesian } from '../util/PolarUtils';
-import { addAngleAxis, AngleAxisSettings, removeAngleAxis } from '../state/polarAxisSlice';
-import { NiceTicksAlgorithm } from '../state/cartesianAxisSlice';
+import { addAngleAxis, type AngleAxisSettings, removeAngleAxis } from '../state/polarAxisSlice';
+import type { NiceTicksAlgorithm } from '../state/cartesianAxisSlice';
 import { useAppDispatch, useAppSelector } from '../state/hooks';
 import {
 	selectPolarAngleAxisTicks,
@@ -41,9 +41,9 @@ import {
 	svgPropertiesNoEvents,
 	svgPropertiesNoEventsFromUnknown,
 } from '../util/svgPropertiesNoEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
-import { RechartsScale } from '../util/scale/RechartsScale';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import type { RechartsScale } from '../util/scale/RechartsScale';
 import type { CustomScaleDefinition } from '../util/scale/CustomScaleDefinition';
 import { usePolarChartLayout } from '../context/chartLayoutContext';
 import { noop } from '../util/DataUtils';

package/src/polar/PolarGrid.tsrx

@@ -3,13 +3,13 @@ import { clsx } from 'clsx';
 import * as React from 'octane';
 
 import { polarToCartesian } from '../util/PolarUtils';
-import { AxisId } from '../state/cartesianAxisSlice';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import { useAppSelector } from '../state/hooks';
 import { selectPolarGridAngles, selectPolarGridRadii } from '../state/selectors/polarGridSelectors';
 import { selectPolarViewBox } from '../state/selectors/polarAxisSelectors';
-import { PolarViewBoxRequired } from '../util/types';
+import type { PolarViewBoxRequired } from '../util/types';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 

package/src/polar/PolarRadiusAxis.tsrx

@@ -17,21 +17,21 @@ import { Layer } from '../container/Layer.tsrx';
 import { polarToCartesian } from '../util/PolarUtils';
 import {
 	adaptEventsOfChild,
-	RenderableAxisProps,
-	Coordinate,
-	PolarViewBoxRequired,
-	PresentationAttributesAdaptChildEvent,
-	TickItem,
-	AxisDomain,
-	ScaleType,
-	AxisDomainTypeInput,
-	EvaluatedAxisDomainType,
-	TickProp,
-	PolarTickContentProps,
-	AxisTick,
+	type RenderableAxisProps,
+	type Coordinate,
+	type PolarViewBoxRequired,
+	type PresentationAttributesAdaptChildEvent,
+	type TickItem,
+	type AxisDomain,
+	type ScaleType,
+	type AxisDomainTypeInput,
+	type EvaluatedAxisDomainType,
+	type TickProp,
+	type PolarTickContentProps,
+	type AxisTick,
 } from '../util/types';
-import { addRadiusAxis, RadiusAxisSettings, removeRadiusAxis } from '../state/polarAxisSlice';
-import { NiceTicksAlgorithm } from '../state/cartesianAxisSlice';
+import { addRadiusAxis, type RadiusAxisSettings, removeRadiusAxis } from '../state/polarAxisSlice';
+import type { NiceTicksAlgorithm } from '../state/cartesianAxisSlice';
 import { useAppDispatch, useAppSelector } from '../state/hooks';
 import { selectPolarAxisScale, selectPolarAxisTicks } from '../state/selectors/polarScaleSelectors';
 import { selectPolarViewBox } from '../state/selectors/polarAxisSelectors';
@@ -40,9 +40,9 @@ import {
 	svgPropertiesNoEvents,
 	svgPropertiesNoEventsFromUnknown,
 } from '../util/svgPropertiesNoEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
-import { RechartsScale } from '../util/scale/RechartsScale';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import type { RechartsScale } from '../util/scale/RechartsScale';
 import type { CustomScaleDefinition } from '../util/scale/CustomScaleDefinition';
 import { usePolarChartLayout } from '../context/chartLayoutContext';
 import { noop } from '../util/DataUtils';

package/src/polar/Radar.tsrx

@@ -17,12 +17,12 @@ import { Polygon } from '../shape/Polygon.tsrx';
 import { Layer } from '../container/Layer.tsrx';
 import {
 	CartesianLabelListContextProvider,
-	CartesianLabelListEntry,
-	ImplicitLabelListType,
+	type CartesianLabelListEntry,
+	type ImplicitLabelListType,
 	LabelListFromLabelProp,
 } from '../component/LabelList.tsrx';
 import { Dots } from '../component/Dots.tsrx';
-import {
+import type {
 	ActiveDotType,
 	AnimationDuration,
 	DataConsumer,
@@ -36,7 +36,7 @@ import {
 } from '../util/types';
 import type { LegendPayload } from '../component/DefaultLegendContent.tsrx';
 import { ActivePoints } from '../component/ActivePoints.tsrx';
-import { TooltipPayloadConfiguration } from '../state/tooltipSlice';
+import type { TooltipPayloadConfiguration } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
 import { selectRadarPoints } from '../state/selectors/radarSelectors';
 import { useAppSelector } from '../state/hooks';
@@ -47,17 +47,17 @@ import { SetPolarGraphicalItem } from '../state/SetGraphicalItem';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
-import { AnimationMatchByProp, matchAnimationItems, matchByIndex } from '../animation/matchBy';
+import { type AnimationMatchByProp, matchAnimationItems, matchByIndex } from '../animation/matchBy';
 import { useAnimationStartSnapshot } from '../animation/useAnimationStartSnapshot';
 import { svgPropertiesAndEvents } from '../util/svgPropertiesAndEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
-import { WithIdRequired } from '../util/useUniqueId';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import type { WithIdRequired } from '../util/useUniqueId';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
-import { RechartsScale } from '../util/scale/RechartsScale';
+import type { RechartsScale } from '../util/scale/RechartsScale';
 import { usePolarChartLayout } from '../context/chartLayoutContext';
 
 export interface RadarPoint {

package/src/polar/RadialBar.tsrx

@@ -13,24 +13,24 @@ import * as React from 'octane';
 import { useRef } from 'octane';
 import { clsx } from 'clsx';
 
-import { Series } from 'victory-vendor/d3-shape';
+import type { Series } from 'victory-vendor/d3-shape';
 import {
 	defaultRadialBarShape,
 	parseCornerRadius,
 	RadialBarSector,
-	RadialBarSectorProps,
+	type RadialBarSectorProps,
 } from '../util/RadialBarUtils.tsrx';
 import { defaultSectorProps, type Props as SectorProps } from '../shape/Sector.tsrx';
 import { Layer } from '../container/Layer.tsrx';
 import {
-	ImplicitLabelListType,
+	type ImplicitLabelListType,
 	LabelListFromLabelProp,
 	PolarLabelListContextProvider,
-	PolarLabelListEntry,
+	type PolarLabelListEntry,
 } from '../component/LabelList.tsrx';
 import { interpolate, mathSign, noop } from '../util/DataUtils';
 import {
-	BarPositionPosition,
+	type BarPositionPosition,
 	getCateCoordinateOfBar,
 	getNormalizedStackId,
 	getTooltipNameProp,
@@ -38,32 +38,32 @@ import {
 	truncateByDomain,
 } from '../util/ChartUtils';
 import {
-	ActiveShape,
+	type ActiveShape,
 	adaptEventsOfChild,
-	AnimationDuration,
-	EasingInput,
-	DataConsumer,
-	DataKey,
-	GeometrySector,
-	LayoutType,
-	LegendType,
-	PresentationAttributesAdaptChildEvent,
-	ShapeAnimationProps,
-	TickItem,
-	TooltipType,
-	PolarLayout,
+	type AnimationDuration,
+	type EasingInput,
+	type DataConsumer,
+	type DataKey,
+	type GeometrySector,
+	type LayoutType,
+	type LegendType,
+	type PresentationAttributesAdaptChildEvent,
+	type ShapeAnimationProps,
+	type TickItem,
+	type TooltipType,
+	type PolarLayout,
 } from '../util/types';
 import {
-	TooltipTriggerInfo,
+	type TooltipTriggerInfo,
 	useMouseClickItemDispatch,
 	useMouseEnterItemDispatch,
 	useMouseLeaveItemDispatch,
 } from '../context/tooltipContext';
-import { TooltipPayloadConfiguration } from '../state/tooltipSlice';
+import type { TooltipPayloadConfiguration } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
-import { Formatter } from '../component/DefaultTooltipContent.tsrx';
-import { BaseAxisWithScale } from '../state/selectors/axisSelectors';
-import { ChartData } from '../state/chartDataSlice';
+import type { Formatter } from '../component/DefaultTooltipContent.tsrx';
+import type { BaseAxisWithScale } from '../state/selectors/axisSelectors';
+import type { ChartData } from '../state/chartDataSlice';
 import {
 	selectRadialBarLegendPayload,
 	selectRadialBarSectors,
@@ -73,11 +73,11 @@ import { selectActiveTooltipIndex } from '../state/selectors/tooltipSelectors';
 import { SetPolarLegendPayload } from '../state/SetLegendPayload';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
-import { AnimationMatchByProp, matchAppend } from '../animation/matchBy';
-import { AxisId } from '../state/cartesianAxisSlice';
+import { type AnimationMatchByProp, matchAppend } from '../animation/matchBy';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
 import type { RadialBarSettings } from '../state/types/RadialBarSettings';
 import { SetPolarGraphicalItem } from '../state/SetGraphicalItem';
@@ -85,9 +85,9 @@ import {
 	svgPropertiesNoEvents,
 	svgPropertiesNoEventsFromUnknown,
 } from '../util/svgPropertiesNoEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
-import { WithIdRequired } from '../util/useUniqueId';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import type { WithIdRequired } from '../util/useUniqueId';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 import { getZIndexFromUnknown } from '../zIndex/getZIndexFromUnknown';
 import { usePolarChartLayout } from '../context/chartLayoutContext';
@@ -687,7 +687,7 @@ function RadialBarImpl(props: WithIdRequired<PropsWithDefaults>) {
 			),
 		) ??
 			STABLE_EMPTY_ARRAY;
-	return <CellsContext.Provider value={cellRegistry}>
+	return <CellsContext value={cellRegistry}>
 		<SetRadialBarTooltipEntrySettings
 			dataKey={props.dataKey}
 			sectors={sectors}
@@ -701,7 +701,7 @@ function RadialBarImpl(props: WithIdRequired<PropsWithDefaults>) {
 			id={props.id}
 		/>
 		<RadialBarWithState {...props} sectors={sectors} />
-	</CellsContext.Provider>;
+	</CellsContext>;
 }
 
 export const defaultRadialBarProps = {

package/src/polar/defaultPolarAngleAxisProps.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { Props } from './PolarAngleAxis.tsrx';
+import type { Props } from './PolarAngleAxis.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 
 export const defaultPolarAngleAxisProps = {

package/src/polar/defaultPolarRadiusAxisProps.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { Props } from './PolarRadiusAxis.tsrx';
+import type { Props } from './PolarRadiusAxis.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 
 export const defaultPolarRadiusAxisProps = {

package/src/state/ReportPolarOptions.tsrx

@@ -1,6 +1,6 @@
 import { useEffect } from 'octane';
 import { useAppDispatch } from './hooks';
-import { PolarChartOptions, updatePolarOptions } from './polarOptionsSlice';
+import { type PolarChartOptions, updatePolarOptions } from './polarOptionsSlice';
 
 export function ReportPolarOptions(props: PolarChartOptions): null {
 	const dispatch = useAppDispatch();

package/src/state/brushSlice.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { Padding } from '../util/types';
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit';
+import type { Padding } from '../util/types';
 
 /**
  * From all Brush properties, only height has a default value and will always be defined.

package/src/state/cartesianAxisSlice.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
+import { createSlice, type PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
 import { castDraft, type Draft } from 'immer';
-import {
+import type {
 	AxisDomain,
 	AxisInterval,
 	AxisTick,
@@ -10,9 +10,9 @@ import {
 	ScaleType,
 	TickProp,
 } from '../util/types';
-import { TickFormatter } from '../cartesian/CartesianAxis.tsrx';
+import type { TickFormatter } from '../cartesian/CartesianAxis.tsrx';
 import type { AxisRange } from './selectors/axisSelectors';
-import { CustomScaleDefinition } from '../util/scale/CustomScaleDefinition';
+import type { CustomScaleDefinition } from '../util/scale/CustomScaleDefinition';
 
 /**
  * @inline

package/src/state/chartDataSlice.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { PayloadAction, createSlice } from '@reduxjs/toolkit';
+import { type PayloadAction, createSlice } from '@reduxjs/toolkit';
 import { castDraft } from 'immer';
-import { BrushStartEndIndex } from '../context/brushUpdateContext';
+import type { BrushStartEndIndex } from '../context/brushUpdateContext';
 
 /**
  * This is the data that's coming through main chart `data` prop

package/src/state/errorBarSlice.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { ErrorBarDirection } from '../cartesian/ErrorBar.tsrx';
-import { DataKey } from '../util/types';
-import { GraphicalItemId } from './graphicalItemsSlice';
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit';
+import type { ErrorBarDirection } from '../cartesian/ErrorBar.tsrx';
+import type { DataKey } from '../util/types';
+import type { GraphicalItemId } from './graphicalItemsSlice';
 
 /**
  * ErrorBars have lot more settings but all the others are scoped to the component itself.

package/src/state/eventSettingsSlice.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit';
 import { castDraft } from 'immer';
-import { EventThrottlingProps } from '../util/types';
+import type { EventThrottlingProps } from '../util/types';
 
 export type EventSettingsState = Required<EventThrottlingProps>;
 

package/src/state/externalEventsMiddleware.ts

@@ -3,12 +3,12 @@ import type { NativeEvent } from '../util/OctaneTypes';
 import {
 	createAction,
 	createListenerMiddleware,
-	ListenerEffectAPI,
-	PayloadAction,
+	type ListenerEffectAPI,
+	type PayloadAction,
 } from '@reduxjs/toolkit';
 
-import { CategoricalChartFunc } from '../chart/types';
-import { MouseHandlerDataParam } from '../synchronisation/types';
+import type { CategoricalChartFunc } from '../chart/types';
+import type { MouseHandlerDataParam } from '../synchronisation/types';
 import {
 	selectActiveLabel,
 	selectActiveTooltipCoordinate,
@@ -16,7 +16,7 @@ import {
 	selectActiveTooltipIndex,
 	selectIsTooltipActive,
 } from './selectors/tooltipSelectors';
-import { AppDispatch, RechartsRootState } from './store';
+import type { AppDispatch, RechartsRootState } from './store';
 import { createEventProxy } from '../util/createEventProxy';
 
 type ExternalEventActionPayload<E = NativeEvent> = {

package/src/state/graphicalItemsSlice.ts

@@ -1,16 +1,16 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, current, PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
+import { createSlice, current, type PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
 import { castDraft, type Draft } from 'immer';
-import { ChartData } from './chartDataSlice';
-import { AxisId } from './cartesianAxisSlice';
-import { DataKey } from '../util/types';
-import { LineSettings } from './types/LineSettings';
-import { ScatterSettings } from './types/ScatterSettings';
-import { AreaSettings } from './types/AreaSettings';
-import { BarSettings } from './types/BarSettings';
-import { RadialBarSettings } from './types/RadialBarSettings';
-import { PieSettings } from './types/PieSettings';
-import { RadarSettings } from './types/RadarSettings';
+import type { ChartData } from './chartDataSlice';
+import type { AxisId } from './cartesianAxisSlice';
+import type { DataKey } from '../util/types';
+import type { LineSettings } from './types/LineSettings';
+import type { ScatterSettings } from './types/ScatterSettings';
+import type { AreaSettings } from './types/AreaSettings';
+import type { BarSettings } from './types/BarSettings';
+import type { RadialBarSettings } from './types/RadialBarSettings';
+import type { PieSettings } from './types/PieSettings';
+import type { RadarSettings } from './types/RadarSettings';
 
 /**
  * Unique ID of the graphical item.

package/src/state/keyboardEventsMiddleware.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createAction, createListenerMiddleware, ListenerEffectAPI } from '@reduxjs/toolkit';
-import { setKeyboardInteraction, TooltipInteractionState } from './tooltipSlice';
-import { AppDispatch, RechartsRootState } from './store';
+import { createAction, createListenerMiddleware, type ListenerEffectAPI } from '@reduxjs/toolkit';
+import { setKeyboardInteraction, type TooltipInteractionState } from './tooltipSlice';
+import type { AppDispatch, RechartsRootState } from './store';
 import {
 	selectTooltipAxisDomain,
 	selectTooltipAxisTicks,

package/src/state/layoutSlice.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, PayloadAction } from '@reduxjs/toolkit';
-import { LayoutType, Margin, Size } from '../util/types';
+import { createSlice, type PayloadAction } from '@reduxjs/toolkit';
+import type { LayoutType, Margin, Size } from '../util/types';
 
 type ChartLayoutState = {
 	layoutType: LayoutType;

package/src/state/legendSlice.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { createSlice, current, PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
+import { createSlice, current, type PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
 import { castDraft } from 'immer';
-import { LayoutType, Size } from '../util/types';
-import {
+import type { LayoutType, Size } from '../util/types';
+import type {
 	HorizontalAlignmentType,
 	LegendPayload,
 	VerticalAlignmentType,

package/src/state/mouseEventsMiddleware.ts

@@ -2,16 +2,16 @@
 import {
 	createAction,
 	createListenerMiddleware,
-	ListenerEffectAPI,
-	PayloadAction,
+	type ListenerEffectAPI,
+	type PayloadAction,
 } from '@reduxjs/toolkit';
-import { AppDispatch, RechartsRootState } from './store';
+import type { AppDispatch, RechartsRootState } from './store';
 import { mouseLeaveChart, setMouseClickAxisIndex, setMouseOverAxisIndex } from './tooltipSlice';
 import { selectActivePropsFromChartPointer } from './selectors/selectActivePropsFromChartPointer';
 import { selectTooltipEventType } from './selectors/selectTooltipEventType';
 
 import { getRelativeCoordinate } from '../util/getRelativeCoordinate';
-import { RelativePointer, HTMLMousePointer } from '../util/types';
+import type { RelativePointer, HTMLMousePointer } from '../util/types';
 
 export const mouseClickAction = createAction<HTMLMousePointer>('mouseClick');
 

package/src/state/optionsSlice.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSlice } from '@reduxjs/toolkit';
-import { TooltipEventType } from '../util/types';
-import { TooltipIndex, TooltipPayloadSearcher } from './tooltipSlice';
+import type { TooltipEventType } from '../util/types';
+import type { TooltipIndex, TooltipPayloadSearcher } from './tooltipSlice';
 import { isNan } from '../util/DataUtils';
 
 /**