@octanejs/visx 0.1.4 → 0.1.5

package/src/shape/shapes/Pie.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AddSVGProps, ArcPathConfig, PiePathConfig } from '../types';
 import type { PieArcDatum, UsePieResult } from '../react/usePie.tsrx';
 export type { PieArcDatum };
@@ -15,7 +15,7 @@ export type PieProps<Datum> = {
     /** Array of data to generate a Pie for. */
     data?: Datum[];
     /** Optional render function invoked for each Datum to render something (e.g., a Label) at each pie centroid. */
-    centroid?: (xyCoords: [number, number], arc: PieArcDatum<Datum>) => ReactNode;
+    centroid?: (xyCoords: [number, number], arc: PieArcDatum<Datum>) => OctaneNode;
     /** Invoked for each datum, returns the value for a given Pie segment/arc datum. */
     pieValue?: PiePathConfig<Datum>['value'];
     /** Comparator function to sort *arcs*, overridden by pieSortValues if defined. If pieSort and pieSortValues are null, arcs match input data order. */
@@ -23,7 +23,7 @@ export type PieProps<Datum> = {
     /** Comparator function to sort arc *values*, overrides pieSort if defined. If pieSort and pieSortValues are null, arcs match input data order. */
     pieSortValues?: PiePathConfig<Datum>['sortValues'];
     /** Render function override which is passed the configured arc generator as input. */
-    children?: (provided: ProvidedProps<Datum>) => ReactNode;
+    children?: (provided: ProvidedProps<Datum>) => OctaneNode;
     /** Optional accessor function to return the fill string value of a given arc. */
     fill?: string | StringAccessor<Datum>;
 } & Pick<PiePathConfig<Datum>, 'startAngle' | 'endAngle' | 'padAngle'> & Pick<ArcPathConfig<PieArcDatum<Datum>>, 'innerRadius' | 'outerRadius' | 'cornerRadius' | 'padRadius'>;

package/src/shape/shapes/Polygon.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, Ref } from 'react';
+import type { Ref } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { degreesToRadians } from '../util/trigonometry';
 import type { AddSVGProps } from '../types';
