@octanejs/recharts 0.1.51 → 0.1.53

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';
 

package/src/chart/RadialBarChart.tsrx

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

package/src/chart/RechartsWrapper.tsrx

@@ -299,8 +299,8 @@ export function RechartsWrapper(props: RechartsWrapperProps) {
 		dispatch(externalEventAction({ handler: onTouchEnd, reactEvent: e }));
 	}, [dispatch, onTouchEnd]);
 	const WrapperDiv = responsive ? ResponsiveDiv : NonResponsiveDiv;
-	return <TooltipPortalContext.Provider value={tooltipPortal}>
-		<LegendPortalContext.Provider value={legendPortal}>
+	return <TooltipPortalContext value={tooltipPortal}>
+		<LegendPortalContext value={legendPortal}>
 			<WrapperDiv
 				width={width ?? style?.width}
 				height={height ?? style?.height}
@@ -325,6 +325,6 @@ export function RechartsWrapper(props: RechartsWrapperProps) {
 				<EventSynchronizer />
 				{children}
 			</WrapperDiv>
-		</LegendPortalContext.Provider>
-	</TooltipPortalContext.Provider>;
+		</LegendPortalContext>
+	</TooltipPortalContext>;
 }

package/src/chart/Sankey.tsrx

@@ -12,9 +12,9 @@ import sumBy from 'es-toolkit/compat/sumBy';
 import get from 'es-toolkit/compat/get';
 import { Surface } from '../container/Surface.tsrx';
 import { Layer } from '../container/Layer.tsrx';
-import { Props as RectangleProps, Rectangle } from '../shape/Rectangle.tsrx';
+import { type Props as RectangleProps, Rectangle } from '../shape/Rectangle.tsrx';
 import { getValueByDataKey } from '../util/ChartUtils';
