@nexub/react-native 2.2.0 → 2.3.1

package/lib/module/theme/motion.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { Easing, FadeIn, FadeInDown, FadeInUp, FadeOut, FadeOutDown, FadeOutUp, LinearTransition, ReduceMotion, SlideOutLeft, SlideOutRight, ZoomIn, ZoomOut } from 'react-native-reanimated';
+import { FadeIn, FadeInDown, FadeInUp, FadeOut, FadeOutDown, FadeOutUp, LinearTransition, ReduceMotion, SlideOutLeft, SlideOutRight, ZoomIn, ZoomOut } from 'react-native-reanimated';
 import { native } from '@nexub/tokens/native';
 
 // Layout-animation presets built from the same spring tokens as the web
@@ -30,38 +30,7 @@ const EXIT = {
 };
 
 /**
- * Settle time of a spring token (ms): when it is within 0.1% of rest. The
- * same rule @nexub/tokens uses for the CSS spring durations.
- */
-export function springSettleMs({
-  stiffness,
-  damping,
-  mass
-}) {
-  const dt = 1 / 1000;
-  let x = 0;
-  let v = 0;
-  let still = 0;
-  for (let t = 0; t < 3; t += dt) {
-    const a = (stiffness * (1 - x) - damping * v) / mass;
-    v += a * dt;
-    x += v * dt;
-    still = Math.abs(1 - x) < 0.001 && Math.abs(v) < 0.01 ? still + 1 : 0;
-    if (still > 16) return Math.round((t - 0.016) * 1000);
-  }
-  return 3000;
-}
-
-// Enter and exit run as timed animations lasting the spring token's settle
-// time, on the system decelerate / accelerate curves: Reanimated's
-// physics-spring entering animations (`springify()` with stiffness/damping)
-// left entering views invisible on iOS. Layout transitions move views that are
-// already visible, so they keep the physics spring.
-const decelerate = Easing.bezier(0, 0, 0.2, 1);
-const accelerate = Easing.bezier(0.4, 0, 1, 1);
-
-/**
- * `entering` animation, timed to the spatial spring.
+ * `entering` animation on the spatial spring.
  * `up` rises into place (rows, toasts from below); `down` drops in (banners).
  *
  * ```tsx
@@ -69,16 +38,18 @@ const accelerate = Easing.bezier(0.4, 0, 1, 1);
  * ```
  */
 export function nxEnter(kind = 'fade', speed = 'default') {
-  return ENTER[kind].duration(springSettleMs(native.motion.spring.spatial[speed])).easing(decelerate).reduceMotion(ReduceMotion.System);
+  const s = native.motion.spring.spatial[speed];
+  return ENTER[kind].springify().stiffness(s.stiffness).damping(s.damping).mass(s.mass).reduceMotion(ReduceMotion.System);
 }
 
 /**
- * `exiting` animation, timed to the effects spring: quicker than enter.
+ * `exiting` animation on the effects spring: quicker than enter, no overshoot.
  * `start` / `end` slide out toward that edge (swipe-to-delete), following RTL.
  */
 export function nxExit(kind = 'fade', speed = 'fast', rtl = false) {
+  const s = native.motion.spring.effects[speed];
   const builder = kind === 'start' || kind === 'end' ? kind === 'start' !== rtl ? SlideOutLeft : SlideOutRight : EXIT[kind];
-  return builder.duration(springSettleMs(native.motion.spring.effects[speed])).easing(accelerate).reduceMotion(ReduceMotion.System);
+  return builder.springify().stiffness(s.stiffness).damping(s.damping).mass(s.mass).reduceMotion(ReduceMotion.System);
 }
 
 /** `layout` transition: siblings glide to their new place on the spatial spring. */

package/lib/module/theme/motion.js.map

