@octanejs/visx 0.1.30 → 0.1.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/visx",
-  "version": "0.1.30",
+  "version": "0.1.32",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -123,10 +123,10 @@
     "mitt": "^2.1.0",
     "reduce-css-calc": "^1.3.0",
     "svg-path-properties": "2.0.2",
-    "@octanejs/floating-ui": "0.1.35"
+    "@octanejs/floating-ui": "0.1.37"
   },
   "peerDependencies": {
-    "octane": "0.1.36"
+    "octane": "0.1.38"
   },
   "devDependencies": {
     "@juggle/resize-observer": "^3.4.0",
@@ -149,7 +149,7 @@
     "react-dom": "^19.2.7",
     "typescript": "^5.9.3",
     "vitest": "^4.1.10",
-    "octane": "0.1.36"
+    "octane": "0.1.38"
   },
   "scripts": {
     "compile:check": "node scripts/check-tsrx-compile.mjs",

package/src/annotation/components/CircleSubject.tsrx

@@ -1,5 +1,5 @@
 import { useContext } from 'octane';
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import type { AnnotationContextType } from '../types';
 import AnnotationContext from '../context/AnnotationContext.tsrx';
@@ -20,7 +20,7 @@ export default function CircleSubject({
 	stroke = '#222',
 	radius = 16,
 	...restProps
-}: CircleSubjectProps & Omit<SVGProps<SVGCircleElement>, keyof CircleSubjectProps>) {
+}: CircleSubjectProps & Omit<Octane.SVGProps<SVGCircleElement>, keyof CircleSubjectProps>) {
 	// if props are provided, they take precedence over context
 	const annotationContext = useContext(AnnotationContext);
 

package/src/annotation/components/CircleSubject.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 { AnnotationContextType } from '../types';
 export type CircleSubjectProps = Pick<AnnotationContextType, 'x' | 'y'> & {
     /** Optional className to apply to CircleSubject in addition to 'visx-annotation-subject'. */
@@ -9,4 +9,4 @@ export type CircleSubjectProps = Pick<AnnotationContextType, 'x' | 'y'> & {
     /** Radius of CircleSubject. */
     radius?: number;
 };
-export default function CircleSubject({ className, x: propsX, y: propsY, stroke, radius, ...restProps }: CircleSubjectProps & Omit<SVGProps<SVGCircleElement>, keyof CircleSubjectProps>): import("react").JSX.Element;
+export default function CircleSubject({ className, x: propsX, y: propsY, stroke, radius, ...restProps }: CircleSubjectProps & Omit<Octane.SVGProps<SVGCircleElement>, keyof CircleSubjectProps>): import("react").JSX.Element;

package/src/annotation/components/Connector.tsrx

@@ -1,5 +1,5 @@
 import { useContext } from 'octane';
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import type { AnnotationContextType } from '../types';
 import AnnotationContext from '../context/AnnotationContext.tsrx';
@@ -15,7 +15,7 @@ export type ConnectorProps = Pick<AnnotationContextType, 'x' | 'y' | 'dx' | 'dy'
 		/** Color of the connector line. */
 		stroke?: string;
 		/** Optional additional props. */
-		pathProps?: SVGProps<SVGPathElement>;
+		pathProps?: Octane.SVGProps<SVGPathElement>;
 	};
 
 export default function Connector({

package/src/annotation/components/Connector.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 { AnnotationContextType } from '../types';
 export type ConnectorProps = Pick<AnnotationContextType, 'x' | 'y' | 'dx' | 'dy'> & {
     /** Optional className to apply to container in addition to 'visx-annotation-connector'. */
@@ -9,6 +9,6 @@ export type ConnectorProps = Pick<AnnotationContextType, 'x' | 'y' | 'dx' | 'dy'
     /** Color of the connector line. */
     stroke?: string;
     /** Optional additional props. */
-    pathProps?: SVGProps<SVGPathElement>;
+    pathProps?: Octane.SVGProps<SVGPathElement>;
 };
 export default function Connector({ className, x: propsX, y: propsY, dx: propsDx, dy: propsDy, type, stroke, pathProps, }: ConnectorProps): import("react").JSX.Element;

package/src/annotation/components/EditableAnnotation.tsrx

@@ -1,6 +1,7 @@
 /* eslint-disable react/jsx-handler-names */
 import { useCallback, useRef } from 'octane';
-import type { SVGProps, MouseEvent, TouchEvent } from 'react';
+import type { MouseEvent, TouchEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { UseDrag, HandlerArgs as DragHandlerArgs } from '@octanejs/visx/drag';
 import { useDrag } from '@octanejs/visx/drag';
@@ -19,9 +20,9 @@ export type EditableAnnotationProps = Pick<AnnotationContextType, 'x' | 'y' | 'd
 		/** Whether the Subject position (x, y) is editable. */
 		canEditSubject?: boolean;
 		/** Optional circle props to set on the subject drag handle. */
-		subjectDragHandleProps?: SVGProps<SVGCircleElement>;
+		subjectDragHandleProps?: Octane.SVGProps<SVGCircleElement>;
 		/** Optional circle props to set on the label drag handle. */
-		labelDragHandleProps?: SVGProps<SVGCircleElement>;
+		labelDragHandleProps?: Octane.SVGProps<SVGCircleElement>;
 		/** Callback invoked on drag start. */
 		onDragStart?: ({ x, y, dx, dy, event }: HandlerArgs) => void;
 		/** Callback invoked on drag move. */

package/src/annotation/components/EditableAnnotation.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps, MouseEvent, TouchEvent } from 'react';
+import type { MouseEvent, TouchEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { AnnotationContextType } from '../types';
 export type EditableAnnotationProps = Pick<AnnotationContextType, 'x' | 'y' | 'dx' | 'dy'> & {
@@ -14,9 +15,9 @@ export type EditableAnnotationProps = Pick<AnnotationContextType, 'x' | 'y' | 'd
     /** Whether the Subject position (x, y) is editable. */
     canEditSubject?: boolean;
     /** Optional circle props to set on the subject drag handle. */
-    subjectDragHandleProps?: SVGProps<SVGCircleElement>;
+    subjectDragHandleProps?: Octane.SVGProps<SVGCircleElement>;
     /** Optional circle props to set on the label drag handle. */
-    labelDragHandleProps?: SVGProps<SVGCircleElement>;
+    labelDragHandleProps?: Octane.SVGProps<SVGCircleElement>;
     /** Callback invoked on drag start. */
     onDragStart?: ({ x, y, dx, dy, event }: HandlerArgs) => void;
     /** Callback invoked on drag move. */

package/src/annotation/components/Label.tsrx

@@ -1,5 +1,6 @@
 import { useContext, useMemo } from 'octane';
-import type { SVGProps, CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { TextProps } from '@octanejs/visx/text';
@@ -16,7 +17,7 @@ export type LabelProps = {
 	/** Padding of text from background. */
 	backgroundPadding?: number | { top?: number; right?: number; bottom?: number; left?: number };
 	/** Additional props to be passed to background SVGRectElement. */
-	backgroundProps?: SVGProps<SVGRectElement>;
+	backgroundProps?: Octane.SVGProps<SVGRectElement>;
 	/** Optional className to apply to container in addition to 'visx-annotation-label'. */
 	className?: string;
 	/** Color of title and subtitle text. */

package/src/annotation/components/Label.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 { TextProps } from '@octanejs/visx/text';
 import type { Options as UseMeasureOptions } from '../../internal/useMeasure.tsrx';
 export type LabelProps = {
@@ -15,7 +15,7 @@ export type LabelProps = {
         left?: number;
     };
     /** Additional props to be passed to background SVGRectElement. */
-    backgroundProps?: SVGProps<SVGRectElement>;
+    backgroundProps?: Octane.SVGProps<SVGRectElement>;
     /** Optional className to apply to container in addition to 'visx-annotation-label'. */
     className?: string;
     /** Color of title and subtitle text. */

package/src/annotation/components/LineSubject.tsrx

@@ -1,5 +1,5 @@
 import { useContext } from 'octane';
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import AnnotationContext from '../context/AnnotationContext.tsrx';
 
@@ -31,7 +31,7 @@ export default function LineSubject({
 	max,
 	stroke = '#222',
 	...restProps
-}: LineSubjectProps & Omit<SVGProps<SVGLineElement>, keyof LineSubjectProps>) {
+}: LineSubjectProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineSubjectProps>) {
 	// if props are provided, they take precedence over context
 	const annotationContext = useContext(AnnotationContext);
 	const lineIsVertical = orientation === 'vertical';

package/src/annotation/components/LineSubject.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';
 export type LineSubjectProps = {
     /** Optional className to apply to LineSubject in addition to 'visx-annotation-subject'. */
     className?: string;
@@ -18,4 +18,4 @@ export type LineSubjectProps = {
     /** The maximum coordinate of the line. */
     max: number;
 };
-export default function LineSubject({ className, x: propsX, y: propsY, orientation, min, max, stroke, ...restProps }: LineSubjectProps & Omit<SVGProps<SVGLineElement>, keyof LineSubjectProps>): import("react").JSX.Element;
+export default function LineSubject({ className, x: propsX, y: propsY, orientation, min, max, stroke, ...restProps }: LineSubjectProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineSubjectProps>): import("react").JSX.Element;

package/src/axis/types.ts

@@ -1,6 +1,7 @@
 import type { D3Scale, NumberLike, ScaleInput, ValueOf } from '@octanejs/visx/scale';
 import type { TextProps } from '@octanejs/visx/text';
-import type { Ref, SVGProps } from 'react';
+import type { Ref } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type Orientation from './constants/orientation';
 
@@ -12,7 +13,7 @@ export type AxisScaleOutput = number | NumberLike | undefined;
 export type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> =
 	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	D3Scale<Output, any, any>;
-type LineProps = Omit<SVGProps<SVGLineElement>, 'to' | 'from' | 'ref'>;
+type LineProps = Omit<Octane.SVGProps<SVGLineElement>, 'to' | 'from' | 'ref'>;
 
 type FormattedValue = string | undefined;
 

package/src/brush/BaseBrush.tsrx

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'octane';
-import type { PointerEvent, SVGProps } from 'react';
+import type { PointerEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import { Group } from '@octanejs/visx/group';
 import type { HandlerArgs as DragArgs } from '@octanejs/visx/drag';
@@ -39,7 +40,7 @@ export type BaseBrushProps = {
 	resizeTriggerAreas?: ResizeTriggerAreas[];
 	onBrushStart?: (start: BaseBrushState['start']) => void;
 	onBrushEnd?: (state: BaseBrushState) => void;
-	selectedBoxStyle: SVGProps<SVGRectElement>;
+	selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
 	onMouseLeave?: (event: PointerHandlerEvent) => void;
 	onMouseUp?: (event: PointerHandlerEvent) => void;
 	onMouseMove?: (event: PointerHandlerEvent) => void;

package/src/brush/BaseBrush.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { PointerEvent, SVGProps } from 'react';
+import type { PointerEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { BrushHandleRenderProps } from './BrushHandle.tsrx';
 import type { MarginShape, BrushShape, ResizeTriggerAreas, PartialBrushStartEnd, BrushingType, BrushPageOffset } from './types';
@@ -17,7 +18,7 @@ export type BaseBrushProps = {
     resizeTriggerAreas?: ResizeTriggerAreas[];
     onBrushStart?: (start: BaseBrushState['start']) => void;
     onBrushEnd?: (state: BaseBrushState) => void;
-    selectedBoxStyle: SVGProps<SVGRectElement>;
+    selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
     onMouseLeave?: (event: PointerHandlerEvent) => void;
     onMouseUp?: (event: PointerHandlerEvent) => void;
     onMouseMove?: (event: PointerHandlerEvent) => void;

package/src/brush/Brush.tsrx

@@ -1,6 +1,6 @@
 // OCTANE DIVERGENCE[visx-functional-controllers-no-class-refs][differential:visx-functional-controllers]:
 // Brush is a functional TSRX controller and intentionally omits upstream's legacy class-instance innerRef handle.
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import BaseBrush from './BaseBrush.tsrx';
 import type { BaseBrushProps, BaseBrushState } from './BaseBrush.tsrx';
@@ -29,7 +29,7 @@ const DEFAULT_SELECTED_BOX_STYLE = {
 
 export type BrushProps = {
 	/** Style object for the Brush selection rect. */
-	selectedBoxStyle: SVGProps<SVGRectElement>;
+	selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
 	/** x-coordinate scale. */
 	xScale: Scale;
 	/** y-coordinate scale. */

package/src/brush/Brush.tsrx.d.ts

@@ -1,12 +1,12 @@
 // 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 { BaseBrushProps } from './BaseBrush.tsrx';
 import type { BrushHandleRenderProps } from './BrushHandle.tsrx';
 import type { Bounds, PartialBrushStartEnd, MarginShape, ResizeTriggerAreas, Scale } from './types';
 export type BrushProps = {
     /** Style object for the Brush selection rect. */
-    selectedBoxStyle: SVGProps<SVGRectElement>;
+    selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
     /** x-coordinate scale. */
     xScale: Scale;
     /** y-coordinate scale. */

package/src/brush/BrushSelection.tsrx

@@ -1,5 +1,6 @@
 /* eslint react/jsx-handler-names: 0 */
-import type { SVGProps, PointerEvent } from 'react';
+import type { PointerEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { HandlerArgs as DragArgs } from '@octanejs/visx/drag';
 import { Drag } from '@octanejs/visx/drag';
 
@@ -26,7 +27,7 @@ export type BrushSelectionProps = {
 	onMouseMove?: PointerHandler;
 	onMouseUp?: PointerHandler;
 	onClick?: PointerHandler;
-	selectedBoxStyle: SVGProps<SVGRectElement>;
+	selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
 	isControlled?: boolean;
 	isDragInProgress?: boolean;
 };

package/src/brush/BrushSelection.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps, PointerEvent } from 'react';
+import type { PointerEvent } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { HandlerArgs as DragArgs } from '@octanejs/visx/drag';
 import type { BaseBrushState as BrushState, UpdateBrush } from './BaseBrush.tsrx';
 import type { BrushPageOffset, BrushingType } from './types';
@@ -19,7 +20,7 @@ export type BrushSelectionProps = {
     onMouseMove?: PointerHandler;
     onMouseUp?: PointerHandler;
     onClick?: PointerHandler;
-    selectedBoxStyle: SVGProps<SVGRectElement>;
+    selectedBoxStyle: Octane.SVGProps<SVGRectElement>;
     isControlled?: boolean;
     isDragInProgress?: boolean;
 };

package/src/chord/Ribbon.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import type { Chord, ChordSubgroup } from 'd3-chord';
 import { ribbon as d3ribbon } from 'd3-chord';
@@ -47,7 +47,7 @@ export default function Ribbon({
 	children,
 	className,
 	...restProps
-}: Omit<SVGProps<SVGPathElement>, keyof RibbonProps> & RibbonProps) {
+}: Omit<Octane.SVGProps<SVGPathElement>, keyof RibbonProps> & RibbonProps) {
 	const ribbon = d3ribbon<unknown, Chord, ChordSubgroup>();
 	if (source) ribbon.source(source);
 	if (target) ribbon.target(target);

package/src/chord/Ribbon.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 { Chord, ChordSubgroup } from 'd3-chord';
 type NumAccessor = (d: ChordSubgroup) => number;
 export type RibbonProps = {
@@ -22,5 +22,5 @@ export type RibbonProps = {
     /** Classname to apply to the rendered `<path />`. */
     className?: string;
 };
-export default function Ribbon({ chord, source, target, radius, startAngle, endAngle, children, className, ...restProps }: Omit<SVGProps<SVGPathElement>, keyof RibbonProps> & RibbonProps): import("react").JSX.Element;
+export default function Ribbon({ chord, source, target, radius, startAngle, endAngle, children, className, ...restProps }: Omit<Octane.SVGProps<SVGPathElement>, keyof RibbonProps> & RibbonProps): import("react").JSX.Element;
 export {};

package/src/clip-path/clip-paths/CircleClipPath.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import ClipPath from './ClipPath.tsrx';
 
 export type CircleClipPathProps = {
@@ -19,7 +19,7 @@ export default function CircleClipPath({
 	cy,
 	r,
 	...restProps
-}: CircleClipPathProps & Omit<SVGProps<SVGCircleElement>, keyof CircleClipPathProps>) {
+}: CircleClipPathProps & Omit<Octane.SVGProps<SVGCircleElement>, keyof CircleClipPathProps>) {
 	return <ClipPath id={id}>
 		<circle cx={cx} cy={cy} r={r} {...restProps} />
 	</ClipPath>;

package/src/clip-path/clip-paths/CircleClipPath.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';
 export type CircleClipPathProps = {
     /** Unique id for the clipPath. */
     id?: string;
@@ -11,4 +11,4 @@ export type CircleClipPathProps = {
     r?: string | number;
 };
 /** ClipPath for clipping to the shape of a `<circle />`, pass any `<circle />` props you want. */
-export default function CircleClipPath({ id, cx, cy, r, ...restProps }: CircleClipPathProps & Omit<SVGProps<SVGCircleElement>, keyof CircleClipPathProps>): import("react").JSX.Element;
+export default function CircleClipPath({ id, cx, cy, r, ...restProps }: CircleClipPathProps & Omit<Octane.SVGProps<SVGCircleElement>, keyof CircleClipPathProps>): import("react").JSX.Element;

package/src/clip-path/clip-paths/ClipPath.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import useStableId from '../../kernel/ids/useStableId.tsrx';
 
@@ -14,7 +14,7 @@ export default function ClipPath({
 	id,
 	children,
 	...restProps
-}: ClipPathProps & Omit<SVGProps<SVGClipPathElement>, keyof ClipPathProps>) {
+}: ClipPathProps & Omit<Octane.SVGProps<SVGClipPathElement>, keyof ClipPathProps>) {
 	const generatedId = useStableId('visx-clip');
 	return <defs>
 		<clipPath id={id ?? generatedId} {...restProps}>{children}</clipPath>

package/src/clip-path/clip-paths/ClipPath.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 ClipPathProps = {
     /** Unique id for the clipPath. */
@@ -8,4 +8,4 @@ export type ClipPathProps = {
     children?: OctaneNode;
 };
 /** Handles rendering of <defs> and <clipPath> elements for you, with any children you want. */
-export default function ClipPath({ id, children, ...restProps }: ClipPathProps & Omit<SVGProps<SVGClipPathElement>, keyof ClipPathProps>): import("react").JSX.Element;
+export default function ClipPath({ id, children, ...restProps }: ClipPathProps & Omit<Octane.SVGProps<SVGClipPathElement>, keyof ClipPathProps>): import("react").JSX.Element;

package/src/clip-path/clip-paths/RectClipPath.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import ClipPath from './ClipPath.tsrx';
 
 export type RectClipPathProps = {
@@ -21,7 +21,7 @@ export default function RectClipPath({
 	width = 1,
 	height = 1,
 	...restProps
-}: RectClipPathProps & Omit<SVGProps<SVGRectElement>, keyof RectClipPathProps>) {
+}: RectClipPathProps & Omit<Octane.SVGProps<SVGRectElement>, keyof RectClipPathProps>) {
 	return <ClipPath id={id}>
 		<rect x={x} y={y} width={width} height={height} {...restProps} />
 	</ClipPath>;

package/src/clip-path/clip-paths/RectClipPath.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';
 export type RectClipPathProps = {
     /** Unique id for the clipPath. */
     id?: string;
@@ -12,4 +12,4 @@ export type RectClipPathProps = {
     /** height of the ClipPath rect. */
     height?: string | number;
 };
-export default function RectClipPath({ id, x, y, width, height, ...restProps }: RectClipPathProps & Omit<SVGProps<SVGRectElement>, keyof RectClipPathProps>): import("react").JSX.Element;
+export default function RectClipPath({ id, x, y, width, height, ...restProps }: RectClipPathProps & Omit<Octane.SVGProps<SVGRectElement>, keyof RectClipPathProps>): import("react").JSX.Element;

package/src/delaunay/components/Polygon.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 Polygon({
 	className,
 	children,
 	...restProps
-}: PolygonProps & Omit<SVGProps<SVGPathElement>, keyof PolygonProps>) {
+}: PolygonProps & Omit<Octane.SVGProps<SVGPathElement>, keyof PolygonProps>) {
 	if (!polygon) return null;
 	const path = `M${polygon.join('L')}Z`;
 	if (children) return <>

package/src/delaunay/components/Polygon.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 PolygonProps = {
     /** Override render function which is provided polygon and generated path. */
@@ -12,4 +12,4 @@ export type PolygonProps = {
     /** Array of coordinate arrays for the polygon (e.g., [[x,y], [x1,y1], ...]), used to generate polygon path. */
     polygon?: [number, number][];
 };
-export default function Polygon({ polygon, className, children, ...restProps }: PolygonProps & Omit<SVGProps<SVGPathElement>, keyof PolygonProps>): import("react").JSX.Element | null;
+export default function Polygon({ polygon, className, children, ...restProps }: PolygonProps & Omit<Octane.SVGProps<SVGPathElement>, keyof PolygonProps>): import("react").JSX.Element | null;

package/src/external.d.ts

@@ -1,3 +1,15 @@
 declare module 'reduce-css-calc' {
 	export default function reduceCssCalc(expression: string): string;
 }
+
+declare module 'd3-interpolate-path' {
+	/**
+	 * Interpolates between two SVG path `d` strings, tolerating a differing
+	 * number of points on each side.
+	 */
+	export function interpolatePath(
+		a: string | null | undefined,
+		b: string | null | undefined,
+		excludeSegment?: (a: unknown, b: unknown) => boolean,
+	): (t: number) => string;
+}

package/src/geo/graticule/Graticule.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import { Group } from '@octanejs/visx/group';
 import type { GeoGraticuleGenerator } from 'd3-geo';
@@ -69,7 +69,7 @@ export default function Graticule({
 	precision,
 	children,
 	...restProps
-}: GraticuleProps & Omit<SVGProps<SVGPathElement>, keyof GraticuleProps>) {
+}: GraticuleProps & Omit<Octane.SVGProps<SVGPathElement>, keyof GraticuleProps>) {
 	const currGraticule = geoGraticule();
 
 	if (extent) currGraticule.extent(extent);

package/src/geo/graticule/Graticule.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 { GeoGraticuleGenerator } from 'd3-geo';
 import type { LineString, MultiLineString, Polygon } from 'geojson';
@@ -50,4 +50,4 @@ export type GraticuleProps = {
     /** Sets the precision of the graticule generator, which defaults to 2.5°. */
     precision?: number;
 };
-export default function Graticule({ graticule, lines, outline, extent, extentMajor, extentMinor, step, stepMajor, stepMinor, precision, children, ...restProps }: GraticuleProps & Omit<SVGProps<SVGPathElement>, keyof GraticuleProps>): import("react").JSX.Element;
+export default function Graticule({ graticule, lines, outline, extent, extentMajor, extentMinor, step, stepMajor, stepMinor, precision, children, ...restProps }: GraticuleProps & Omit<Octane.SVGProps<SVGPathElement>, keyof GraticuleProps>): import("react").JSX.Element;

package/src/geo/projections/Projection.tsrx

@@ -1,4 +1,5 @@
-import type { SVGProps, Ref } from 'react';
+import type { Ref } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
@@ -132,7 +133,7 @@ export default function Projection<Datum extends GeoPermissibleObjects>({
 	pointRadius,
 	children,
 	...restProps
-}: ProjectionProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>) {
+}: ProjectionProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>) {
 	const maybeCustomProjection =
 		typeof projection === 'string' ? projectionMapping[projection] : projection;
 

package/src/geo/projections/Projection.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { SVGProps, Ref } from 'react';
+import type { Ref } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { OctaneNode } from 'octane';
 import type { GeoPath, GeoProjection, ExtendedFeature } from 'd3-geo';
 import type { GraticuleProps } from '../graticule/Graticule.tsrx';
@@ -84,4 +85,4 @@ export interface ParsedFeature<Datum> {
 /**
  * Component for all projections.
  */
-export default function Projection<Datum extends GeoPermissibleObjects>({ data, projection, projectionFunc, clipAngle, clipExtent, scale, translate, center, rotate, precision, fitExtent, fitSize, centroid, graticule, graticuleLines, graticuleOutline, className, innerRef, digits, pointRadius, children, ...restProps }: ProjectionProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>): import("react").JSX.Element;
+export default function Projection<Datum extends GeoPermissibleObjects>({ data, projection, projectionFunc, clipAngle, clipExtent, scale, translate, center, rotate, precision, fitExtent, fitSize, centroid, graticule, graticuleLines, graticuleOutline, className, innerRef, digits, pointRadius, children, ...restProps }: ProjectionProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphCircle.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 { Symbol } from 'd3-shape';
@@ -29,7 +29,7 @@ export default function GlyphCircle<Datum = unknown>({
 	left,
 	size,
 	...restProps
-}: GlyphCircleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>) {
+}: GlyphCircleProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>) {
 	const path = symbol<Datum>();
 	path.type(symbolCircle);
 

package/src/glyph/glyphs/GlyphCircle.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 { Symbol } from 'd3-shape';
 export type GlyphCircleProps<Datum> = {
@@ -16,4 +16,4 @@ export type GlyphCircleProps<Datum> = {
     /** Size of circle in px, or an accessor which takes Datum as input and returns a size. */
     size?: number | ((d: Datum) => number);
 };
-export default function GlyphCircle<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCircleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>): import("react").JSX.Element;
+export default function GlyphCircle<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCircleProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphCross.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 { Symbol } from 'd3-shape';
@@ -29,7 +29,7 @@ export default function GlyphCross<Datum = unknown>({
 	left,
 	size,
 	...restProps
-}: GlyphCrossProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>) {
+}: GlyphCrossProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>) {
 	const path = symbol<Datum>();
 	path.type(symbolCross);
 

package/src/glyph/glyphs/GlyphCross.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 { Symbol } from 'd3-shape';
 export type GlyphCrossProps<Datum> = {
@@ -16,4 +16,4 @@ export type GlyphCrossProps<Datum> = {
     /** Size of cross in px, or an accessor which takes Datum as input and returns a size. */
     size?: number | ((d: Datum) => number);
 };
-export default function GlyphCross<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCrossProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>): import("react").JSX.Element;
+export default function GlyphCross<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCrossProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphDiamond.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 { Symbol } from 'd3-shape';
@@ -29,7 +29,7 @@ export default function GlyphDiamond<Datum = unknown>({
 	left,
 	size,
 	...restProps
-}: GlyphDiamondProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphDiamondProps<Datum>>) {
+}: GlyphDiamondProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof GlyphDiamondProps<Datum>>) {
 	const path = symbol<Datum>();
 	path.type(symbolDiamond);