@octanejs/recharts 0.1.50 → 0.1.52

package/src/state/selectors/selectActivePropsFromChartPointer.ts

@@ -1,13 +1,13 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSelector } from 'reselect';
-import { RechartsRootState } from '../store';
-import { ActiveTooltipProps } from '../tooltipSlice';
+import type { RechartsRootState } from '../store';
+import type { ActiveTooltipProps } from '../tooltipSlice';
 import { selectChartLayout } from '../../context/chartLayoutContext';
 import { selectTooltipAxisRangeWithReverse, selectTooltipAxisTicks } from './tooltipSelectors';
 import { selectChartOffsetInternal } from './selectChartOffsetInternal';
 import { combineActiveProps, selectOrderedTooltipTicks } from './selectors';
 import { selectPolarViewBox } from './polarAxisSelectors';
-import { RelativePointer } from '../../util/types';
+import type { RelativePointer } from '../../util/types';
 import { selectTooltipAxisType } from './selectTooltipAxisType';
 
 const pickChartPointer = (_state: RechartsRootState, chartPointer: RelativePointer) => chartPointer;

package/src/state/selectors/selectAllAxes.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSelector } from 'reselect';
-import { RechartsRootState } from '../store';
-import { XAxisSettings, YAxisSettings } from '../cartesianAxisSlice';
+import type { RechartsRootState } from '../store';
+import type { XAxisSettings, YAxisSettings } from '../cartesianAxisSlice';
 
 export const selectAllXAxes: (state: RechartsRootState) => ReadonlyArray<XAxisSettings> =
 	createSelector(

package/src/state/selectors/selectChartOffset.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSelector } from 'reselect';
 import { selectChartOffsetInternal } from './selectChartOffsetInternal';