@@ -42,7 +43,7 @@ export type PolygonProps = {
 	/** Rotation transform to apply to polygon. */
 	rotate?: number;
 	/** Render function override which is passed the generated polygon points. */
-	children?: (args: { points: [number, number][] }) => ReactNode;
+	children?: (args: { points: [number, number][] }) => OctaneNode;
 	/** Reference to polygon element. */
 	innerRef?: Ref<SVGPolygonElement>;
 	/** Polygon center position. */

package/src/shape/shapes/Polygon.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode, Ref } from 'react';
+import type { Ref } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AddSVGProps } from '../types';
 export declare const getPoint: ({ sides, size, center, rotate, side }: {
     side: number;
@@ -25,7 +26,7 @@ export type PolygonProps = {
     /** Render function override which is passed the generated polygon points. */
     children?: (args: {
         points: [number, number][];
-    }) => ReactNode;
+    }) => OctaneNode;
     /** Reference to polygon element. */
     innerRef?: Ref<SVGPolygonElement>;
     /** Polygon center position. */

package/src/shape/shapes/SplitLinePath.tsrx

@@ -1,5 +1,6 @@
 import { useMemo } from 'octane';
-import type { ReactNode, SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 import type { GetLineSegmentsConfig } from '../util/getSplitLineSegments';
 import getSplitLineSegments from '../util/getSplitLineSegments';
 import { line } from '../util/D3ShapeFactories';
@@ -14,17 +15,27 @@ interface Point {
 const getX = (d: Point) => d.x || 0;
 const getY = (d: Point) => d.y || 0;
 
+/**
+ * Per-segment path styles. Octane's `className` composes clsx-style
+ * (`ClassValue`), but segment styles are forwarded to `LinePath`'s plain
+ * `className?: string` prop, so it stays a string here (matching upstream).
+ */
+type SplitLinePathSegmentStyles = Omit<
+	Octane.SVGProps<SVGPathElement>,
+	'x' | 'y' | 'children' | 'className'
+> & { className?: string };
+
 export type SplitLinePathRenderer = (renderProps: {
 		index: number;
 		segment: { x: number; y: number }[];
-		styles?: Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'children'>;
-	}) => ReactNode;
+		styles?: SplitLinePathSegmentStyles;
+	}) => OctaneNode;
 
 export type SplitLinePathProps<Datum> = {
 		/** Array of data segments, where each segment will be a separate path in the rendered line. */
 		segments: Datum[][];
 		/** Styles to apply to each segment. If fewer styles are specified than the number of segments, they will be re-used. */
-		styles: Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'children'>[];
+		styles: SplitLinePathSegmentStyles[];
 		/** Override render function which is passed the configured path generator as input. */
 		children?: SplitLinePathRenderer;
 		/** className applied to path element. */

package/src/shape/shapes/SplitLinePath.tsrx.d.ts

@@ -1,23 +1,33 @@
 // 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 { GetLineSegmentsConfig } from '../util/getSplitLineSegments';
 import type { LinePathConfig } from '../types';
+/**
+ * Per-segment path styles. Octane's `className` composes clsx-style
+ * (`ClassValue`), but segment styles are forwarded to `LinePath`'s plain
+ * `className?: string` prop, so it stays a string here (matching upstream).
+ */
+type SplitLinePathSegmentStyles = Omit<Octane.SVGProps<SVGPathElement>, 'x' | 'y' | 'children' | 'className'> & {
+    className?: string;
+};
 export type SplitLinePathRenderer = (renderProps: {
     index: number;
     segment: {
         x: number;
         y: number;
     }[];
-    styles?: Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'children'>;
-}) => ReactNode;
+    styles?: SplitLinePathSegmentStyles;
+}) => OctaneNode;
 export type SplitLinePathProps<Datum> = {
     /** Array of data segments, where each segment will be a separate path in the rendered line. */
     segments: Datum[][];
     /** Styles to apply to each segment. If fewer styles are specified than the number of segments, they will be re-used. */
-    styles: Omit<SVGProps<SVGPathElement>, 'x' | 'y' | 'children'>[];
+    styles: SplitLinePathSegmentStyles[];
     /** Override render function which is passed the configured path generator as input. */
     children?: SplitLinePathRenderer;
     /** className applied to path element. */
     className?: string;
 } & LinePathConfig<Datum> & Pick<GetLineSegmentsConfig, 'segmentation' | 'sampleRate'>;
 export default function SplitLinePath<Datum>({ children, className, curve, defined, segmentation, sampleRate, segments, x, y, styles, }: SplitLinePathProps<Datum>): import("react").JSX.Element;
+export {};

package/src/shape/shapes/Stack.tsrx

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import cx from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { Area as AreaType, Stack as StackType, SeriesPoint, Series } from 'd3-shape';
@@ -20,7 +20,7 @@ export type StackProps<Datum, Key> = BaseStackProps<Datum, Key> & {
 			stacks: Series<Datum, Key>[];
 			path: AreaType<SeriesPoint<Datum>>;
 			stack: StackType<$TSFIXME, Datum, Key>;
-		}) => ReactNode;
+		}) => OctaneNode;
 		/** Sets the x0 accessor function, and sets x1 to null. */
 		x?: AccessorForArrayItem<SeriesPoint<Datum>, number>;
 		/** Specifies the x0 accessor function which defaults to d => d[0]. */

package/src/shape/shapes/Stack.tsrx.d.ts

