@rootnative/inertia 0.0.0-alpha.6 → 0.0.1

package/CHANGELOG.md

@@ -4,6 +4,10 @@ All notable changes to `@rootnative/inertia` are documented here. The format fol
 
 ## [Unreleased]
 
+## [0.0.1] - 2026-07-23
+
+**First stable release.** Graduates the `0.0.0-alpha.x` line, absorbing Milestones 1–3 in a single tag: the declarative core (primitives, per-property transitions, sequences/keyframes, unified `repeat`, variants, `gesture` prop, `<Presence>`, `<MotionConfig>` with reduced-motion + named transitions), the value-layer hooks, the `layout` prop and rect-only `layoutId` shared-element transitions, and the `inertia-gestures` / `inertia-gradients` / `inertia-svg` adapter packages (released in lockstep). See the alpha entries below for the per-change history.
+
 ### Added
 
 - **`useShadow` now interpolates CSS `boxShadow`.** The classic `shadow*`/`elevation` keys never reach the web renderer, so a `useShadow` elevation crossfade silently dropped its shadow on web — the platform where hover, its most common driver, matters most (gap surfaced by the RootNative UI Card migration). `ShadowConfig` gains `boxShadow?: string | BoxShadowLayer[]`: pass the CSS string form design systems store elevation tokens in (px lengths only; parsed once on the JS thread, `cubicBezier`-style — malformed tokens throw at setup rather than warning) or structured layers mirroring RN's `BoxShadowValue`. Multi-layer shadows interpolate per layer with CSS-transition padding semantics (shorter side padded with invisible layers; a genuine `inset` mismatch throws); blur clamps at 0 under springy overshoot. Emitted as a `boxShadow` style string — passed through as CSS by react-native-web and rendered natively on RN 0.76+ new architecture; keep `shadow*`/`elevation` alongside it for old-arch native. New `BoxShadowLayer` type exported from the root.

package/README.md

@@ -6,7 +6,7 @@
 
 Declarative animation primitives for React Native, built as a thin wrapper around [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/). Inspired by Framer Motion (web) and react-spring (cross-platform).
 
