physics-animator 0.14.0 → 0.15.1

package/README.md

@@ -24,7 +24,7 @@ useSpringValue(
 Or via state
 
 ```tsx
-const opacity = useSpringState({ initial: 0, target: 1, duration_s: 0.8 })
+const { state: opacity, setTarget } = useSpringState({ initial: 0, duration_s: 0.8 })
 
 return <div style={{ opacity }} />
 ```

package/dist/cjs/react/useSpringState.js

@@ -11,6 +11,11 @@ const useSpringValue_js_1 = require("./useSpringValue.js");
  */
 function useSpringState(options) {
     const [state, setState] = (0, react_1.useState)(options.initial);
-    (0, useSpringValue_js_1.useSpringValue)(options, setState);
-    return state;
+    const [target, setTarget] = (0, react_1.useState)(options.initial);
+    (0, useSpringValue_js_1.useSpringValue)({
+        ...options,
+        initial: options.initial,
+        target
+    }, setState);
+    return { state, target, setTarget };
 }

package/dist/esm/react/useSpringState.js

@@ -8,6 +8,11 @@ import { useSpringValue } from "./useSpringValue.js";
  */
 export function useSpringState(options) {
     const [state, setState] = useState(options.initial);
-    useSpringValue(options, setState);
-    return state;
+    const [target, setTarget] = useState(options.initial);
+    useSpringValue({
+        ...options,
+        initial: options.initial,
+        target
+    }, setState);
+    return { state, target, setTarget };
 }

package/dist/types/react/useSpringState.d.ts

@@ -1,5 +1,6 @@
 import { Animator } from "../Animator.js";
 import { SpringParameters } from "../animators/SpringAnimator.js";
+type WidenNumber<T> = T extends number ? number : T;
 /**
  * A value that animates to a target value using a spring animation.
  * This **will** cause a re-render when the value changes.
@@ -11,5 +12,9 @@ export declare function useSpringState<T extends number | number[] | {
 }>(options: {
     animator?: Animator;
     initial: T;
-    target: T;
-} & SpringParameters): T;
+} & SpringParameters): {
+    readonly state: WidenNumber<T>;
+    readonly target: WidenNumber<T>;
+    readonly setTarget: import("react").Dispatch<import("react").SetStateAction<WidenNumber<T>>>;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "physics-animator",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "author": "haxiomic (George Corney)",
   "license": "MIT",
   "description": "A TypeScript animation system grounded in physics with three.js and react support.",