@@ -1,5 +1,5 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { Area as AreaType, Stack as StackType, SeriesPoint, Series } from 'd3-shape';
 import type { $TSFIXME, AddSVGProps, AccessorForArrayItem, StackKey, BaseStackProps, AreaPathConfig } from '../types';
 export type StackProps<Datum, Key> = BaseStackProps<Datum, Key> & {
@@ -10,7 +10,7 @@ export type StackProps<Datum, Key> = BaseStackProps<Datum, Key> & {
         stacks: Series<Datum, Key>[];
         path: AreaType<SeriesPoint<Datum>>;
         stack: StackType<$TSFIXME, Datum, Key>;
-    }) => ReactNode;
+    }) => OctaneNode;
     /** Sets the x0 accessor function, and sets x1 to null. */
     x?: AccessorForArrayItem<SeriesPoint<Datum>, number>;
     /** Specifies the x0 accessor function which defaults to d => d[0]. */

package/src/shape/types/area.ts

@@ -1,10 +1,11 @@
 import type { Area } from 'd3-shape';
-import type { ReactNode, Ref } from 'react';
+import type { Ref } from 'react';
+import type { OctaneNode } from 'octane';
 import type { AreaPathConfig } from './D3ShapeConfig';
 
 export type BaseAreaProps<Datum> = {
 	/** Override render function which is passed the configured area generator as input. */
-	children?: (args: { path: Area<Datum> }) => ReactNode;
+	children?: (args: { path: Area<Datum> }) => OctaneNode;
 	/** Classname applied to path element. */
 	className?: string;
 	/** Array of data for which to generate an area shape. */

package/src/shape/types/barStack.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 import type { BarGroupBar } from './barGroup';
 import type { BaseStackProps, StackKey } from './stack';
 import type { PositionScale } from './base';
@@ -51,5 +51,5 @@ export type BaseBarStackProps<
 	/** Returns the desired color for a bar with a given key and index. */
 	color: (key: Key, index: number) => string;
 	/** Override render function which is passed the configured stack generator as input. */
-	children?: (stacks: BarStack<Datum, Key>[]) => ReactNode;
+	children?: (stacks: BarStack<Datum, Key>[]) => OctaneNode;
 };

package/src/shape/types/base.ts

@@ -1,5 +1,6 @@
 import type { D3Scale, PickD3Scale } from '@octanejs/visx/scale';
-import type { ReactNode, SVGProps } from 'react';
+import type { Octane } from 'octane/jsx-runtime';
+import type { OctaneNode } from 'octane';
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type $TSFIXME = any;
@@ -14,10 +15,12 @@ export type AnyScaleBand = PickD3Scale<'band', any, any>;
 export type PositionScale = D3Scale<number, any, any>;
 
 /**
- * Add fields from `SVGProps` for the specified SVG `Element`
- * to `Props` except fields that already exist in `Props`
+ * Add fields from octane's `SVGProps` (native event handlers — Octane
+ * delivers native, delegated DOM events, not React synthetics) for the
+ * specified SVG `Element` to `Props` except fields that already exist
+ * in `Props`
  */
 export type AddSVGProps<Props, Element extends SVGElement> = Props &
-	Omit<SVGProps<Element>, keyof Props>;
+	Omit<Octane.SVGProps<Element>, keyof Props>;
 
-export type RenderProp<Input> = (args: Input) => ReactNode;
+export type RenderProp<Input> = (args: Input) => OctaneNode;

package/src/shape/types/link.ts

