@octanejs/visx 0.1.58 → 0.1.60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/visx",
-  "version": "0.1.58",
+  "version": "0.1.60",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@octanejs/floating-ui": "0.1.62",
+    "@octanejs/floating-ui": "0.1.64",
     "@types/d3-array": "3.0.3",
     "@types/d3-chord": "^1.0.14",
     "@types/d3-color": "3.1.0",
@@ -122,12 +122,12 @@
     "svg-path-properties": "2.0.2"
   },
   "peerDependencies": {
-    "octane": "^0.10.0"
+    "octane": "^0.11.0"
   },
   "devDependencies": {
     "@juggle/resize-observer": "^3.4.0",
     "@react-spring/web": "^10.1.2",
-    "@tsrx/react": "^0.3.7",
+    "@tsrx/react": "^0.4.5",
     "@visx/chord": "4.0.0",
     "@visx/annotation": "4.0.0",
     "@visx/brush": "4.0.0",
@@ -141,7 +141,7 @@
     "@visx/zoom": "4.0.0",
     "@vitest/coverage-istanbul": "4.1.10",
     "esbuild": "^0.28.1",
-    "octane": "0.10.0",
+    "octane": "0.11.0",
     "react": "19.2.7",
     "react-dom": "19.2.7",
     "typescript": "^5.9.3",

package/src/axis/axis/AxisBottom.tsrx.d.ts

@@ -1,10 +1,10 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type { SharedAxisProps, AxisScale } from '../types';
 export declare const bottomTickLabelProps: {
-    readonly dy: "0.25em";
-    readonly fill: "#222";
-    readonly fontFamily: "Arial";
+    readonly dy: '0.25em';
+    readonly fill: '#222';
+    readonly fontFamily: 'Arial';
     readonly fontSize: 10;
-    readonly textAnchor: "middle";
+    readonly textAnchor: 'middle';
 };
 export default function AxisBottom<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: SharedAxisProps<Scale>): import("react").JSX.Element;

package/src/axis/axis/AxisLeft.tsrx.d.ts

@@ -1,11 +1,11 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 import type { SharedAxisProps, AxisScale } from '../types';
 export declare const leftTickLabelProps: {
-    readonly dx: "-0.25em";
-    readonly dy: "0.25em";
-    readonly fill: "#222";
-    readonly fontFamily: "Arial";
+    readonly dx: '-0.25em';
+    readonly dy: '0.25em';
+    readonly fill: '#222';
+    readonly fontFamily: 'Arial';
     readonly fontSize: 10;
-    readonly textAnchor: "end";
+    readonly textAnchor: 'end';
 };
 export default function AxisLeft<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: SharedAxisProps<Scale>): import("react").JSX.Element;

package/src/axis/axis/AxisRight.tsrx.d.ts

@@ -2,11 +2,11 @@
 import type { SharedAxisProps, AxisScale } from '../types';
 export type AxisRightProps<Scale extends AxisScale> = SharedAxisProps<Scale>;
 export declare const rightTickLabelProps: {
-    readonly dx: "0.25em";
-    readonly dy: "0.25em";
-    readonly fill: "#222";
-    readonly fontFamily: "Arial";
+    readonly dx: '0.25em';
+    readonly dy: '0.25em';
+    readonly fill: '#222';
+    readonly fontFamily: 'Arial';
     readonly fontSize: 10;
-    readonly textAnchor: "start";
+    readonly textAnchor: 'start';
 };
 export default function AxisRight<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: AxisRightProps<Scale>): import("react").JSX.Element;

package/src/axis/axis/AxisTop.tsrx.d.ts

@@ -2,10 +2,10 @@
 import type { SharedAxisProps, AxisScale } from '../types';
 export type AxisTopProps<Scale extends AxisScale> = SharedAxisProps<Scale>;
 export declare const topTickLabelProps: {
-    readonly dy: "-0.75em";
-    readonly fill: "#222";
-    readonly fontFamily: "Arial";
+    readonly dy: '-0.75em';
+    readonly fill: '#222';
+    readonly fontFamily: 'Arial';
     readonly fontSize: 10;
-    readonly textAnchor: "middle";
+    readonly textAnchor: 'middle';
 };
 export default function AxisTop<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: AxisTopProps<Scale>): import("react").JSX.Element;

package/src/drag/util/useSamplesAlongPath.tsrx.d.ts

@@ -1,3 +1,3 @@
 // Generated by scripts/generate-tsrx-types.mjs.
 /** Return samples along a path, relative to the parent SVG  */