-> **Status:** `0.0.0-alpha`. Pre-1.0 minor versions may break — see the root [README](https://github.com/rootnative/inertia#versioning--release).
+> **Status:** `0.0.1` — the first stable release. Pre-`1.0.0` minor versions may break — see the root [README](https://github.com/rootnative/inertia#versioning--release).
 
 ## Install
 

package/dist/gestureLayer/index.d.mts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-C0GBS7d2.mjs';
-import { T as TransitionInput, n as GestureLayerTransitions } from '../types-BzEgiUdJ.mjs';
+import { U as UseGestureHandlers } from '../useGesture-RFY6kTL3.mjs';
+import { a as TransitionInput, G as GestureLayerTransitions } from '../types-G1dBU2IQ.mjs';
 import 'react';
 import 'react-native';
 

package/dist/gestureLayer/index.d.ts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-BRLgiNOC.js';
-import { T as TransitionInput, n as GestureLayerTransitions } from '../types-BzEgiUdJ.js';
+import { U as UseGestureHandlers } from '../useGesture-D1e4ixJo.js';
+import { a as TransitionInput, G as GestureLayerTransitions } from '../types-G1dBU2IQ.js';
 import 'react';
 import 'react-native';
 

package/dist/index.d.mts

@@ -2,10 +2,11 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { M as MotionComponent, N as NamedTransitions, T as TransitionInput, a as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-BzEgiUdJ.mjs';
-export { c as AnimateStyle, d as AnimationCallbackInfo, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, G as GestureSubStates, g as MotionProps, h as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, i as RepeatConfig, j as SequenceStep, k as TimingTransition, l as Transition, m as VariantsMap } from './types-BzEgiUdJ.mjs';
+import { M as MotionComponent, N as NamedTransitions, a as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-G1dBU2IQ.mjs';
+export { c as AnimateStyle, d as AnimationCallbackInfo, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, g as GestureSubStates, h as MotionProps, i as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, j as RepeatConfig, k as SequenceStep, l as TimingTransition, m as Transition, n as VariantsMap } from './types-G1dBU2IQ.mjs';
 import { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
-export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-C0GBS7d2.mjs';
+export { SharedValue } from 'react-native-reanimated';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-RFY6kTL3.mjs';
 export { MotionImage } from './motion/Image.mjs';
 export { MotionPressable } from './motion/Pressable.mjs';
 export { MotionScrollView } from './motion/ScrollView.mjs';

package/dist/index.d.ts

@@ -2,10 +2,11 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { M as MotionComponent, N as NamedTransitions, T as TransitionInput, a as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-BzEgiUdJ.js';
-export { c as AnimateStyle, d as AnimationCallbackInfo, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, G as GestureSubStates, g as MotionProps, h as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, i as RepeatConfig, j as SequenceStep, k as TimingTransition, l as Transition, m as VariantsMap } from './types-BzEgiUdJ.js';
+import { M as MotionComponent, N as NamedTransitions, a as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-G1dBU2IQ.js';
+export { c as AnimateStyle, d as AnimationCallbackInfo, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, g as GestureSubStates, h as MotionProps, i as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, j as RepeatConfig, k as SequenceStep, l as TimingTransition, m as Transition, n as VariantsMap } from './types-G1dBU2IQ.js';
 import { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
-export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-BRLgiNOC.js';
+export { SharedValue } from 'react-native-reanimated';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-D1e4ixJo.js';
 export { MotionImage } from './motion/Image.js';
 export { MotionPressable } from './motion/Pressable.js';
 export { MotionScrollView } from './motion/ScrollView.js';

package/dist/motion/Image.d.mts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.mjs';
+import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
 import 'react';
 
 /**

package/dist/motion/Image.d.ts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.js';
+import { M as MotionComponent } from '../types-G1dBU2IQ.js';
 import 'react';
 
 /**

package/dist/motion/Pressable.d.mts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.mjs';
+import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/Pressable.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import * as react_native from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.js';
+import { M as MotionComponent } from '../types-G1dBU2IQ.js';
 
 /**
  * Animatable `Pressable`. The `gesture` prop's `pressed` sub-state hooks into

package/dist/motion/ScrollView.d.mts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.mjs';
+import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
 import 'react';
 
 /**

package/dist/motion/ScrollView.d.ts

@@ -1,5 +1,5 @@
 import { ScrollView } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.js';
+import { M as MotionComponent } from '../types-G1dBU2IQ.js';
 import 'react';
 
 /**

package/dist/motion/Text.d.mts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.mjs';
+import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
 import 'react';
 
 /**

package/dist/motion/Text.d.ts

@@ -1,5 +1,5 @@
 import { Text } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.js';
+import { M as MotionComponent } from '../types-G1dBU2IQ.js';
 import 'react';
 
 /**

package/dist/motion/View.d.mts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.mjs';
+import { M as MotionComponent } from '../types-G1dBU2IQ.mjs';
 import 'react';
 
 /**

package/dist/motion/View.d.ts

@@ -1,5 +1,5 @@
 import { View } from 'react-native';
-import { M as MotionComponent } from '../types-BzEgiUdJ.js';
+import { M as MotionComponent } from '../types-G1dBU2IQ.js';
 import 'react';
 
 /**

package/dist/reanimated/index.d.mts

@@ -0,0 +1 @@
+export { default as Animated, AnimatedProps, AnimatedStyle, DerivedValue, Extrapolation, SharedValue, cancelAnimation, createAnimatedComponent, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';

package/dist/reanimated/index.d.ts

@@ -0,0 +1 @@
+export { default as Animated, AnimatedProps, AnimatedStyle, DerivedValue, Extrapolation, SharedValue, cancelAnimation, createAnimatedComponent, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';

package/dist/reanimated/index.js

@@ -0,0 +1,46 @@
+'use strict';
+
+var reactNativeReanimated = require('react-native-reanimated');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var reactNativeReanimated__default = /*#__PURE__*/_interopDefault(reactNativeReanimated);
+
+
+
+Object.defineProperty(exports, "Animated", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated__default.default; }
+});
+Object.defineProperty(exports, "Extrapolation", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.Extrapolation; }
+});
+Object.defineProperty(exports, "cancelAnimation", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.cancelAnimation; }
+});
+Object.defineProperty(exports, "createAnimatedComponent", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.createAnimatedComponent; }
+});
+Object.defineProperty(exports, "interpolate", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.interpolate; }
+});
+Object.defineProperty(exports, "interpolateColor", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.interpolateColor; }
+});
+Object.defineProperty(exports, "useAnimatedProps", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.useAnimatedProps; }
+});
+Object.defineProperty(exports, "useAnimatedStyle", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.useAnimatedStyle; }
+});
+Object.defineProperty(exports, "useDerivedValue", {
+  enumerable: true,
+  get: function () { return reactNativeReanimated.useDerivedValue; }
+});

