@octanejs/visx 0.1.31 → 0.1.32

package/src/stats/ViolinPlot.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
@@ -36,7 +36,7 @@ export default function ViolinPlot<Datum extends object>({
 	horizontal,
 	children,
 	...restProps
-}: ViolinPlotProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ViolinPlotProps<Datum>>) {
+}: ViolinPlotProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ViolinPlotProps<Datum>>) {
 	const center = (horizontal ? top : left) + width / 2;
 	const binCounts = data.map((bin) => count(bin));
 	const widthScale = scaleLinear<number>({

package/src/stats/ViolinPlot.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
 import type { SharedProps } from './types';
@@ -19,4 +19,4 @@ export type ViolinPlotProps<Datum extends object> = SharedProps & {
         path: string;
     }) => OctaneNode;
 };
-export default function ViolinPlot<Datum extends object>({ left, top, className, data, width, count, value, valueScale, horizontal, children, ...restProps }: ViolinPlotProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ViolinPlotProps<Datum>>): import("react").JSX.Element;
+export default function ViolinPlot<Datum extends object>({ left, top, className, data, width, count, value, valueScale, horizontal, children, ...restProps }: ViolinPlotProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ViolinPlotProps<Datum>>): import("react").JSX.Element;

package/src/threshold/Threshold.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import { Area } from '@octanejs/visx/shape';
 import type { AreaProps as AreaOwnProps } from '@octanejs/visx/shape';
@@ -6,7 +6,7 @@ import { ClipPath } from '@octanejs/visx/clip-path';
 import useStableId from '../kernel/ids/useStableId.tsrx';
 
 type AreaProps<Datum> =
-	AreaOwnProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof AreaOwnProps<Datum>>;
+	AreaOwnProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof AreaOwnProps<Datum>>;
 
 type NumberAccessor<Datum> = (datum: Datum, index: number, data: Datum[]) => number;
 

package/src/threshold/Threshold.tsrx.d.ts

@@ -1,7 +1,7 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AreaProps as AreaOwnProps } from '@octanejs/visx/shape';
-type AreaProps<Datum> = AreaOwnProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof AreaOwnProps<Datum>>;
+type AreaProps<Datum> = AreaOwnProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof AreaOwnProps<Datum>>;
 type NumberAccessor<Datum> = (datum: Datum, index: number, data: Datum[]) => number;
 export type ThresholdProps<Datum> = {
     /** className applied to container g element. */

package/src/tooltip/context/TooltipPositionContext.tsrx

@@ -1,4 +1,5 @@
 import { createContext, useContext } from 'octane';
+import type { OctaneNode } from 'octane';
 
 export type TooltipPositionContextType = {
 	isFlippedVertically: boolean;
@@ -11,6 +12,19 @@ const TooltipPositionContext = createContext<TooltipPositionContextType>({
 });
 
 export const TooltipPositionProvider = TooltipPositionContext.Provider;
-export const TooltipPositionConsumer = TooltipPositionContext.Consumer;
+
+/**
+ * Octane deliberately has no render-prop `Context.Consumer` (see
+ * docs/differences-from-react.md); reading `.Consumer` returns `undefined` and
+ * warns in development. Keep upstream's render-prop API by reading the context
+ * with `useContext` instead.
+ */
+export function TooltipPositionConsumer({
+	children,
+}: {
+	children: (value: TooltipPositionContextType) => OctaneNode;
+}) {
+	return <>{children(useContext(TooltipPositionContext))}</>;
+}
 
 export const useTooltipPosition = () => useContext(TooltipPositionContext);

package/src/tooltip/context/TooltipPositionContext.tsrx.d.ts

@@ -1,4 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
+import type { OctaneNode } from 'octane';
 export type TooltipPositionContextType = {
     isFlippedVertically: boolean;
     isFlippedHorizontally: boolean;
@@ -7,5 +8,13 @@ export declare const TooltipPositionProvider: import("octane").ComponentBody<{
     value: TooltipPositionContextType;
     children?: any;
 }, any>;
-export declare const TooltipPositionConsumer: any;
+/**
+ * Octane deliberately has no render-prop `Context.Consumer` (see
+ * docs/differences-from-react.md); reading `.Consumer` returns `undefined` and
+ * warns in development. Keep upstream's render-prop API by reading the context
+ * with `useContext` instead.
+ */
+export declare function TooltipPositionConsumer({ children, }: {
+    children: (value: TooltipPositionContextType) => OctaneNode;
+}): import("react").JSX.Element;
 export declare const useTooltipPosition: () => TooltipPositionContextType;

package/src/voronoi/components/VoronoiPolygon.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 
@@ -22,7 +22,7 @@ export default function VoronoiPolygon({
 	className,
 	children,
 	...restProps
-}: VoronoiPolygonProps & Omit<SVGProps<SVGPathElement>, keyof VoronoiPolygonProps>) {
+}: VoronoiPolygonProps & Omit<Octane.SVGProps<SVGPathElement>, keyof VoronoiPolygonProps>) {
 	if (!polygon) return null;
 	const path = `M${polygon.join('L')}Z`;
 	if (children) return <>

package/src/voronoi/components/VoronoiPolygon.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 export type VoronoiPolygonProps = {
     /** Override render function which is provided polygon and generated path. */
@@ -12,4 +12,4 @@ export type VoronoiPolygonProps = {
     /** Array of coordinate arrays for the polygon (e.g., [[x,y], [x1,y1], ...]), used to generate polygon path. */
     polygon?: [number, number][];
 };
-export default function VoronoiPolygon({ polygon, className, children, ...restProps }: VoronoiPolygonProps & Omit<SVGProps<SVGPathElement>, keyof VoronoiPolygonProps>): import("react").JSX.Element | null;
+export default function VoronoiPolygon({ polygon, className, children, ...restProps }: VoronoiPolygonProps & Omit<Octane.SVGProps<SVGPathElement>, keyof VoronoiPolygonProps>): import("react").JSX.Element | null;

package/src/xychart/components/Tooltip.tsrx

@@ -1,5 +1,6 @@
 import { useCallback, useContext, useEffect, useRef } from 'octane';
-import type { CSSProperties, SVGProps } from 'react';
+import type { CSSProperties } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import { useTooltipInPortal, defaultStyles } from '@octanejs/visx/tooltip';
 import type {
@@ -27,7 +28,7 @@ export type RenderTooltipParams<Datum extends object> = TooltipContextType<Datum
 	};
 
 export interface RenderTooltipGlyphProps<Datum extends object> extends RenderGlyphProps<Datum> {
-	glyphStyle?: SVGProps<SVGCircleElement>;
+	glyphStyle?: Octane.SVGProps<SVGCircleElement>;
 	isNearestDatum: boolean;
 }
 
@@ -58,11 +59,11 @@ export type TooltipProps<Datum extends object> = {
 		/** Whether to show a glyph for the nearest Datum in each series. */
 		showSeriesGlyphs?: boolean;
 		/** Optional styles for the vertical crosshair, if visible. */
-		verticalCrosshairStyle?: SVGProps<SVGLineElement>;
+		verticalCrosshairStyle?: Octane.SVGProps<SVGLineElement>;
 		/** Optional styles for the vertical crosshair, if visible. */
-		horizontalCrosshairStyle?: SVGProps<SVGLineElement>;
+		horizontalCrosshairStyle?: Octane.SVGProps<SVGLineElement>;
 		/** Optional styles for the point, if visible. */
-		glyphStyle?: SVGProps<SVGCircleElement>;
+		glyphStyle?: Octane.SVGProps<SVGCircleElement>;
 		/**
  * Tooltip depends on ResizeObserver, which may be polyfilled globally,
  * passed to XYChart, or injected into this component.

package/src/xychart/components/Tooltip.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { TooltipProps as BaseTooltipProps, UseTooltipPortalOptions } from '@octanejs/visx/tooltip';
 import type { PickD3Scale } from '@octanejs/visx/scale';
@@ -8,7 +8,7 @@ export type RenderTooltipParams<Datum extends object> = TooltipContextType<Datum
     colorScale?: PickD3Scale<'ordinal', string, string>;
 };
 export interface RenderTooltipGlyphProps<Datum extends object> extends RenderGlyphProps<Datum> {
-    glyphStyle?: SVGProps<SVGCircleElement>;
+    glyphStyle?: Octane.SVGProps<SVGCircleElement>;
     isNearestDatum: boolean;
 }
 export type TooltipProps<Datum extends object> = {
@@ -38,11 +38,11 @@ export type TooltipProps<Datum extends object> = {
     /** Whether to show a glyph for the nearest Datum in each series. */
     showSeriesGlyphs?: boolean;
     /** Optional styles for the vertical crosshair, if visible. */
-    verticalCrosshairStyle?: SVGProps<SVGLineElement>;
+    verticalCrosshairStyle?: Octane.SVGProps<SVGLineElement>;
     /** Optional styles for the vertical crosshair, if visible. */
-    horizontalCrosshairStyle?: SVGProps<SVGLineElement>;
+    horizontalCrosshairStyle?: Octane.SVGProps<SVGLineElement>;
     /** Optional styles for the point, if visible. */
-    glyphStyle?: SVGProps<SVGCircleElement>;
+    glyphStyle?: Octane.SVGProps<SVGCircleElement>;
     /**
 * Tooltip depends on ResizeObserver, which may be polyfilled globally,
 * passed to XYChart, or injected into this component.

package/src/xychart/components/annotation/AnnotationLineSubject.tsrx

@@ -1,5 +1,5 @@
 import { useContext } from 'octane';
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import { LineSubject as BaseLineSubject } from '@octanejs/visx/annotation';
 import type { LineSubjectProps } from '@octanejs/visx/annotation';
 import DataContext from '../../context/DataContext.tsrx';
@@ -14,7 +14,7 @@ export default function AnnotationLineSubject({
 	min,
 	max,
 	...props
-}: AnnotationLineSubjectProps & Omit<SVGProps<SVGLineElement>, keyof AnnotationLineSubjectProps>) {
+}: AnnotationLineSubjectProps & Omit<Octane.SVGProps<SVGLineElement>, keyof AnnotationLineSubjectProps>) {
 	const { theme, margin, innerHeight = 0, innerWidth = 0 } = useContext(DataContext);
 	return <BaseLineSubject
 		stroke={theme?.axisStyles.x.bottom.axisLine.stroke}

package/src/xychart/components/annotation/AnnotationLineSubject.tsrx.d.ts

@@ -1,9 +1,9 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { LineSubjectProps } from '@octanejs/visx/annotation';
 export type AnnotationLineSubjectProps = Omit<LineSubjectProps, 'min' | 'max'> & {
     min?: number;
     max?: number;
 };
 /** AnnotationLineSubject which provides color and dimensions from context. */
-export default function AnnotationLineSubject({ min, max, ...props }: AnnotationLineSubjectProps & Omit<SVGProps<SVGLineElement>, keyof AnnotationLineSubjectProps>): import("react").JSX.Element;
+export default function AnnotationLineSubject({ min, max, ...props }: AnnotationLineSubjectProps & Omit<Octane.SVGProps<SVGLineElement>, keyof AnnotationLineSubjectProps>): import("react").JSX.Element;

package/src/xychart/components/series/private/AnimatedPath.tsrx

@@ -1,7 +1,6 @@
 import { memo, useCallback, useRef } from 'octane';
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import { animated, useSpring } from '../../../../internal/spring.tsrx';
-// @ts-expect-error no types
 import { interpolatePath } from 'd3-interpolate-path';
 import { debounce } from '@octanejs/visx/responsive';
 
@@ -10,7 +9,7 @@ function AnimatedPath({
 	stroke = 'transparent',
 	fill = 'transparent',
 	...lineProps
-}: Omit<SVGProps<SVGPathElement>, 'ref'>) {
+}: Omit<Octane.SVGProps<SVGPathElement>, 'ref'>) {
 	const previousD = useRef(d);
 	// updating d in quick succession will ruin the animation because startD === endD.
 	// debounce it slightly

package/src/xychart/components/series/private/AnimatedPath.tsrx.d.ts

@@ -1,4 +1,4 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps } from 'react';
-declare const _default: import("octane").ComponentBody<Omit<SVGProps<SVGPathElement>, "ref">, any>;
+import type { Octane } from 'octane/jsx-runtime';
+declare const _default: import("octane").ComponentBody<Omit<Octane.SVGProps<SVGPathElement>, "ref">, any>;
 export default _default;

package/src/xychart/components/series/private/BaseAreaSeries.tsrx

@@ -1,5 +1,6 @@
 import { Fragment, useContext, useCallback, useMemo, useEffect } from 'octane';
-import type { FC, SVGProps } from 'react';
+import type { FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { AreaProps, LinePathProps } from '@octanejs/visx/shape';
 import { Area, LinePath } from '@octanejs/visx/shape';
@@ -24,14 +25,14 @@ export type BaseAreaSeriesProps<XScale extends AxisScale, YScale extends AxisSca
 		/** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
 		curve?: AreaProps<Datum>['curve'];
 		/** Props to be passed to the Line, if rendered. */
-		lineProps?: Omit<LinePathProps<Datum> & SVGProps<SVGPathElement>, | 'data'
+		lineProps?: Omit<LinePathProps<Datum> & Octane.SVGProps<SVGPathElement>, | 'data'
 		| 'x'
 		| 'y'
 		| 'children'
 		| 'defined'>;
 		/** Rendered component which is passed path props by BaseAreaSeries after processing. */
-		PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
-	} & Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
+		PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
+	} & Omit<Octane.SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
 
 function BaseAreaSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({
 	PathComponent = 'path',

package/src/xychart/components/series/private/BaseAreaSeries.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { FC, SVGProps } from 'react';
+import type { FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { AreaProps, LinePathProps } from '@octanejs/visx/shape';
 import type { SeriesProps } from '../../../types';
@@ -13,8 +14,8 @@ export type BaseAreaSeriesProps<XScale extends AxisScale, YScale extends AxisSca
     /** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
     curve?: AreaProps<Datum>['curve'];
     /** Props to be passed to the Line, if rendered. */
-    lineProps?: Omit<LinePathProps<Datum> & SVGProps<SVGPathElement>, 'data' | 'x' | 'y' | 'children' | 'defined'>;
+    lineProps?: Omit<LinePathProps<Datum> & Octane.SVGProps<SVGPathElement>, 'data' | 'x' | 'y' | 'children' | 'defined'>;
     /** Rendered component which is passed path props by BaseAreaSeries after processing. */
-    PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
-} & Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
+    PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
+} & Omit<Octane.SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
 export default function BaseAreaSeriesWithRegisteredData<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: BaseAreaSeriesProps<XScale, YScale, Datum>): import("react").JSX.Element | null;

package/src/xychart/components/series/private/BaseAreaStack.tsrx

@@ -1,5 +1,6 @@
 import { Fragment, createElement, useCallback, useContext, useMemo } from 'octane';
-import type { ReactElement, FC, SVGProps } from 'react';
+import type { ReactElement, FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { SeriesPoint } from 'd3-shape';
 import type { StackPathConfig, AreaProps } from '@octanejs/visx/shape';
@@ -38,7 +39,7 @@ export type BaseAreaStackProps<XScale extends AxisScale, YScale extends AxisScal
 		children: | ReactElement<AreaStackChildProps<XScale, YScale, Datum>>
 		| ReactElement<AreaStackChildProps<XScale, YScale, Datum>>[];
 		/** Rendered component which is passed path props by BaseAreaStack after processing. */
-		PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
+		PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
 		/** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
 		curve?: AreaProps<Datum>['curve'];
 		/** Whether to render a Line along value of the Area shape (area is fill only). */
@@ -131,7 +132,7 @@ function BaseAreaStack<XScale extends AxisScale, YScale extends AxisScale, Datum
 				...svgPathProps
 			} = areaSeries?.props || {};
 
-			const areaProps: SVGProps<SVGPathElement> = {
+			const areaProps: Octane.SVGProps<SVGPathElement> = {
 				fill: colorScale?.(stack.key) ?? theme?.colors?.[0] ?? '#222',
 				...svgPathProps,
 			};

package/src/xychart/components/series/private/BaseAreaStack.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactElement, FC, SVGProps } from 'react';
+import type { ReactElement, FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { StackPathConfig, AreaProps } from '@octanejs/visx/shape';
 import type { SeriesProps } from '../../../types';
@@ -9,7 +10,7 @@ export type BaseAreaStackProps<XScale extends AxisScale, YScale extends AxisScal
     /** `AreaSeries` elements, note we can't strictly enforce this with TS yet. */
     children: ReactElement<AreaStackChildProps<XScale, YScale, Datum>> | ReactElement<AreaStackChildProps<XScale, YScale, Datum>>[];
     /** Rendered component which is passed path props by BaseAreaStack after processing. */
-    PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
+    PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
     /** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
     curve?: AreaProps<Datum>['curve'];
     /** Whether to render a Line along value of the Area shape (area is fill only). */

package/src/xychart/components/series/private/BaseLineSeries.tsrx

@@ -1,5 +1,6 @@
 import { Fragment, useContext, useCallback, useMemo, useEffect } from 'octane';
-import type { FC, SVGProps } from 'react';
+import type { FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { LinePathProps } from '@octanejs/visx/shape';
 import { LinePath } from '@octanejs/visx/shape';
 import type { AxisScale } from '@octanejs/visx/axis';
@@ -15,12 +16,12 @@ import useSeriesEvents from '../../../hooks/useSeriesEvents.tsrx';
 export type BaseLineSeriesProps<XScale extends AxisScale, YScale extends AxisScale, Datum extends object> =
 	SeriesProps<XScale, YScale, Datum> & {
 		/** Rendered component which is passed path props by BaseLineSeries after processing. */
-		PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
+		PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
 		/** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
 		curve?: LinePathProps<Datum>['curve'];
 		/** Given a datakey, returns its color. Falls back to theme color if unspecified or if a null-ish value is returned. */
 		colorAccessor?: (dataKey: string) => string | undefined | null;
-	} & Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
+	} & Omit<Octane.SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
 
 function BaseLineSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({
 	colorAccessor,

package/src/xychart/components/series/private/BaseLineSeries.tsrx.d.ts

@@ -1,14 +1,15 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { FC, SVGProps } from 'react';
+import type { FC } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { LinePathProps } from '@octanejs/visx/shape';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { SeriesProps } from '../../../types';
 export type BaseLineSeriesProps<XScale extends AxisScale, YScale extends AxisScale, Datum extends object> = SeriesProps<XScale, YScale, Datum> & {
     /** Rendered component which is passed path props by BaseLineSeries after processing. */
-    PathComponent?: FC<Omit<SVGProps<SVGPathElement>, 'ref'>> | 'path';
+    PathComponent?: FC<Omit<Octane.SVGProps<SVGPathElement>, 'ref'>> | 'path';
     /** Sets the curve factory (from @octanejs/visx/curve or d3-curve) for the line generator. Defaults to curveLinear. */
     curve?: LinePathProps<Datum>['curve'];
     /** Given a datakey, returns its color. Falls back to theme color if unspecified or if a null-ish value is returned. */
     colorAccessor?: (dataKey: string) => string | undefined | null;
-} & Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
+} & Omit<Octane.SVGProps<SVGPathElement>, 'x' | 'y' | 'x0' | 'x1' | 'y0' | 'y1' | 'ref'>;
 export default function BaseBaseLineSeriesWithRegisteredData<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: BaseLineSeriesProps<XScale, YScale, Datum>): import("react").JSX.Element | null;

package/src/xychart/types/series.ts

@@ -1,4 +1,5 @@
-import type { PointerEvent, FocusEvent, SVGProps } from 'react';
+import type { PointerEvent, FocusEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { AxisScale } from '@octanejs/visx/axis';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { Series, SeriesPoint } from 'd3-shape';
@@ -151,7 +152,7 @@ export type BarsProps<XScale extends AxisScale, YScale extends AxisScale> = {
 	/** Whether to apply radius to left corners. */
 	radiusLeft?: boolean;
 } & Omit<
-	SVGProps<SVGRectElement | SVGPathElement>,
+	Octane.SVGProps<SVGRectElement | SVGPathElement>,
 	'x' | 'y' | 'width' | 'height' | 'ref' | 'children'
 >;