@octanejs/recharts 0.1.50 → 0.1.52

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/recharts",
-  "version": "0.1.50",
+  "version": "0.1.52",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -49,13 +49,13 @@
     "octane": "^0.1.51 || ^0.2.0"
   },
   "devDependencies": {
-    "@tsrx/react": "^0.2.67",
+    "@tsrx/react": "^0.3.0",
     "esbuild": "^0.28.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "recharts": "3.9.2",
     "vitest": "^4.1.10",
-    "octane": "0.2.4"
+    "octane": "0.2.14"
   },
   "scripts": {
     "test": "vitest run"

package/src/animation/AnimationController.ts

@@ -1,6 +1,6 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import type { CancelableTimeout, TimeoutController } from './timeoutController';
-import { AnimationHandle } from './AnimationHandle';
+import type { AnimationHandle } from './AnimationHandle';
 
 /**
  * JavaScript animations produce numbers and CSS transitions produce strings.

package/src/animation/AnimationControllerImpl.ts

@@ -1,10 +1,10 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import {
+import type {
 	AnimationController,
 	AnimationControllerHandle,
 	OnAnimationStateUpdate,
 } from './AnimationController';
-import { CancelableTimeout, TimeoutController } from './timeoutController';
+import type { CancelableTimeout, TimeoutController } from './timeoutController';
 
 /**
  * JavaScript animations require trigger and repaint as soon as possible,

package/src/animation/AnimationHandle.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 // eslint-disable-next-line max-classes-per-file
 import { interpolate } from '../util/DataUtils';
-import { EasingFunction, NamedBezier } from './easing';
+import type { EasingFunction, NamedBezier } from './easing';
 
 const INIT = 'init' as const;
 const PENDING = 'pending' as const;

package/src/animation/CSSTransitionAnimate.tsrx

@@ -1,7 +1,7 @@
+import type { CSSProperties } from 'octane';
 import type { OctaneNode } from '../util/OctaneTypes.ts';
 import * as React from 'octane';
 import { useCallback, useEffect, useRef, useState } from 'octane';
-import type { Octane } from 'octane/jsx-runtime';
 import { noop } from '../util/DataUtils';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { useAnimationController } from './useAnimationController';
@@ -10,15 +10,9 @@ import { Global } from '../util/Global';
 import { usePrefersReducedMotion } from '../util/usePrefersReducedMotion';
 import { CSSTransitionAnimation } from './AnimationHandle';
 import { RequestAnimationFrameTimeoutController } from './timeoutController';
-import { EasingInput, NamedBezier } from './easing';
+import type { EasingInput, NamedBezier } from './easing';
 import type { AnimationController } from './AnimationController';
 
-// `octane` does not export `CSSProperties`. The object form of octane's JSX
-// `style` prop is the type this render prop hands out, so take it from there
-// (`octane/jsx-runtime` types it as `string | CSSProperties`) rather than
-// importing @types/react, which this package does not depend on.
-type CSSProperties = Exclude<NonNullable<Octane.HTMLAttributes<Element>['style']>, string>;
-
 type CSSTransitionAnimateProps = {
 	animationId: string;
 	animationController?: AnimationController;

package/src/animation/matchBy.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { DataKey } from '../util/types';
+import type { DataKey } from '../util/types';
 import { getValueByDataKey } from '../util/ChartUtils';
 
 /**

package/src/cartesian/Area.tsrx

@@ -2,24 +2,24 @@ import type { MutableRefObject, OctaneElement, OctaneNode } from '../util/Octane
 import * as React from 'octane';
 import { useMemo, useRef } from 'octane';
 import { clsx } from 'clsx';
-import { BaseLineType, CurveType, Props as CurveProps } from '../shape/Curve.tsrx';
+import type { BaseLineType, CurveType, Props as CurveProps } from '../shape/Curve.tsrx';
 import { Layer } from '../container/Layer.tsrx';
 import {
 	CartesianLabelListContextProvider,
-	CartesianLabelListEntry,
-	ImplicitLabelListType,
+	type CartesianLabelListEntry,
+	type ImplicitLabelListType,
 	LabelListFromLabelProp,
 } from '../component/LabelList.tsrx';
-import { Dots, DotsDotProps } from '../component/Dots.tsrx';
+import { Dots, type DotsDotProps } from '../component/Dots.tsrx';
 import { interpolate, isNan, isNullish, isNumber, noop } from '../util/DataUtils';
 import {
 	getCateCoordinateOfLine,
 	getNormalizedStackId,
 	getTooltipNameProp,
 	getValueByDataKey,
-	StackId,
+	type StackId,
 } from '../util/ChartUtils';
-import {
+import type {
 	ActiveDotType,
 	ActiveShape,
 	AnimationDuration,
@@ -37,14 +37,18 @@ import {
 } from '../util/types';
 import { isClipDot } from '../util/ReactUtils';
 import type { LegendPayload } from '../component/DefaultLegendContent.tsrx';
-import { Formatter } from '../component/DefaultTooltipContent.tsrx';
+import type { Formatter } from '../component/DefaultTooltipContent.tsrx';
 import { ActivePoints } from '../component/ActivePoints.tsrx';
-import { TooltipPayloadConfiguration } from '../state/tooltipSlice';
+import type { TooltipPayloadConfiguration } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
 import { GraphicalItemClipPath, useNeedsClip } from './GraphicalItemClipPath.tsrx';
-import { BaseAxisWithScale } from '../state/selectors/axisSelectors';
-import { ChartData } from '../state/chartDataSlice';
-import { AreaPointItem, ComputedArea, selectArea } from '../state/selectors/areaSelectors';
+import type { BaseAxisWithScale } from '../state/selectors/axisSelectors';
+import type { ChartData } from '../state/chartDataSlice';
+import {
+	type AreaPointItem,
+	type ComputedArea,
+	selectArea,
+} from '../state/selectors/areaSelectors';
 import { useIsPanorama } from '../context/PanoramaContext';
 import { useCartesianChartLayout, useChartLayout } from '../context/chartLayoutContext';
 import { useChartName } from '../state/selectors/selectors';
@@ -52,19 +56,19 @@ import { SetLegendPayload } from '../state/SetLegendPayload';
 import { useAppSelector } from '../state/hooks';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
 import {
-	AnimationItem,
-	AnimationMatchByProp,
+	type AnimationItem,
+	type AnimationMatchByProp,
 	matchAnimationItems,
 	matchByIndex,
 } from '../animation/matchBy';
 import { useAnimationStartSnapshot } from '../animation/useAnimationStartSnapshot';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { usePlotArea } from '../hooks';
-import { WithIdRequired, WithoutId } from '../util/useUniqueId';
+import type { WithIdRequired, WithoutId } from '../util/useUniqueId';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
 import type { AreaSettings } from '../state/types/AreaSettings';
 import { SetCartesianGraphicalItem } from '../state/SetGraphicalItem';
@@ -72,12 +76,12 @@ import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
 import { getRadiusAndStrokeWidthFromDot } from '../util/getRadiusAndStrokeWidthFromDot';
 import { svgPropertiesAndEvents } from '../util/svgPropertiesAndEvents';
 import { Shape } from '../util/ActiveShapeUtils.tsrx';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 import { propsAreEqual } from '../util/propsAreEqual';
-import { AxisId } from '../state/cartesianAxisSlice';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import type { StackDataPoint } from '../util/stacks/stackTypes';
-import { AreaRevealShape, AreaRevealShapeProps } from './AreaRevealShape.tsrx';
+import { AreaRevealShape, type AreaRevealShapeProps } from './AreaRevealShape.tsrx';
 
 /**
  * @inline

package/src/cartesian/AreaRevealShape.tsrx

@@ -1,8 +1,8 @@
 import type { OctaneElement } from '../util/OctaneTypes.ts';
 import * as React from 'octane';
 import { isNumber } from '../util/DataUtils';
-import { Curve, BaseLineType, Props as CurveProps } from '../shape/Curve.tsrx';
-import { CartesianLayout, LayoutType, ShapeAnimationProps } from '../util/types';
+import { Curve, type BaseLineType, type Props as CurveProps } from '../shape/Curve.tsrx';
+import type { CartesianLayout, LayoutType, ShapeAnimationProps } from '../util/types';
 import { isWellBehavedNumber } from '../util/isWellBehavedNumber';
 import { Layer } from '../container/Layer.tsrx';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';

package/src/cartesian/CartesianGrid.tsrx

@@ -3,26 +3,26 @@ import * as React from 'octane';
 
 import { warn } from '../util/LogUtils';
 import { isNumber } from '../util/DataUtils';
-import { ChartOffsetInternal } from '../util/types';
+import type { ChartOffsetInternal } from '../util/types';
 
 import {
-	AxisPropsNeededForTicksGenerator,
+	type AxisPropsNeededForTicksGenerator,
 	getCoordinatesOfGrid,
 	getTicksOfAxis,
 } from '../util/ChartUtils';
-import { getTicks, GetTicksInput } from './getTicks';
+import { getTicks, type GetTicksInput } from './getTicks';
 import { defaultCartesianAxisProps } from './CartesianAxis.tsrx';
 import { useChartHeight, useChartWidth, useOffsetInternal } from '../context/chartLayoutContext';
-import { AxisId } from '../state/cartesianAxisSlice';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import {
 	selectAxisPropsNeededForCartesianGridTicksGenerator,
 } from '../state/selectors/axisSelectors';
 import { useAppSelector } from '../state/hooks';
 import { useIsPanorama } from '../context/PanoramaContext';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
 import { isPositiveNumber } from '../util/isWellBehavedNumber';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 
 /**

package/src/cartesian/ErrorBar.tsrx

@@ -5,17 +5,17 @@ import type { SVGProps } from '../util/OctaneTypes.ts';
 import * as React from 'octane';
 
 import { Layer } from '../container/Layer.tsrx';
-import { EasingInput, DataKey, RectangleCoordinate } from '../util/types';
-import { BarRectangleItem } from './Bar';
-import { LinePointItem } from './Line';
-import { ScatterPointItem } from './Scatter.tsrx';
+import type { EasingInput, DataKey, RectangleCoordinate } from '../util/types';
+import type { BarRectangleItem } from './Bar';
+import type { LinePointItem } from './Line';
+import type { ScatterPointItem } from './Scatter.tsrx';
 import { ReportErrorBarSettings, useErrorBarContext } from '../context/ErrorBarContext.tsrx';
 import { useXAxis, useYAxis } from '../hooks';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
 import { useChartLayout } from '../context/chartLayoutContext';
 import { CSSTransitionAnimate, extractCssEasing } from '../animation/CSSTransitionAnimate.tsrx';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 
 export interface ErrorBarDataItem {

package/src/cartesian/Funnel.tsrx

@@ -8,60 +8,63 @@ import { clsx } from 'clsx';
 import { selectActiveIndex } from '../state/selectors/selectors';
 import { useAppSelector } from '../state/hooks';
 import { Layer } from '../container/Layer.tsrx';
-import { Props as TrapezoidProps } from '../shape/Trapezoid.tsrx';
+import type { Props as TrapezoidProps } from '../shape/Trapezoid.tsrx';
 import {
 	CartesianLabelListContextProvider,
-	CartesianLabelListEntry,
-	ImplicitLabelListType,
+	type CartesianLabelListEntry,
+	type ImplicitLabelListType,
 	LabelListFromLabelProp,
 } from '../component/LabelList.tsrx';
 import { getPercentValue, interpolate } from '../util/DataUtils';
 import { getValueByDataKey } from '../util/ChartUtils';
 import {
-	ActiveShape,
+	type ActiveShape,
 	adaptEventsOfChild,
-	AnimationDuration,
-	EasingInput,
-	CartesianViewBoxRequired,
-	ChartOffsetInternal,
-	Coordinate,
-	DataConsumer,
-	DataKey,
-	DataProvider,
-	LegendType,
-	PresentationAttributesAdaptChildEvent,
-	ShapeAnimationProps,
-	TooltipType,
-	TrapezoidViewBox,
-	CartesianLayout,
+	type AnimationDuration,
+	type EasingInput,
+	type CartesianViewBoxRequired,
+	type ChartOffsetInternal,
+	type Coordinate,
+	type DataConsumer,
+	type DataKey,
+	type DataProvider,
+	type LegendType,
+	type PresentationAttributesAdaptChildEvent,
+	type ShapeAnimationProps,
+	type TooltipType,
+	type TrapezoidViewBox,
+	type CartesianLayout,
 } from '../util/types';
 import {
 	defaultFunnelShape,
 	FunnelTrapezoid,
-	FunnelTrapezoidProps,
+	type FunnelTrapezoidProps,
 } from '../util/FunnelUtils.tsrx';
 import {
 	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 type { LegendPayload } from '../component/DefaultLegendContent.tsrx';
-import { ResolvedFunnelSettings, selectFunnelTrapezoids } from '../state/selectors/funnelSelectors';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import {
+	type ResolvedFunnelSettings,
+	selectFunnelTrapezoids,
+} from '../state/selectors/funnelSelectors';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { usePlotArea } from '../hooks';
 import { svgPropertiesNoEvents } from '../util/svgPropertiesNoEvents';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
-import { AnimationMatchByProp, matchAppend } from '../animation/matchBy';
-import { GraphicalItemId } from '../state/graphicalItemsSlice';
+import { type AnimationMatchByProp, matchAppend } from '../animation/matchBy';
+import type { GraphicalItemId } from '../state/graphicalItemsSlice';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
-import { WithIdRequired } from '../util/useUniqueId';
+import type { WithIdRequired } from '../util/useUniqueId';
 import { SetLegendPayload } from '../state/SetLegendPayload';
 import { CellsContext, useCellRegistry } from '../context/CellsContext';
 import { useCartesianChartLayout } from '../context/chartLayoutContext';

package/src/cartesian/ReferenceLine.tsrx

@@ -9,14 +9,14 @@ import { Layer } from '../container/Layer.tsrx';
 import {
 	CartesianLabelContextProvider,
 	CartesianLabelFromLabelProp,
-	ImplicitLabelType,
+	type ImplicitLabelType,
 } from '../component/Label.tsrx';
 import type { IfOverflow, Overflowable } from '../util/IfOverflow';
 import { isNumOrStr } from '../util/DataUtils';
 import { rectWithCoords } from '../util/CartesianUtils';
-import { CartesianViewBoxRequired, Coordinate } from '../util/types';
+import type { CartesianViewBoxRequired, Coordinate } from '../util/types';
 import { useViewBox } from '../context/chartLayoutContext';
-import { addLine, ReferenceLineSettings, removeLine } from '../state/referenceElementsSlice';
+import { addLine, type ReferenceLineSettings, removeLine } from '../state/referenceElementsSlice';
 import { useAppDispatch, useAppSelector } from '../state/hooks';
 import {
 	selectAxisScale,
@@ -27,12 +27,15 @@ import { useIsPanorama } from '../context/PanoramaContext';
 
 import { useClipPathId } from '../container/ClipPathProvider.tsrx';
 import { svgPropertiesAndEvents } from '../util/svgPropertiesAndEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 import { isWellBehavedNumber } from '../util/isWellBehavedNumber';
-import { BandPosition, RechartsScale } from '../util/scale/RechartsScale';
-import { CartesianScaleHelper, CartesianScaleHelperImpl } from '../util/scale/CartesianScaleHelper';
+import type { BandPosition, RechartsScale } from '../util/scale/RechartsScale';
+import {
+	type CartesianScaleHelper,
+	CartesianScaleHelperImpl,
+} from '../util/scale/CartesianScaleHelper';
 
 /**
  * Single point that defines one end of a segment.

package/src/cartesian/Scatter.tsrx

@@ -14,56 +14,64 @@ import { clsx } from 'clsx';
 import { Layer } from '../container/Layer.tsrx';
 import {
 	CartesianLabelListContextProvider,
-	CartesianLabelListEntry,
-	ImplicitLabelListType,
+	type CartesianLabelListEntry,
+	type ImplicitLabelListType,
 	LabelListFromLabelProp,
 } from '../component/LabelList.tsrx';
-import { Curve, CurveType, Props as CurveProps } from '../shape/Curve.tsrx';
-import { ErrorBarDataItem, ErrorBarDataPointFormatter, ErrorBarDirection } from './ErrorBar.tsrx';
+import { Curve, type CurveType, type Props as CurveProps } from '../shape/Curve.tsrx';
+import type {
+	ErrorBarDataItem,
+	ErrorBarDataPointFormatter,
+	ErrorBarDirection,
+} from './ErrorBar.tsrx';
 import { getLinearRegression, interpolate, isNullish } from '../util/DataUtils';
 import { getCateCoordinateOfLine, getTooltipNameProp, getValueByDataKey } from '../util/ChartUtils';
 import {
-	ActiveShape,
+	type ActiveShape,
 	adaptEventsOfChild,
-	AnimationDuration,
-	EasingInput,
-	Coordinate,
-	DataConsumer,
-	DataKey,
-	DataProvider,
+	type AnimationDuration,
+	type EasingInput,
+	type Coordinate,
+	type DataConsumer,
+	type DataKey,
+	type DataProvider,
 	isNonEmptyArray,
-	LegendType,
-	NonEmptyArray,
-	NullableCoordinate,
-	PresentationAttributesAdaptChildEvent,
-	ShapeAnimationProps,
-	SymbolType,
-	TickItem,
-	TrapezoidViewBox,
-	CartesianLayout,
+	type LegendType,
+	type NonEmptyArray,
+	type NullableCoordinate,
+	type PresentationAttributesAdaptChildEvent,
+	type ShapeAnimationProps,
+	type SymbolType,
+	type TickItem,
+	type TrapezoidViewBox,
+	type CartesianLayout,
 } from '../util/types';
-import { Formatter, TooltipType } from '../component/DefaultTooltipContent.tsrx';
-import { ScatterShapeProps, ScatterSymbol } from '../util/ScatterUtils.tsrx';
-import { InnerSymbolsProp } from '../shape/Symbols.tsrx';
+import type { Formatter, TooltipType } from '../component/DefaultTooltipContent.tsrx';
+import { type ScatterShapeProps, ScatterSymbol } from '../util/ScatterUtils.tsrx';
+import type { InnerSymbolsProp } from '../shape/Symbols.tsrx';
 import type { LegendPayload } from '../component/DefaultLegendContent.tsrx';
 import {
 	useMouseClickItemDispatch,
 	useMouseEnterItemDispatch,
 	useMouseLeaveItemDispatch,
 } from '../context/tooltipContext';
-import {
+import type {
 	TooltipPayload,
 	TooltipPayloadConfiguration,
 	TooltipPayloadEntry,
 } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
 import { SetErrorBarContext } from '../context/ErrorBarContext.tsrx';
-import { AxisId } from '../state/cartesianAxisSlice';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import { GraphicalItemClipPath, useNeedsClip } from './GraphicalItemClipPath.tsrx';
 import { selectScatterPoints } from '../state/selectors/scatterSelectors';
 import { useAppSelector } from '../state/hooks';
-import { RechartsRootState } from '../state/store';
-import { BaseAxisWithScale, implicitZAxis, ZAxisWithScale } from '../state/selectors/axisSelectors';
+import type { RechartsRootState } from '../state/store';
+import {
+	type BaseAxisWithScale,
+	implicitZAxis,
+	type ZAxisWithScale,
+} from '../state/selectors/axisSelectors';
 import { useIsPanorama } from '../context/PanoramaContext';
 import { selectActiveTooltipIndex } from '../state/selectors/tooltipSelectors';
 import { SetLegendPayload } from '../state/SetLegendPayload';
@@ -79,16 +87,16 @@ import {
 import { useCartesianChartLayout, useViewBox } from '../context/chartLayoutContext';
 import {
 	AnimatedItems,
-	AnimationInterpolateFn,
+	type AnimationInterpolateFn,
 	useAnimationCallbacks,
 } from '../animation/AnimatedItems.tsrx';
-import { AnimationMatchByProp, matchAppend } from '../animation/matchBy';
-import { WithIdRequired, WithoutId } from '../util/useUniqueId';
-import { GraphicalItemId } from '../state/graphicalItemsSlice';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type AnimationMatchByProp, matchAppend } from '../animation/matchBy';
+import type { WithIdRequired, WithoutId } from '../util/useUniqueId';
+import type { GraphicalItemId } from '../state/graphicalItemsSlice';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 import { propsAreEqual } from '../util/propsAreEqual';
-import { ChartData } from '../state/chartDataSlice';
+import type { ChartData } from '../state/chartDataSlice';
 import { CellsContext, useCellRegistry } from '../context/CellsContext';
 
 export interface ScatterPointNode {

package/src/cartesian/ZAxis.tsrx

@@ -1,15 +1,15 @@
 import * as React from 'octane';
 import { useLayoutEffect, useRef } from 'octane';
-import { AxisDomain, BaseAxisProps, ScaleType } from '../util/types';
+import type { AxisDomain, BaseAxisProps, ScaleType } from '../util/types';
 import {
 	addZAxis,
-	AxisId,
+	type AxisId,
 	removeZAxis,
 	replaceZAxis,
-	ZAxisSettings,
+	type ZAxisSettings,
 } from '../state/cartesianAxisSlice';
 import { useAppDispatch } from '../state/hooks';
-import { AxisRange, implicitZAxis } from '../state/selectors/axisSelectors';
+import { type AxisRange, implicitZAxis } from '../state/selectors/axisSelectors';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import type { CustomScaleDefinition } from '../util/scale/CustomScaleDefinition';
 

package/src/cartesian/getCartesianPosition.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { getPercentValue, isNumber, isPercent } from '../util/DataUtils';
-import { CartesianViewBoxRequired, TrapezoidViewBox } from '../util/types';
-import { TextAnchor, TextVerticalAnchor } from '../component/Text.tsrx';
+import type { CartesianViewBoxRequired, TrapezoidViewBox } from '../util/types';
+import type { TextAnchor, TextVerticalAnchor } from '../component/Text.tsrx';
 import { cartesianViewBoxToTrapezoid } from '../context/chartLayoutContext';
 
 export type CartesianLabelPosition =

package/src/cartesian/getEquidistantTicks.ts

@@ -1,8 +1,8 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import { isVisible } from '../util/TickUtils';
-import { CartesianTickItem } from '../util/types';
+import type { CartesianTickItem } from '../util/types';
 import { getEveryNth } from '../util/getEveryNth';
-import { Sign } from './getTicks';
+import type { Sign } from './getTicks';
 
 export function getEquidistantTicks(
 	sign: Sign,

package/src/cartesian/getTicks.ts

@@ -1,5 +1,5 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { CartesianTickItem, CartesianViewBoxRequired, Size } from '../util/types';
+import type { CartesianTickItem, CartesianViewBoxRequired, Size } from '../util/types';
 import { mathSign, isNumber } from '../util/DataUtils';
 import { getStringSize } from '../util/DOMUtils';
 import { Global } from '../util/Global';
@@ -10,7 +10,7 @@ import {
 	getAngledTickWidth,
 } from '../util/TickUtils';
 import { getEquidistantTicks, getEquidistantPreserveEndTicks } from './getEquidistantTicks';
-import {
+import type {
 	CartesianAxisSettings,
 	XAxisOrientation,
 	YAxisOrientation,

package/src/chart/AreaChart.tsrx

@@ -2,7 +2,7 @@ import type { Ref } from '../util/OctaneTypes.ts';
 
 import { arrayTooltipSearcher } from '../state/optionsSlice';
 import { CartesianChart } from './CartesianChart.tsrx';
-import { CartesianChartProps, TooltipEventType } from '../util/types';
+import type { CartesianChartProps, TooltipEventType } from '../util/types';
 
 const allowedTooltipTypes: ReadonlyArray<TooltipEventType> = ['axis'];
 

package/src/chart/ComposedChart.tsrx

@@ -2,7 +2,7 @@ import type { Ref } from '../util/OctaneTypes.ts';
 
 import { arrayTooltipSearcher } from '../state/optionsSlice';
 import { CartesianChart } from './CartesianChart.tsrx';
-import { CartesianChartProps, TooltipEventType } from '../util/types';
+import type { CartesianChartProps, TooltipEventType } from '../util/types';
 
 const allowedTooltipTypes: ReadonlyArray<TooltipEventType> = ['axis'];
 

package/src/chart/FunnelChart.tsrx

@@ -2,7 +2,7 @@ import type { Ref } from '../util/OctaneTypes.ts';
 
 import { arrayTooltipSearcher } from '../state/optionsSlice';
 import { CartesianChart } from './CartesianChart.tsrx';
-import { CartesianChartProps, TooltipEventType } from '../util/types';
+import type { CartesianChartProps, TooltipEventType } from '../util/types';
 
 const allowedTooltipTypes: ReadonlyArray<TooltipEventType> = ['item'];
 

package/src/chart/PieChart.tsrx

@@ -2,7 +2,7 @@ import type { Ref } from '../util/OctaneTypes.ts';
 
 import { arrayTooltipSearcher } from '../state/optionsSlice';
 import { defaultPolarChartProps, PolarChart } from './PolarChart.tsrx';
-import { PolarChartProps, TooltipEventType } from '../util/types';
+import type { PolarChartProps, TooltipEventType } from '../util/types';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 
 const allowedTooltipTypes: ReadonlyArray<TooltipEventType> = ['item'];

package/src/chart/PolarChart.tsrx

@@ -1,12 +1,12 @@
-import { ChartOptions } from '../state/optionsSlice';
+import type { ChartOptions } from '../state/optionsSlice';
 import { RechartsStoreProvider } from '../state/RechartsStoreProvider.tsrx';
 import { ChartDataContextProvider } from '../context/chartDataContext';
 import { ReportMainChartProps } from '../state/ReportMainChartProps';
 import { ReportChartProps } from '../state/ReportChartProps';
 import { ReportEventSettings } from '../state/ReportEventSettings';
 import { ReportPolarOptions } from '../state/ReportPolarOptions.tsrx';
-import { Margin, PolarChartProps, TooltipEventType } from '../util/types';
-import { TooltipPayloadSearcher } from '../state/tooltipSlice';
+import type { Margin, PolarChartProps, TooltipEventType } from '../util/types';
+import type { TooltipPayloadSearcher } from '../state/tooltipSlice';
 import { CategoricalChart } from './CategoricalChart.tsrx';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { initialEventSettingsState } from '../state/eventSettingsSlice';

package/src/chart/RadarChart.tsrx

@@ -1,7 +1,7 @@
 import type { Ref } from '../util/OctaneTypes.ts';
 
 import { arrayTooltipSearcher } from '../state/optionsSlice';
-import { PolarChartProps, PolarLayout, TooltipEventType } from '../util/types';
+import type { PolarChartProps, PolarLayout, TooltipEventType } from '../util/types';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { defaultPolarChartProps, PolarChart } from './PolarChart.tsrx';