@nexub/react-native 2.1.0 → 2.3.0

package/lib/typescript/components/overlays.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../../../src/components/overlays.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../../../src/components/overlays.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/index.d.ts

@@ -4,6 +4,8 @@ export { nexubFonts, fontStyle } from './theme/fonts.js';
 export type { FontFamily, FontSource } from './theme/fonts.js';
 export { playHaptic } from './theme/haptics.js';
 export type { HapticToken } from './theme/haptics.js';
+export { nxSpring, nxEnter, nxExit, nxLayout } from './theme/motion.js';
+export type { SpringFamily, SpringSpeed, EnterKind, ExitKind } from './theme/motion.js';
 export { useControllableState } from './hooks/useControllableState.js';
 export { Text, Heading } from './primitives/Text.js';
 export type { TextProps, HeadingProps } from './primitives/Text.js';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/patterns/home.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+import type { NativeIconProps } from '@nexub/icons/native';
+import type { Transaction } from './money.js';
+export interface QuickAction {
+    id: string;
+    label: string;
+    icon?: React.ComponentType<NativeIconProps>;
+    onPress: () => void;
+}
+export interface Insight {
+    id: string;
+    title: string;
+    body: string;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+}
+export interface HomeScreenProps {
+    /** e.g. "Good morning, Mei". Leave out when the native header shows the title. */
+    greeting?: string;
+    balance: {
+        value: number;
+        currency: string;
+        label?: string;
+    };
+    /** Send, Add money, Request… Up to four fit one row. */
+    quickActions?: QuickAction[];
+    /** The latest few transactions. */
+    recent?: Transaction[];
+    onTransactionPress?: (t: Transaction) => void;
+    /** Shows "See all" beside Recent activity. */
+    onSeeAllActivity?: () => void;
+    insights?: Insight[];
+    onRefresh?: () => void;
+    refreshing?: boolean;
+    /** Copy overrides. */
+    labels?: Partial<{
+        totalBalance: string;
+        recentActivity: string;
+        seeAll: string;
+        insights: string;
+    }>;
+}
+/**
+ * Money-app home (Payub): balance hero with quick actions, recent activity,
+ * insights and pull-to-refresh. Web twin: `DashboardPage` in @nexub/patterns.
+ */
+export declare function HomeScreen({ greeting, balance, quickActions, recent, onTransactionPress, onSeeAllActivity, insights, onRefresh, refreshing, labels, }: HomeScreenProps): React.JSX.Element;
+//# sourceMappingURL=home.d.ts.map

package/lib/typescript/patterns/home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../src/patterns/home.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAS3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAS,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,eAAe;IAC9B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,wDAAwD;IACxD,YAAY,CAAC,EAAE,WAAW,EAAE,CAAC;IAC7B,mCAAmC;IACnC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtG;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,YAAiB,EACjB,MAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,QAAa,EACb,SAAS,EACT,UAAkB,EAClB,MAAM,GACP,EAAE,eAAe,qBAqJjB"}

package/lib/typescript/patterns/index.d.ts

@@ -1,3 +1,5 @@
+export { HomeScreen } from './home.js';
+export type { HomeScreenProps, QuickAction, Insight } from './home.js';
 export { AuthScreen, SignInScreen, VerifyCodeScreen, LockScreen } from './auth.js';
 export type { AuthScreenProps, SignInScreenProps, VerifyCodeScreenProps, LockScreenProps, } from './auth.js';
 export { FlowStep, AmountStep, ReviewStep, ActivityList, TransactionDetail, ResultScreen, } from './money.js';

