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

package/CHANGELOG.md

@@ -4,6 +4,16 @@ All notable changes to `@rootnative/inertia` are documented here. The format fol
 
 ## [Unreleased]
 
+### Added
+
+- **Named transition registry** — `<MotionConfig transitions={{ name: TransitionConfig }}>` registers named transitions for the subtree; the name is accepted everywhere a `TransitionConfig` is: the `transition` prop (top-level, per-property, per gesture layer), the `layout` prop, and `useAnimation` / `useSpring` / `useBooleanSpring` / `useGesture` / `useGestureLayer`. Names resolve at the nearest provider; nested providers merge with child-overrides-per-name; unknown names warn in dev and fall back to the default spring. No presets ship — names are consumer vocabulary. New exports: `useNamedTransitions()`, `resolveNamedTransition()`, and the `TransitionName` / `TransitionInput` / `NamedTransitions` / `RegisteredTransitions` types (`RegisteredTransitions` is the augmentation point for compile-time-typed names).
+
+- **`cubicBezier()` easing helper** — builds a `timing.easing` value from cubic-bezier control points as four numbers, as a W3C CSS `cubic-bezier(x1, y1, x2, y2)` string, or as a CSS keyword (`'linear'` / `'ease'` / `'ease-in'` / `'ease-out'` / `'ease-in-out'`). Makes CSS-format design-token easings directly consumable (pair with the named-transition registry). Invalid input throws: `x1` / `x2` must be finite and within `[0, 1]`; `step-*` keywords and the CSS `linear(...)` function are unsupported. The `EasingFunction` / `EasingFunctionFactory` / `EasingInput` types are now exported from the root barrel.
+
+### Changed
+
+- **Nested `<MotionConfig>` now inherits `reducedMotion`** from its ancestor when the prop is omitted (previously an inner provider silently reset the subtree to the `'user'` default). A transitions-only inner provider no longer clobbers an outer `reducedMotion="never"` / `"always"`.
+
 ## [0.0.0-alpha.0]
 
 Initial alpha publish. The full v0.1 surface is in place; APIs are still subject to change before `0.1.0`.

package/README.md