@@ -1 +1 @@
-{"version":3,"names":["Easing","FadeIn","FadeInDown","FadeInUp","FadeOut","FadeOutDown","FadeOutUp","LinearTransition","ReduceMotion","SlideOutLeft","SlideOutRight","ZoomIn","ZoomOut","native","nxSpring","family","speed","motion","spring","reduceMotion","System","ENTER","fade","up","down","scale","EXIT","springSettleMs","stiffness","damping","mass","dt","x","v","still","t","a","Math","abs","round","decelerate","bezier","accelerate","nxEnter","kind","duration","spatial","easing","nxExit","rtl","builder","effects","nxLayout","s","springify"],"sourceRoot":"../../../src","sources":["theme/motion.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FadeIn","FadeInDown","FadeInUp","FadeOut","FadeOutDown","FadeOutUp","LinearTransition","ReduceMotion","SlideOutLeft","SlideOutRight","ZoomIn","ZoomOut","native","nxSpring","family","speed","motion","spring","reduceMotion","System","ENTER","fade","up","down","scale","EXIT","nxEnter","kind","s","spatial","springify","stiffness","damping","mass","nxExit","rtl","effects","builder","nxLayout"],"sourceRoot":"../../../src","sources":["theme/motion.ts"],"mappings":";;AAAA,SACEA,MAAM,EACNC,UAAU,EACVC,QAAQ,EACRC,OAAO,EACPC,WAAW,EACXC,SAAS,EACTC,gBAAgB,EAChBC,YAAY,EACZC,YAAY,EACZC,aAAa,EACbC,MAAM,EACNC,OAAO,QACF,yBAAyB;AAChC,SAASC,MAAM,QAAQ,sBAAsB;;AAE7C;AACA;AACA;AACA;AACA;;AAKA;AACA,OAAO,SAASC,QAAQA,CAACC,MAAoB,GAAG,SAAS,EAAEC,KAAkB,GAAG,SAAS,EAAE;EACzF,OAAO;IAAE,GAAGH,MAAM,CAACI,MAAM,CAACC,MAAM,CAACH,MAAM,CAAC,CAACC,KAAK,CAAC;IAAEG,YAAY,EAAEX,YAAY,CAACY;EAAO,CAAC;AACtF;AAKA,MAAMC,KAAK,GAAG;EAAEC,IAAI,EAAErB,MAAM;EAAEsB,EAAE,EAAEpB,QAAQ;EAAEqB,IAAI,EAAEtB,UAAU;EAAEuB,KAAK,EAAEd;AAAO,CAAU;AACtF,MAAMe,IAAI,GAAG;EAAEJ,IAAI,EAAElB,OAAO;EAAEmB,EAAE,EAAEjB,SAAS;EAAEkB,IAAI,EAAEnB,WAAW;EAAEoB,KAAK,EAAEb;AAAQ,CAAU;;AAEzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASe,OAAOA,CAACC,IAAe,GAAG,MAAM,EAAEZ,KAAkB,GAAG,SAAS,EAAE;EAChF,MAAMa,CAAC,GAAGhB,MAAM,CAACI,MAAM,CAACC,MAAM,CAACY,OAAO,CAACd,KAAK,CAAC;EAC7C,OAAOK,KAAK,CAACO,IAAI,CAAC,CACfG,SAAS,CAAC,CAAC,CACXC,SAAS,CAACH,CAAC,CAACG,SAAS,CAAC,CACtBC,OAAO,CAACJ,CAAC,CAACI,OAAO,CAAC,CAClBC,IAAI,CAACL,CAAC,CAACK,IAAI,CAAC,CACZf,YAAY,CAACX,YAAY,CAACY,MAAM,CAAC;AACtC;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASe,MAAMA,CAACP,IAAc,GAAG,MAAM,EAAEZ,KAAkB,GAAG,MAAM,EAAEoB,GAAG,GAAG,KAAK,EAAE;EACxF,MAAMP,CAAC,GAAGhB,MAAM,CAACI,MAAM,CAACC,MAAM,CAACmB,OAAO,CAACrB,KAAK,CAAC;EAC7C,MAAMsB,OAAO,GACXV,IAAI,KAAK,OAAO,IAAIA,IAAI,KAAK,KAAK,GAC7BA,IAAI,KAAK,OAAO,KAAMQ,GAAG,GACxB3B,YAAY,GACZC,aAAa,GACfgB,IAAI,CAACE,IAAI,CAAC;EAChB,OAAOU,OAAO,CACXP,SAAS,CAAC,CAAC,CACXC,SAAS,CAACH,CAAC,CAACG,SAAS,CAAC,CACtBC,OAAO,CAACJ,CAAC,CAACI,OAAO,CAAC,CAClBC,IAAI,CAACL,CAAC,CAACK,IAAI,CAAC,CACZf,YAAY,CAACX,YAAY,CAACY,MAAM,CAAC;AACtC;;AAEA;AACA,OAAO,SAASmB,QAAQA,CAACvB,KAAkB,GAAG,SAAS,EAAE;EACvD,MAAMa,CAAC,GAAGhB,MAAM,CAACI,MAAM,CAACC,MAAM,CAACY,OAAO,CAACd,KAAK,CAAC;EAC7C,OAAOT,gBAAgB,CAACwB,SAAS,CAAC,CAAC,CAChCC,SAAS,CAACH,CAAC,CAACG,SAAS,CAAC,CACtBC,OAAO,CAACJ,CAAC,CAACI,OAAO,CAAC,CAClBC,IAAI,CAACL,CAAC,CAACK,IAAI,CAAC,CACZf,YAAY,CAACX,YAAY,CAACY,MAAM,CAAC;AACtC","ignoreList":[]}