package/lib/typescript/patterns/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,WAAQ,CAAC;AAChF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,WAAQ,CAAC;AAChB,OAAO,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,MAAM,YAAS,CAAC;AACjB,YAAY,EACV,aAAa,EACb,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,YAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,GACjB,MAAM,UAAO,CAAC;AACf,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,IAAI,EACJ,kBAAkB,EAClB,QAAQ,EACR,qBAAqB,GACtB,MAAM,UAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAQ,CAAC;AACpC,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,WAAQ,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,WAAQ,CAAC;AAChF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,GAChB,MAAM,WAAQ,CAAC;AAChB,OAAO,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,YAAY,GACb,MAAM,YAAS,CAAC;AACjB,YAAY,EACV,aAAa,EACb,KAAK,EACL,eAAe,EACf,SAAS,EACT,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,YAAS,CAAC;AACjB,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,GACjB,MAAM,UAAO,CAAC;AACf,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,EACb,mBAAmB,EACnB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,uBAAuB,EACvB,iBAAiB,EACjB,WAAW,EACX,eAAe,EACf,IAAI,EACJ,kBAAkB,EAClB,QAAQ,EACR,qBAAqB,GACtB,MAAM,UAAO,CAAC"}

package/lib/typescript/primitives/Pressable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/primitives/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAkB,CAAC;AACpD,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,2BAAwB,CAAC;AAO7E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,CAAC;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAyB,EACzB,UAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,qBA+ChB"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../src/primitives/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,KAAK,cAAc,IAAI,gBAAgB,EACvC,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAkB,CAAC;AACpD,OAAO,EAAwB,KAAK,QAAQ,EAAE,MAAM,2BAAwB,CAAC;AAU7E,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,CAAC;IAClF,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAC9B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,UAAyB,EACzB,UAAiB,EACjB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,IAAI,EACR,EAAE,cAAc,qBA+ChB"}

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

@@ -0,0 +1,70 @@
+import { FadeIn, FadeInDown, FadeInUp, FadeOut, LinearTransition, ReduceMotion, SlideOutLeft, ZoomIn, ZoomOut } from 'react-native-reanimated';
+import { native } from '@nexub/tokens/native';
+export type SpringFamily = keyof typeof native.motion.spring;
+export type SpringSpeed = keyof (typeof native.motion.spring)['spatial'];
+/** `withSpring` config for a spring token, honouring Reduce Motion. */
+export declare function nxSpring(family?: SpringFamily, speed?: SpringSpeed): {
+    reduceMotion: ReduceMotion;
+    stiffness: 1400;
+    damping: 67.35;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 3800;
+    damping: 123.29;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 800;
+    damping: 39.6;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 700;
+    damping: 47.62;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 1600;
+    damping: 80;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 380;
+    damping: 31.19;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 300;
+    damping: 31.18;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 800;
+    damping: 56.57;
+    mass: 1;
+} | {
+    reduceMotion: ReduceMotion;
+    stiffness: 200;
+    damping: 22.63;
+    mass: 1;
+};
+export type EnterKind = 'fade' | 'up' | 'down' | 'scale';
+export type ExitKind = 'fade' | 'up' | 'down' | 'scale' | 'start' | 'end';
+/**
+ * `entering` animation on the spatial spring.
+ * `up` rises into place (rows, toasts from below); `down` drops in (banners).
+ *
+ * ```tsx
+ * <Animated.View entering={nxEnter('up')} exiting={nxExit('down')} layout={nxLayout()} />
+ * ```
+ */
+export declare function nxEnter(kind?: EnterKind, speed?: SpringSpeed): FadeIn | FadeInUp | FadeInDown | ZoomIn;
+/**
+ * `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;
+/** `layout` transition: siblings glide to their new place on the spatial spring. */
+export declare function nxLayout(speed?: SpringSpeed): LinearTransition;
+//# sourceMappingURL=motion.d.ts.map

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

