@rootnative/inertia 0.0.0-alpha.6 → 0.0.0-alpha.7

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
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rootnative/inertia",
-  "version": "0.0.0-alpha.6",
+  "version": "0.0.0-alpha.7",
   "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'