@praxisjs/motion 0.2.3 → 1.1.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAGnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGhD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC"}

package/dist/spring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spring.d.ts","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;EA2ClE"}
+{"version":3,"file":"spring.d.ts","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;;;;EA+ClE"}

package/dist/spring.js

@@ -1,6 +1,9 @@
 import { signal, computed, effect } from "@praxisjs/core/internal";
 export function spring(initial, options = {}) {
     const { stiffness = 0.15, damping = 0.8, mass = 1, precision = 0.001, } = options;
+    if (stiffness <= 0) {
+        throw new Error("stiffness must be greater than 0");
+    }
     const _value = signal(initial);
     const _target = signal(initial);
     let velocity = 0;

package/dist/spring.js.map

@@ -1 +1 @@
-{"version":3,"file":"spring.js","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AASnE,MAAM,UAAU,MAAM,CAAC,OAAe,EAAE,UAAyB,EAAE;IACjE,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,KAAK,GAClB,GAAG,OAAO,CAAC;IAEZ,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,GAAuB,CAAC;IAE5B,SAAS,IAAI;QACX,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,CAAC;QAC7C,QAAQ,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC;QAE/C,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;QAChC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,EAAE,CAAC;YAC1E,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACnB,QAAQ,GAAG,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM,CAAC,GAAG,EAAE;QACV,KAAK,OAAO,EAAE,CAAC;QACf,IAAI,GAAG;YAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACnC,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QAC/B,MAAM,EAAE,OAAO;QACf,IAAI;YACF,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACrC,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"spring.js","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AASnE,MAAM,UAAU,MAAM,CAAC,OAAe,EAAE,UAAyB,EAAE;IACjE,MAAM,EACJ,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,CAAC,EACR,SAAS,GAAG,KAAK,GAClB,GAAG,OAAO,CAAC;IAEZ,IAAI,SAAS,IAAI,CAAC,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;IACtD,CAAC;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,QAAQ,GAAG,CAAC,CAAC;IACjB,IAAI,GAAuB,CAAC;IAE5B,SAAS,IAAI;QACX,MAAM,OAAO,GAAG,MAAM,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,OAAO,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,GAAG,SAAS,CAAC;QAC7C,QAAQ,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC;QAE/C,MAAM,IAAI,GAAG,OAAO,GAAG,QAAQ,CAAC;QAChC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAEjB,IAAI,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,SAAS,EAAE,CAAC;YAC1E,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACnB,QAAQ,GAAG,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,MAAM,CAAC,GAAG,EAAE;QACV,KAAK,OAAO,EAAE,CAAC;QACf,IAAI,GAAG;YAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACnC,GAAG,GAAG,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QAC/B,MAAM,EAAE,OAAO;QACf,IAAI;YACF,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACrC,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/transition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB;cAIlD,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;cAc3B,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;EAexC"}
+{"version":3,"file":"transition.d.ts","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,GAAE,iBAAsB;cAIlD,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;cAmB3B,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;EAoBxC"}

package/dist/transition.js

@@ -2,28 +2,44 @@ export function createTransition(options = {}) {
     const { name = "transition", duration = 300, onEnter, onLeave } = options;
     return {
         enter(el) {
-            onEnter?.(el);
-            el.classList.add(`${name}-enter-from`);
-            requestAnimationFrame(() => {
-                el.classList.remove(`${name}-enter-from`);
-                el.classList.add(`${name}-enter-to`);
+            return new Promise((res, rej) => {
+                try {
+                    onEnter?.(el);
+                }
+                catch (err) {
+                    rej(err instanceof Error ? err : new Error(String(err)));
+                    return;
+                }
+                el.classList.add(`${name}-enter-from`);
+                requestAnimationFrame(() => {
+                    el.classList.remove(`${name}-enter-from`);
+                    el.classList.add(`${name}-enter-to`);
+                });
+                setTimeout(() => {
+                    el.classList.remove(`${name}-enter-to`);
+                    res();
+                }, duration);
             });
-            return new Promise((res) => setTimeout(() => {
-                el.classList.remove(`${name}-enter-to`);
-                res();
-            }, duration));
         },
         leave(el) {
-            onLeave?.(el);
-            el.classList.add(`${name}-leave-from`);
-            requestAnimationFrame(() => {
-                el.classList.remove(`${name}-leave-from`);
-                el.classList.add(`${name}-leave-to`);
+            return new Promise((res, rej) => {
+                try {
+                    onLeave?.(el);
+                }
+                catch (err) {
+                    rej(err instanceof Error ? err : new Error(String(err)));
+                    return;
+                }
+                el.classList.add(`${name}-leave-from`);
+                requestAnimationFrame(() => {
+                    el.classList.remove(`${name}-leave-from`);
+                    el.classList.add(`${name}-leave-to`);
+                });
+                setTimeout(() => {
+                    el.classList.remove(`${name}-leave-to`);
+                    res();
+                }, duration);
             });
-            return new Promise((res) => setTimeout(() => {
-                el.classList.remove(`${name}-leave-to`);
-                res();
-            }, duration));
         },
     };
 }

package/dist/transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"transition.js","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,gBAAgB,CAAC,UAA6B,EAAE;IAC9D,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAE1E,OAAO;QACL,KAAK,CAAC,EAAe;YACnB,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;YACd,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;YACvC,qBAAqB,CAAC,GAAG,EAAE;gBACzB,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;gBAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CACzB,UAAU,CAAC,GAAG,EAAE;gBACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;gBACxC,GAAG,EAAE,CAAC;YACR,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;QACJ,CAAC;QACD,KAAK,CAAC,EAAe;YACnB,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;YACd,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;YACvC,qBAAqB,CAAC,GAAG,EAAE;gBACzB,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;gBAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CACzB,UAAU,CAAC,GAAG,EAAE;gBACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;gBACxC,GAAG,EAAE,CAAC;YACR,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"transition.js","sourceRoot":"","sources":["../src/transition.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,gBAAgB,CAAC,UAA6B,EAAE;IAC9D,MAAM,EAAE,IAAI,GAAG,YAAY,EAAE,QAAQ,GAAG,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;IAE1E,OAAO;QACL,KAAK,CAAC,EAAe;YACnB,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBAC9B,IAAI,CAAC;oBACH,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gBAChB,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,GAAG,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACzD,OAAO;gBACT,CAAC;gBACD,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;gBACvC,qBAAqB,CAAC,GAAG,EAAE;oBACzB,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;oBAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;gBACvC,CAAC,CAAC,CAAC;gBACH,UAAU,CAAC,GAAG,EAAE;oBACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;oBACxC,GAAG,EAAE,CAAC;gBACR,CAAC,EAAE,QAAQ,CAAC,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC;QACD,KAAK,CAAC,EAAe;YACnB,OAAO,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;gBAC9B,IAAI,CAAC;oBACH,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;gBAChB,CAAC;gBAAC,OAAO,GAAG,EAAE,CAAC;oBACb,GAAG,CAAC,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACzD,OAAO;gBACT,CAAC;gBACD,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;gBACvC,qBAAqB,CAAC,GAAG,EAAE;oBACzB,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,aAAa,CAAC,CAAC;oBAC1C,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;gBACvC,CAAC,CAAC,CAAC;gBACH,UAAU,CAAC,GAAG,EAAE;oBACd,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,CAAC;oBACxC,GAAG,EAAE,CAAC;gBACR,CAAC,EAAE,QAAQ,CAAC,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/tween.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tween.d.ts","sourceRoot":"","sources":["../src/tween.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,YAAiB,GACzB,KAAK,CAyDP"}
+{"version":3,"file":"tween.d.ts","sourceRoot":"","sources":["../src/tween.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,WAAW,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IACvB,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC3B,IAAI,IAAI,IAAI,CAAC;IACb,KAAK,IAAI,IAAI,CAAC;CACf;AAED,wBAAgB,KAAK,CACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,OAAO,GAAE,YAAiB,GACzB,KAAK,CA0DP"}

package/dist/tween.js

@@ -1,7 +1,8 @@
 import { signal, computed, effect } from "@praxisjs/core/internal";
 import { resolveEasing } from "./easings";
 export function tween(from, to, options = {}) {
-    const { duration = 300, easing = "easeOut", delay = 0 } = options;
+    const { duration: rawDuration = 300, easing = "easeOut", delay = 0 } = options;
+    const duration = Math.max(1, rawDuration);
     const easeFn = resolveEasing(easing);
     const _value = signal(from);
     const _target = signal(to);

package/dist/tween.js.map

@@ -1 +1 @@
-{"version":3,"file":"tween.js","sourceRoot":"","sources":["../src/tween.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAiBvD,MAAM,UAAU,KAAK,CACnB,IAAY,EACZ,EAAU,EACV,UAAwB,EAAE;IAE1B,MAAM,EAAE,QAAQ,GAAG,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAClE,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,IAAI,GAAuB,CAAC;IAC5B,IAAI,SAA6B,CAAC;IAClC,IAAI,UAAU,GAAG,IAAI,CAAC;IAEtB,SAAS,OAAO,CAAC,SAAiB;QAChC,SAAS,KAAK,SAAS,GAAG,KAAK,CAAC;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;QACnD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE1C,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,MAAM,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE9D,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACV,GAAG,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,SAAS,KAAK;QACZ,IAAI,GAAG;YAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACnC,UAAU,GAAG,MAAM,EAAE,CAAC;QACtB,SAAS,GAAG,SAAS,CAAC;QACtB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACnB,GAAG,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,GAAG,EAAE;QACV,KAAK,OAAO,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QAC/B,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QACnC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;QACrC,IAAI;YACF,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACnC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,KAAK;YACH,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjB,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"tween.js","sourceRoot":"","sources":["../src/tween.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EAAE,aAAa,EAAe,MAAM,WAAW,CAAC;AAiBvD,MAAM,UAAU,KAAK,CACnB,IAAY,EACZ,EAAU,EACV,UAAwB,EAAE;IAE1B,MAAM,EAAE,QAAQ,EAAE,WAAW,GAAG,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAC/E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC;IAErC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,IAAI,GAAuB,CAAC;IAC5B,IAAI,SAA6B,CAAC;IAClC,IAAI,UAAU,GAAG,IAAI,CAAC;IAEtB,SAAS,OAAO,CAAC,SAAiB;QAChC,SAAS,KAAK,SAAS,GAAG,KAAK,CAAC;QAChC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC,CAAC;QACnD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;QAE1C,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,MAAM,CAAC,GAAG,CAAC,UAAU,GAAG,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAE9D,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACV,GAAG,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC;IAED,SAAS,KAAK;QACZ,IAAI,GAAG;YAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;QACnC,UAAU,GAAG,MAAM,EAAE,CAAC;QACtB,SAAS,GAAG,SAAS,CAAC;QACtB,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACnB,GAAG,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,GAAG,EAAE;QACV,KAAK,OAAO,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;IACV,CAAC,CAAC,CAAC;IAEH,OAAO;QACL,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QAC/B,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC;QACnC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;QACrC,IAAI;YACF,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACnC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,KAAK;YACH,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACjB,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisjs/motion",
-  "version": "0.2.3",
+  "version": "1.1.0",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,7 +14,8 @@
     "typescript": "^5.9.3"
   },
   "dependencies": {
-    "@praxisjs/core": "0.4.2",
+    "@praxisjs/core": "1.1.0",
+    "@praxisjs/decorators": "0.6.0",
     "@praxisjs/shared": "0.2.0"
   },
   "scripts": {

package/src/__tests__/decorators.test.ts

@@ -0,0 +1,196 @@
+// @vitest-environment jsdom
+import { describe, it, expect, vi } from "vitest";
+
+import { Tween, Spring } from "../decorators";
+
+function makeCtx(name: string) {
+  const initializers: Array<(this: unknown) => void> = [];
+  return {
+    ctx: {
+      name,
+      kind: "field" as const,
+      addInitializer(fn: (this: unknown) => void) { initializers.push(fn); },
+    } as ClassFieldDecoratorContext,
+    run(instance: unknown) {
+      initializers.forEach((fn) => { fn.call(instance); });
+    },
+  };
+}
+
+// ── @Tween ────────────────────────────────────────────────────────────────────
+
+describe("@Tween", () => {
+  it("returns 0 before any value is set", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("opacity");
+    Tween()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    expect(instance.opacity).toBe(0);
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("creates a numeric getter/setter on first assignment", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("x");
+    Tween()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.x = 10;
+    expect(typeof instance.x).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("updating the property updates the tween target", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("scale");
+    Tween()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.scale = 1;
+    instance.scale = 2;
+    expect(typeof instance.scale).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("accepts TweenOptions", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("y");
+    Tween({ duration: 500, easing: "linear", delay: 50 })(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.y = 100;
+    expect(typeof instance.y).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("each instance gets its own tween", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("val");
+    Tween()(undefined, ctx);
+    const a: Record<string, unknown> = {};
+    const b: Record<string, unknown> = {};
+    run(a);
+    run(b);
+    a.val = 10;
+    b.val = 50;
+    expect(a.val).not.toBe(b.val);
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+});
+
+// ── @Spring ───────────────────────────────────────────────────────────────────
+
+describe("@Spring", () => {
+  it("returns 0 before any value is set", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("x");
+    Spring()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    expect(instance.x).toBe(0);
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("creates a numeric getter/setter on first assignment", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("y");
+    Spring()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.y = 42;
+    expect(typeof instance.y).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("updating the property sets the spring target", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("scale");
+    Spring()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.scale = 1;
+    instance.scale = 2;
+    expect(typeof instance.scale).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("accepts SpringOptions", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("opacity");
+    Spring({ stiffness: 0.3, damping: 0.9, mass: 2 })(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    instance.opacity = 1;
+    expect(typeof instance.opacity).toBe("number");
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("each instance gets its own spring", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("val");
+    Spring()(undefined, ctx);
+    const a: Record<string, unknown> = {};
+    const b: Record<string, unknown> = {};
+    run(a);
+    run(b);
+    a.val = 10;
+    b.val = 50;
+    expect(a.val).not.toBe(b.val);
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+});
+
+// ── Edge case tests ───────────────────────────────────────────────────────────
+
+describe("@Tween edge cases", () => {
+  it("setting NaN on @Tween field does not crash", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("opacity");
+    Tween()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    expect(() => { instance.opacity = NaN; }).not.toThrow();
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+
+  it("two @Tween fields on same class — independent animations", () => {
+    vi.useFakeTimers();
+    const { ctx: ctxX, run: runX } = makeCtx("x");
+    const { ctx: ctxY, run: runY } = makeCtx("y");
+    Tween()(undefined, ctxX);
+    Tween()(undefined, ctxY);
+    const instance: Record<string, unknown> = {};
+    runX(instance);
+    runY(instance);
+    instance.x = 10;
+    instance.y = 50;
+    expect(instance.x).not.toBe(instance.y);
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+});
+
+describe("@Spring edge cases", () => {
+  it("setting Infinity on @Spring field does not crash", () => {
+    vi.useFakeTimers();
+    const { ctx, run } = makeCtx("scale");
+    Spring()(undefined, ctx);
+    const instance: Record<string, unknown> = {};
+    run(instance);
+    expect(() => { instance.scale = Infinity; }).not.toThrow();
+    vi.clearAllTimers();
+    vi.useRealTimers();
+  });
+});

package/src/__tests__/easings.test.ts

@@ -2,82 +2,111 @@ import { describe, it, expect } from "vitest";
 
 import { easings, resolveEasing } from "../easings";
 
-const EPSILON = 1e-6;
+describe("easings.linear", () => {
+  it("returns 0 at t=0", () => expect(easings.linear(0)).toBe(0));
+  it("returns 0.5 at t=0.5", () => expect(easings.linear(0.5)).toBe(0.5));
+  it("returns 1 at t=1", () => expect(easings.linear(1)).toBe(1));
+});
 
-function nearly(a: number, b: number) {
-  return Math.abs(a - b) < EPSILON;
-}
+describe("easings.easeIn", () => {
+  it("returns 0 at t=0", () => expect(easings.easeIn(0)).toBe(0));
+  it("returns 0.25 at t=0.5", () => expect(easings.easeIn(0.5)).toBe(0.25));
+  it("returns 1 at t=1", () => expect(easings.easeIn(1)).toBe(1));
+});
 
-describe("easings", () => {
-  describe("boundary conditions (t=0 → 0, t=1 → 1)", () => {
-    for (const [name, fn] of Object.entries(easings)) {
-      it(`${name}(0) === 0`, () => {
-        expect(nearly(fn(0), 0)).toBe(true);
-      });
-      it(`${name}(1) === 1`, () => {
-        expect(nearly(fn(1), 1)).toBe(true);
-      });
-    }
+describe("easings.easeOut", () => {
+  it("returns 0 at t=0", () => expect(easings.easeOut(0)).toBe(0));
+  it("returns 0.75 at t=0.5", () => expect(easings.easeOut(0.5)).toBe(0.75));
+  it("returns 1 at t=1", () => expect(easings.easeOut(1)).toBe(1));
+});
+
+describe("easings.easeInOut", () => {
+  it("returns 0 at t=0", () => expect(easings.easeInOut(0)).toBe(0));
+  it("returns 0.5 at t=0.5", () => expect(easings.easeInOut(0.5)).toBe(0.5));
+  it("returns 1 at t=1", () => expect(easings.easeInOut(1)).toBe(1));
+  it("uses easeIn branch for t<0.5", () => {
+    expect(easings.easeInOut(0.25)).toBeCloseTo(0.125);
+  });
+  it("uses easeOut branch for t>=0.5", () => {
+    expect(easings.easeInOut(0.75)).toBeCloseTo(0.875);
   });
+});
+
+describe("easings.easeInCubic", () => {
+  it("returns 0 at t=0", () => expect(easings.easeInCubic(0)).toBe(0));
+  it("returns 0.125 at t=0.5", () => expect(easings.easeInCubic(0.5)).toBe(0.125));
+  it("returns 1 at t=1", () => expect(easings.easeInCubic(1)).toBe(1));
+});
 
-  describe("linear", () => {
-    it("returns t unchanged", () => {
-      expect(easings.linear(0.5)).toBe(0.5);
-      expect(easings.linear(0.25)).toBe(0.25);
-    });
+describe("easings.bounce", () => {
+  it("returns 0 at t=0", () => expect(easings.bounce(0)).toBe(0));
+  it("returns 1 at t=1", () => expect(easings.bounce(1)).toBeCloseTo(1));
+  it("handles first branch (t < 1/2.75)", () => {
+    const t = 0.2;
+    expect(easings.bounce(t)).toBeGreaterThan(0);
+  });
+  it("handles second branch (t < 2/2.75)", () => {
+    const t = 0.5;
+    expect(easings.bounce(t)).toBeGreaterThan(0.7);
+  });
+  it("handles third branch (t < 2.5/2.75)", () => {
+    const t = 0.85;
+    expect(easings.bounce(t)).toBeGreaterThan(0.9);
   });
+  it("handles fourth branch (t >= 2.5/2.75)", () => {
+    const t = 0.97;
+    expect(easings.bounce(t)).toBeGreaterThan(0.98);
+  });
+});
 
-  describe("easeIn", () => {
-    it("is slower at start than end (t² curve)", () => {
-      expect(easings.easeIn(0.25)).toBeLessThan(0.25);
-    });
+describe("easings.elastic", () => {
+  it("returns 0 at t=0", () => expect(easings.elastic(0)).toBe(0));
+  it("returns 1 at t=1", () => expect(easings.elastic(1)).toBe(1));
+  it("returns a negative value mid-range (overshoot)", () => {
+    expect(easings.elastic(0.5)).toBeLessThan(0);
   });
+});
 
-  describe("easeOut", () => {
-    it("is faster at start than end", () => {
-      expect(easings.easeOut(0.75)).toBeGreaterThan(0.75);
-    });
+describe("resolveEasing", () => {
+  it("resolves a named easing", () => {
+    const fn = resolveEasing("linear");
+    expect(fn(0.5)).toBe(0.5);
   });
 
-  describe("easeInOut", () => {
-    it("is symmetric around 0.5", () => {
-      const v = easings.easeInOut(0.5);
-      expect(nearly(v, 0.5)).toBe(true);
-    });
+  it("returns a custom function as-is", () => {
+    const custom = (t: number) => t * 2;
+    const fn = resolveEasing(custom);
+    expect(fn).toBe(custom);
+    expect(fn(0.5)).toBe(1);
   });
 
-  describe("easeInCubic", () => {
-    it("is t³", () => {
-      expect(nearly(easings.easeInCubic(0.5), 0.125)).toBe(true);
-    });
+  it("resolves all named easings", () => {
+    const names = ["linear", "easeIn", "easeOut", "easeInOut", "easeInCubic", "bounce", "elastic"] as const;
+    for (const name of names) {
+      const fn = resolveEasing(name);
+      expect(typeof fn).toBe("function");
+    }
   });
 
-  describe("bounce", () => {
-    it("stays within [0, 1] for t in [0, 1]", () => {
-      for (let t = 0; t <= 1; t += 0.1) {
-        const v = easings.bounce(t);
-        expect(v).toBeGreaterThanOrEqual(0);
-        expect(v).toBeLessThanOrEqual(1 + EPSILON);
-      }
-    });
+  it('resolveEasing("notARealEasing") throws a descriptive error', () => {
+    expect(() => resolveEasing("notARealEasing" as never)).toThrow(/notARealEasing/);
   });
 
-  describe("elastic", () => {
-    it("returns 0 at t=0 and 1 at t=1", () => {
-      expect(easings.elastic(0)).toBe(0);
-      expect(easings.elastic(1)).toBe(1);
-    });
+  it("all easings with t < 0 — do not crash", () => {
+    const names = ["linear", "easeIn", "easeOut", "easeInOut", "easeInCubic", "bounce", "elastic"] as const;
+    for (const name of names) {
+      expect(() => easings[name](-0.1)).not.toThrow();
+    }
   });
-});
 
-describe("resolveEasing", () => {
-  it("resolves a string key to the easing function", () => {
-    const fn = resolveEasing("linear");
-    expect(fn).toBe(easings.linear);
+  it("all easings with t > 1 — do not crash", () => {
+    const names = ["linear", "easeIn", "easeOut", "easeInOut", "easeInCubic", "bounce", "elastic"] as const;
+    for (const name of names) {
+      expect(() => easings[name](1.1)).not.toThrow();
+    }
   });
 
-  it("passes through a custom function", () => {
-    const custom = (t: number) => t * t * t;
-    expect(resolveEasing(custom)).toBe(custom);
+  it("easeInOut(0.5) returns exactly 0.5 (smooth boundary)", () => {
+    expect(easings.easeInOut(0.5)).toBe(0.5);
   });
 });