@@ -0,0 +1 @@
+{"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.1.0",
+  "version": "2.3.0",
   "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.1.0",
-    "@nexub/icons": "2.1.0",
-    "@nexub/tokens": "2.1.0"
+    "@nexub/core": "2.3.0",
+    "@nexub/icons": "2.3.0",
+    "@nexub/tokens": "2.3.0"
   },
   "peerDependencies": {
     "expo-glass-effect": ">=57.0.0",

package/src/components/containers.tsx

@@ -6,12 +6,14 @@ import {
   type ViewProps,
   type ViewStyle,
 } from 'react-native';
+import Animated, { LayoutAnimationConfig } from 'react-native-reanimated';
 import { Check, ChevronDown, ChevronRight } from '@nexub/icons/native';
 import { useControllableState } from '../hooks/useControllableState';
 import { Pressable } from '../primitives/Pressable';
 import { Surface, type SurfaceProps } from '../primitives/Surface';
 import { Text } from '../primitives/Text';
 import { useTheme } from '../theme/ThemeProvider';
+import { nxEnter, nxExit, nxLayout } from '../theme/motion';
 import { Divider } from './display';
 import { disabledOpacity } from './shared';
 
@@ -261,12 +263,21 @@ export function ListSection({
           backgroundColor: roles['surface-container-lowest'],
         }}
       >
-        {rows.map((row, i) => (
-          <React.Fragment key={i}>
-            {i > 0 && <Divider inset={inset} />}
-            {row}
-          </React.Fragment>
-        ))}
+        {/* Rows added later grow in, removed rows fade out and the rest glide
+            into place. Rows present on first render don't animate. */}
+        <LayoutAnimationConfig skipEntering>
+          {rows.map((row, i) => (
+            <Animated.View
+              key={React.isValidElement(row) && row.key != null ? row.key : i}
+              entering={nxEnter('fade')}
+              exiting={nxExit('fade')}
+              layout={nxLayout()}
+            >
+              {i > 0 && <Divider inset={inset} />}
+              {row}
+            </Animated.View>
+          ))}
+        </LayoutAnimationConfig>
       </View>
       {footer && (
         <Text

package/src/components/display.tsx

@@ -7,15 +7,23 @@ import {
   type ViewProps,
   type ViewStyle,
 } from 'react-native';
+import Animated, { LayoutAnimationConfig } from 'react-native-reanimated';
 import { moneyFormatter, type ToneValue } from '@nexub/core';
 import type { NativeIconProps } from '@nexub/icons/native';
 import { Text } from '../primitives/Text';
 import { useTheme } from '../theme/ThemeProvider';
+import { nxEnter } from '../theme/motion';
 import { TONE_CONTAINERS, TONE_ROLES, TONE_TEXT } from './shared';
 
 // ─── Amount ──────────────────────────────────────────────────────────────────
 
 export interface AmountProps {
+  /**
+   * Animate value changes: the new figure rises in on the spatial spring.
+   * Wraps the text in a view, so leave it off when Amount sits inside other text.
+   * @default false
+   */
+  animate?: boolean;
   value: number;
   /** ISO 4217 code, e.g. 'USD', 'EUR', 'INR'. */
   currency: string;
@@ -45,8 +53,31 @@ export function Amount({
   size = 'md',
   tone = 'neutral',
   signDisplay,
+  animate = false,
   style,
 }: AmountProps) {
+  const figure = (
+    <AmountFigure value={value} currency={currency} locale={locale} size={size} tone={tone} signDisplay={signDisplay} style={style} />
+  );
+  if (!animate) return figure;
+  return (
+    <LayoutAnimationConfig skipEntering>
+      <Animated.View key={value} entering={nxEnter('up', 'fast')} style={{ alignSelf: 'flex-start' }}>
+        {figure}
+      </Animated.View>
+    </LayoutAnimationConfig>
+  );
+}
+
+function AmountFigure({
+  value,
+  currency,
+  locale,
+  size = 'md',
+  tone = 'neutral',
+  signDisplay,
+  style,
+}: Omit<AmountProps, 'animate'>) {
   const theme = useTheme();
   const fmt = moneyFormatter(currency, locale ?? theme.locale, signDisplay ? { signDisplay } : {});
   const color = tone === 'auto' && value !== 0 ? (value > 0 ? 'success' : 'error') : 'on-surface';

package/src/components/feedback.tsx

@@ -12,6 +12,7 @@ import {
 import Animated, {
   FadeInDown,
   FadeOutDown,
+  ReduceMotion,
   useAnimatedStyle,
   useSharedValue,
   withRepeat,
@@ -31,6 +32,7 @@ import {
 import { Surface } from '../primitives/Surface';
 import { Text } from '../primitives/Text';
 import { useTheme } from '../theme/ThemeProvider';
+import { nxEnter, nxExit, nxLayout } from '../theme/motion';
 import { Button, IconButton } from './actions';
 import { TONE_CONTAINERS, TONE_TEXT } from './shared';
 
@@ -67,7 +69,11 @@ export function Banner({
   const [bg, fg] = TONE_CONTAINERS[tone];
   const Glyph = TONE_ICON[tone] ?? Info;
   return (
-    <View
+    // Drops in when shown, fades out when dismissed; content below glides up.
+    <Animated.View
+      entering={nxEnter('down')}
+      exiting={nxExit('fade')}
+      layout={nxLayout()}
       accessibilityRole={tone === 'danger' || tone === 'warning' ? 'alert' : 'summary'}
       style={[
         {
@@ -106,7 +112,7 @@ export function Banner({
           style={{ marginTop: -8, marginEnd: -8 }}
         />
       )}
-    </View>
+    </Animated.View>
   );
 }
 
@@ -151,6 +157,8 @@ export function ToastProvider({ children, bottomOffset = 0 }: ToastProviderProps
     <ToastCtx.Provider value={show}>
       {children}
       {toast && (
+        // Reanimated's stock fade, as in 2.1.0. With the nxEnter/nxExit presets
+        // (spring or timed) iOS UI tests never found the toast on screen.
         <Animated.View
           key={toast.id}
           entering={FadeInDown}
@@ -410,12 +418,20 @@ export interface SkeletonProps {
   style?: StyleProp<ViewStyle>;
 }
 
-/** Loading placeholder. Pulses gently; static under Reduce Motion. Hidden from screen readers. */
+/**
+ * Loading placeholder. Breathes between full and half opacity (a slow, calm
+ * shimmer); static under Reduce Motion. Hidden from screen readers.
+ */
 export function Skeleton({ width = '100%', height = 16, radius = 'field', style }: SkeletonProps) {
   const { roles, tokens, reducedMotion } = useTheme();
   const pulse = useSharedValue(1);
   React.useEffect(() => {
-    if (!reducedMotion) pulse.value = withRepeat(withTiming(0.5, { duration: 900 }), -1, true);
+    if (reducedMotion) return;
+    pulse.value = withRepeat(
+      withTiming(0.5, { duration: SHIMMER_MS, reduceMotion: ReduceMotion.System }),
+      -1,
+      true,
+    );
   }, [reducedMotion, pulse]);
   const animated = useAnimatedStyle(() => ({ opacity: pulse.value }));
   return (
@@ -436,6 +452,9 @@ export function Skeleton({ width = '100%', height = 16, radius = 'field', style
   );
 }
 
+// Half a skeleton breath, matching web's animate-pulse (2 s per cycle).
+const SHIMMER_MS = 1000;
+
 // ─── EmptyState / ErrorState ─────────────────────────────────────────────────
 
 export interface EmptyStateProps extends ViewProps {

package/src/components/inputs.tsx

@@ -19,11 +19,18 @@ import {
   X,
   type NativeIconProps,
 } from '@nexub/icons/native';
+import Animated, {
+  LayoutAnimationConfig,
+  useAnimatedStyle,
+  useSharedValue,
+  withSpring,
+} from 'react-native-reanimated';
 import { useControllableState } from '../hooks/useControllableState';
 import { Pressable } from '../primitives/Pressable';
 import { Text } from '../primitives/Text';
 import { fontStyle } from '../theme/fonts';
 import { useHaptics, useTheme } from '../theme/ThemeProvider';
+import { nxEnter, nxExit, nxLayout, nxSpring } from '../theme/motion';
 import { IconButton } from './actions';
 import { controlHeight, disabledOpacity, hitSlopFor } from './shared';
 
@@ -606,10 +613,26 @@ export function SegmentedControl<T extends string>({
     defaultValue: defaultValue ?? options[0]!.value,
     onChange: onValueChange,
   });
+  // The selected pill slides between segments on the spatial spring. Until the
+  // track is measured, the selected segment paints its own background.
+  const [trackWidth, setTrackWidth] = React.useState(0);
+  const index = Math.max(0, options.findIndex((o) => o.value === v));
+  const segment = trackWidth > 0 ? (trackWidth - 6) / options.length : 0;
+  const offset = useSharedValue(index * segment);
+  const measured = React.useRef(false);
+  React.useEffect(() => {
+    if (segment === 0) return;
+    const to = index * segment * (theme.dir === 'rtl' ? -1 : 1);
+    // First measure places the pill; later changes slide it.
+    offset.value = measured.current ? withSpring(to, nxSpring('spatial', 'default')) : to;
+    measured.current = true;
+  }, [index, segment, theme.dir, offset]);
+  const indicator = useAnimatedStyle(() => ({ transform: [{ translateX: offset.value }] }));
   return (
     <View
       accessibilityRole="tablist"
       accessibilityLabel={label}
+      onLayout={(e) => setTrackWidth(e.nativeEvent.layout.width)}
       style={[
         {
           flexDirection: 'row',
@@ -620,6 +643,24 @@ export function SegmentedControl<T extends string>({
         style,
       ]}
     >
+      {segment > 0 && (
+        <Animated.View
+          pointerEvents="none"
+          style={[
+            {
+              position: 'absolute',
+              top: 3,
+              bottom: 3,
+              start: 3,
+              width: segment,
+              borderRadius: tokens.shape.control,
+              backgroundColor: roles['surface-container-lowest'],
+              boxShadow: theme.elevation(1),
+            },
+            indicator,
+          ]}
+        />
+      )}
       {options.map((o) => {
         const on = o.value === v;
         return (
@@ -639,10 +680,11 @@ export function SegmentedControl<T extends string>({
                 alignItems: 'center',
                 justifyContent: 'center',
               },
-              on && {
-                backgroundColor: roles['surface-container-lowest'],
-                boxShadow: theme.elevation(1),
-              },
+              on &&
+                segment === 0 && {
+                  backgroundColor: roles['surface-container-lowest'],
+                  boxShadow: theme.elevation(1),
+                },
             ]}
           >
             <Text
@@ -790,7 +832,9 @@ export function Chip({
   const height = controlHeight(theme, 'sm');
   const fg = selected ? 'on-secondary-container' : 'on-surface-variant';
   return (
-    <View
+    // Selecting grows the chip for its check: the width change glides.
+    <Animated.View
+      layout={nxLayout('fast')}
       style={[
         {
           flexDirection: 'row',
@@ -823,11 +867,15 @@ export function Chip({
           backgroundColor: selected ? roles['secondary-container'] : 'transparent',
         }}
       >
-        {selected ? (
-          <Check size="sm" color={roles[fg]} />
-        ) : (
-          Lead && <Lead size="sm" color={roles[fg]} />
-        )}
+        <LayoutAnimationConfig skipEntering>
+          {selected ? (
+            <Animated.View key="check" entering={nxEnter('scale', 'fast')} exiting={nxExit('scale')}>
+              <Check size="sm" color={roles[fg]} />
+            </Animated.View>
+          ) : (
+            Lead && <Lead size="sm" color={roles[fg]} />
+          )}
+        </LayoutAnimationConfig>
         <Text variant="label-lg" color={fg}>
           {label}
         </Text>
@@ -841,7 +889,7 @@ export function Chip({
           style={{ position: 'absolute', end: 4, top: (height - controlHeight(theme, 'xs')) / 2 }}
         />
       )}
-    </View>
+    </Animated.View>
   );
 }
 

package/src/components/mobile.tsx

@@ -25,6 +25,7 @@ import { Surface } from '../primitives/Surface';
 import { Text } from '../primitives/Text';
 import { fontStyle } from '../theme/fonts';
 import { useHaptics, useTheme, type RoleName } from '../theme/ThemeProvider';
+import { nxExit, nxLayout, nxSpring } from '../theme/motion';
 import { Button, IconButton } from './actions';
 import { Banner } from './feedback';
 import { BottomSheet } from './overlays';
@@ -63,11 +64,10 @@ export function SwipeableRow({ label, onPress, actions, children, style }: Swipe
   const sign = dir === 'rtl' ? 1 : -1; // open = content moves toward the start edge
   const x = useSharedValue(0);
   const open = React.useRef(false);
-  const spring = useTheme().tokens.motion.spring.spatial.default;
   const settle = (to: boolean) => {
     if (to !== open.current) play('snap');
     open.current = to;
-    x.value = withSpring(to ? sign * width : 0, spring);
+    x.value = withSpring(to ? sign * width : 0, nxSpring('spatial', 'default'));
   };
   const responder = React.useMemo(
     () =>
@@ -96,7 +96,11 @@ export function SwipeableRow({ label, onPress, actions, children, style }: Swipe
     primary: ['primary', 'on-primary'],
   };
   return (
-    <View
+    // Removed (e.g. swipe-to-delete): slides out toward the start edge while the
+    // rows below glide up. In a FlatList, pass nxLayout() as itemLayoutAnimation.
+    <Animated.View
+      exiting={nxExit('start', 'default', dir === 'rtl')}
+      layout={nxLayout()}
       style={[{ overflow: 'hidden' }, style]}
       // One screen-reader element for the row: its name, its tap, and every swipe action.
       accessible
@@ -152,7 +156,7 @@ export function SwipeableRow({ label, onPress, actions, children, style }: Swipe
       >
         {children}
       </Animated.View>
-    </View>
+    </Animated.View>
   );
 }
 

package/src/components/overlays.tsx

@@ -24,8 +24,11 @@ import { useControllableState } from '../hooks/useControllableState';
 import { Pressable } from '../primitives/Pressable';
 import { Text } from '../primitives/Text';
 import { useHaptics, useTheme } from '../theme/ThemeProvider';
+import { nxSpring } from '../theme/motion';
 import { ListItem, ListSection } from './containers';
 
+const SHEET_SPRING = nxSpring('spatial', 'default');
+
 // ─── BottomSheet ─────────────────────────────────────────────────────────────
 
 export type SheetDetent = 'content' | number;
@@ -76,7 +79,7 @@ export function BottomSheet({
   const [visible, setVisible] = React.useState(open);
   const translate = useSharedValue(screen);
   const scrim = useSharedValue(0);
-  const spring = tokens.motion.spring.spatial.default;
+  const spring = SHEET_SPRING;
   const height = heights[Math.min(index, heights.length - 1)]!;
   const tallest = heights[heights.length - 1]!;
 

package/src/index.ts

@@ -20,6 +20,8 @@ export { nexubFonts, fontStyle } from './theme/fonts';
 export type { FontFamily, FontSource } from './theme/fonts';
 export { playHaptic } from './theme/haptics';
 export type { HapticToken } from './theme/haptics';
+export { nxSpring, nxEnter, nxExit, nxLayout } from './theme/motion';
+export type { SpringFamily, SpringSpeed, EnterKind, ExitKind } from './theme/motion';
 export { useControllableState } from './hooks/useControllableState';
 
 // Primitives