package/dist/reanimated/index.mjs

@@ -0,0 +1 @@
+export { default as Animated, Extrapolation, cancelAnimation, createAnimatedComponent, interpolate, interpolateColor, useAnimatedProps, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';

package/dist/touch/index.d.mts

@@ -1,6 +1,6 @@
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { a as TransitionConfig } from '../types-BzEgiUdJ.mjs';
+import { T as TransitionConfig } from '../types-G1dBU2IQ.mjs';
 import 'react';
 
 /**

package/dist/touch/index.d.ts

@@ -1,6 +1,6 @@
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { a as TransitionConfig } from '../types-BzEgiUdJ.js';
+import { T as TransitionConfig } from '../types-G1dBU2IQ.js';
 import 'react';
 
 /**

package/dist/{types-BzEgiUdJ.d.mts → types-G1dBU2IQ.d.mts}

@@ -385,4 +385,4 @@ interface MotionComponent<C extends ComponentType<any>> {
     displayName?: string;
 }
 
-export type { AnimatableValue as A, DecayTransition as D, EasingInput as E, GestureSubStates as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionInput as T, VariantController as V, TransitionConfig as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, MotionProps as g, NoAnimationTransition as h, RepeatConfig as i, SequenceStep as j, TimingTransition as k, Transition as l, VariantsMap as m, GestureLayerTransitions as n };
+export type { AnimatableValue as A, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantController as V, TransitionInput as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, GestureSubStates as g, MotionProps as h, NoAnimationTransition as i, RepeatConfig as j, SequenceStep as k, TimingTransition as l, Transition as m, VariantsMap as n };

package/dist/{types-BzEgiUdJ.d.ts → types-G1dBU2IQ.d.ts}

@@ -385,4 +385,4 @@ interface MotionComponent<C extends ComponentType<any>> {
     displayName?: string;
 }
 
-export type { AnimatableValue as A, DecayTransition as D, EasingInput as E, GestureSubStates as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionInput as T, VariantController as V, TransitionConfig as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, MotionProps as g, NoAnimationTransition as h, RepeatConfig as i, SequenceStep as j, TimingTransition as k, Transition as l, VariantsMap as m, GestureLayerTransitions as n };
+export type { AnimatableValue as A, DecayTransition as D, EasingInput as E, GestureLayerTransitions as G, MotionComponent as M, NamedTransitions as N, PerPropertyTransition as P, RegisteredTransitions as R, SpringTransition as S, TransitionConfig as T, VariantController as V, TransitionInput as a, TransitionName as b, AnimateStyle as c, AnimationCallbackInfo as d, EasingFunction as e, EasingFunctionFactory as f, GestureSubStates as g, MotionProps as h, NoAnimationTransition as i, RepeatConfig as j, SequenceStep as k, TimingTransition as l, Transition as m, VariantsMap as n };

package/dist/{useGesture-BRLgiNOC.d.ts → useGesture-D1e4ixJo.d.ts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { T as TransitionInput, n as GestureLayerTransitions } from './types-BzEgiUdJ.js';
+import { a as TransitionInput, G as GestureLayerTransitions } from './types-G1dBU2IQ.js';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/dist/{useGesture-C0GBS7d2.d.mts → useGesture-RFY6kTL3.d.mts}

@@ -1,5 +1,5 @@
 import { SharedValue } from 'react-native-reanimated';
-import { T as TransitionInput, n as GestureLayerTransitions } from './types-BzEgiUdJ.mjs';
+import { a as TransitionInput, G as GestureLayerTransitions } from './types-G1dBU2IQ.mjs';
 
 /**
  * Handler bag returned by `useGesture`. Spread on a `Pressable` to drive the

package/llms.txt

@@ -30,6 +30,8 @@ import {
 } from '@rootnative/inertia'
 // Opt-in MD3 / iOS state-layer overlay helper:
 import { useGestureLayer } from '@rootnative/inertia/gesture-layer'
+// Render-layer Reanimated interop for custom animated components:
+import { Animated, useAnimatedStyle } from '@rootnative/inertia/reanimated'
 // or for tree-shaking the primitives:
 import { MotionView } from '@rootnative/inertia/view'
 import { MotionText } from '@rootnative/inertia/text'
@@ -60,6 +62,8 @@ import { MotionScrollView } from '@rootnative/inertia/scroll-view'
 - `resolveAnimatableValue(value, base, factory?)` — one level up: resolves a full per-property `animate` value (plain target, `{ to, ...override }` step, or keyframe array → `withSequence` with sequence-level `repeat`) into one animation. Gives custom components the complete `animate` grammar.
 - `cubicBezier(x1, y1, x2, y2)` / `cubicBezier(css)` — builds a `timing.easing` value from cubic-bezier control points: four numbers, a W3C CSS `cubic-bezier(0.2, 0, 0, 1)` string (design-token form), or a CSS keyword (`'linear'` | `'ease'` | `'ease-in'` | `'ease-out'` | `'ease-in-out'`). Makes CSS-format easing tokens directly consumable — pair with named transitions to feed a theme's motion tokens into the registry. Invalid input throws (`x1`/`x2` must be within [0, 1]; `step-*` and `linear(...)` unsupported).
 - `ensureWorkletEasing(easing)` — normalizes any accepted easing input (plain function, worklet, or Reanimated 4 `EasingFunctionFactory`) into a worklet `withTiming` can consume. Only needed for manual `withTiming` calls — the resolvers and primitives apply it automatically.
+- `SharedValue<T>` (type) — re-exported from the root entry so props/refs that carry a value-layer hook result can be typed without importing from `react-native-reanimated`.
+- `@rootnative/inertia/reanimated` — render-layer interop subpath: pure re-exports of `Animated`, `createAnimatedComponent`, `useAnimatedStyle`, `useAnimatedProps`, `useDerivedValue`, `interpolate`, `interpolateColor`, `Extrapolation`, `cancelAnimation` (plus `SharedValue` / `DerivedValue` / `AnimatedStyle` / `AnimatedProps` types) under their original Reanimated names, for components that own their own `useAnimatedStyle` worklet over Inertia-driven shared values. Names must stay original — the Reanimated Babel plugin auto-workletizes callbacks by callee name. The `with*` animation factories are deliberately not re-exported; start animations with `useAnimation` / `resolveTransition` / `buildReleaseAnimation`.
 
 ## Motion props
 
@@ -129,7 +133,7 @@ Numeric: `opacity`, `translateX`, `translateY`, `scale`, `scaleX`, `scaleY`, `ro
 
 Color: `backgroundColor`, `borderColor`, `color`, `tintColor` (Image only), `shadowColor`. Hex, `rgb()` / `rgba()`, `hsl()` / `hsla()`, and named colors all work; the target string is forwarded straight through `withSpring` / `withTiming` and Reanimated handles RGBA interpolation natively.
 
-Nested object: `shadowOffset: { width, height }`. The only nested-object style on the surface — internally decomposes into two synthetic axis SVs that the worklet recomposes into a single `shadowOffset` prop. v0.1 supports the **single-value form only** (`{ width: 0, height: 4 }`); sequences / array keyframes / per-axis transition splits are out of scope, drop to `useMotionValue` for those.
+Nested object: `shadowOffset: { width, height }`. The only nested-object style on the surface — internally decomposes into two synthetic axis SVs that the worklet recomposes into a single `shadowOffset` prop. `0.0.1` supports the **single-value form only** (`{ width: 0, height: 4 }`); sequences / array keyframes / per-axis transition splits are out of scope, drop to `useMotionValue` for those.
 
 Auto-layout transitions ship via the `layout` prop (`true` / `TransitionConfig`) on every `Motion.*` primitive — see Layout. Shared element transitions ship via the `layoutId` prop: pair the same id on a source and target `Motion.*` and Inertia FLIPs between them on mount (parent-relative coords, rect-only animation, 1s TTL).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rootnative/inertia",
-  "version": "0.0.0-alpha.6",
+  "version": "0.0.1",
   "description": "Declarative animation primitives for React Native, built on react-native-reanimated.",
   "license": "MIT",
   "author": "RootNative",
@@ -93,6 +93,13 @@
       "import": "./dist/gestureLayer/index.mjs",
       "require": "./dist/gestureLayer/index.js"
     },
+    "./reanimated": {
+      "types": "./dist/reanimated/index.d.ts",
+      "react-native": "./src/reanimated/index.ts",
+      "source": "./src/reanimated/index.ts",
+      "import": "./dist/reanimated/index.mjs",
+      "require": "./dist/reanimated/index.js"
+    },
     "./jest-preset": "./jest-preset.js",
     "./jest-setup": "./jest-setup.js",
     "./package.json": "./package.json"

package/src/index.ts

@@ -51,6 +51,11 @@ export {
   useTransform,
   useVariants,
 } from './values'
+// The value-layer hooks above all return Reanimated `SharedValue`s — export
+// the type so consumers can annotate props/refs that carry one (e.g. a
+// scroll-offset prop) without importing from `react-native-reanimated`.
+// Runtime render-layer interop lives in `@rootnative/inertia/reanimated`.
+export type { SharedValue } from 'react-native-reanimated'
 export type {
   BoxShadowLayer,
   ColorStyleKey,

package/src/reanimated/index.ts

@@ -0,0 +1,43 @@
+/**
+ * `@rootnative/inertia/reanimated` — the render-layer interop surface for
+ * building custom animated components on top of Inertia's value layer
+ * (`useMotionValue` / `useSpring` / `useGesture` / `useScroll` / …).
+ *
+ * Inertia's contract is that consumers should not need to import from
+ * `react-native-reanimated` directly. Most of the time the declarative
+ * `Motion.*` primitives cover that; when they don't — a component that owns
+ * its own `useAnimatedStyle` worklet over Inertia-driven shared values —
+ * this subpath provides the remaining rendering primitives so the consumer's
+ * animation dependency stays `@rootnative/inertia` alone.
+ *
+ * Scope is deliberately render-layer only: animated host components, the
+ * animated style/props hooks, worklet-safe interpolators, and cancellation.
+ * Starting animations stays in Inertia's transition vocabulary —
+ * `useAnimation` / `useSpring` declaratively, `resolveTransition` /
+ * `buildReleaseAnimation` imperatively — so the `with*` animation factories
+ * are intentionally not re-exported here.
+ *
+ * Everything is re-exported under its original Reanimated name. That is a
+ * hard constraint, not a style choice: the Reanimated Babel plugin
+ * auto-workletizes the callbacks passed to `useAnimatedStyle` /
+ * `useAnimatedProps` / `useDerivedValue` by callee *name*, so a renamed
+ * wrapper would silently stop workletizing consumer callbacks. Re-exports
+ * keep the name and the behavior from any import path.
+ */
+export {
+  default as Animated,
+  Extrapolation,
+  cancelAnimation,
+  createAnimatedComponent,
+  interpolate,
+  interpolateColor,
+  useAnimatedProps,
+  useAnimatedStyle,
+  useDerivedValue,
+} from 'react-native-reanimated'
+export type {
+  AnimatedProps,
+  AnimatedStyle,
+  DerivedValue,
+  SharedValue,
+} from 'react-native-reanimated'