@octanejs/recharts 0.1.49 → 0.1.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@octanejs/recharts",
-  "version": "0.1.49",
+  "version": "0.1.51",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -43,19 +43,19 @@
     "reselect": "5.2.0",
     "tiny-invariant": "^1.3.3",
     "victory-vendor": "^37.3.6",
-    "@octanejs/redux": "0.1.49"
+    "@octanejs/redux": "0.1.50"
   },
   "peerDependencies": {
     "octane": "^0.1.51 || ^0.2.0"
   },
   "devDependencies": {
-    "@tsrx/react": "^0.2.63",
+    "@tsrx/react": "^0.3.0",
     "esbuild": "^0.28.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
     "recharts": "3.9.2",
     "vitest": "^4.1.10",
-    "octane": "0.2.0"
+    "octane": "0.2.12"
   },
   "scripts": {
     "test": "vitest run"

package/src/animation/CSSTransitionAnimate.tsrx

@@ -1,7 +1,7 @@
+import type { CSSProperties } from 'octane';
 import type { OctaneNode } from '../util/OctaneTypes.ts';
 import * as React from 'octane';
 import { useCallback, useEffect, useRef, useState } from 'octane';
-import type { Octane } from 'octane/jsx-runtime';
 import { noop } from '../util/DataUtils';
 import { resolveDefaultProps } from '../util/resolveDefaultProps';
 import { useAnimationController } from './useAnimationController';
@@ -13,12 +13,6 @@ import { RequestAnimationFrameTimeoutController } from './timeoutController';
 import { EasingInput, NamedBezier } from './easing';
 import type { AnimationController } from './AnimationController';
 
-// `octane` does not export `CSSProperties`. The object form of octane's JSX
-// `style` prop is the type this render prop hands out, so take it from there
-// (`octane/jsx-runtime` types it as `string | CSSProperties`) rather than
-// importing @types/react, which this package does not depend on.
-type CSSProperties = Exclude<NonNullable<Octane.HTMLAttributes<Element>['style']>, string>;
-
 type CSSTransitionAnimateProps = {
 	animationId: string;
 	animationController?: AnimationController;

package/src/util/OctaneTypes.ts

@@ -1,14 +1,15 @@
 // DOM contracts shared by the authored Recharts port. Events are native,
 // while element props and refs follow Octane's public JSX type surface.
-import type { OctaneNode } from 'octane';
+import type { CSSProperties, OctaneNode } from 'octane';
 import type { Octane } from 'octane/jsx-runtime';
 
-export type { OctaneNode } from 'octane';
+export type { CSSProperties, OctaneNode } from 'octane';
 export type { OctaneElement } from 'octane/jsx-runtime';
-export type CSSProperties = Exclude<NonNullable<Octane.HTMLAttributes<Element>['style']>, string>;
-export type SVGProps<T> = Octane.SVGProps<T>;
-export type SVGAttributes<T> = Octane.SVGAttributes<T>;
-export type HTMLAttributes<T> = Octane.HTMLAttributes<T>;
+// Chart layout and text measurement consume CSS values before rendering them.
+type PlainStyleProps<P> = Omit<P, 'style'> & { style?: CSSProperties };
+export type SVGProps<T> = PlainStyleProps<Octane.SVGProps<T>>;
+export type SVGAttributes<T> = PlainStyleProps<Octane.SVGAttributes<T>>;
+export type HTMLAttributes<T> = PlainStyleProps<Octane.HTMLAttributes<T>>;
 export type AriaAttributes = Pick<
 	Octane.SVGAttributes<Element>,
 	Extract<keyof Octane.SVGAttributes<Element>, `aria-${string}`>