-import { ChartOffsetInternal } from '../../util/types';
-import { ChartOffset } from '../../types';
+import type { ChartOffsetInternal } from '../../util/types';
+import type { ChartOffset } from '../../types';
 
 export const selectChartOffset = createSelector(
 	[selectChartOffsetInternal],

package/src/state/selectors/selectChartOffsetInternal.ts

@@ -2,7 +2,7 @@
 import { createSelector } from 'reselect';
 
 import { selectLegendSettings, selectLegendSize } from './legendSelectors';
-import {
+import type {
 	CartesianViewBoxRequired,
 	ChartOffsetInternal,
 	Margin,
@@ -10,13 +10,13 @@ import {
 	OffsetVertical,
 	Size,
 } from '../../util/types';
-import { XAxisSettings, YAxisSettings } from '../cartesianAxisSlice';
-import { LegendSettings } from '../legendSlice';
+import type { XAxisSettings, YAxisSettings } from '../cartesianAxisSlice';
+import type { LegendSettings } from '../legendSlice';
 import { appendOffsetOfLegend } from '../../util/ChartUtils';
 import { selectChartHeight, selectChartWidth, selectMargin } from './containerSelectors';
 import { selectAllXAxes, selectAllYAxes } from './selectAllAxes';
 import { DEFAULT_Y_AXIS_WIDTH } from '../../util/Constants';
-import { RechartsRootState } from '../store';
+import type { RechartsRootState } from '../store';
 
 export const selectBrushHeight = (state: RechartsRootState) => state.brush.height;
 

package/src/state/selectors/selectTooltipAxisId.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
-import { AxisId } from '../cartesianAxisSlice';
+import type { RechartsRootState } from '../store';
+import type { AxisId } from '../cartesianAxisSlice';
 
 export const selectTooltipAxisId = (state: RechartsRootState): AxisId =>
 	state.tooltip.settings.axisId;

package/src/state/selectors/selectTooltipAxisType.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
+import type { RechartsRootState } from '../store';
 import { selectChartLayout } from '../../context/chartLayoutContext';
 
 /**

package/src/state/selectors/selectTooltipEventType.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
-import { TooltipEventType } from '../../util/types';
+import type { RechartsRootState } from '../store';
+import type { TooltipEventType } from '../../util/types';
 import { useAppSelector } from '../hooks';
-import { SharedTooltipSettings } from '../tooltipSlice';
+import type { SharedTooltipSettings } from '../tooltipSlice';
 
 export const selectDefaultTooltipEventType = (state: RechartsRootState): TooltipEventType =>
 	state.options.defaultTooltipEventType;

package/src/state/selectors/selectTooltipPayloadSearcher.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
-import { TooltipPayloadSearcher } from '../tooltipSlice';
+import type { RechartsRootState } from '../store';
+import type { TooltipPayloadSearcher } from '../tooltipSlice';
 
 export const selectTooltipPayloadSearcher = (state: RechartsRootState): TooltipPayloadSearcher =>
 	state.options.tooltipPayloadSearcher;

package/src/state/selectors/selectTooltipSettings.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
-import { TooltipSettingsState } from '../tooltipSlice';
+import type { RechartsRootState } from '../store';
+import type { TooltipSettingsState } from '../tooltipSlice';
 
 export const selectTooltipSettings = (state: RechartsRootState): TooltipSettingsState =>
 	state.tooltip.settings;

package/src/state/selectors/selectTooltipState.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../store';
-import { TooltipState } from '../tooltipSlice';
+import type { RechartsRootState } from '../store';
+import type { TooltipState } from '../tooltipSlice';
 
 export const selectTooltipState = (state: RechartsRootState): TooltipState => state.tooltip;

package/src/state/selectors/selectors.ts

@@ -2,8 +2,8 @@
 import { createSelector } from 'reselect';
 import { sortBy } from 'es-toolkit/compat';
 import { useAppSelector } from '../hooks';
-import { RechartsRootState } from '../store';
-import {
+import type { RechartsRootState } from '../store';
+import type {
 	ActiveTooltipProps,
 	TooltipIndex,
 	TooltipInteractionState,
@@ -11,7 +11,7 @@ import {
 	TooltipPayloadConfiguration,
 } from '../tooltipSlice';
 import { calculateCartesianTooltipPos, calculatePolarTooltipPos } from '../../util/ChartUtils';
-import {
+import type {
 	AxisType,
 	CartesianLayout,
 	ChartOffsetInternal,
@@ -24,14 +24,14 @@ import {
 	TickItem,
 	TooltipEventType,
 } from '../../util/types';
-import { TooltipTrigger } from '../../chart/types';
+import type { TooltipTrigger } from '../../chart/types';
 import { selectChartDataWithIndexes } from './dataSelectors';
 import {
 	selectTooltipAxisDomain,
 	selectTooltipAxisTicks,
 	selectTooltipDisplayedData,
 } from './tooltipSelectors';
-import { AxisRange, selectTooltipAxisDataKey } from './axisSelectors';
+import { type AxisRange, selectTooltipAxisDataKey } from './axisSelectors';
 import { selectChartName } from './rootPropsSelectors';
 import { selectChartLayout } from '../../context/chartLayoutContext';
 import { selectChartOffsetInternal } from './selectChartOffsetInternal';

package/src/state/selectors/tooltipSelectors.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSelector } from 'reselect';
-import { RechartsRootState } from '../store';
+import type { RechartsRootState } from '../store';
 import {
-	AxisRange,
+	type AxisRange,
 	combineAllAppliedValues,
 	combineAreasDomain,
 	combineAxisDomain,
@@ -24,7 +24,7 @@ import {
 	getDomainDefinition,
 	itemAxisPredicate,
 	mergeDomains,
-	RenderableAxisSettings,
+	type RenderableAxisSettings,
 	selectAllErrorBarSettings,
 	selectAxisRange,
 	selectHasBar,
@@ -35,8 +35,8 @@ import {
 	selectTooltipAxisDataKey,
 } from './axisSelectors';
 import { selectChartLayout } from '../../context/chartLayoutContext';
-import { isCategoricalAxis, StackId } from '../../util/ChartUtils';
-import {
+import { isCategoricalAxis, type StackId } from '../../util/ChartUtils';
+import type {
 	AxisDomain,
 	CategoricalDomain,
 	CategoricalDomainItem,
@@ -48,14 +48,14 @@ import {
 	TickItem,
 	TooltipEventType,
 } from '../../util/types';
-import { AppliedChartData, ChartData } from '../chartDataSlice';
+import type { AppliedChartData, ChartData } from '../chartDataSlice';
 import { selectChartDataWithIndexes, selectChartDataSliceWithIndexes } from './dataSelectors';
-import {
+import type {
 	CartesianGraphicalItemSettings,
 	GraphicalItemSettings,
 	PolarGraphicalItemSettings,
 } from '../graphicalItemsSlice';
-import {
+import type {
 	ReferenceAreaSettings,
 	ReferenceDotSettings,
 	ReferenceLineSettings,
@@ -67,7 +67,7 @@ import {
 } from './rootPropsSelectors';
 import { isNotNil, mathSign } from '../../util/DataUtils';
 import { combineAxisRangeWithReverse } from './combiners/combineAxisRangeWithReverse';
-import {
+import type {
 	TooltipIndex,
 	TooltipInteractionState,
 	TooltipPayload,
@@ -94,23 +94,23 @@ import { selectTooltipPayloadSearcher } from './selectTooltipPayloadSearcher';
 import { selectTooltipState } from './selectTooltipState';
 
 import { combineTooltipPayload } from './combiners/combineTooltipPayload';
-import { StackGroup } from '../../util/stacks/stackTypes';
+import type { StackGroup } from '../../util/stacks/stackTypes';
 import { selectTooltipAxisId } from './selectTooltipAxisId';
-import { RenderableAxisType, selectTooltipAxisType } from './selectTooltipAxisType';
+import { type RenderableAxisType, selectTooltipAxisType } from './selectTooltipAxisType';
 import {
 	combineDisplayedStackedData,
-	DisplayedStackedData,
+	type DisplayedStackedData,
 } from './combiners/combineDisplayedStackedData';
-import { DefinitelyStackedGraphicalItem, isStacked } from '../types/StackedGraphicalItem';
+import { type DefinitelyStackedGraphicalItem, isStacked } from '../types/StackedGraphicalItem';
 import { numericalDomainSpecifiedWithoutRequiringData } from '../../util/isDomainSpecifiedByUser';
 import { numberDomainEqualityCheck } from './numberDomainEqualityCheck';
 import { emptyArraysAreEqualCheck } from './arrayEqualityCheck';
-import { ActiveLabel } from '../../synchronisation/types';
-import { RechartsScale, rechartsScaleFactory } from '../../util/scale/RechartsScale';
+import type { ActiveLabel } from '../../synchronisation/types';
+import { type RechartsScale, rechartsScaleFactory } from '../../util/scale/RechartsScale';
 import { isWellBehavedNumber } from '../../util/isWellBehavedNumber';
 import { combineRealScaleType } from './combiners/combineRealScaleType';
 import { combineConfiguredScale } from './combiners/combineConfiguredScale';
-import { CustomScaleDefinition } from '../../util/scale/CustomScaleDefinition';
+import type { CustomScaleDefinition } from '../../util/scale/CustomScaleDefinition';
 
 export const selectTooltipAxisRealScaleType: (
 	state: RechartsRootState,

package/src/state/selectors/touchSelectors.ts

@@ -1,10 +1,10 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { createSelector } from 'reselect';
-import { RechartsRootState } from '../store';
-import { TooltipIndex, TooltipPayloadConfiguration } from '../tooltipSlice';
-import { Coordinate } from '../../util/types';
+import type { RechartsRootState } from '../store';
+import type { TooltipIndex, TooltipPayloadConfiguration } from '../tooltipSlice';
+import type { Coordinate } from '../../util/types';
 import { selectTooltipState } from './selectTooltipState';
-import { GraphicalItemId } from '../graphicalItemsSlice';
+import type { GraphicalItemId } from '../graphicalItemsSlice';
 
 const selectAllTooltipPayloadConfiguration: (
 	state: RechartsRootState,

package/src/state/store.ts

@@ -1,11 +1,11 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import {
-	Action,
+	type Action,
 	autoBatchEnhancer,
 	combineReducers,
 	configureStore,
-	Dispatch,
-	Store,
+	type Dispatch,
+	type Store,
 } from '@reduxjs/toolkit';
 import { optionsReducer } from './optionsSlice';
 import { tooltipReducer } from './tooltipSlice';

package/src/state/tooltipSlice.ts

@@ -1,11 +1,11 @@
 // 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 { TooltipTrigger } from '../chart/types';
+import type { TooltipTrigger } from '../chart/types';
 import type { NameType, Payload, ValueType } from '../component/DefaultTooltipContent.tsrx';
-import { CartesianViewBoxRequired, Coordinate, DataKey, PolarCoordinate } from '../util/types';
-import { AxisId } from './cartesianAxisSlice';
-import { GraphicalItemId } from './graphicalItemsSlice';
+import type { CartesianViewBoxRequired, Coordinate, DataKey, PolarCoordinate } from '../util/types';
+import type { AxisId } from './cartesianAxisSlice';
+import type { GraphicalItemId } from './graphicalItemsSlice';
 
 /**
  * One Tooltip can display multiple TooltipPayloadEntries at a time.

package/src/state/touchEventsMiddleware.ts

@@ -3,11 +3,11 @@ import type { NativeTouchEvent } from '../util/OctaneTypes';
 import {
 	createAction,
 	createListenerMiddleware,
-	ListenerEffectAPI,
-	PayloadAction,
+	type ListenerEffectAPI,
+	type PayloadAction,
 } from '@reduxjs/toolkit';
 
-import { AppDispatch, RechartsRootState } from './store';
+import type { AppDispatch, RechartsRootState } from './store';
 import { setActiveMouseOverItemIndex, setMouseOverAxisIndex } from './tooltipSlice';
 import { selectActivePropsFromChartPointer } from './selectors/selectActivePropsFromChartPointer';
 
@@ -19,7 +19,7 @@ import {
 } from '../util/Constants';
 import { selectTooltipCoordinate } from './selectors/touchSelectors';
 import { selectAllGraphicalItemsSettings } from './selectors/tooltipSelectors';
-import { RelativePointer } from '../util/types';
+import type { RelativePointer } from '../util/types';
 import { createEventProxy } from '../util/createEventProxy';
 
 export const touchEventAction = createAction<NativeTouchEvent<HTMLDivElement>>('touchMove');

package/src/state/types/AreaSettings.ts

@@ -1,9 +1,9 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { BaseValue } from '../../cartesian/Area.tsrx';
-import { DataKey } from '../../util/types';
-import { ChartData } from '../chartDataSlice';
-import { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
-import { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { BaseValue } from '../../cartesian/Area.tsrx';
+import type { DataKey } from '../../util/types';
+import type { ChartData } from '../chartDataSlice';
+import type { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
+import type { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export type AreaSettings = BaseCartesianGraphicalItemSettings &
 	MaybeStackedGraphicalItem & {

package/src/state/types/BarSettings.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { MinPointSize } from '../../util/BarUtils.tsrx';
-import { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
-import { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { MinPointSize } from '../../util/BarUtils.tsrx';
+import type { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
+import type { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export type BarSettings = BaseCartesianGraphicalItemSettings &
 	MaybeStackedGraphicalItem & {

package/src/state/types/LineSettings.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { ChartData } from '../chartDataSlice';
-import { DataKey } from '../../util/types';
-import { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { ChartData } from '../chartDataSlice';
+import type { DataKey } from '../../util/types';
+import type { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export type LineSettings = BaseCartesianGraphicalItemSettings & {
 	type: 'line';

package/src/state/types/PieSettings.ts

@@ -1,11 +1,11 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import type { SVGProps } from '../../util/OctaneTypes';
 
-import { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
-import { DataKey, LegendType } from '../../util/types';
-import { TooltipType } from '../../component/DefaultTooltipContent.tsrx';
-import { SVGPropsNoEvents } from '../../util/svgPropertiesNoEvents';
-import { WithoutId } from '../../util/useUniqueId';
+import type { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { DataKey, LegendType } from '../../util/types';
+import type { TooltipType } from '../../component/DefaultTooltipContent.tsrx';
+import type { SVGPropsNoEvents } from '../../util/svgPropertiesNoEvents';
+import type { WithoutId } from '../../util/useUniqueId';
 
 export type PiePresentationProps = SVGPropsNoEvents<WithoutId<SVGProps<SVGPathElement>>>;
 

package/src/state/types/RadarSettings.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export interface RadarSettings extends BasePolarGraphicalItemSettings {
 	type: 'radar';

package/src/state/types/RadialBarSettings.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
-import { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { MaybeStackedGraphicalItem } from './StackedGraphicalItem';
+import type { BasePolarGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export interface RadialBarSettings
 	extends BasePolarGraphicalItemSettings, MaybeStackedGraphicalItem {

package/src/state/types/ScatterSettings.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { ChartData } from '../chartDataSlice';
-import { DataKey } from '../../util/types';
-import { TooltipType } from '../../component/DefaultTooltipContent.tsrx';
-import { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
+import type { ChartData } from '../chartDataSlice';
+import type { DataKey } from '../../util/types';
+import type { TooltipType } from '../../component/DefaultTooltipContent.tsrx';
+import type { BaseCartesianGraphicalItemSettings } from '../graphicalItemsSlice';
 
 export type ScatterSettings = BaseCartesianGraphicalItemSettings & {
 	type: 'scatter';

package/src/state/types/StackedGraphicalItem.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { GraphicalItemSettings } from '../graphicalItemsSlice';
-import { NormalizedStackId } from '../../util/ChartUtils';
-import { DataKey } from '../../util/types';
+import type { GraphicalItemSettings } from '../graphicalItemsSlice';
+import type { NormalizedStackId } from '../../util/ChartUtils';
+import type { DataKey } from '../../util/types';
 
 /**
  * Some graphical items allow data stacking. The stacks are optional,

package/src/state/zIndexSlice.ts

@@ -3,7 +3,7 @@
  * This slice contains a registry of z-index values for various components.
  * The state is a map from z-index numbers to element references.
  */
-import { createSlice, PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
+import { createSlice, type PayloadAction, prepareAutoBatched } from '@reduxjs/toolkit';
 import { castDraft } from 'immer';
 
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';

package/src/synchronisation/syncSelectors.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { RechartsRootState } from '../state/store';
-import { TooltipSyncState } from '../state/tooltipSlice';
+import type { RechartsRootState } from '../state/store';
+import type { TooltipSyncState } from '../state/tooltipSlice';
 
 export function selectSynchronisedTooltipState(state: RechartsRootState): TooltipSyncState {
 	return state.tooltip.syncInteraction;

package/src/synchronisation/types.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { Coordinate, DataKey, TickItem } from '../util/types';
-import { TooltipIndex } from '../state/tooltipSlice';
+import type { Coordinate, DataKey, TickItem } from '../util/types';
+import type { TooltipIndex } from '../state/tooltipSlice';
 
 export type ActiveLabel = string | number | undefined;
 

package/src/util/CartesianUtils.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { Coordinate, RectangleCoordinate, RectanglePosition, Size } from './types';
+import type { Coordinate, RectangleCoordinate, RectanglePosition, Size } from './types';
 
 export const rectWithPoints = (
 	{ x: x1, y: y1 }: Coordinate,

package/src/util/ChartUtils.ts

@@ -3,7 +3,7 @@ import { sortBy } from 'es-toolkit/compat';
 import { get } from 'es-toolkit/compat';
 
 import {
-	Series,
+	type Series,
 	type SeriesPoint,
 	stack as shapeStack,
 	stackOffsetExpand,
@@ -23,8 +23,8 @@ import {
 	mathSign,
 } from './DataUtils';
 
-import { TooltipEntrySettings, TooltipPayloadEntry } from '../state/tooltipSlice';
-import {
+import type { TooltipEntrySettings, TooltipPayloadEntry } from '../state/tooltipSlice';
+import type {
 	AxisTick,
 	AxisType,
 	CartesianLayout,
@@ -42,13 +42,13 @@ import {
 	TickItem,
 	AxisDomainTypeInput,
 } from './types';
-import { ValueType } from '../component/DefaultTooltipContent.tsrx';
-import { LegendSettings } from '../state/legendSlice';
-import { AxisRange, BaseAxisWithScale } from '../state/selectors/axisSelectors';
-import { StackGroup } from './stacks/stackTypes';
+import type { ValueType } from '../component/DefaultTooltipContent.tsrx';
+import type { LegendSettings } from '../state/legendSlice';
+import type { AxisRange, BaseAxisWithScale } from '../state/selectors/axisSelectors';
+import type { StackGroup } from './stacks/stackTypes';
 import { getSliced } from './getSliced';
 import { isWellBehavedNumber } from './isWellBehavedNumber';
-import { RechartsScale } from './scale/RechartsScale';
+import type { RechartsScale } from './scale/RechartsScale';
 
 export function getValueByDataKey<DataPointType, DataValueType>(
 	obj: DataPointType | null | undefined,

package/src/util/DOMUtils.ts

@@ -2,7 +2,7 @@
 import type { CSSProperties } from './OctaneTypes';
 
 import { Global } from './Global';
-import { Size } from './types';
+import type { Size } from './types';
 import { LRUCache } from './LRUCache';
 
 export interface TextMeasurementConfig {

package/src/util/DataUtils.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { get } from 'es-toolkit/compat';
-import { NonEmptyArray, Percent } from './types';
+import type { NonEmptyArray, Percent } from './types';
 import { round } from './round';
 
 export const mathSign = (value: number) => {

package/src/util/Events.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import EventEmitter from 'eventemitter3';
-import { PayloadAction } from '@reduxjs/toolkit';
-import { TooltipSyncState } from '../state/tooltipSlice';
-import { BrushStartEndIndex } from '../context/brushUpdateContext';
+import type { PayloadAction } from '@reduxjs/toolkit';
+import type { TooltipSyncState } from '../state/tooltipSlice';
+import type { BrushStartEndIndex } from '../context/brushUpdateContext';
 
 const eventCenter: EventEmitter<EventTypes> = new EventEmitter();
 

package/src/util/FunnelUtils.tsrx

@@ -1,7 +1,7 @@
 import * as React from 'octane';
-import { Props as FunnelProps, FunnelTrapezoidItem } from '../cartesian/Funnel.tsrx';
+import type { Props as FunnelProps, FunnelTrapezoidItem } from '../cartesian/Funnel.tsrx';
 import { Trapezoid } from '../shape/Trapezoid.tsrx';
-import { ShapeAnimationProps } from './types';
+import type { ShapeAnimationProps } from './types';
 import { Shape } from './ActiveShapeUtils.tsrx';
 
 export const defaultFunnelShape = Trapezoid;

package/src/util/OctaneTypes.ts

@@ -1,14 +1,15 @@
 // DOM contracts shared by the authored Recharts port. Events are native,
 // while element props and refs follow Octane's public JSX type surface.
-import type { OctaneNode } from 'octane';
+import type { CSSProperties, OctaneNode } from 'octane';
 import type { Octane } from 'octane/jsx-runtime';
 
-export type { OctaneNode } from 'octane';
+export type { CSSProperties, OctaneNode } from 'octane';
 export type { OctaneElement } from 'octane/jsx-runtime';
-export type CSSProperties = Exclude<NonNullable<Octane.HTMLAttributes<Element>['style']>, string>;
-export type SVGProps<T> = Octane.SVGProps<T>;
-export type SVGAttributes<T> = Octane.SVGAttributes<T>;
-export type HTMLAttributes<T> = Octane.HTMLAttributes<T>;
+// Chart layout and text measurement consume CSS values before rendering them.
+type PlainStyleProps<P> = Omit<P, 'style'> & { style?: CSSProperties };
+export type SVGProps<T> = PlainStyleProps<Octane.SVGProps<T>>;
+export type SVGAttributes<T> = PlainStyleProps<Octane.SVGAttributes<T>>;
+export type HTMLAttributes<T> = PlainStyleProps<Octane.HTMLAttributes<T>>;
 export type AriaAttributes = Pick<
 	Octane.SVGAttributes<Element>,
 	Extract<keyof Octane.SVGAttributes<Element>, `aria-${string}`>

package/src/util/PolarUtils.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import {
+import type {
 	ChartOffsetInternal,
 	RelativePointer,
 	Coordinate,

package/src/util/RadialBarUtils.tsrx

@@ -1,7 +1,7 @@
 import * as React from 'octane';
-import { RadialBarDataItem, RadialBarProps } from '../polar/RadialBar.tsrx';
+import type { RadialBarDataItem, RadialBarProps } from '../polar/RadialBar.tsrx';
 import { Sector } from '../shape/Sector.tsrx';
-import { ShapeAnimationProps } from './types';
+import type { ShapeAnimationProps } from './types';
 import { Shape } from './ActiveShapeUtils.tsrx';
 
 export const defaultRadialBarShape = Sector;

package/src/util/ScatterUtils.tsrx

@@ -1,10 +1,10 @@
 import * as React from 'octane';
-import { ActiveShape, ShapeAnimationProps, SymbolType } from './types';
-import { ScatterPointItem } from '../cartesian/Scatter.tsrx';
-import { InnerSymbolsProp, Symbols } from '../shape/Symbols.tsrx';
+import type { ActiveShape, ShapeAnimationProps, SymbolType } from './types';
+import type { ScatterPointItem } from '../cartesian/Scatter.tsrx';
+import { type InnerSymbolsProp, Symbols } from '../shape/Symbols.tsrx';
 import { Shape } from './ActiveShapeUtils.tsrx';
 import { DATA_ITEM_GRAPHICAL_ITEM_ID_ATTRIBUTE_NAME } from './Constants';
-import { GraphicalItemId } from '../state/graphicalItemsSlice';
+import type { GraphicalItemId } from '../state/graphicalItemsSlice';
 
 export type ScatterShapeProps =
 	ScatterPointItem & ShapeAnimationProps & {

package/src/util/TickUtils.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { getAngledRectangleWidth } from './CartesianUtils';
 import { getEveryNth } from './getEveryNth';
-import { Size, CartesianTickItem, CartesianViewBoxRequired } from './types';
+import type { Size, CartesianTickItem, CartesianViewBoxRequired } from './types';
 
 export function getAngledTickWidth(contentSize: Size, unitSize: Size, angle: number | undefined) {
 	const size = {