@octanejs/visx 0.1.4 → 0.1.5

package/src/glyph/glyphs/GlyphCircle.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphCircleProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphCross.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolCross } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphCrossProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphCross.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphCrossProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphDiamond.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolDiamond } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphDiamondProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphDiamond.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphDiamondProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphSquare.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolSquare } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphSquareProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphSquare.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphSquareProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphStar.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolStar } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphStarProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphStar.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphStarProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphTriangle.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolTriangle } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphTriangleProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphTriangle.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphTriangleProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphWye.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import type { Symbol } from 'd3-shape';
 import { symbol, symbolWye } from 'd3-shape';
@@ -10,7 +11,7 @@ export type GlyphWyeProps<Datum> = {
 		path,
 	}: {
 		path: Symbol<unknown, Datum>;
-	}) => ReactNode;
+	}) => OctaneNode;
 	/** classname to apply to glyph path element. */
 	className?: string;
 	/** Top offset to apply to glyph g element container. */

package/src/glyph/glyphs/GlyphWye.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Symbol } from 'd3-shape';
 export type GlyphWyeProps<Datum> = {
     /** Render function override which is passed the configured path generator. */
     children?: ({ path, }: {
         path: Symbol<unknown, Datum>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** classname to apply to glyph path element. */
     className?: string;
     /** Top offset to apply to glyph g element container. */

package/src/gradient/gradients/LinearGradient.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import useStableId from '../../kernel/ids/useStableId.tsrx';
 
 type LinearGradientOwnProps = {
@@ -29,7 +30,7 @@ type LinearGradientOwnProps = {
 	/** Transform to apply to linearGradient, overrides rotate. */
 	transform?: string;
 	/** Override of linearGradient children. */
-	children?: ReactNode;
+	children?: OctaneNode;
 	/** (When no x or y values are passed), will orient the gradient vertically instead of horizontally. */
 	vertical?: boolean;
 };

package/src/gradient/gradients/LinearGradient.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 type LinearGradientOwnProps = {
     /** Unique id for the gradient. Should be unique across all page elements. */
     id?: string;
@@ -28,7 +29,7 @@ type LinearGradientOwnProps = {
     /** Transform to apply to linearGradient, overrides rotate. */
     transform?: string;
     /** Override of linearGradient children. */
-    children?: ReactNode;
+    children?: OctaneNode;
     /** (When no x or y values are passed), will orient the gradient vertically instead of horizontally. */
     vertical?: boolean;
 };

package/src/grid/grids/GridAngle.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import type { LineProps } from '@octanejs/visx/shape';
 import { Line } from '@octanejs/visx/shape';
@@ -33,7 +33,7 @@ export type GridAngleProps<Scale extends GridScale> = CommonGridProps & {
 	};
 
 export type AllGridAngleProps<Scale extends GridScale> =
-	GridAngleProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, | keyof LineProps
+	GridAngleProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, | keyof LineProps
 	| 'children'>, keyof GridAngleProps<Scale>>;
 
 export default function GridAngle<Scale extends GridScale>({

package/src/grid/grids/GridAngle.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 { LineProps } from '@octanejs/visx/shape';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { CommonGridProps, GridScale } from '../types';
@@ -24,6 +24,6 @@ export type GridAngleProps<Scale extends GridScale> = CommonGridProps & {
 */
     lineClassName?: string;
 };
-export type AllGridAngleProps<Scale extends GridScale> = GridAngleProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps | 'children'>, keyof GridAngleProps<Scale>>;
+export type AllGridAngleProps<Scale extends GridScale> = GridAngleProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps | 'children'>, keyof GridAngleProps<Scale>>;
 export default function GridAngle<Scale extends GridScale>({ className, innerRadius, left, lineClassName, lineStyle, numTicks, outerRadius, scale, stroke, strokeDasharray, strokeWidth, tickValues, top, children, // Explicitly extract children so it doesn't get spread to Line
 ...restProps }: AllGridAngleProps<Scale>): import("react").JSX.Element;

package/src/grid/grids/GridColumns.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import { Line } from '@octanejs/visx/shape';
 import type { LineProps } from '@octanejs/visx/shape';
@@ -22,7 +22,7 @@ export type GridColumnsProps<Scale extends GridScale> = CommonGridProps & {
 	};
 
 export type AllGridColumnsProps<Scale extends GridScale> =
-	GridColumnsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
+	GridColumnsProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
 
 export default function GridColumns<Scale extends GridScale>({
 	top = 0,

package/src/grid/grids/GridColumns.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 { LineProps } from '@octanejs/visx/shape';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { CommonGridProps, GridScale } from '../types';
@@ -14,5 +14,5 @@ export type GridColumnsProps<Scale extends GridScale> = CommonGridProps & {
     /** Total height of each grid column line. */
     height: number;
 };
-export type AllGridColumnsProps<Scale extends GridScale> = GridColumnsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
+export type AllGridColumnsProps<Scale extends GridScale> = GridColumnsProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
 export default function GridColumns<Scale extends GridScale>({ top, left, scale, height, stroke, strokeWidth, strokeDasharray, className, numTicks, lineStyle, offset, tickValues, children, ...restProps }: AllGridColumnsProps<Scale>): import("react").JSX.Element;

package/src/grid/grids/GridPolar.tsrx

@@ -1,4 +1,5 @@
-import type { CSSProperties, SVGProps } 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 { ScaleInput } from '@octanejs/visx/scale';
@@ -54,11 +55,11 @@ export type GridPolarProps<AngleScale extends GridScale, RadialScale extends Gri
 		/**
  * Style object set as the angle line path style attribute.
  */
-		lineStyleAngle?: CSSProperties & LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>;
+		lineStyleAngle?: CSSProperties & LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>;
 		/**
  * Style object set as the radius line path style attribute.
  */
-		lineStyleRadial?: CSSProperties & LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>;
+		lineStyleRadial?: CSSProperties & LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>;
 		/**
  * The number of angle ticks wanted for the grid. Note this is approximate due to d3's algorithm,
  * you can use tickValues for greater control

package/src/grid/grids/GridPolar.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { CSSProperties, SVGProps } from 'react';
+import type { CSSProperties } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { LineProps } from '@octanejs/visx/shape';
 import type { CommonGridProps, GridScale } from '../types';
@@ -48,11 +49,11 @@ export type GridPolarProps<AngleScale extends GridScale, RadialScale extends Gri
     /**
 * Style object set as the angle line path style attribute.
 */
-    lineStyleAngle?: CSSProperties & LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>;
+    lineStyleAngle?: CSSProperties & LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>;
     /**
 * Style object set as the radius line path style attribute.
 */
-    lineStyleRadial?: CSSProperties & LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>;
+    lineStyleRadial?: CSSProperties & LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>;
     /**
 * The number of angle ticks wanted for the grid. Note this is approximate due to d3's algorithm,
 * you can use tickValues for greater control

package/src/grid/grids/GridRadial.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Arc } from '@octanejs/visx/shape';
 import type { ArcProps } from '@octanejs/visx/shape';
@@ -43,11 +44,11 @@ export type GridRadialProps<Scale extends GridScale> = CommonGridProps & {
 		/**
  * Child components to the Arc.
  */
-		children?: () => ReactNode;
+		children?: () => OctaneNode;
 	};
 
 export type AllGridRadialProps<Scale extends GridScale, Datum> =
-	GridRadialProps<Scale> & Omit<ArcProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ArcProps<Datum>>, keyof GridRadialProps<Scale>>;
+	GridRadialProps<Scale> & Omit<ArcProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ArcProps<Datum>>, keyof GridRadialProps<Scale>>;
 
 export default function GridRadial<Scale extends GridScale, Datum>({
 	arcThickness,

package/src/grid/grids/GridRadial.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 import type { ArcProps } from '@octanejs/visx/shape';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { CommonGridProps, GridScale } from '../types';
@@ -38,7 +39,7 @@ export type GridRadialProps<Scale extends GridScale> = CommonGridProps & {
     /**
 * Child components to the Arc.
 */
-    children?: () => ReactNode;
+    children?: () => OctaneNode;
 };
-export type AllGridRadialProps<Scale extends GridScale, Datum> = GridRadialProps<Scale> & Omit<ArcProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ArcProps<Datum>>, keyof GridRadialProps<Scale>>;
+export type AllGridRadialProps<Scale extends GridScale, Datum> = GridRadialProps<Scale> & Omit<ArcProps<Datum> & Omit<Octane.SVGProps<SVGPathElement>, keyof ArcProps<Datum>>, keyof GridRadialProps<Scale>>;
 export default function GridRadial<Scale extends GridScale, Datum>({ arcThickness, className, endAngle, fill, fillOpacity, left, lineClassName, lineStyle, numTicks, scale, startAngle, stroke, strokeWidth, strokeDasharray, tickValues, top, ...restProps }: AllGridRadialProps<Scale, Datum>): import("react").JSX.Element;

package/src/grid/grids/GridRows.tsrx

@@ -1,4 +1,4 @@
-import type { SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
 import cx from 'classnames';
 import { Line } from '@octanejs/visx/shape';
 import type { LineProps } from '@octanejs/visx/shape';
@@ -22,7 +22,7 @@ export type GridRowsProps<Scale extends GridScale> = CommonGridProps & {
 	};
 
 export type AllGridRowsProps<Scale extends GridScale> =
-	GridRowsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridRowsProps<Scale>>;
+	GridRowsProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>, keyof GridRowsProps<Scale>>;
 
 export default function GridRows<Scale extends GridScale>({
 	top = 0,

package/src/grid/grids/GridRows.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 { LineProps } from '@octanejs/visx/shape';
 import type { ScaleInput } from '@octanejs/visx/scale';
 import type { CommonGridProps, GridScale } from '../types';
@@ -14,5 +14,5 @@ export type GridRowsProps<Scale extends GridScale> = CommonGridProps & {
     /** Total width of each grid row line. */
     width: number;
 };
-export type AllGridRowsProps<Scale extends GridScale> = GridRowsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridRowsProps<Scale>>;
+export type AllGridRowsProps<Scale extends GridScale> = GridRowsProps<Scale> & Omit<LineProps & Omit<Octane.SVGProps<SVGLineElement>, keyof LineProps>, keyof GridRowsProps<Scale>>;
 export default function GridRows<Scale extends GridScale>({ top, left, scale, width, stroke, strokeWidth, strokeDasharray, className, children, numTicks, lineStyle, offset, tickValues, ...restProps }: AllGridRowsProps<Scale>): import("react").JSX.Element;

package/src/grid/types.ts

@@ -1,4 +1,5 @@
-import type { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties } from 'react';
+import type { OctaneNode } from 'octane';
 import type { D3Scale, NumberLike } from '@octanejs/visx/scale';
 
 // In order to plot values on an axis, output of the scale must be number.
@@ -20,7 +21,7 @@ export type CommonGridProps = {
 	/** classname to apply to line group element. */
 	className?: string;
 	/** Optionally override rendering of grid lines. */
-	children?: (props: { lines: GridLines }) => ReactNode;
+	children?: (props: { lines: GridLines }) => OctaneNode;
 	/** Top offset to apply to glyph g element container. */
 	top?: number;
 	/** Left offset to apply to glyph g element container. */

package/src/group/Group.tsrx

@@ -1,4 +1,6 @@
-import type { ReactNode, Ref, SVGProps } from 'react';
+import type { Ref } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 
 export type GroupProps = {
@@ -10,7 +12,7 @@ export type GroupProps = {
 	transform?: string;
 	/** className to apply to `<g/>`. */
 	className?: string;
-	children?: ReactNode;
+	children?: OctaneNode;
 	/** ref to underlying `<g/>`. */
 	innerRef?: Ref<SVGGElement>;
 };
@@ -23,7 +25,7 @@ export default function Group({
 	children,
 	innerRef,
 	...restProps
-}: GroupProps & Omit<SVGProps<SVGGElement>, keyof GroupProps>) {
+}: GroupProps & Omit<Octane.SVGProps<SVGGElement>, keyof GroupProps>) {
 	return <g
 		ref={innerRef}
 		className={cx('visx-group', className)}

package/src/group/Group.tsrx.d.ts

@@ -1,5 +1,7 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, Ref, SVGProps } from 'react';
+import type { Ref } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 export type GroupProps = {
     /** Top offset applied to `<g/>`. */
     top?: number;
@@ -9,8 +11,8 @@ export type GroupProps = {
     transform?: string;
     /** className to apply to `<g/>`. */
     className?: string;
-    children?: ReactNode;
+    children?: OctaneNode;
     /** ref to underlying `<g/>`. */
     innerRef?: Ref<SVGGElement>;
 };
-export default function Group({ top, left, transform, className, children, innerRef, ...restProps }: GroupProps & Omit<SVGProps<SVGGElement>, keyof GroupProps>): import("react").JSX.Element;
+export default function Group({ top, left, transform, className, children, innerRef, ...restProps }: GroupProps & Omit<Octane.SVGProps<SVGGElement>, keyof GroupProps>): import("react").JSX.Element;

package/src/heatmap/heatmaps/HeatmapCircle.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { GenericCell, ColorScale, OpacityScale } from '../types';
@@ -29,7 +30,7 @@ export type HeatmapCircleProps<ColumnDatum, BinDatum> = {
 	/** className to apply to each heatmap circle element. */
 	className?: string;
 	/** Render function override, provided with heatmap. */
-	children?: (cells: CircleCell<ColumnDatum, BinDatum>[][]) => ReactNode;
+	children?: (cells: CircleCell<ColumnDatum, BinDatum>[][]) => OctaneNode;
 };
 
 export type CircleCell<ColumnDatum, BinDatum> = GenericCell<ColumnDatum, BinDatum> & {

package/src/heatmap/heatmaps/HeatmapCircle.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { GenericCell, ColorScale, OpacityScale } from '../types';
 export type HeatmapCircleProps<ColumnDatum, BinDatum> = {
     /** Array of column data (one per column desired) for the heatmap. */
@@ -27,7 +28,7 @@ export type HeatmapCircleProps<ColumnDatum, BinDatum> = {
     /** className to apply to each heatmap circle element. */
     className?: string;
     /** Render function override, provided with heatmap. */
-    children?: (cells: CircleCell<ColumnDatum, BinDatum>[][]) => ReactNode;
+    children?: (cells: CircleCell<ColumnDatum, BinDatum>[][]) => OctaneNode;
 };
 export type CircleCell<ColumnDatum, BinDatum> = GenericCell<ColumnDatum, BinDatum> & {
     /** Computed radius for the circle (radius - gap). */

package/src/heatmap/heatmaps/HeatmapRect.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { GenericCell, ColorScale, OpacityScale } from '../types';
@@ -33,7 +34,7 @@ export type HeatmapRectProps<ColumnDatum, BinDatum> = {
 	/** className to apply to each heatmap rect element. */
 	className?: string;
 	/** Render function override, provided with heatmap. */
-	children?: (cells: RectCell<ColumnDatum, BinDatum>[][]) => ReactNode;
+	children?: (cells: RectCell<ColumnDatum, BinDatum>[][]) => OctaneNode;
 };
 
 export type RectCell<ColumnDatum, BinDatum> = GenericCell<ColumnDatum, BinDatum> & {

package/src/heatmap/heatmaps/HeatmapRect.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import type { GenericCell, ColorScale, OpacityScale } from '../types';
 export type HeatmapRectProps<ColumnDatum, BinDatum> = {
     /** Array of column data (one per column desired) for the heatmap. */
@@ -31,7 +32,7 @@ export type HeatmapRectProps<ColumnDatum, BinDatum> = {
     /** className to apply to each heatmap rect element. */
     className?: string;
     /** Render function override, provided with heatmap. */
-    children?: (cells: RectCell<ColumnDatum, BinDatum>[][]) => ReactNode;
+    children?: (cells: RectCell<ColumnDatum, BinDatum>[][]) => OctaneNode;
 };
 export type RectCell<ColumnDatum, BinDatum> = GenericCell<ColumnDatum, BinDatum> & {
     /** binWidth less grid gap (effective width). */

package/src/hierarchy/hierarchies/Cluster.tsrx

@@ -1,5 +1,6 @@
 import { createElement } from 'octane';
-import type { ReactNode, FunctionComponent, ComponentClass } from 'react';
+import type { FunctionComponent, ComponentClass } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { HierarchyNode, HierarchyPointNode, HierarchyPointLink } from 'd3-hierarchy';
@@ -14,7 +15,7 @@ export type ClusterProps<Datum> = {
 	/** The root hierarchy node from which to derive the treemap layout. */
 	root: HierarchyNode<Datum>;
 	/** Render override function which is passed the computed cluster layout data. */
-	children?: (pack: HierarchyPointNode<Datum>) => ReactNode;
+	children?: (pack: HierarchyPointNode<Datum>) => OctaneNode;
 	/** top offset applied to the g element container. */
 	top?: number;
 	/** left offset applied to the g element container. */

package/src/hierarchy/hierarchies/Cluster.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, FunctionComponent, ComponentClass } from 'react';
+import type { FunctionComponent, ComponentClass } from 'react';
+import type { OctaneNode } from 'octane';
 import type { HierarchyNode, HierarchyPointNode, HierarchyPointLink } from 'd3-hierarchy';
 export type NodeComponentProps<Datum> = {
     node: HierarchyPointNode<Datum>;
@@ -11,7 +12,7 @@ export type ClusterProps<Datum> = {
     /** The root hierarchy node from which to derive the treemap layout. */
     root: HierarchyNode<Datum>;
     /** Render override function which is passed the computed cluster layout data. */
-    children?: (pack: HierarchyPointNode<Datum>) => ReactNode;
+    children?: (pack: HierarchyPointNode<Datum>) => OctaneNode;
     /** top offset applied to the g element container. */
     top?: number;
     /** left offset applied to the g element container. */

package/src/hierarchy/hierarchies/Pack.tsrx

@@ -1,5 +1,6 @@
 import { createElement } from 'octane';
-import type { ReactNode, FunctionComponent, ComponentClass } from 'react';
+import type { FunctionComponent, ComponentClass } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { HierarchyNode, HierarchyCircularNode } from 'd3-hierarchy';
@@ -10,7 +11,7 @@ export type PackProps<Datum> = {
 	/** The root hierarchy node from which to derive the pack layout. */
 	root: HierarchyNode<Datum>;
 	/** Render override function which is passed the computed pack layout data. */
-	children?: (pack: HierarchyCircularNode<Datum>) => ReactNode;
+	children?: (pack: HierarchyCircularNode<Datum>) => OctaneNode;
 	/** top offset applied to the g element container. */
 	top?: number;
 	/** left offset applied to the g element container. */

package/src/hierarchy/hierarchies/Pack.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, FunctionComponent, ComponentClass } from 'react';
+import type { FunctionComponent, ComponentClass } from 'react';
+import type { OctaneNode } from 'octane';
 import type { HierarchyNode, HierarchyCircularNode } from 'd3-hierarchy';
 export type PackProps<Datum> = {
     /** The root hierarchy node from which to derive the pack layout. */
     root: HierarchyNode<Datum>;
     /** Render override function which is passed the computed pack layout data. */
-    children?: (pack: HierarchyCircularNode<Datum>) => ReactNode;
+    children?: (pack: HierarchyCircularNode<Datum>) => OctaneNode;
     /** top offset applied to the g element container. */
     top?: number;
     /** left offset applied to the g element container. */