-export default function useSamplesAlongPath(restrictToPath?: SVGGeometryElement | null): never[];
+export default function useSamplesAlongPath(restrictToPath?: SVGGeometryElement | null): DOMPoint[];

package/src/react-spring/axis/AnimatedTicks.tsrx

@@ -32,7 +32,6 @@ export default function AnimatedTicks<Scale extends AxisScale>({
 	});
 
 	return <>
-		{/* @ts-expect-error react-spring's type inference issue on the styles */}
 		{animatedTicks(({ fromX, toX, fromY, toY, opacity }, item, { key }, index) => {
 			const tickLabelProps = allTickLabelProps[index] ?? allTickLabelProps[0] ?? {};
 			return item == null || key == null

package/src/react-spring/grid/AnimatedGridLines.tsrx

@@ -29,7 +29,6 @@ export default function AnimatedGridLines<Scale extends GridScale>({
 	});
 
 	return <>
-		{/* @ts-expect-error react-spring's type inference issue on the styles */}
 		{animatedLines(
 			({ fromX, toX, fromY, toY, opacity }, _, { key }) =>
 				<animated.line

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

@@ -4,11 +4,11 @@ import type { OctaneNode } from 'octane';
 import type { AddSVGProps } from '../types';
 export declare const getPoint: ({ sides, size, center, rotate, side }: {
     side: number;
-} & NonNullable<Pick<PolygonProps, "sides" | "size" | "center" | "rotate">>) => {
+} & NonNullable<Pick<PolygonProps, 'sides' | 'size' | 'center' | 'rotate'>>) => {
     x: number;
     y: number;
 };
-export declare const getPoints: ({ sides, size, center, rotate }: NonNullable<Pick<PolygonProps, "sides" | "size" | "center" | "rotate">>) => {
+export declare const getPoints: ({ sides, size, center, rotate }: NonNullable<Pick<PolygonProps, 'sides' | 'size' | 'center' | 'rotate'>>) => {
     x: number;
     y: number;
 }[];

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

@@ -20,5 +20,10 @@ export type ThemeScopeProps = AutoThemeScopeProps | EmittingThemeScopeProps;
 export default function ThemeScope({ as, children, className, style, theme, }: ThemeScopeProps): import("octane").ElementDescriptor<import("octane").FragmentProps> | import("octane").ElementDescriptor<{
     className: string | undefined;
     style: CSSVarStyle | undefined;
+}> | import("octane").ElementDescriptor<{
+    className: string | undefined;
+    style: {
+        [x: `--${string}`]: string | number | undefined;
+    };
 }>;
 export {};

package/src/tooltip/tooltips/Tooltip.tsrx.d.ts

@@ -32,10 +32,10 @@ export type TooltipProps = {
     unstyled?: boolean;
 };
 export declare const defaultStyles: CSSProperties;
-declare const Tooltip: {
-    ({ className, top, left, offsetLeft, offsetTop, style, children, unstyled, applyPositionStyle, ref, ...restProps }: TooltipProps & Omit<Octane.HTMLAttributes<HTMLDivElement>, keyof TooltipProps> & {
-        ref?: Ref<HTMLDivElement>;
-    }): import("react").JSX.Element;
-    displayName: string;
-};
+declare function Tooltip({ className, top, left, offsetLeft, offsetTop, style, children, unstyled, applyPositionStyle, ref, ...restProps }: TooltipProps & Omit<Octane.HTMLAttributes<HTMLDivElement>, keyof TooltipProps> & {
+    ref?: Ref<HTMLDivElement>;
+}): import("react").JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
 export default Tooltip;

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

@@ -78,7 +78,6 @@ export default function AnimatedGlyphs<XScale extends AxisScale, YScale extends
 	});
 
 	return <>
-		{/** @ts-expect-error x/y aren't in react-spring's CSSProperties */}
 		{animatedGlyphs(
 			({ x, y, color, opacity }, item, { key }) => <animated.g
 				key={key}

package/src/xychart/hooks/useEventEmitter.tsrx.d.ts

@@ -20,4 +20,4 @@ eventType?: EventType,
 /** Handler invoked on emission of EventType event.  */
 handler?: Handler,
 /** Optional valid sources for EventType subscription. */
-allowedSources?: string[]): ((type: EventType, event: HandlerParams["event"], source?: string) => void) | null;
+allowedSources?: string[]): ((type: EventType, event: HandlerParams['event'], source?: string) => void) | null;