-import {
+import type {
 	Coordinate,
 	DataKey,
 	EventThrottlingProps,
@@ -37,24 +37,24 @@ import {
 	mouseLeaveItem,
 	setActiveClickItemIndex,
 	setActiveMouseOverItemIndex,
-	TooltipIndex,
-	TooltipPayloadConfiguration,
-	TooltipPayloadSearcher,
+	type TooltipIndex,
+	type TooltipPayloadConfiguration,
+	type TooltipPayloadSearcher,
 } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
-import { ChartOptions } from '../state/optionsSlice';
+import type { ChartOptions } from '../state/optionsSlice';
 import { ReportEventSettings } from '../state/ReportEventSettings';
 import { SetComputedData } from '../context/chartDataContext';
 import {
 	svgPropertiesNoEvents,
 	svgPropertiesNoEventsFromUnknown,
 } from '../util/svgPropertiesNoEvents';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { isPositiveNumber } from '../util/isWellBehavedNumber';
 import { isNotNil, noop } from '../util/DataUtils';
-import { WithIdRequired } from '../util/useUniqueId';
+import type { WithIdRequired } from '../util/useUniqueId';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
-import { GraphicalItemId } from '../state/graphicalItemsSlice';
+import type { GraphicalItemId } from '../state/graphicalItemsSlice';
 import { initialEventSettingsState } from '../state/eventSettingsSlice';
 
 const interpolationGenerator = (a: number, b: number) => {
@@ -1516,7 +1516,7 @@ export function Sankey(outsideProps: Props) {
 			onTouchMove={undefined}
 			onTouchEnd={undefined}
 		>
-			<TooltipPortalContext.Provider value={tooltipPortal}>
+			<TooltipPortalContext value={tooltipPortal}>
 				<RegisterGraphicalItemId id={externalId} type="sankey">
 					{(id) => <>
 						<SetSankeyTooltipEntrySettings
@@ -1532,7 +1532,7 @@ export function Sankey(outsideProps: Props) {
 						<SankeyImpl {...props} id={id} />
 					</>}
 				</RegisterGraphicalItemId>
-			</TooltipPortalContext.Provider>
+			</TooltipPortalContext>
 		</RechartsWrapper>
 	</RechartsStoreProvider>;
 }

package/src/chart/ScatterChart.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/SunburstChart.tsrx

@@ -7,7 +7,7 @@ import get from 'es-toolkit/compat/get';
 import { Surface } from '../container/Surface.tsrx';
 import { Layer } from '../container/Layer.tsrx';
 import { Sector } from '../shape/Sector.tsrx';
-import { Text, Props as TextProps } from '../component/Text.tsrx';
+import { Text, type Props as TextProps } from '../component/Text.tsrx';
 import { polarToCartesian } from '../util/PolarUtils';
 import {
 	ReportChartMargin,
@@ -21,19 +21,25 @@ import {
 	mouseLeaveItem,
 	setActiveClickItemIndex,
 	setActiveMouseOverItemIndex,
-	TooltipIndex,
-	TooltipPayloadConfiguration,
-	TooltipPayloadSearcher,
+	type TooltipIndex,
+	type TooltipPayloadConfiguration,
+	type TooltipPayloadSearcher,
 } from '../state/tooltipSlice';
 import { SetTooltipEntrySettings } from '../state/SetTooltipEntrySettings';
 import { RechartsStoreProvider } from '../state/RechartsStoreProvider.tsrx';
 import { ReportEventSettings } from '../state/ReportEventSettings';
-import { ChartCoordinate, DataKey, EventThrottlingProps, Margin, Percent } from '../util/types';
+import type {
+	ChartCoordinate,
+	DataKey,
+	EventThrottlingProps,
+	Margin,
+	Percent,
+} from '../util/types';
 import { useAppDispatch } from '../state/hooks';
-import { RechartsRootState } from '../state/store';
+import type { RechartsRootState } from '../state/store';
 import { RegisterGraphicalItemId } from '../context/RegisterGraphicalItemId.tsrx';
-import { WithIdRequired } from '../util/useUniqueId';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import type { WithIdRequired } from '../util/useUniqueId';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 import { initialEventSettingsState } from '../state/eventSettingsSlice';
 
 export interface SunburstData {
@@ -469,7 +475,7 @@ export const SunburstChart = (outsideProps: SunburstChartProps) => {
 		<ReportChartSize width={width} height={height} />
 		<ReportChartMargin margin={defaultSunburstMargin} />
 		<ReportEventSettings throttleDelay={throttleDelay} throttledEvents={throttledEvents} />
-		<TooltipPortalContext.Provider value={tooltipPortal}>
+		<TooltipPortalContext value={tooltipPortal}>
 			<RechartsWrapper
 				className={className}
 				width={width}
@@ -497,6 +503,6 @@ export const SunburstChart = (outsideProps: SunburstChartProps) => {
 					{(id) => <SunburstChartImpl {...props} id={id} />}
 				</RegisterGraphicalItemId>
 			</RechartsWrapper>
-		</TooltipPortalContext.Provider>
+		</TooltipPortalContext>
 	</RechartsStoreProvider>;
 };

package/src/component/Cursor.tsrx

@@ -3,12 +3,12 @@ import * as React from 'octane';
 import { cloneElement, createElement, isValidElement } from 'octane';
 import { clsx } from 'clsx';
 import {
-	ChartOffsetInternal,
-	Coordinate,
+	type ChartOffsetInternal,
+	type Coordinate,
 	isPolarCoordinate,
-	LayoutType,
-	PolarCoordinate,
-	TooltipEventType,
+	type LayoutType,
+	type PolarCoordinate,
+	type TooltipEventType,
 } from '../util/types';
 import { Curve } from '../shape/Curve.tsrx';
 import { Cross } from '../shape/Cross.tsrx';
@@ -20,9 +20,9 @@ import { getCursorPoints } from '../util/cursor/getCursorPoints';
 import { useChartLayout, useOffsetInternal } from '../context/chartLayoutContext';
 import { useTooltipAxisBandSize } from '../context/useTooltipAxis';
 import { useChartName } from '../state/selectors/selectors';
-import { TooltipIndex, TooltipPayload } from '../state/tooltipSlice';
+import type { TooltipIndex, TooltipPayload } from '../state/tooltipSlice';
 import { svgPropertiesNoEventsFromUnknown } from '../util/svgPropertiesNoEvents';
-import { ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
+import { type ZIndexable, ZIndexLayer } from '../zIndex/ZIndexLayer.tsrx';
 import { DefaultZIndexes } from '../zIndex/DefaultZIndexes';
 
 /**

package/src/component/DefaultLegendContent.tsrx

@@ -10,13 +10,13 @@ import { clsx } from 'clsx';
 import { Surface } from '../container/Surface.tsrx';
 import { Symbols } from '../shape/Symbols.tsrx';
 import {
-	DataKey,
-	LegendType,
+	type DataKey,
+	type LegendType,
 	adaptEventsOfChild,
-	PresentationAttributesAdaptChildEvent,
-	CartesianLayout,
+	type PresentationAttributesAdaptChildEvent,
+	type CartesianLayout,
 } from '../util/types';
-import { RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
+import { type RequiresDefaultProps, resolveDefaultProps } from '../util/resolveDefaultProps';
 
 const SIZE = 32;
 export type ContentType = OctaneElement | ((props: Props) => OctaneNode);

package/src/component/DefaultTooltipContent.tsrx

@@ -8,8 +8,8 @@ import * as React from 'octane';
 import sortBy from 'es-toolkit/compat/sortBy';
 import { clsx } from 'clsx';
 import { isNullish, isNumOrStr } from '../util/DataUtils';
-import { DataKey } from '../util/types';
-import { TooltipPayload, TooltipPayloadEntry } from '../state/tooltipSlice';
+import type { DataKey } from '../util/types';
+import type { TooltipPayload, TooltipPayloadEntry } from '../state/tooltipSlice';
 
 function defaultFormatter(value: ValueType | undefined): OctaneNode {
 	return Array.isArray(value) && isNumOrStr(value[0]) && isNumOrStr(value[1])

package/src/component/Label.tsrx

@@ -92,7 +92,7 @@ export function CartesianLabelContextProvider(props: TrapezoidViewBox & {
 		width,
 		height,
 	]);
-	<CartesianLabelContext.Provider value={viewBox}>{children}</CartesianLabelContext.Provider>
+	<CartesianLabelContext value={viewBox}>{children}</CartesianLabelContext>
 }
 
 function useCartesianLabelContext() {
@@ -112,7 +112,7 @@ export function PolarLabelContextProvider(props: PolarViewBoxRequired & {
 		() => ({ cx, cy, innerRadius, outerRadius, startAngle, endAngle, clockWise }),
 		[cx, cy, innerRadius, outerRadius, startAngle, endAngle, clockWise],
 	);
-	<PolarLabelContext.Provider value={viewBox}>{children}</PolarLabelContext.Provider>
+	<PolarLabelContext value={viewBox}>{children}</PolarLabelContext>
 }
 
 export function usePolarLabelContext() {

package/src/component/LabelList.tsrx

@@ -64,11 +64,11 @@ const defaultAccessor = (entry: LabelListEntry) => {
 const CartesianLabelListContext = createContext<ReadonlyArray<CartesianLabelListEntry> | undefined>(
 	undefined,
 );
-export const CartesianLabelListContextProvider = CartesianLabelListContext.Provider;
+export const CartesianLabelListContextProvider = CartesianLabelListContext;
 const PolarLabelListContext = createContext<ReadonlyArray<PolarLabelListEntry> | undefined>(
 	undefined,
 );
-export const PolarLabelListContextProvider = PolarLabelListContext.Provider;
+export const PolarLabelListContextProvider = PolarLabelListContext;
 
 function useCartesianLabelListContext() {
 	return useContext(CartesianLabelListContext);

package/src/component/Legend.tsrx

@@ -4,19 +4,19 @@ import { useLayoutEffect } from 'octane';
 import { createPortal } from 'octane';
 import { useLegendPortal } from '../context/legendPortalContext';
 import {
-	ContentType,
+	type ContentType,
 	DefaultLegendContent,
-	LegendPayload,
-	Props as DefaultLegendContentProps,
-	VerticalAlignmentType,
+	type LegendPayload,
+	type Props as DefaultLegendContentProps,
+	type VerticalAlignmentType,
 } from './DefaultLegendContent.tsrx';
 
-import { LayoutType, Margin, Size } from '../util/types';
-import { getUniqPayload, UniqueOption } from '../util/payload/getUniqPayload';
+import type { LayoutType, Margin, Size } from '../util/types';
+import { getUniqPayload, type UniqueOption } from '../util/payload/getUniqPayload';
 import { useLegendPayload } from '../context/legendPayloadContext.tsrx';
-import { ElementOffset, useElementOffset } from '../util/useElementOffset';
+import { type ElementOffset, useElementOffset } from '../util/useElementOffset';
 import { useChartHeight, useChartWidth, useMargin } from '../context/chartLayoutContext';
-import { LegendSettings, setLegendSettings, setLegendSize } from '../state/legendSlice';
+import { type LegendSettings, setLegendSettings, setLegendSize } from '../state/legendSlice';
 import { useAppDispatch } from '../state/hooks';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { propsAreEqual } from '../util/propsAreEqual';

package/src/component/ResponsiveContainer.tsrx

@@ -49,7 +49,7 @@ export interface Props extends Omit<
 const initialDimension = defaultResponsiveContainerProps.initialDimension;
 const ResponsiveContainerContext = createContext<ResponsiveContainerDimensions>(initialDimension);
 
-export const ResponsiveContainerContextProviderInternal = ResponsiveContainerContext.Provider;
+export const ResponsiveContainerContextProviderInternal = ResponsiveContainerContext;
 export const useResponsiveContainerContext = () => useContext(ResponsiveContainerContext);
 export { initialDimension as defaultResponsiveContainerDimension };
 

package/src/component/Tooltip.tsrx

@@ -4,20 +4,20 @@ import { useEffect } from 'octane';
 import { createPortal } from 'octane';
 import {
 	DefaultTooltipContent,
-	NameType,
-	Payload,
-	Props as DefaultTooltipContentProps,
-	TooltipItemSorter,
-	ValueType,
+	type NameType,
+	type Payload,
+	type Props as DefaultTooltipContentProps,
+	type TooltipItemSorter,
+	type ValueType,
 } from './DefaultTooltipContent.tsrx';
 import { TooltipBoundingBox } from './TooltipBoundingBox.tsrx';
 
-import { getUniqPayload, UniqueOption } from '../util/payload/getUniqPayload';
-import { AllowInDimension, AnimationDuration, EasingInput, Coordinate } from '../util/types';
+import { getUniqPayload, type UniqueOption } from '../util/payload/getUniqPayload';
+import type { AllowInDimension, AnimationDuration, EasingInput, Coordinate } from '../util/types';
 import { useViewBox } from '../context/chartLayoutContext';
 import { useAccessibilityLayer } from '../context/accessibilityContext';
 import { useElementOffset } from '../util/useElementOffset';
-import { Cursor, CursorDefinition } from './Cursor.tsrx';
+import { Cursor, type CursorDefinition } from './Cursor.tsrx';
 import {
 	selectActiveCoordinate,
 	selectActiveLabel,
@@ -29,11 +29,11 @@ import type { TooltipTrigger } from '../chart/types';
 import { useAppDispatch, useAppSelector } from '../state/hooks';
 import {
 	setTooltipSettingsState,
-	TooltipIndex,
-	TooltipPayload,
-	TooltipPayloadEntry,
+	type TooltipIndex,
+	type TooltipPayload,
+	type TooltipPayloadEntry,
 } from '../state/tooltipSlice';
-import { AxisId } from '../state/cartesianAxisSlice';
+import type { AxisId } from '../state/cartesianAxisSlice';
 import { useTooltipChartSynchronisation } from '../synchronisation/useChartSynchronisation.tsrx';
 import { useTooltipEventType } from '../state/selectors/selectTooltipEventType';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';

package/src/component/TooltipBoundingBox.tsrx

@@ -1,7 +1,7 @@
 import type { CSSProperties, OctaneNode } from '../util/OctaneTypes.ts';
 import * as React from 'octane';
 
-import {
+import type {
 	AllowInDimension,
 	AnimationDuration,
 	EasingInput,
@@ -9,7 +9,7 @@ import {
 	Coordinate,
 	PolarCoordinate,
 } from '../util/types';
-import { ElementOffset, SetElementOffset } from '../util/useElementOffset';
+import type { ElementOffset, SetElementOffset } from '../util/useElementOffset';
 import { getTooltipTranslate } from '../util/tooltip/translate';
 import { usePrefersReducedMotion } from '../util/usePrefersReducedMotion';
 

package/src/container/ClipPathProvider.tsrx

@@ -18,14 +18,14 @@ export function ClipPathProvider(props: {
 		return null;
 	}
 	const { x, y, width, height } = plotArea;
-	<ClipPathIdContext.Provider value={clipPathId}>
+	<ClipPathIdContext value={clipPathId}>
 		<defs>
 			<clipPath id={clipPathId}>
 				<rect x={x} y={y} height={height} width={width} />
 			</clipPath>
 		</defs>
 		{children}
-	</ClipPathIdContext.Provider>
+	</ClipPathIdContext>
 }
 
 export const useClipPathId = () => {

package/src/context/CellsContext.ts

@@ -33,7 +33,7 @@ function toCellArray(map: Map<object, CellProps>): RegisteredCell[] | undefined
 
 /**
  * Owns the collected cells state. Returns `[cells, registry]`; provide the
- * registry via `<CellsContext.Provider value={registry}>` around the item's
+ * registry via `<CellsContext value={registry}>` around the item's
  * children, and pass `cells` wherever upstream passed findAllByType's result.
  * `cells` is `undefined` until the first Cell registers — matching upstream,
  * where a childless item passes an empty find result whose `cells[index]`

package/src/context/ErrorBarContext.tsrx

@@ -37,7 +37,7 @@ export function SetErrorBarContext<
 	children: OctaneNode;
 }) {
 	const { children, ...rest } = props;
-	return <ErrorBarContext.Provider value={rest}>{children}</ErrorBarContext.Provider>;
+	return <ErrorBarContext value={rest}>{children}</ErrorBarContext>;
 }
 
 export const useErrorBarContext = () => useContext(ErrorBarContext);

package/src/context/RegisterGraphicalItemId.tsrx

@@ -17,9 +17,7 @@ const GraphicalItemIdContext = createContext<GraphicalItemId | undefined>(undefi
 export function RegisterGraphicalItemId(props: IdSetter) {
 	const { id, type, children } = props;
 	const resolvedId = useUniqueId('recharts-' + type, id);
-	return <GraphicalItemIdContext.Provider value={resolvedId}>{children(
-		resolvedId,
-	)}</GraphicalItemIdContext.Provider>;
+	return <GraphicalItemIdContext value={resolvedId}>{children(resolvedId)}</GraphicalItemIdContext>;
 }
 
 export function useGraphicalItemId() {

package/src/context/legendPayloadContext.tsrx

@@ -1,4 +1,4 @@
-import { LegendPayload } from '../component/DefaultLegendContent.tsrx';
+import type { LegendPayload } from '../component/DefaultLegendContent.tsrx';
 import { useAppSelector } from '../state/hooks';
 import { selectLegendPayload } from '../state/selectors/legendSelectors';
 

package/src/context/tooltipContext.ts

@@ -1,13 +1,13 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
 import type { NativeMouseEvent } from '../util/OctaneTypes';
 
-import { Coordinate, DataKey } from '../util/types';
+import type { Coordinate, DataKey } from '../util/types';
 import { useAppDispatch } from '../state/hooks';
 import {
 	mouseLeaveItem,
 	setActiveClickItemIndex,
 	setActiveMouseOverItemIndex,
-	TooltipPayload,
+	type TooltipPayload,
 } from '../state/tooltipSlice';
 
 /**

package/src/context/useTooltipAxis.ts

@@ -1,6 +1,6 @@
 import { useAppSelector } from '../state/hooks';
 import { getBandSizeOfAxis } from '../util/ChartUtils';
-import { RenderableAxisSettings, selectTooltipAxis } from '../state/selectors/axisSelectors';
+import { type RenderableAxisSettings, selectTooltipAxis } from '../state/selectors/axisSelectors';
 import {
 	selectTooltipAxisScale,
 	selectTooltipAxisTicks,

package/src/hooks.ts

@@ -1,7 +1,7 @@
 // Adapted from recharts@3.9.2, commit b3451050c027a23957ffa50a2665c9119df21e47.
-import { AxisId, defaultAxisId } from './state/cartesianAxisSlice';
+import { type AxisId, defaultAxisId } from './state/cartesianAxisSlice';
 import {
-	BaseAxisWithScale,
+	type BaseAxisWithScale,
 	selectAxisDomain,
 	selectAxisInverseScale,
 	selectAxisInverseDataSnapScale,
@@ -18,12 +18,12 @@ import {
 	selectActiveTooltipDataPoints,
 	selectIsTooltipActive,
 } from './state/selectors/tooltipSelectors';
-import { ChartOffset, PlotArea } from './types';
+import type { ChartOffset, PlotArea } from './types';
 import { selectChartOffset } from './state/selectors/selectChartOffset';
 import { selectPlotArea } from './state/selectors/selectPlotArea';
-import { CategoricalDomain, Coordinate, NumberDomain, TickItem } from './util/types';
-import { ActiveLabel } from './synchronisation/types';
-import { BandPosition } from './util/scale/RechartsScale';
+import type { CategoricalDomain, Coordinate, NumberDomain, TickItem } from './util/types';
+import type { ActiveLabel } from './synchronisation/types';
+import type { BandPosition } from './util/scale/RechartsScale';
 
 export const useXAxis = (xAxisId: AxisId): BaseAxisWithScale | undefined => {
 	const isPanorama = useIsPanorama();