@rootnative/inertia 0.0.0-alpha.0 → 0.0.0-alpha.2

package/dist/motion/Text.mjs

@@ -5,8 +5,31 @@ import { isWorkletFunction } from 'react-native-worklets';
 import { jsx } from 'react/jsx-runtime';
 
 // src/motion/Text.tsx
+
+// src/transitions/sig.ts
+function stableSig(value) {
+  if (value === void 0) return "";
+  try {
+    return stableStringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function stableStringify(v) {
+  if (v === null || typeof v !== "object") {
+    if (typeof v === "function" || v === void 0) return "null";
+    return JSON.stringify(v);
+  }
+  if (Array.isArray(v)) {
+    return "[" + v.map(stableStringify).join(",") + "]";
+  }
+  const obj = v;
+  const keys = Object.keys(obj).sort();
+  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
+}
 var DEFAULT_MOTION_CONFIG = {
-  reducedMotion: "user"
+  reducedMotion: "user",
+  transitions: {}
 };
 var MotionConfigContext = createContext(
   DEFAULT_MOTION_CONFIG
@@ -14,6 +37,9 @@ var MotionConfigContext = createContext(
 function useMotionConfig() {
   return useContext(MotionConfigContext);
 }
+function useNamedTransitions() {
+  return useMotionConfig().transitions;
+}
 function useShouldReduceMotion() {
   const { reducedMotion } = useMotionConfig();
   const osReduced = useReducedMotion();
@@ -21,6 +47,59 @@ function useShouldReduceMotion() {
   if (reducedMotion === "always") return true;
   return osReduced;
 }
+
+// src/transitions/keys.ts
+var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "type",
+  "tension",
+  "friction",
+  "mass",
+  "velocity",
+  "restSpeedThreshold",
+  "restDisplacementThreshold",
+  "duration",
+  "easing",
+  "delay",
+  "repeat",
+  "deceleration",
+  "clamp"
+]);
+function isTopLevelTransition(t) {
+  if (t === null || typeof t !== "object") return false;
+  const keys = Object.keys(t);
+  if (keys.length === 0) return false;
+  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
+}
+
+// src/config/namedTransitions.ts
+var UNKNOWN_NAME_FALLBACK = { type: "spring" };
+function lookupNamedTransition(name, registry) {
+  const cfg = registry[name];
+  if (cfg) return cfg;
+  if (__DEV__) {
+    console.warn(
+      `[inertia] Unknown transition name "${name}" \u2014 falling back to the default spring. Register it on a provider: <MotionConfig transitions={{ '${name}': { ... } }}>.`
+    );
+  }
+  return UNKNOWN_NAME_FALLBACK;
+}
+function resolveNamedTransitionProp(transition, registry) {
+  if (transition === void 0) return void 0;
+  if (typeof transition === "string") {
+    return lookupNamedTransition(transition, registry);
+  }
+  if (isTopLevelTransition(transition)) return transition;
+  const map = transition;
+  let out = null;
+  for (const key in map) {
+    const value = map[key];
+    if (typeof value === "string") {
+      if (out === null) out = { ...map };
+      out[key] = lookupNamedTransition(value, registry);
+    }
+  }
+  return out ?? transition;
+}
 var modality = "keyboard";
 var installed = false;
 function setKeyboard() {
@@ -357,51 +436,6 @@ function mergeTransition(base, override) {
   }
   return { ...base ?? { type: "spring" }, ...override };
 }
-
-// src/transitions/keys.ts
-var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
-  "type",
-  "tension",
-  "friction",
-  "mass",
-  "velocity",
-  "restSpeedThreshold",
-  "restDisplacementThreshold",
-  "duration",
-  "easing",
-  "delay",
-  "repeat",
-  "deceleration",
-  "clamp"
-]);
-function isTopLevelTransition(t) {
-  if (t === null || typeof t !== "object") return false;
-  const keys = Object.keys(t);
-  if (keys.length === 0) return false;
-  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
-}
-
-// src/transitions/sig.ts
-function stableSig(value) {
-  if (value === void 0) return "";
-  try {
-    return stableStringify(value);
-  } catch {
-    return String(value);
-  }
-}
-function stableStringify(v) {
-  if (v === null || typeof v !== "object") {
-    if (typeof v === "function" || v === void 0) return "null";
-    return JSON.stringify(v);
-  }
-  if (Array.isArray(v)) {
-    return "[" + v.map(stableStringify).join(",") + "]";
-  }
-  const obj = v;
-  const keys = Object.keys(obj).sort();
-  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
-}
 var alreadyChecked = false;
 function ensureReanimatedInstalled() {
   if (!__DEV__ || alreadyChecked) return;
@@ -504,12 +538,14 @@ var DEFAULT_RESTING = {
 };
 function transitionFor(prop, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   if (GESTURE_LAYER_NAME_SET.has(prop)) return void 0;
   return transition[prop];
 }
 function gestureLayerTransitionFor(layer, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   return transition[layer];
 }
@@ -524,17 +560,23 @@ function createMotionComponent(Component) {
       initial,
       animate,
       exit,
-      transition,
+      transition: transitionProp,
       variants,
       controller,
       gesture,
-      layout,
+      layout: layoutProp,
       layoutId,
       onAnimationEnd,
       style,
       onLayout: userOnLayout,
       ...rest
     } = props;
+    const namedTransitions = useNamedTransitions();
+    const transition = resolveNamedTransitionProp(
+      transitionProp,
+      namedTransitions
+    );
+    const layout = typeof layoutProp === "string" ? lookupNamedTransition(layoutProp, namedTransitions) : layoutProp;
     if (__DEV__ && typeof style === "function") {
       throw new Error(
         "[inertia] `style` must be a style object or array of style objects, not a function. The function-form `style={(state) => ...}` Pressable API is not supported \u2014 use `gesture.pressed` (or `gesture.focused`, etc.) to drive state-dependent styling instead."
@@ -1128,5 +1170,3 @@ function compose(user, ours) {
 var MotionText = createMotionComponent(Text);
 
 export { MotionText };
-//# sourceMappingURL=Text.mjs.map
-//# sourceMappingURL=Text.mjs.map

package/dist/motion/View.d.mts

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

package/dist/motion/View.d.ts

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

package/dist/motion/View.js

@@ -11,8 +11,31 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
 
 // src/motion/View.tsx
+
+// src/transitions/sig.ts
+function stableSig(value) {
+  if (value === void 0) return "";
+  try {
+    return stableStringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function stableStringify(v) {
+  if (v === null || typeof v !== "object") {
+    if (typeof v === "function" || v === void 0) return "null";
+    return JSON.stringify(v);
+  }
+  if (Array.isArray(v)) {
+    return "[" + v.map(stableStringify).join(",") + "]";
+  }
+  const obj = v;
+  const keys = Object.keys(obj).sort();
+  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
+}
 var DEFAULT_MOTION_CONFIG = {
-  reducedMotion: "user"
+  reducedMotion: "user",
+  transitions: {}
 };
 var MotionConfigContext = react.createContext(
   DEFAULT_MOTION_CONFIG
@@ -20,6 +43,9 @@ var MotionConfigContext = react.createContext(
 function useMotionConfig() {
   return react.useContext(MotionConfigContext);
 }
+function useNamedTransitions() {
+  return useMotionConfig().transitions;
+}
 function useShouldReduceMotion() {
   const { reducedMotion } = useMotionConfig();
   const osReduced = Animated.useReducedMotion();
@@ -27,6 +53,59 @@ function useShouldReduceMotion() {
   if (reducedMotion === "always") return true;
   return osReduced;
 }
+
+// src/transitions/keys.ts
+var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "type",
+  "tension",
+  "friction",
+  "mass",
+  "velocity",
+  "restSpeedThreshold",
+  "restDisplacementThreshold",
+  "duration",
+  "easing",
+  "delay",
+  "repeat",
+  "deceleration",
+  "clamp"
+]);
+function isTopLevelTransition(t) {
+  if (t === null || typeof t !== "object") return false;
+  const keys = Object.keys(t);
+  if (keys.length === 0) return false;
+  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
+}
+
+// src/config/namedTransitions.ts
+var UNKNOWN_NAME_FALLBACK = { type: "spring" };
+function lookupNamedTransition(name, registry) {
+  const cfg = registry[name];
+  if (cfg) return cfg;
+  if (__DEV__) {
+    console.warn(
+      `[inertia] Unknown transition name "${name}" \u2014 falling back to the default spring. Register it on a provider: <MotionConfig transitions={{ '${name}': { ... } }}>.`
+    );
+  }
+  return UNKNOWN_NAME_FALLBACK;
+}
+function resolveNamedTransitionProp(transition, registry) {
+  if (transition === void 0) return void 0;
+  if (typeof transition === "string") {
+    return lookupNamedTransition(transition, registry);
+  }
+  if (isTopLevelTransition(transition)) return transition;
+  const map = transition;
+  let out = null;
+  for (const key in map) {
+    const value = map[key];
+    if (typeof value === "string") {
+      if (out === null) out = { ...map };
+      out[key] = lookupNamedTransition(value, registry);
+    }
+  }
+  return out ?? transition;
+}
 var modality = "keyboard";
 var installed = false;
 function setKeyboard() {
@@ -363,51 +442,6 @@ function mergeTransition(base, override) {
   }
   return { ...base ?? { type: "spring" }, ...override };
 }
-
-// src/transitions/keys.ts
-var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
-  "type",
-  "tension",
-  "friction",
-  "mass",
-  "velocity",
-  "restSpeedThreshold",
-  "restDisplacementThreshold",
-  "duration",
-  "easing",
-  "delay",
-  "repeat",
-  "deceleration",
-  "clamp"
-]);
-function isTopLevelTransition(t) {
-  if (t === null || typeof t !== "object") return false;
-  const keys = Object.keys(t);
-  if (keys.length === 0) return false;
-  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
-}
-
-// src/transitions/sig.ts
-function stableSig(value) {
-  if (value === void 0) return "";
-  try {
-    return stableStringify(value);
-  } catch {
-    return String(value);
-  }
-}
-function stableStringify(v) {
-  if (v === null || typeof v !== "object") {
-    if (typeof v === "function" || v === void 0) return "null";
-    return JSON.stringify(v);
-  }
-  if (Array.isArray(v)) {
-    return "[" + v.map(stableStringify).join(",") + "]";
-  }
-  const obj = v;
-  const keys = Object.keys(obj).sort();
-  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
-}
 var alreadyChecked = false;
 function ensureReanimatedInstalled() {
   if (!__DEV__ || alreadyChecked) return;
@@ -510,12 +544,14 @@ var DEFAULT_RESTING = {
 };
 function transitionFor(prop, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   if (GESTURE_LAYER_NAME_SET.has(prop)) return void 0;
   return transition[prop];
 }
 function gestureLayerTransitionFor(layer, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   return transition[layer];
 }
@@ -530,17 +566,23 @@ function createMotionComponent(Component) {
       initial,
       animate,
       exit,
-      transition,
+      transition: transitionProp,
       variants,
       controller,
       gesture,
-      layout,
+      layout: layoutProp,
       layoutId,
       onAnimationEnd,
       style,
       onLayout: userOnLayout,
       ...rest
     } = props;
+    const namedTransitions = useNamedTransitions();
+    const transition = resolveNamedTransitionProp(
+      transitionProp,
+      namedTransitions
+    );
+    const layout = typeof layoutProp === "string" ? lookupNamedTransition(layoutProp, namedTransitions) : layoutProp;
     if (__DEV__ && typeof style === "function") {
       throw new Error(
         "[inertia] `style` must be a style object or array of style objects, not a function. The function-form `style={(state) => ...}` Pressable API is not supported \u2014 use `gesture.pressed` (or `gesture.focused`, etc.) to drive state-dependent styling instead."
@@ -1134,5 +1176,3 @@ function compose(user, ours) {
 var MotionView = createMotionComponent(reactNative.View);
 
 exports.MotionView = MotionView;
-//# sourceMappingURL=View.js.map
-//# sourceMappingURL=View.js.map

package/dist/motion/View.mjs

@@ -5,8 +5,31 @@ import { isWorkletFunction } from 'react-native-worklets';
 import { jsx } from 'react/jsx-runtime';
 
 // src/motion/View.tsx
+
+// src/transitions/sig.ts
+function stableSig(value) {
+  if (value === void 0) return "";
+  try {
+    return stableStringify(value);
+  } catch {
+    return String(value);
+  }
+}
+function stableStringify(v) {
+  if (v === null || typeof v !== "object") {
+    if (typeof v === "function" || v === void 0) return "null";
+    return JSON.stringify(v);
+  }
+  if (Array.isArray(v)) {
+    return "[" + v.map(stableStringify).join(",") + "]";
+  }
+  const obj = v;
+  const keys = Object.keys(obj).sort();
+  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
+}
 var DEFAULT_MOTION_CONFIG = {
-  reducedMotion: "user"
+  reducedMotion: "user",
+  transitions: {}
 };
 var MotionConfigContext = createContext(
   DEFAULT_MOTION_CONFIG
@@ -14,6 +37,9 @@ var MotionConfigContext = createContext(
 function useMotionConfig() {
   return useContext(MotionConfigContext);
 }
+function useNamedTransitions() {
+  return useMotionConfig().transitions;
+}
 function useShouldReduceMotion() {
   const { reducedMotion } = useMotionConfig();
   const osReduced = useReducedMotion();
@@ -21,6 +47,59 @@ function useShouldReduceMotion() {
   if (reducedMotion === "always") return true;
   return osReduced;
 }
+
+// src/transitions/keys.ts
+var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "type",
+  "tension",
+  "friction",
+  "mass",
+  "velocity",
+  "restSpeedThreshold",
+  "restDisplacementThreshold",
+  "duration",
+  "easing",
+  "delay",
+  "repeat",
+  "deceleration",
+  "clamp"
+]);
+function isTopLevelTransition(t) {
+  if (t === null || typeof t !== "object") return false;
+  const keys = Object.keys(t);
+  if (keys.length === 0) return false;
+  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
+}
+
+// src/config/namedTransitions.ts
+var UNKNOWN_NAME_FALLBACK = { type: "spring" };
+function lookupNamedTransition(name, registry) {
+  const cfg = registry[name];
+  if (cfg) return cfg;
+  if (__DEV__) {
+    console.warn(
+      `[inertia] Unknown transition name "${name}" \u2014 falling back to the default spring. Register it on a provider: <MotionConfig transitions={{ '${name}': { ... } }}>.`
+    );
+  }
+  return UNKNOWN_NAME_FALLBACK;
+}
+function resolveNamedTransitionProp(transition, registry) {
+  if (transition === void 0) return void 0;
+  if (typeof transition === "string") {
+    return lookupNamedTransition(transition, registry);
+  }
+  if (isTopLevelTransition(transition)) return transition;
+  const map = transition;
+  let out = null;
+  for (const key in map) {
+    const value = map[key];
+    if (typeof value === "string") {
+      if (out === null) out = { ...map };
+      out[key] = lookupNamedTransition(value, registry);
+    }
+  }
+  return out ?? transition;
+}
 var modality = "keyboard";
 var installed = false;
 function setKeyboard() {
@@ -357,51 +436,6 @@ function mergeTransition(base, override) {
   }
   return { ...base ?? { type: "spring" }, ...override };
 }
-
-// src/transitions/keys.ts
-var TRANSITION_CONFIG_KEYS = /* @__PURE__ */ new Set([
-  "type",
-  "tension",
-  "friction",
-  "mass",
-  "velocity",
-  "restSpeedThreshold",
-  "restDisplacementThreshold",
-  "duration",
-  "easing",
-  "delay",
-  "repeat",
-  "deceleration",
-  "clamp"
-]);
-function isTopLevelTransition(t) {
-  if (t === null || typeof t !== "object") return false;
-  const keys = Object.keys(t);
-  if (keys.length === 0) return false;
-  return keys.every((k) => TRANSITION_CONFIG_KEYS.has(k));
-}
-
-// src/transitions/sig.ts
-function stableSig(value) {
-  if (value === void 0) return "";
-  try {
-    return stableStringify(value);
-  } catch {
-    return String(value);
-  }
-}
-function stableStringify(v) {
-  if (v === null || typeof v !== "object") {
-    if (typeof v === "function" || v === void 0) return "null";
-    return JSON.stringify(v);
-  }
-  if (Array.isArray(v)) {
-    return "[" + v.map(stableStringify).join(",") + "]";
-  }
-  const obj = v;
-  const keys = Object.keys(obj).sort();
-  return "{" + keys.map((k) => JSON.stringify(k) + ":" + stableStringify(obj[k])).join(",") + "}";
-}
 var alreadyChecked = false;
 function ensureReanimatedInstalled() {
   if (!__DEV__ || alreadyChecked) return;
@@ -504,12 +538,14 @@ var DEFAULT_RESTING = {
 };
 function transitionFor(prop, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   if (GESTURE_LAYER_NAME_SET.has(prop)) return void 0;
   return transition[prop];
 }
 function gestureLayerTransitionFor(layer, transition) {
   if (!transition) return void 0;
+  if (typeof transition === "string") return void 0;
   if (isTopLevelTransition(transition)) return transition;
   return transition[layer];
 }
@@ -524,17 +560,23 @@ function createMotionComponent(Component) {
       initial,
       animate,
       exit,
-      transition,
+      transition: transitionProp,
       variants,
       controller,
       gesture,
-      layout,
+      layout: layoutProp,
       layoutId,
       onAnimationEnd,
       style,
       onLayout: userOnLayout,
       ...rest
     } = props;
+    const namedTransitions = useNamedTransitions();
+    const transition = resolveNamedTransitionProp(
+      transitionProp,
+      namedTransitions
+    );
+    const layout = typeof layoutProp === "string" ? lookupNamedTransition(layoutProp, namedTransitions) : layoutProp;
     if (__DEV__ && typeof style === "function") {
       throw new Error(
         "[inertia] `style` must be a style object or array of style objects, not a function. The function-form `style={(state) => ...}` Pressable API is not supported \u2014 use `gesture.pressed` (or `gesture.focused`, etc.) to drive state-dependent styling instead."
@@ -1128,5 +1170,3 @@ function compose(user, ours) {
 var MotionView = createMotionComponent(View);
 
 export { MotionView };
-//# sourceMappingURL=View.mjs.map
-//# sourceMappingURL=View.mjs.map

package/dist/testing/index.js

@@ -15,5 +15,3 @@ function flushMotion(rendered, ui) {
 
 exports.flushMotion = flushMotion;
 exports.renderWithMotion = renderWithMotion;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/testing/index.mjs

@@ -12,5 +12,3 @@ function flushMotion(rendered, ui) {
 }
 
 export { flushMotion, renderWithMotion };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/touch/index.d.mts

@@ -1,6 +1,6 @@
 import { PanResponderInstance } from 'react-native';
 import { useAnimatedStyle, SharedValue } from 'react-native-reanimated';
-import { T as TransitionConfig } from '../types-cU43dEmH.mjs';
+import { a as TransitionConfig } from '../types-BzEgiUdJ.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 { T as TransitionConfig } from '../types-cU43dEmH.js';
+import { a as TransitionConfig } from '../types-BzEgiUdJ.js';
 import 'react';
 
 /**

package/dist/touch/index.js

@@ -162,5 +162,3 @@ function applyBounds(value, min, max, elastic) {
 }
 
 exports.useTouchDrag = useTouchDrag;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/touch/index.mjs

@@ -160,5 +160,3 @@ function applyBounds(value, min, max, elastic) {
 }
 
 export { useTouchDrag };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map