@@ -126,6 +126,8 @@ Full docs, every primitive's example screen, and an `llms-full.txt` reference li
 - [llms.txt](https://rootnative.github.io/inertia/llms.txt) — concise overview
 - [llms-full.txt](https://rootnative.github.io/inertia/llms-full.txt) — full API reference
 
+AI agents: this package ships its own copy of the reference — read `node_modules/@rootnative/inertia/llms.txt` for the full API, no network needed.
+
 ## License
 
 [MIT](./LICENSE) © RootNative

package/dist/gestureLayer/index.d.mts

@@ -1,6 +1,6 @@
-import { AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-DxtXdz-K.mjs';
-import { T as TransitionConfig, h as GestureLayerTransitions } from '../types-cU43dEmH.mjs';
+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 'react';
 import 'react-native';
 
@@ -49,10 +49,31 @@ interface UseGestureLayerOptions {
     /**
      * Transition forwarded to the underlying `useGesture` hook. Either a single
      * `TransitionConfig` for every gesture layer, or a `GestureLayerTransitions`
-     * map for per-layer fades. Reduced motion collapses every transition to
-     * `no-animation`.
+     * map for per-layer fades. A `TransitionName` registered on the nearest
+     * `<MotionConfig transitions>` is accepted in both positions. Reduced
+     * motion collapses every transition to `no-animation`.
      */
-    transition?: TransitionConfig | GestureLayerTransitions;
+    transition?: TransitionInput | GestureLayerTransitions;
+}
+/**
+ * The per-state 0↔1 progress shared values behind a `useGestureLayer` call.
+ * The gesture entries are the same shared values `useGesture` owns; `disabled`
+ * is driven by `options.disabled`. All five are stable across renders — feed
+ * them into any `useAnimatedStyle` / `useDerivedValue` (or hooks like
+ * `useShadow({ progress })`) to derive extra styles from the same gesture
+ * wiring without a second `useGesture` call.
+ */
+interface GestureLayerProgress {
+    /** 0↔1 progress for the hovered layer (web only — stays at 0 on native). */
+    hovered: SharedValue<number>;
+    /** 0↔1 progress for the focused layer (any focus modality). */
+    focused: SharedValue<number>;
+    /** 0↔1 progress for the focusVisible layer (keyboard focus only). */
+    focusVisible: SharedValue<number>;
+    /** 0↔1 progress for the pressed layer. */
+    pressed: SharedValue<number>;
+    /** 0↔1 progress for the disabled override (driven by `options.disabled`). */
+    disabled: SharedValue<number>;
 }
 interface UseGestureLayerResult {
     /**
@@ -62,6 +83,12 @@ interface UseGestureLayerResult {
     style: AnimatedStyle<Record<string, unknown>>;
     /** Handlers to spread on the receiving `Pressable`. */
     handlers: UseGestureHandlers;
+    /**
+     * Per-state progress shared values — the inputs the composed `style` is
+     * derived from. Read-only by convention: writing to them fights the
+     * handlers.
+     */
+    states: GestureLayerProgress;
 }
 /**
  * A "strongest active layer wins" interactive-feedback primitive. Sits one
@@ -84,6 +111,13 @@ interface UseGestureLayerResult {
  *   keys — when active, it lerps the composed value toward the `disabled`
  *   target.
  *
+ * Alongside `style` and `handlers`, the hook returns `states` — the per-state
+ * 0↔1 progress shared values the style is derived from (the four gesture
+ * layers plus the disabled override). Feed them into other progress-driven
+ * hooks (`useShadow`, `useColorTransition`) or a custom `useAnimatedStyle`
+ * to derive extra styles from the same gesture wiring — no second
+ * `useGesture` call, no duplicated handlers.
+ *
  * Reach for this when you want MD3 / iOS-translucent state-layer overlays
  * without rewriting the worklet by hand for every consumer; reach for plain
  * `useGesture()` when you need a composition model this hook doesn't
@@ -113,7 +147,14 @@ interface UseGestureLayerResult {
  *   )
  * }
  * ```
+ *
+ * @example Elevation crossfade driven by the hover progress
+ * ```tsx
+ * const { style, handlers, states } = useGestureLayer(layers, options)
+ * const shadow = useShadow({ from: restShadow, to: raisedShadow, progress: states.hovered })
+ * // <Animated.View style={[style, shadow]} />
+ * ```
  */
 declare function useGestureLayer(states: GestureLayerStates, options?: UseGestureLayerOptions): UseGestureLayerResult;
 
-export { type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };
+export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };

package/dist/gestureLayer/index.d.ts

@@ -1,6 +1,6 @@
-import { AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-BnY65PlQ.js';
-import { T as TransitionConfig, h as GestureLayerTransitions } from '../types-cU43dEmH.js';
+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 'react';
 import 'react-native';
 
@@ -49,10 +49,31 @@ interface UseGestureLayerOptions {
     /**
      * Transition forwarded to the underlying `useGesture` hook. Either a single
      * `TransitionConfig` for every gesture layer, or a `GestureLayerTransitions`
-     * map for per-layer fades. Reduced motion collapses every transition to
-     * `no-animation`.
+     * map for per-layer fades. A `TransitionName` registered on the nearest
+     * `<MotionConfig transitions>` is accepted in both positions. Reduced
+     * motion collapses every transition to `no-animation`.
      */
-    transition?: TransitionConfig | GestureLayerTransitions;
+    transition?: TransitionInput | GestureLayerTransitions;
+}
+/**
+ * The per-state 0↔1 progress shared values behind a `useGestureLayer` call.
+ * The gesture entries are the same shared values `useGesture` owns; `disabled`
+ * is driven by `options.disabled`. All five are stable across renders — feed
+ * them into any `useAnimatedStyle` / `useDerivedValue` (or hooks like
+ * `useShadow({ progress })`) to derive extra styles from the same gesture
+ * wiring without a second `useGesture` call.
+ */
+interface GestureLayerProgress {
+    /** 0↔1 progress for the hovered layer (web only — stays at 0 on native). */
+    hovered: SharedValue<number>;
+    /** 0↔1 progress for the focused layer (any focus modality). */
+    focused: SharedValue<number>;
+    /** 0↔1 progress for the focusVisible layer (keyboard focus only). */
+    focusVisible: SharedValue<number>;
+    /** 0↔1 progress for the pressed layer. */
+    pressed: SharedValue<number>;
+    /** 0↔1 progress for the disabled override (driven by `options.disabled`). */
+    disabled: SharedValue<number>;
 }
 interface UseGestureLayerResult {
     /**
@@ -62,6 +83,12 @@ interface UseGestureLayerResult {
     style: AnimatedStyle<Record<string, unknown>>;
     /** Handlers to spread on the receiving `Pressable`. */
     handlers: UseGestureHandlers;
+    /**
+     * Per-state progress shared values — the inputs the composed `style` is
+     * derived from. Read-only by convention: writing to them fights the
+     * handlers.
+     */
+    states: GestureLayerProgress;
 }
 /**
  * A "strongest active layer wins" interactive-feedback primitive. Sits one
@@ -84,6 +111,13 @@ interface UseGestureLayerResult {
  *   keys — when active, it lerps the composed value toward the `disabled`
  *   target.
  *
+ * Alongside `style` and `handlers`, the hook returns `states` — the per-state
+ * 0↔1 progress shared values the style is derived from (the four gesture
+ * layers plus the disabled override). Feed them into other progress-driven
+ * hooks (`useShadow`, `useColorTransition`) or a custom `useAnimatedStyle`
+ * to derive extra styles from the same gesture wiring — no second
+ * `useGesture` call, no duplicated handlers.
+ *
  * Reach for this when you want MD3 / iOS-translucent state-layer overlays
  * without rewriting the worklet by hand for every consumer; reach for plain
  * `useGesture()` when you need a composition model this hook doesn't
@@ -113,7 +147,14 @@ interface UseGestureLayerResult {
  *   )
  * }
  * ```
+ *
+ * @example Elevation crossfade driven by the hover progress
+ * ```tsx
+ * const { style, handlers, states } = useGestureLayer(layers, options)
+ * const shadow = useShadow({ from: restShadow, to: raisedShadow, progress: states.hovered })
+ * // <Animated.View style={[style, shadow]} />
+ * ```
  */
 declare function useGestureLayer(states: GestureLayerStates, options?: UseGestureLayerOptions): UseGestureLayerResult;
 
-export { type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };
+export { type GestureLayerProgress, type GestureLayerStates, type GestureLayerStyle, type UseGestureLayerOptions, type UseGestureLayerResult, useGestureLayer };

package/dist/gestureLayer/index.js

@@ -6,8 +6,31 @@ var reactNativeWorklets = require('react-native-worklets');
 var reactNative = require('react-native');
 
 // src/gestureLayer/useGestureLayer.ts
+
+// 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
@@ -15,6 +38,9 @@ var MotionConfigContext = react.createContext(
 function useMotionConfig() {
   return react.useContext(MotionConfigContext);
 }
+function useNamedTransitions() {
+  return useMotionConfig().transitions;
+}
 function useShouldReduceMotion() {
   const { reducedMotion } = useMotionConfig();
   const osReduced = reactNativeReanimated.useReducedMotion();
@@ -22,6 +48,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;
+}
 function ensureWorkletEasing(easing) {
   if (!easing) return void 0;
   const fn = isEasingFactory(easing) ? easing.factory() : easing;
@@ -117,29 +196,6 @@ function delayOf(cfg) {
   if (cfg.type === "no-animation") return void 0;
   return cfg.delay;
 }
-
-// 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));
-}
 var modality = "keyboard";
 var installed = false;
 function setKeyboard() {
@@ -171,9 +227,10 @@ function useGesture(transition) {
   const focusVisible = reactNativeReanimated.useSharedValue(0);
   const hovered = reactNativeReanimated.useSharedValue(0);
   const shouldReduceMotion = useShouldReduceMotion();
+  const resolved = resolveNamedTransitionProp(transition, useNamedTransitions());
   const setLayer = react.useCallback(
     (sv, layer, target) => {
-      const cfg = shouldReduceMotion ? { type: "no-animation" } : layerTransition(layer, transition) ?? { type: "spring" };
+      const cfg = shouldReduceMotion ? { type: "no-animation" } : layerTransition(layer, resolved) ?? { type: "spring" };
       sv.value = resolveTransition(cfg, target);
     },
     // The transition is intentionally read on every call rather than cooked
@@ -212,15 +269,20 @@ function layerTransition(layer, transition) {
 
 // src/gestureLayer/useGestureLayer.ts
 function useGestureLayer(states, options = {}) {
-  const { disabled: isDisabled = false, transition } = options;
+  const { disabled: isDisabled = false, transition: transitionInput } = options;
   const shouldReduceMotion = useShouldReduceMotion();
+  const transition = resolveNamedTransitionProp(
+    transitionInput,
+    useNamedTransitions()
+  );
   const gesture = useGesture(transition);
   const disabledProgress = reactNativeReanimated.useSharedValue(0);
+  const transitionSig = stableSig(transition);
   react.useEffect(() => {
     const target = isDisabled ? 1 : 0;
     const cfg = shouldReduceMotion ? { type: "no-animation" } : disabledTransition(transition) ?? { type: "spring" };
     disabledProgress.value = resolveTransition(cfg, target);
-  }, [isDisabled, shouldReduceMotion, transition, disabledProgress]);
+  }, [isDisabled, shouldReduceMotion, transitionSig, disabledProgress]);
   const meta = react.useMemo(() => {
     const layers = {
       rest: states.rest,
@@ -330,9 +392,26 @@ function useGestureLayer(states, options = {}) {
     }
     return out;
   });
+  const progress = react.useMemo(
+    () => ({
+      hovered: gesture.hovered,
+      focused: gesture.focused,
+      focusVisible: gesture.focusVisible,
+      pressed: gesture.pressed,
+      disabled: disabledProgress
+    }),
+    [
+      gesture.hovered,
+      gesture.focused,
+      gesture.focusVisible,
+      gesture.pressed,
+      disabledProgress
+    ]
+  );
   return {
     style,
-    handlers: gesture.handlers
+    handlers: gesture.handlers,
+    states: progress
   };
 }
 function disabledTransition(transition) {
@@ -342,5 +421,3 @@ function disabledTransition(transition) {
 }
 
 exports.useGestureLayer = useGestureLayer;
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/gestureLayer/index.mjs

@@ -4,8 +4,31 @@ import { isWorkletFunction } from 'react-native-worklets';
 import { Platform } from 'react-native';
 
 // src/gestureLayer/useGestureLayer.ts
+
+// 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
@@ -13,6 +36,9 @@ var MotionConfigContext = createContext(
 function useMotionConfig() {
   return useContext(MotionConfigContext);
 }
+function useNamedTransitions() {
+  return useMotionConfig().transitions;
+}
 function useShouldReduceMotion() {
   const { reducedMotion } = useMotionConfig();
   const osReduced = useReducedMotion();
@@ -20,6 +46,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;
+}
 function ensureWorkletEasing(easing) {
   if (!easing) return void 0;
   const fn = isEasingFactory(easing) ? easing.factory() : easing;
@@ -115,29 +194,6 @@ function delayOf(cfg) {
   if (cfg.type === "no-animation") return void 0;
   return cfg.delay;
 }
-
-// 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));
-}
 var modality = "keyboard";
 var installed = false;
 function setKeyboard() {
@@ -169,9 +225,10 @@ function useGesture(transition) {
   const focusVisible = useSharedValue(0);
   const hovered = useSharedValue(0);
   const shouldReduceMotion = useShouldReduceMotion();
+  const resolved = resolveNamedTransitionProp(transition, useNamedTransitions());
   const setLayer = useCallback(
     (sv, layer, target) => {
-      const cfg = shouldReduceMotion ? { type: "no-animation" } : layerTransition(layer, transition) ?? { type: "spring" };
+      const cfg = shouldReduceMotion ? { type: "no-animation" } : layerTransition(layer, resolved) ?? { type: "spring" };
       sv.value = resolveTransition(cfg, target);
     },
     // The transition is intentionally read on every call rather than cooked
@@ -210,15 +267,20 @@ function layerTransition(layer, transition) {
 
 // src/gestureLayer/useGestureLayer.ts
 function useGestureLayer(states, options = {}) {
-  const { disabled: isDisabled = false, transition } = options;
+  const { disabled: isDisabled = false, transition: transitionInput } = options;
   const shouldReduceMotion = useShouldReduceMotion();
+  const transition = resolveNamedTransitionProp(
+    transitionInput,
+    useNamedTransitions()
+  );
   const gesture = useGesture(transition);
   const disabledProgress = useSharedValue(0);
+  const transitionSig = stableSig(transition);
   useEffect(() => {
     const target = isDisabled ? 1 : 0;
     const cfg = shouldReduceMotion ? { type: "no-animation" } : disabledTransition(transition) ?? { type: "spring" };
     disabledProgress.value = resolveTransition(cfg, target);
-  }, [isDisabled, shouldReduceMotion, transition, disabledProgress]);
+  }, [isDisabled, shouldReduceMotion, transitionSig, disabledProgress]);
   const meta = useMemo(() => {
     const layers = {
       rest: states.rest,
@@ -328,9 +390,26 @@ function useGestureLayer(states, options = {}) {
     }
     return out;
   });
+  const progress = useMemo(
+    () => ({
+      hovered: gesture.hovered,
+      focused: gesture.focused,
+      focusVisible: gesture.focusVisible,
+      pressed: gesture.pressed,
+      disabled: disabledProgress
+    }),
+    [
+      gesture.hovered,
+      gesture.focused,
+      gesture.focusVisible,
+      gesture.pressed,
+      disabledProgress
+    ]
+  );
   return {
     style,
-    handlers: gesture.handlers
+    handlers: gesture.handlers,
+    states: progress
   };
 }
 function disabledTransition(transition) {
@@ -340,5 +419,3 @@ function disabledTransition(transition) {
 }
 
 export { useGestureLayer };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map