package/lib/typescript/theme/motion.d.ts

@@ -52,16 +52,7 @@ export declare function nxSpring(family?: SpringFamily, speed?: SpringSpeed): {
 export type EnterKind = 'fade' | 'up' | 'down' | 'scale';
 export type ExitKind = 'fade' | 'up' | 'down' | 'scale' | 'start' | 'end';
 /**
- * Settle time of a spring token (ms): when it is within 0.1% of rest. The
- * same rule @nexub/tokens uses for the CSS spring durations.
- */
-export declare function springSettleMs({ stiffness, damping, mass }: {
-    stiffness: number;
-    damping: number;
-    mass: number;
-}): number;
-/**
- * `entering` animation, timed to the spatial spring.
+ * `entering` animation on the spatial spring.
  * `up` rises into place (rows, toasts from below); `down` drops in (banners).
  *
  * ```tsx
@@ -70,7 +61,7 @@ export declare function springSettleMs({ stiffness, damping, mass }: {
  */
 export declare function nxEnter(kind?: EnterKind, speed?: SpringSpeed): FadeIn | FadeInUp | FadeInDown | ZoomIn;
 /**
- * `exiting` animation, timed to the effects spring: quicker than enter.
+ * `exiting` animation on the effects spring: quicker than enter, no overshoot.
  * `start` / `end` slide out toward that edge (swipe-to-delete), following RTL.
  */
 export declare function nxExit(kind?: ExitKind, speed?: SpringSpeed, rtl?: boolean): FadeOut | ZoomOut | SlideOutLeft;

package/lib/typescript/theme/motion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/theme/motion.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EAGP,gBAAgB,EAChB,YAAY,EACZ,YAAY,EAEZ,MAAM,EACN,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,MAAM,GAAE,YAAwB,EAAE,KAAK,GAAE,WAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExF;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAK1E;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,UAahH;AAUD;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAE,SAAkB,EAAE,KAAK,GAAE,WAAuB,2CAK/E;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,GAAE,QAAiB,EAAE,KAAK,GAAE,WAAoB,EAAE,GAAG,UAAQ,oCAWvF;AAED,oFAAoF;AACpF,wBAAgB,QAAQ,CAAC,KAAK,GAAE,WAAuB,oBAOtD"}
+{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/theme/motion.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,OAAO,EAGP,gBAAgB,EAChB,YAAY,EACZ,YAAY,EAEZ,MAAM,EACN,OAAO,EACR,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;AAEzE,uEAAuE;AACvE,wBAAgB,QAAQ,CAAC,MAAM,GAAE,YAAwB,EAAE,KAAK,GAAE,WAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAExF;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CAAC;AACzD,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,KAAK,CAAC;AAK1E;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,IAAI,GAAE,SAAkB,EAAE,KAAK,GAAE,WAAuB,2CAQ/E;AAED;;;GAGG;AACH,wBAAgB,MAAM,CAAC,IAAI,GAAE,QAAiB,EAAE,KAAK,GAAE,WAAoB,EAAE,GAAG,UAAQ,oCAcvF;AAED,oFAAoF;AACpF,wBAAgB,QAAQ,CAAC,KAAK,GAAE,WAAuB,oBAOtD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/react-native",
-  "version": "2.2.0",
+  "version": "2.3.1",
   "description": "React Native components for Nexub Design System — native chrome, Nexub content. Same tokens, brands and prop names as @nexub/react, for Expo and bare React Native apps.",
   "license": "MIT",
   "homepage": "https://github.com/Nexub-AI/nexub-ds#readme",
@@ -63,9 +63,9 @@
     "@expo-google-fonts/inter": "^0.4.2",
     "@expo-google-fonts/plus-jakarta-sans": "^0.4.2",
     "lucide-react-native": "^1.64.0",
-    "@nexub/core": "2.2.0",
-    "@nexub/icons": "2.2.0",
-    "@nexub/tokens": "2.2.0"
+    "@nexub/core": "2.3.1",
+    "@nexub/icons": "2.3.1",
+    "@nexub/tokens": "2.3.1"
   },
   "peerDependencies": {
     "expo-glass-effect": ">=57.0.0",

package/src/theme/motion.ts

@@ -1,5 +1,4 @@
 import {
-  Easing,
   FadeIn,
   FadeInDown,
   FadeInUp,
@@ -36,34 +35,7 @@ const ENTER = { fade: FadeIn, up: FadeInUp, down: FadeInDown, scale: ZoomIn } as
 const EXIT = { fade: FadeOut, up: FadeOutUp, down: FadeOutDown, scale: ZoomOut } as const;
 
 /**
- * Settle time of a spring token (ms): when it is within 0.1% of rest. The
- * same rule @nexub/tokens uses for the CSS spring durations.
- */
-export function springSettleMs({ stiffness, damping, mass }: { stiffness: number; damping: number; mass: number }) {
-  const dt = 1 / 1000;
-  let x = 0;
-  let v = 0;
-  let still = 0;
-  for (let t = 0; t < 3; t += dt) {
-    const a = (stiffness * (1 - x) - damping * v) / mass;
-    v += a * dt;
-    x += v * dt;
-    still = Math.abs(1 - x) < 0.001 && Math.abs(v) < 0.01 ? still + 1 : 0;
-    if (still > 16) return Math.round((t - 0.016) * 1000);
-  }
-  return 3000;
-}
-
-// Enter and exit run as timed animations lasting the spring token's settle
-// time, on the system decelerate / accelerate curves: Reanimated's
-// physics-spring entering animations (`springify()` with stiffness/damping)
-// left entering views invisible on iOS. Layout transitions move views that are
-// already visible, so they keep the physics spring.
-const decelerate = Easing.bezier(0, 0, 0.2, 1);
-const accelerate = Easing.bezier(0.4, 0, 1, 1);
-
-/**
- * `entering` animation, timed to the spatial spring.
+ * `entering` animation on the spatial spring.
  * `up` rises into place (rows, toasts from below); `down` drops in (banners).
  *
  * ```tsx
@@ -71,17 +43,21 @@ const accelerate = Easing.bezier(0.4, 0, 1, 1);
  * ```
  */
 export function nxEnter(kind: EnterKind = 'fade', speed: SpringSpeed = 'default') {
+  const s = native.motion.spring.spatial[speed];
   return ENTER[kind]
-    .duration(springSettleMs(native.motion.spring.spatial[speed]))
-    .easing(decelerate)
+    .springify()
+    .stiffness(s.stiffness)
+    .damping(s.damping)
+    .mass(s.mass)
     .reduceMotion(ReduceMotion.System);
 }
 
 /**
- * `exiting` animation, timed to the effects spring: quicker than enter.
+ * `exiting` animation on the effects spring: quicker than enter, no overshoot.
  * `start` / `end` slide out toward that edge (swipe-to-delete), following RTL.
  */
 export function nxExit(kind: ExitKind = 'fade', speed: SpringSpeed = 'fast', rtl = false) {
+  const s = native.motion.spring.effects[speed];
   const builder =
     kind === 'start' || kind === 'end'
       ? (kind === 'start') !== rtl
@@ -89,8 +65,10 @@ export function nxExit(kind: ExitKind = 'fade', speed: SpringSpeed = 'fast', rtl
         : SlideOutRight
       : EXIT[kind];
   return builder
-    .duration(springSettleMs(native.motion.spring.effects[speed]))
-    .easing(accelerate)
+    .springify()
+    .stiffness(s.stiffness)
+    .damping(s.damping)
+    .mass(s.mass)
     .reduceMotion(ReduceMotion.System);
 }