@@ -1,4 +1,5 @@
-import type { ReactNode, Ref } from 'react';
+import type { Ref } from 'react';
+import type { OctaneNode } from 'octane';
 
 export type AccessorProps<Link, Node> = {
 	/** Given a node, returns its x coordinate. */
@@ -31,7 +32,7 @@ export type SharedLinkProps<Link> = {
 	/** Path generator, given a link returns a path d attribute string */
 	path?: PathType<Link>;
 	/** Render function override which is passed the configured path generator as input. */
-	children?: (args: { path: PathType<Link> }) => ReactNode;
+	children?: (args: { path: PathType<Link> }) => OctaneNode;
 	/** Datum for which to render a link. */
 	data: Link;
 };

package/src/stats/BoxPlot.tsrx

@@ -1,4 +1,5 @@
-import type { ReactNode, SVGProps } from 'react';
+import type { SVGProps } from 'react';
+import type { OctaneNode } from 'octane';
 import classnames from 'classnames';
 import { Group } from '@octanejs/visx/group';
 import type { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
@@ -57,7 +58,7 @@ export type BoxPlotProps = SharedProps & {
 		/** Props to pass to the container glyph rect if rendered. */
 		containerProps?: SVGProps<SVGRectElement>;
 		/** Override render function to fully control the rendering of the BoxPlot glyph. */
-		children?: (childRenderProps: ChildRenderProps) => ReactNode;
+		children?: (childRenderProps: ChildRenderProps) => OctaneNode;
 	};
 
 export default function BoxPlot({

package/src/stats/BoxPlot.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 { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
 import type { SharedProps, ChildRenderProps } from './types';
 export type BoxPlotProps = SharedProps & {
@@ -46,6 +47,6 @@ export type BoxPlotProps = SharedProps & {
     /** Props to pass to the container glyph rect if rendered. */
     containerProps?: SVGProps<SVGRectElement>;
     /** Override render function to fully control the rendering of the BoxPlot glyph. */
-    children?: (childRenderProps: ChildRenderProps) => ReactNode;
+    children?: (childRenderProps: ChildRenderProps) => OctaneNode;
 };
 export default function BoxPlot({ left, top, className, max, min, firstQuartile, thirdQuartile, median, boxWidth, fill, fillOpacity, stroke, strokeWidth, rx, ry, valueScale, outliers, horizontal, medianProps, maxProps, minProps, boxProps, outlierProps, container, containerProps, children, }: BoxPlotProps): import("react").JSX.Element;

package/src/stats/ViolinPlot.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 { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
 import { scaleLinear } from '@octanejs/visx/scale';
@@ -17,7 +18,7 @@ export type ViolinPlotProps<Datum extends object> = SharedProps & {
 		/** Width of the violin plot glyph. */
 		width?: number;
 		/** Override render function to fully control the rendering of the ViolinPlot glyph. */
-		children?: (providedProps: { path: string }) => ReactNode;
+		children?: (providedProps: { path: string }) => OctaneNode;
 	};
 
 const defaultCountAccessor = (d: { count?: unknown }) => typeof d.count === 'number' ? d.count : 0;

package/src/stats/ViolinPlot.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 { PickD3Scale, ContinuousDomainScaleType } from '@octanejs/visx/scale';
 import type { SharedProps } from './types';
 export type ViolinPlotProps<Datum extends object> = SharedProps & {
@@ -16,6 +17,6 @@ export type ViolinPlotProps<Datum extends object> = SharedProps & {
     /** Override render function to fully control the rendering of the ViolinPlot glyph. */
     children?: (providedProps: {
         path: string;
-    }) => ReactNode;
+    }) => 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;

package/src/theme/provider/ThemeScope.tsrx

@@ -1,5 +1,6 @@
 import { Fragment, createElement } from 'octane';
-import type { JSX as ReactJSX, ReactNode } from 'react';
+import type { JSX as ReactJSX } from 'react';
+import type { OctaneNode } from 'octane';
 import createThemeStyle from '../tokens/style';
 import type { CSSVarStyle, VisxThemeDefinition } from '../tokens/types';
 import warn from '../utils/warn';
@@ -9,7 +10,7 @@ export type ThemeScopeElement = keyof ReactJSX.IntrinsicElements;
 interface BaseThemeScopeProps {
 	className?: string;
 	style?: CSSVarStyle;
-	children: ReactNode;
+	children: OctaneNode;
 }
 
 interface AutoThemeScopeProps extends BaseThemeScopeProps {

package/src/theme/provider/ThemeScope.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { JSX as ReactJSX, ReactNode } from 'react';
+import type { JSX as ReactJSX } from 'react';
+import type { OctaneNode } from 'octane';
 import type { CSSVarStyle, VisxThemeDefinition } from '../tokens/types';
 export type ThemeScopeElement = keyof ReactJSX.IntrinsicElements;
 interface BaseThemeScopeProps {
     className?: string;
     style?: CSSVarStyle;
-    children: ReactNode;
+    children: OctaneNode;
 }
 interface AutoThemeScopeProps extends BaseThemeScopeProps {
     theme?: 'auto';

package/src/tooltip/Portal.tsrx

@@ -1,11 +1,11 @@
 import { createPortal, useEffect, useState } from 'octane';
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 
 export type PortalProps = {
 	/** Optional z-index to set on the Portal. */
 	zIndex?: number | string;
 	/** Content to render in the Portal. */
-	children: NonNullable<ReactNode>;
+	children: NonNullable<OctaneNode>;
 };
 
 /** Render within a portal using a declarative component API. */

package/src/tooltip/Portal.tsrx.d.ts

@@ -1,10 +1,10 @@
 // Generated by scripts/generate-tsrx-types.mjs.
-import type { ReactNode } from 'react';
+import type { OctaneNode } from 'octane';
 export type PortalProps = {
     /** Optional z-index to set on the Portal. */
     zIndex?: number | string;
     /** Content to render in the Portal. */
-    children: NonNullable<ReactNode>;
+    children: NonNullable<OctaneNode>;
 };
 /** Render within a portal using a declarative component API. */
 export default function Portal({ zIndex, children }: PortalProps): import("octane").PortalDescriptor | null;

package/src/tooltip/floating/ChartTooltip.tsrx

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { OctaneNode } from 'octane';
 import ChartTooltipContent from './ChartTooltipContent.tsrx';
 import FloatingTooltip from './FloatingTooltip.tsrx';
 import type {
@@ -27,7 +28,7 @@ export type ChartTooltipControlledProps<Datum = unknown> = {
 
 export type ChartTooltipProps<Datum = unknown> = ChartTooltipControlledProps<Datum> & {
 		config?: ChartTooltipConfig<Datum>;
-		label?: React.ReactNode;
+		label?: OctaneNode;
 		placement?: TooltipPlacement;
 		strategy?: 'absolute' | 'fixed';
 		offset?: number | FloatingTooltipOffset;
@@ -46,7 +47,7 @@ export type ChartTooltipProps<Datum = unknown> = ChartTooltipControlledProps<Dat
 			items: ChartTooltipItem<Datum>[];
 			config?: ChartTooltipConfig<Datum>;
 			state: FloatingTooltipRootState<ChartTooltipItem<Datum>[]>;
-		}) => React.ReactNode;
+		}) => OctaneNode;
 	};
 
 export default function ChartTooltip<Datum = unknown>({

package/src/tooltip/floating/ChartTooltip.tsrx.d.ts

@@ -1,5 +1,6 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type React from 'react';
+import type { OctaneNode } from 'octane';
 import type { ChartTooltipConfig, ChartTooltipContentProps, ChartTooltipItem } from './ChartTooltipContent.tsrx';
 import type { FloatingTooltipOffset, FloatingTooltipPadding, FloatingTooltipPortalProps, FloatingTooltipPositionerProps, FloatingTooltipRootState, TooltipAnchor, TooltipPlacement, UseFloatingTooltipOptions } from './types';
 export { ChartTooltipItem } from './ChartTooltipContent.tsrx';
@@ -10,7 +11,7 @@ export type ChartTooltipControlledProps<Datum = unknown> = {
 };
 export type ChartTooltipProps<Datum = unknown> = ChartTooltipControlledProps<Datum> & {
     config?: ChartTooltipConfig<Datum>;
-    label?: React.ReactNode;
+    label?: OctaneNode;
     placement?: TooltipPlacement;
     strategy?: 'absolute' | 'fixed';
     offset?: number | FloatingTooltipOffset;
@@ -24,6 +25,6 @@ export type ChartTooltipProps<Datum = unknown> = ChartTooltipControlledProps<Dat
         items: ChartTooltipItem<Datum>[];
         config?: ChartTooltipConfig<Datum>;
         state: FloatingTooltipRootState<ChartTooltipItem<Datum>[]>;
-    }) => React.ReactNode;
+    }) => OctaneNode;
 };
 export default function ChartTooltip<Datum = unknown>({ anchor, collisionPadding, config, contentProps, floatingOptions, items, label, offset, open, placement, portal, portalProps, positionerProps, renderContent, strategy, }: ChartTooltipProps<Datum>): React.JSX.Element;

package/src/tooltip/floating/ChartTooltipContent.tsrx

@@ -1,11 +1,12 @@
 import type React from 'react';
+import type { OctaneNode } from 'octane';
 
 export type ChartTooltipItem<Datum = unknown> = {
 	key: string;
 	datum?: Datum;
 	index?: number;
-	label?: React.ReactNode;
-	value?: React.ReactNode;
+	label?: OctaneNode;
+	value?: OctaneNode;
 	rawValue?: unknown;
 	color?: string;
 	x?: number;
@@ -16,11 +17,11 @@ export type ChartTooltipItem<Datum = unknown> = {
 };
 
 export type ChartTooltipConfig<Datum = unknown> = Record<string, {
-		label?: React.ReactNode | ((item: ChartTooltipItem<Datum>) => React.ReactNode);
+		label?: OctaneNode | ((item: ChartTooltipItem<Datum>) => OctaneNode);
 		color?: string | ((item: ChartTooltipItem<Datum>) => string | undefined);
 		icon?: React.ComponentType<{ item: ChartTooltipItem<Datum> }>;
-		formatValue?: (value: unknown, item: ChartTooltipItem<Datum>) => React.ReactNode;
-		formatLabel?: (item: ChartTooltipItem<Datum>) => React.ReactNode;
+		formatValue?: (value: unknown, item: ChartTooltipItem<Datum>) => OctaneNode;
+		formatLabel?: (item: ChartTooltipItem<Datum>) => OctaneNode;
 		hide?: boolean;
 		order?: number;
 	}>;
@@ -28,7 +29,7 @@ export type ChartTooltipConfig<Datum = unknown> = Record<string, {
 export type ChartTooltipIndicator = 'dot' | 'line' | 'dashed' | 'square' | 'none';
 
 export type ChartTooltipLabelRenderParams<Datum = unknown> = {
-	label: React.ReactNode;
+	label: OctaneNode;
 	items: ChartTooltipItem<Datum>[];
 	config?: ChartTooltipConfig<Datum>;
 };
@@ -36,8 +37,8 @@ export type ChartTooltipLabelRenderParams<Datum = unknown> = {
 export type ChartTooltipItemRenderParams<Datum = unknown> = {
 	item: ChartTooltipItem<Datum>;
 	configEntry?: ChartTooltipConfig<Datum>[string];
-	label: React.ReactNode;
-	value: React.ReactNode;
+	label: OctaneNode;
+	value: OctaneNode;
 	color?: string;
 	indicator: ChartTooltipIndicator;
 };
@@ -45,16 +46,16 @@ export type ChartTooltipItemRenderParams<Datum = unknown> = {
 export type ChartTooltipValueRenderParams<Datum = unknown> = ChartTooltipItemRenderParams<Datum>;
 
 export type ChartTooltipContentProps<Datum = unknown> = React.HTMLAttributes<HTMLDivElement> & {
-		label?: React.ReactNode;
+		label?: OctaneNode;
 		items: ChartTooltipItem<Datum>[];
 		config?: ChartTooltipConfig<Datum>;
 		indicator?: ChartTooltipIndicator;
 		hideLabel?: boolean;
 		hideIndicator?: boolean;
 		sortItems?: (a: ChartTooltipItem<Datum>, b: ChartTooltipItem<Datum>) => number;
-		renderLabel?: (params: ChartTooltipLabelRenderParams<Datum>) => React.ReactNode;
-		renderItem?: (params: ChartTooltipItemRenderParams<Datum>) => React.ReactNode;
-		renderValue?: (params: ChartTooltipValueRenderParams<Datum>) => React.ReactNode;
+		renderLabel?: (params: ChartTooltipLabelRenderParams<Datum>) => OctaneNode;
+		renderItem?: (params: ChartTooltipItemRenderParams<Datum>) => OctaneNode;
+		renderValue?: (params: ChartTooltipValueRenderParams<Datum>) => OctaneNode;
 		getItemKey?: (item: ChartTooltipItem<Datum>, index: number) => React.Key;
 		'data-testid'?: string;
 	};

package/src/tooltip/floating/ChartTooltipContent.tsrx.d.ts

@@ -1,11 +1,12 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type React from 'react';
+import type { OctaneNode } from 'octane';
 export type ChartTooltipItem<Datum = unknown> = {
     key: string;
     datum?: Datum;
     index?: number;
-    label?: React.ReactNode;
-    value?: React.ReactNode;
+    label?: OctaneNode;
+    value?: OctaneNode;
     rawValue?: unknown;
     color?: string;
     x?: number;
@@ -15,42 +16,42 @@ export type ChartTooltipItem<Datum = unknown> = {
     payload?: unknown;
 };
 export type ChartTooltipConfig<Datum = unknown> = Record<string, {
-    label?: React.ReactNode | ((item: ChartTooltipItem<Datum>) => React.ReactNode);
+    label?: OctaneNode | ((item: ChartTooltipItem<Datum>) => OctaneNode);
     color?: string | ((item: ChartTooltipItem<Datum>) => string | undefined);
     icon?: React.ComponentType<{
         item: ChartTooltipItem<Datum>;
     }>;
-    formatValue?: (value: unknown, item: ChartTooltipItem<Datum>) => React.ReactNode;
-    formatLabel?: (item: ChartTooltipItem<Datum>) => React.ReactNode;
+    formatValue?: (value: unknown, item: ChartTooltipItem<Datum>) => OctaneNode;
+    formatLabel?: (item: ChartTooltipItem<Datum>) => OctaneNode;
     hide?: boolean;
     order?: number;
 }>;
 export type ChartTooltipIndicator = 'dot' | 'line' | 'dashed' | 'square' | 'none';
 export type ChartTooltipLabelRenderParams<Datum = unknown> = {
-    label: React.ReactNode;
+    label: OctaneNode;
     items: ChartTooltipItem<Datum>[];
     config?: ChartTooltipConfig<Datum>;
 };
 export type ChartTooltipItemRenderParams<Datum = unknown> = {
     item: ChartTooltipItem<Datum>;
     configEntry?: ChartTooltipConfig<Datum>[string];
-    label: React.ReactNode;
-    value: React.ReactNode;
+    label: OctaneNode;
+    value: OctaneNode;
     color?: string;
     indicator: ChartTooltipIndicator;
 };
 export type ChartTooltipValueRenderParams<Datum = unknown> = ChartTooltipItemRenderParams<Datum>;
 export type ChartTooltipContentProps<Datum = unknown> = React.HTMLAttributes<HTMLDivElement> & {
-    label?: React.ReactNode;
+    label?: OctaneNode;
     items: ChartTooltipItem<Datum>[];
     config?: ChartTooltipConfig<Datum>;
     indicator?: ChartTooltipIndicator;
     hideLabel?: boolean;
     hideIndicator?: boolean;
     sortItems?: (a: ChartTooltipItem<Datum>, b: ChartTooltipItem<Datum>) => number;
-    renderLabel?: (params: ChartTooltipLabelRenderParams<Datum>) => React.ReactNode;
-    renderItem?: (params: ChartTooltipItemRenderParams<Datum>) => React.ReactNode;
-    renderValue?: (params: ChartTooltipValueRenderParams<Datum>) => React.ReactNode;
+    renderLabel?: (params: ChartTooltipLabelRenderParams<Datum>) => OctaneNode;
+    renderItem?: (params: ChartTooltipItemRenderParams<Datum>) => OctaneNode;
+    renderValue?: (params: ChartTooltipValueRenderParams<Datum>) => OctaneNode;
     getItemKey?: (item: ChartTooltipItem<Datum>, index: number) => React.Key;
     'data-testid'?: string;
 };

package/src/tooltip/floating/FloatingTooltip.tsrx.d.ts

@@ -4,7 +4,7 @@ import type { FloatingTooltipArrowProps, FloatingTooltipContentProps, FloatingTo
 declare function Provider({ children, closeDelay, delay, skipDelay, }: FloatingTooltipProviderProps): React.JSX.Element;
 declare function Root<TData = unknown>({ children, forceMount, ...options }: FloatingTooltipRootProps<TData>): React.JSX.Element;
 declare function Trigger({ disabled, render }: FloatingTooltipTriggerProps): import("octane").ElementDescriptor<any> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-declare function Portal({ children, container, disabled }: FloatingTooltipPortalProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+declare function Portal({ children, container, disabled }: FloatingTooltipPortalProps): unknown;
 declare function Positioner({ children, id, render, style, ...restProps }: FloatingTooltipPositionerProps): import("octane").ElementDescriptor<any> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 declare function Content({ children, render, ...restProps }: FloatingTooltipContentProps): import("octane").ElementDescriptor<any> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
 declare function Arrow({ height, padding: _padding, render, tipRadius, width, ...restProps }: FloatingTooltipArrowProps): React.JSX.Element | import("octane").ElementDescriptor<any> | null;

package/src/tooltip/floating/context.tsrx

@@ -1,11 +1,12 @@
 import { createContext, useContext } from 'octane';
+import type { OctaneNode } from 'octane';
 import type React from 'react';
 import type { FloatingTooltipRootState } from './types';
 
 const FloatingTooltipContext = createContext<FloatingTooltipRootState<any> | null>(null);
 
 export type FloatingTooltipContextProviderProps = {
-	children: React.ReactNode;
+	children: OctaneNode;
 	value: FloatingTooltipRootState<any>;
 };
 

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

@@ -1,8 +1,9 @@
 // Generated by scripts/generate-tsrx-types.mjs.
+import type { OctaneNode } from 'octane';
 import type React from 'react';
 import type { FloatingTooltipRootState } from './types';
 export type FloatingTooltipContextProviderProps = {
-    children: React.ReactNode;
+    children: OctaneNode;
     value: FloatingTooltipRootState<any>;
 };
 export declare function FloatingTooltipContextProvider({ children, value, }: FloatingTooltipContextProviderProps): React.JSX.Element;

package/src/tooltip/floating/types.ts

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { OctaneNode } from 'octane';
 import type {
 	Boundary,
 	Delay,
@@ -130,14 +131,14 @@ export type FloatingTooltipProviderProps = {
 	delay?: Delay;
 	closeDelay?: number;
 	skipDelay?: number;
-	children: React.ReactNode;
+	children: OctaneNode;
 };
 
 export type FloatingTooltipRootState<TData = unknown> = UseFloatingTooltipReturn<TData>;
 
 export type FloatingTooltipRootProps<TData = unknown> = UseFloatingTooltipOptions<TData> & {
 	forceMount?: boolean;
-	children: React.ReactNode | ((state: FloatingTooltipRootState<TData>) => React.ReactNode);
+	children: OctaneNode | ((state: FloatingTooltipRootState<TData>) => OctaneNode);
 };
 
 export type FloatingTooltipTriggerState = {
@@ -156,7 +157,7 @@ export type FloatingTooltipTriggerProps = {
 export type FloatingTooltipPortalProps = {
 	container?: HTMLElement | ShadowRoot | React.RefObject<HTMLElement | ShadowRoot | null> | null;
 	disabled?: boolean;
-	children: React.ReactNode;
+	children: OctaneNode;
 };
 
 export type FloatingTooltipPositionerState = FloatingTooltipRootState;