reactnatively-animations 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2024 Hakizimana Fred
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,47 @@
+import { WithSpringConfig, WithTimingConfig, AnimatedStyle } from 'react-native-reanimated';
+import { duration, springs, SpringConfig } from 'reactnatively-theme';
+export { springs } from 'reactnatively-theme';
+import { ViewStyle } from 'react-native';
+
+declare const SPRING_SNAPPY: WithSpringConfig;
+declare const SPRING_LIQUID: WithSpringConfig;
+declare const SPRING_REVEAL: WithSpringConfig;
+declare const SPRING_BOUNCE: WithSpringConfig;
+declare const SPRING_PRECISE: WithSpringConfig;
+
+declare const TIMING_FAST: WithTimingConfig;
+declare const TIMING_NORMAL: WithTimingConfig;
+declare const TIMING_SLOW: WithTimingConfig;
+declare const TIMING_ENTER: WithTimingConfig;
+declare const TIMING_EXIT: WithTimingConfig;
+declare const TIMING_BLUR_IN: WithTimingConfig;
+declare const TIMING_BLUR_OUT: WithTimingConfig;
+
+declare function useReducedMotion(): boolean;
+declare function useSpring(key: keyof typeof springs): SpringConfig;
+declare function useDuration(key: keyof typeof duration): number;
+
+interface PressAnimationConfig {
+    pressedScale?: number;
+    pressedOpacity?: number;
+    disabled?: boolean;
+}
+interface PressAnimationResult {
+    animatedStyle: AnimatedStyle<ViewStyle>;
+    handlers: {
+        onPressIn: () => void;
+        onPressOut: () => void;
+    };
+}
+declare function usePressAnimation({ pressedScale, pressedOpacity, disabled, }?: PressAnimationConfig): PressAnimationResult;
+
+type EntranceVariant = 'fade' | 'slideUp' | 'slideDown' | 'scale' | 'none';
+interface EntranceAnimationConfig {
+    variant?: EntranceVariant;
+    delay?: number;
+    slideOffset?: number;
+    visible?: boolean;
+}
+declare function useEntranceAnimation({ variant, delay, slideOffset, visible, }?: EntranceAnimationConfig): AnimatedStyle<ViewStyle>;
+
+export { type EntranceAnimationConfig, type EntranceVariant, type PressAnimationConfig, type PressAnimationResult, SPRING_BOUNCE, SPRING_LIQUID, SPRING_PRECISE, SPRING_REVEAL, SPRING_SNAPPY, TIMING_BLUR_IN, TIMING_BLUR_OUT, TIMING_ENTER, TIMING_EXIT, TIMING_FAST, TIMING_NORMAL, TIMING_SLOW, useDuration, useEntranceAnimation, usePressAnimation, useReducedMotion, useSpring };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import { WithSpringConfig, WithTimingConfig, AnimatedStyle } from 'react-native-reanimated';
+import { duration, springs, SpringConfig } from 'reactnatively-theme';
+export { springs } from 'reactnatively-theme';
+import { ViewStyle } from 'react-native';
+
+declare const SPRING_SNAPPY: WithSpringConfig;
+declare const SPRING_LIQUID: WithSpringConfig;
+declare const SPRING_REVEAL: WithSpringConfig;
+declare const SPRING_BOUNCE: WithSpringConfig;
+declare const SPRING_PRECISE: WithSpringConfig;
+
+declare const TIMING_FAST: WithTimingConfig;
+declare const TIMING_NORMAL: WithTimingConfig;
+declare const TIMING_SLOW: WithTimingConfig;
+declare const TIMING_ENTER: WithTimingConfig;
+declare const TIMING_EXIT: WithTimingConfig;
+declare const TIMING_BLUR_IN: WithTimingConfig;
+declare const TIMING_BLUR_OUT: WithTimingConfig;
+
+declare function useReducedMotion(): boolean;
+declare function useSpring(key: keyof typeof springs): SpringConfig;
+declare function useDuration(key: keyof typeof duration): number;
+
+interface PressAnimationConfig {
+    pressedScale?: number;
+    pressedOpacity?: number;
+    disabled?: boolean;
+}
+interface PressAnimationResult {
+    animatedStyle: AnimatedStyle<ViewStyle>;
+    handlers: {
+        onPressIn: () => void;
+        onPressOut: () => void;
+    };
+}
+declare function usePressAnimation({ pressedScale, pressedOpacity, disabled, }?: PressAnimationConfig): PressAnimationResult;
+
+type EntranceVariant = 'fade' | 'slideUp' | 'slideDown' | 'scale' | 'none';
+interface EntranceAnimationConfig {
+    variant?: EntranceVariant;
+    delay?: number;
+    slideOffset?: number;
+    visible?: boolean;
+}
+declare function useEntranceAnimation({ variant, delay, slideOffset, visible, }?: EntranceAnimationConfig): AnimatedStyle<ViewStyle>;
+
+export { type EntranceAnimationConfig, type EntranceVariant, type PressAnimationConfig, type PressAnimationResult, SPRING_BOUNCE, SPRING_LIQUID, SPRING_PRECISE, SPRING_REVEAL, SPRING_SNAPPY, TIMING_BLUR_IN, TIMING_BLUR_OUT, TIMING_ENTER, TIMING_EXIT, TIMING_FAST, TIMING_NORMAL, TIMING_SLOW, useDuration, useEntranceAnimation, usePressAnimation, useReducedMotion, useSpring };

package/dist/index.js

@@ -0,0 +1,165 @@
+'use strict';
+
+var reactnativelyTheme = require('reactnatively-theme');
+var reactNativeReanimated = require('react-native-reanimated');
+var react = require('react');
+
+// src/presets/spring.ts
+var SPRING_SNAPPY = reactnativelyTheme.springs.snappy;
+var SPRING_LIQUID = reactnativelyTheme.springs.liquid;
+var SPRING_REVEAL = reactnativelyTheme.springs.reveal;
+var SPRING_BOUNCE = reactnativelyTheme.springs.bounce;
+var SPRING_PRECISE = reactnativelyTheme.springs.precise;
+function bezier(arr) {
+  const [x1 = 0, y1 = 0, x2 = 1, y2 = 1] = arr;
+  return reactNativeReanimated.Easing.bezier(x1, y1, x2, y2);
+}
+var TIMING_FAST = {
+  duration: reactnativelyTheme.duration.fast,
+  easing: bezier(reactnativelyTheme.easing.standard)
+};
+var TIMING_NORMAL = {
+  duration: reactnativelyTheme.duration.normal,
+  easing: bezier(reactnativelyTheme.easing.standard)
+};
+var TIMING_SLOW = {
+  duration: reactnativelyTheme.duration.slow,
+  easing: bezier(reactnativelyTheme.easing.standard)
+};
+var TIMING_ENTER = {
+  duration: reactnativelyTheme.duration.enter,
+  easing: bezier(reactnativelyTheme.easing.decelerate)
+};
+var TIMING_EXIT = {
+  duration: reactnativelyTheme.duration.exit,
+  easing: bezier(reactnativelyTheme.easing.accelerate)
+};
+var TIMING_BLUR_IN = {
+  duration: reactnativelyTheme.duration.blurIn,
+  easing: bezier(reactnativelyTheme.easing.decelerate)
+};
+var TIMING_BLUR_OUT = {
+  duration: reactnativelyTheme.duration.blurOut,
+  easing: bezier(reactnativelyTheme.easing.accelerate)
+};
+function useReducedMotion() {
+  return reactNativeReanimated.useReducedMotion();
+}
+function useSpring(key) {
+  const isReduced = reactNativeReanimated.useReducedMotion();
+  return isReduced ? reactnativelyTheme.reducedMotion.springs[key] : reactnativelyTheme.springs[key];
+}
+function useDuration(key) {
+  const isReduced = reactNativeReanimated.useReducedMotion();
+  if (isReduced && key in reactnativelyTheme.reducedMotion.duration) {
+    return reactnativelyTheme.reducedMotion.duration[key];
+  }
+  return reactnativelyTheme.duration[key];
+}
+function usePressAnimation({
+  pressedScale = 0.96,
+  pressedOpacity = 0.88,
+  disabled = false
+} = {}) {
+  const isReduced = useReducedMotion();
+  const pressed = reactNativeReanimated.useSharedValue(0);
+  const animatedStyle = reactNativeReanimated.useAnimatedStyle(() => {
+    "worklet";
+    if (disabled || isReduced) return {};
+    return {
+      transform: [
+        { scale: reactNativeReanimated.interpolate(pressed.value, [0, 1], [1, pressedScale]) }
+      ],
+      opacity: reactNativeReanimated.interpolate(pressed.value, [0, 1], [1, pressedOpacity])
+    };
+  });
+  const handlers = {
+    onPressIn: () => {
+      "worklet";
+      pressed.value = reactNativeReanimated.withSpring(1, SPRING_SNAPPY);
+    },
+    onPressOut: () => {
+      "worklet";
+      pressed.value = reactNativeReanimated.withSpring(0, SPRING_SNAPPY);
+    }
+  };
+  return { animatedStyle, handlers };
+}
+function useEntranceAnimation({
+  variant = "fade",
+  delay = 0,
+  slideOffset = 20,
+  visible = true
+} = {}) {
+  const isReduced = useReducedMotion();
+  const progress = reactNativeReanimated.useSharedValue(visible ? 1 : 0);
+  react.useEffect(() => {
+    const timer = delay > 0 ? setTimeout(animate, delay) : null;
+    if (!timer) animate();
+    return () => {
+      if (timer) clearTimeout(timer);
+    };
+    function animate() {
+      if (isReduced) {
+        progress.value = visible ? 1 : 0;
+      } else {
+        progress.value = visible ? reactNativeReanimated.withSpring(1, SPRING_REVEAL) : reactNativeReanimated.withTiming(0, TIMING_ENTER);
+      }
+    }
+  }, [visible, isReduced, delay]);
+  return reactNativeReanimated.useAnimatedStyle(() => {
+    "worklet";
+    if (variant === "none") return {};
+    const opacity = reactNativeReanimated.interpolate(progress.value, [0, 1], [0, 1]);
+    if (variant === "fade") {
+      return { opacity };
+    }
+    if (variant === "scale") {
+      return {
+        opacity,
+        transform: [{ scale: reactNativeReanimated.interpolate(progress.value, [0, 1], [0.92, 1]) }]
+      };
+    }
+    if (variant === "slideUp") {
+      return {
+        opacity,
+        transform: [
+          { translateY: reactNativeReanimated.interpolate(progress.value, [0, 1], [slideOffset, 0]) }
+        ]
+      };
+    }
+    if (variant === "slideDown") {
+      return {
+        opacity,
+        transform: [
+          { translateY: reactNativeReanimated.interpolate(progress.value, [0, 1], [-slideOffset, 0]) }
+        ]
+      };
+    }
+    return { opacity };
+  });
+}
+
+Object.defineProperty(exports, "springs", {
+  enumerable: true,
+  get: function () { return reactnativelyTheme.springs; }
+});
+exports.SPRING_BOUNCE = SPRING_BOUNCE;
+exports.SPRING_LIQUID = SPRING_LIQUID;
+exports.SPRING_PRECISE = SPRING_PRECISE;
+exports.SPRING_REVEAL = SPRING_REVEAL;
+exports.SPRING_SNAPPY = SPRING_SNAPPY;
+exports.TIMING_BLUR_IN = TIMING_BLUR_IN;
+exports.TIMING_BLUR_OUT = TIMING_BLUR_OUT;
+exports.TIMING_ENTER = TIMING_ENTER;
+exports.TIMING_EXIT = TIMING_EXIT;
+exports.TIMING_FAST = TIMING_FAST;
+exports.TIMING_NORMAL = TIMING_NORMAL;
+exports.TIMING_SLOW = TIMING_SLOW;
+exports.useDuration = useDuration;
+exports.useEntranceAnimation = useEntranceAnimation;
+exports.usePressAnimation = usePressAnimation;
+exports.useReducedMotion = useReducedMotion;
+exports.useSpring = useSpring;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets/spring.ts","../src/presets/timing.ts","../src/hooks/useReducedMotion.ts","../src/hooks/usePressAnimation.ts","../src/hooks/useEntranceAnimation.ts"],"names":["springTokens","Easing","durationTokens","easingTokens","useReanimatedReducedMotion","reducedMotion","springs","duration","useSharedValue","useAnimatedStyle","interpolate","withSpring","useEffect","withTiming"],"mappings":";;;;;;;AAIO,IAAM,gBAAmCA,0BAAA,CAAa;AACtD,IAAM,gBAAmCA,0BAAA,CAAa;AACtD,IAAM,gBAAmCA,0BAAA,CAAa;AACtD,IAAM,gBAAmCA,0BAAA,CAAa;AACtD,IAAM,iBAAmCA,0BAAA,CAAa;ACL7D,SAAS,OAAO,GAAA,EAA0D;AACxE,EAAA,MAAM,CAAC,KAAK,CAAA,EAAG,EAAA,GAAK,GAAG,EAAA,GAAK,CAAA,EAAG,EAAA,GAAK,CAAC,CAAA,GAAI,GAAA;AACzC,EAAA,OAAOC,4BAAA,CAAO,MAAA,CAAO,EAAA,EAAI,EAAA,EAAI,IAAI,EAAE,CAAA;AACrC;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUC,2BAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,aAAA,GAAkC;AAAA,EAC7C,UAAUD,2BAAA,CAAe,MAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUD,2BAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,YAAA,GAAiC;AAAA,EAC5C,UAAUD,2BAAA,CAAe,KAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUD,2BAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,cAAA,GAAmC;AAAA,EAC9C,UAAUD,2BAAA,CAAe,MAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,eAAA,GAAoC;AAAA,EAC/C,UAAUD,2BAAA,CAAe,OAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,yBAAA,CAAa,UAAU;AAC1C;ACrCO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,OAAOC,sCAAA,EAA2B;AACpC;AAGO,SAAS,UAAU,GAAA,EAAyC;AACjE,EAAA,MAAM,YAAYA,sCAAA,EAA2B;AAC7C,EAAA,OAAO,YACFC,gCAAA,CAAc,OAAA,CAAQ,GAAG,CAAA,GAC1BC,2BAAQ,GAAG,CAAA;AACjB;AAGO,SAAS,YAAY,GAAA,EAAoC;AAC9D,EAAA,MAAM,YAAYF,sCAAA,EAA2B;AAC7C,EAAA,IAAI,SAAA,IAAa,GAAA,IAAOC,gCAAA,CAAc,QAAA,EAAU;AAC9C,IAAA,OAAOA,gCAAA,CAAc,SAAS,GAA0C,CAAA;AAAA,EAC1E;AACA,EAAA,OAAOE,4BAAS,GAAG,CAAA;AACrB;ACKO,SAAS,iBAAA,CAAkB;AAAA,EAChC,YAAA,GAAiB,IAAA;AAAA,EACjB,cAAA,GAAiB,IAAA;AAAA,EACjB,QAAA,GAAiB;AACnB,CAAA,GAA0B,EAAC,EAAyB;AAClD,EAAA,MAAM,YAAY,gBAAA,EAAiB;AACnC,EAAA,MAAM,OAAA,GAAYC,qCAAe,CAAC,CAAA;AAElC,EAAA,MAAM,aAAA,GAAgBC,uCAAiB,MAAiB;AACtD,IAAA,SAAA;AACA,IAAA,IAAI,QAAA,IAAY,SAAA,EAAW,OAAO,EAAC;AACnC,IAAA,OAAO;AAAA,MACL,SAAA,EAAW;AAAA,QACT,EAAE,KAAA,EAAOC,iCAAA,CAAY,OAAA,CAAQ,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,YAAY,CAAC,CAAA;AAAE,OACjE;AAAA,MACA,OAAA,EAASA,iCAAA,CAAY,OAAA,CAAQ,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,cAAc,CAAC;AAAA,KACjE;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,WAAW,MAAM;AACf,MAAA,SAAA;AACA,MAAA,OAAA,CAAQ,KAAA,GAAQC,gCAAA,CAAW,CAAA,EAAG,aAAa,CAAA;AAAA,IAC7C,CAAA;AAAA,IACA,YAAY,MAAM;AAChB,MAAA,SAAA;AACA,MAAA,OAAA,CAAQ,KAAA,GAAQA,gCAAA,CAAW,CAAA,EAAG,aAAa,CAAA;AAAA,IAC7C;AAAA,GACF;AAEA,EAAA,OAAO,EAAE,eAAe,QAAA,EAAS;AACnC;ACpCO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA,GAAc,MAAA;AAAA,EACd,KAAA,GAAc,CAAA;AAAA,EACd,WAAA,GAAc,EAAA;AAAA,EACd,OAAA,GAAc;AAChB,CAAA,GAA6B,EAAC,EAA6B;AACzD,EAAA,MAAM,YAAY,gBAAA,EAAiB;AACnC,EAAA,MAAM,QAAA,GAAYH,oCAAAA,CAAe,OAAA,GAAU,CAAA,GAAI,CAAC,CAAA;AAEhD,EAAAI,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,KAAA,GAAQ,CAAA,GAAI,UAAA,CAAW,OAAA,EAAS,KAAK,CAAA,GAAI,IAAA;AACvD,IAAA,IAAI,CAAC,OAAO,OAAA,EAAQ;AACpB,IAAA,OAAO,MAAM;AAAE,MAAA,IAAI,KAAA,eAAoB,KAAK,CAAA;AAAA,IAAG,CAAA;AAE/C,IAAA,SAAS,OAAA,GAAU;AACjB,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,QAAA,CAAS,KAAA,GAAQ,UAAU,CAAA,GAAI,CAAA;AAAA,MACjC,CAAA,MAAO;AACL,QAAA,QAAA,CAAS,KAAA,GAAQ,UACbD,gCAAAA,CAAW,CAAA,EAAG,aAAa,CAAA,GAC3BE,gCAAA,CAAW,GAAG,YAAY,CAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,SAAA,EAAW,KAAK,CAAC,CAAA;AAE9B,EAAA,OAAOJ,uCAAiB,MAAiB;AACvC,IAAA,SAAA;AACA,IAAA,IAAI,OAAA,KAAY,MAAA,EAAQ,OAAO,EAAC;AAEhC,IAAA,MAAM,OAAA,GAAUC,iCAAAA,CAAY,QAAA,CAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAC,CAAA;AAE1D,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,EAAE,OAAA,EAAQ;AAAA,IACnB;AAEA,IAAA,IAAI,YAAY,OAAA,EAAS;AACvB,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,WAAW,CAAC,EAAE,KAAA,EAAOA,iCAAAA,CAAY,SAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,GAAG,CAAC,IAAA,EAAM,CAAC,CAAC,GAAG;AAAA,OACvE;AAAA,IACF;AAEA,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,EAAE,UAAA,EAAYA,iCAAAA,CAAY,QAAA,CAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,WAAA,EAAa,CAAC,CAAC,CAAA;AAAE;AACtE,OACF;AAAA,IACF;AAEA,IAAA,IAAI,YAAY,WAAA,EAAa;AAC3B,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,EAAE,UAAA,EAAYA,iCAAAA,CAAY,QAAA,CAAS,OAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAC,WAAA,EAAa,CAAC,CAAC,CAAA;AAAE;AACvE,OACF;AAAA,IACF;AAEA,IAAA,OAAO,EAAE,OAAA,EAAQ;AAAA,EACnB,CAAC,CAAA;AACH","file":"index.js","sourcesContent":["import type { WithSpringConfig } from 'react-native-reanimated';\nimport { springs as springTokens } from 'reactnatively-theme';\n\n// Re-export typed spring configs for Reanimated's withSpring\nexport const SPRING_SNAPPY: WithSpringConfig  = springTokens.snappy;\nexport const SPRING_LIQUID: WithSpringConfig  = springTokens.liquid;\nexport const SPRING_REVEAL: WithSpringConfig  = springTokens.reveal;\nexport const SPRING_BOUNCE: WithSpringConfig  = springTokens.bounce;\nexport const SPRING_PRECISE: WithSpringConfig = springTokens.precise;\n\nexport { springTokens as springs };\n","import { Easing, type WithTimingConfig } from 'react-native-reanimated';\nimport { duration as durationTokens, easing as easingTokens } from 'reactnatively-theme';\n\nfunction bezier(arr: readonly number[]): ReturnType<typeof Easing.bezier> {\n  const [x1 = 0, y1 = 0, x2 = 1, y2 = 1] = arr;\n  return Easing.bezier(x1, y1, x2, y2);\n}\n\nexport const TIMING_FAST: WithTimingConfig = {\n  duration: durationTokens.fast,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_NORMAL: WithTimingConfig = {\n  duration: durationTokens.normal,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_SLOW: WithTimingConfig = {\n  duration: durationTokens.slow,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_ENTER: WithTimingConfig = {\n  duration: durationTokens.enter,\n  easing:   bezier(easingTokens.decelerate),\n};\n\nexport const TIMING_EXIT: WithTimingConfig = {\n  duration: durationTokens.exit,\n  easing:   bezier(easingTokens.accelerate),\n};\n\nexport const TIMING_BLUR_IN: WithTimingConfig = {\n  duration: durationTokens.blurIn,\n  easing:   bezier(easingTokens.decelerate),\n};\n\nexport const TIMING_BLUR_OUT: WithTimingConfig = {\n  duration: durationTokens.blurOut,\n  easing:   bezier(easingTokens.accelerate),\n};\n","import { useReducedMotion as useReanimatedReducedMotion } from 'react-native-reanimated';\nimport { reducedMotion, springs, duration } from 'reactnatively-theme';\nimport type { SpringConfig } from 'reactnatively-theme';\n\nexport function useReducedMotion(): boolean {\n  return useReanimatedReducedMotion();\n}\n\n// Returns the correct spring config — reduced if the user has the system setting on\nexport function useSpring(key: keyof typeof springs): SpringConfig {\n  const isReduced = useReanimatedReducedMotion();\n  return isReduced\n    ? (reducedMotion.springs[key] as unknown as SpringConfig)\n    : springs[key];\n}\n\n// Returns the correct duration — collapsed if reduced motion is on\nexport function useDuration(key: keyof typeof duration): number {\n  const isReduced = useReanimatedReducedMotion();\n  if (isReduced && key in reducedMotion.duration) {\n    return reducedMotion.duration[key as keyof typeof reducedMotion.duration];\n  }\n  return duration[key];\n}\n","import {\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  interpolate,\n  type AnimatedStyle,\n} from 'react-native-reanimated';\nimport type { ViewStyle } from 'react-native';\nimport { SPRING_SNAPPY } from '../presets/spring';\nimport { useReducedMotion } from './useReducedMotion';\n\nexport interface PressAnimationConfig {\n  // How much the element scales down on press (0.94 = 6% smaller)\n  pressedScale?: number;\n  // Opacity at peak press\n  pressedOpacity?: number;\n  // Whether to animate\n  disabled?: boolean;\n}\n\nexport interface PressAnimationResult {\n  animatedStyle: AnimatedStyle<ViewStyle>;\n  handlers: {\n    onPressIn: () => void;\n    onPressOut: () => void;\n  };\n}\n\nexport function usePressAnimation({\n  pressedScale   = 0.96,\n  pressedOpacity = 0.88,\n  disabled       = false,\n}: PressAnimationConfig = {}): PressAnimationResult {\n  const isReduced = useReducedMotion();\n  const pressed   = useSharedValue(0);\n\n  const animatedStyle = useAnimatedStyle((): ViewStyle => {\n    'worklet';\n    if (disabled || isReduced) return {};\n    return {\n      transform: [\n        { scale: interpolate(pressed.value, [0, 1], [1, pressedScale]) },\n      ],\n      opacity: interpolate(pressed.value, [0, 1], [1, pressedOpacity]),\n    };\n  });\n\n  const handlers = {\n    onPressIn: () => {\n      'worklet';\n      pressed.value = withSpring(1, SPRING_SNAPPY);\n    },\n    onPressOut: () => {\n      'worklet';\n      pressed.value = withSpring(0, SPRING_SNAPPY);\n    },\n  };\n\n  return { animatedStyle, handlers };\n}\n","import { useEffect } from 'react';\nimport {\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n  interpolate,\n  type AnimatedStyle,\n} from 'react-native-reanimated';\nimport type { ViewStyle } from 'react-native';\nimport { SPRING_REVEAL } from '../presets/spring';\nimport { TIMING_ENTER } from '../presets/timing';\nimport { useReducedMotion } from './useReducedMotion';\n\nexport type EntranceVariant = 'fade' | 'slideUp' | 'slideDown' | 'scale' | 'none';\n\nexport interface EntranceAnimationConfig {\n  variant?:     EntranceVariant;\n  delay?:       number;\n  slideOffset?: number;\n  visible?:     boolean;\n}\n\nexport function useEntranceAnimation({\n  variant     = 'fade',\n  delay       = 0,\n  slideOffset = 20,\n  visible     = true,\n}: EntranceAnimationConfig = {}): AnimatedStyle<ViewStyle> {\n  const isReduced = useReducedMotion();\n  const progress  = useSharedValue(visible ? 1 : 0);\n\n  useEffect(() => {\n    const timer = delay > 0 ? setTimeout(animate, delay) : null;\n    if (!timer) animate();\n    return () => { if (timer) clearTimeout(timer); };\n\n    function animate() {\n      if (isReduced) {\n        progress.value = visible ? 1 : 0;\n      } else {\n        progress.value = visible\n          ? withSpring(1, SPRING_REVEAL)\n          : withTiming(0, TIMING_ENTER);\n      }\n    }\n  }, [visible, isReduced, delay]);\n\n  return useAnimatedStyle((): ViewStyle => {\n    'worklet';\n    if (variant === 'none') return {};\n\n    const opacity = interpolate(progress.value, [0, 1], [0, 1]);\n\n    if (variant === 'fade') {\n      return { opacity };\n    }\n\n    if (variant === 'scale') {\n      return {\n        opacity,\n        transform: [{ scale: interpolate(progress.value, [0, 1], [0.92, 1]) }],\n      };\n    }\n\n    if (variant === 'slideUp') {\n      return {\n        opacity,\n        transform: [\n          { translateY: interpolate(progress.value, [0, 1], [slideOffset, 0]) },\n        ],\n      };\n    }\n\n    if (variant === 'slideDown') {\n      return {\n        opacity,\n        transform: [\n          { translateY: interpolate(progress.value, [0, 1], [-slideOffset, 0]) },\n        ],\n      };\n    }\n\n    return { opacity };\n  });\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,144 @@
+import { springs, easing, duration, reducedMotion } from 'reactnatively-theme';
+export { springs } from 'reactnatively-theme';
+import { Easing, useReducedMotion as useReducedMotion$1, useSharedValue, useAnimatedStyle, interpolate, withSpring, withTiming } from 'react-native-reanimated';
+import { useEffect } from 'react';
+
+// src/presets/spring.ts
+var SPRING_SNAPPY = springs.snappy;
+var SPRING_LIQUID = springs.liquid;
+var SPRING_REVEAL = springs.reveal;
+var SPRING_BOUNCE = springs.bounce;
+var SPRING_PRECISE = springs.precise;
+function bezier(arr) {
+  const [x1 = 0, y1 = 0, x2 = 1, y2 = 1] = arr;
+  return Easing.bezier(x1, y1, x2, y2);
+}
+var TIMING_FAST = {
+  duration: duration.fast,
+  easing: bezier(easing.standard)
+};
+var TIMING_NORMAL = {
+  duration: duration.normal,
+  easing: bezier(easing.standard)
+};
+var TIMING_SLOW = {
+  duration: duration.slow,
+  easing: bezier(easing.standard)
+};
+var TIMING_ENTER = {
+  duration: duration.enter,
+  easing: bezier(easing.decelerate)
+};
+var TIMING_EXIT = {
+  duration: duration.exit,
+  easing: bezier(easing.accelerate)
+};
+var TIMING_BLUR_IN = {
+  duration: duration.blurIn,
+  easing: bezier(easing.decelerate)
+};
+var TIMING_BLUR_OUT = {
+  duration: duration.blurOut,
+  easing: bezier(easing.accelerate)
+};
+function useReducedMotion() {
+  return useReducedMotion$1();
+}
+function useSpring(key) {
+  const isReduced = useReducedMotion$1();
+  return isReduced ? reducedMotion.springs[key] : springs[key];
+}
+function useDuration(key) {
+  const isReduced = useReducedMotion$1();
+  if (isReduced && key in reducedMotion.duration) {
+    return reducedMotion.duration[key];
+  }
+  return duration[key];
+}
+function usePressAnimation({
+  pressedScale = 0.96,
+  pressedOpacity = 0.88,
+  disabled = false
+} = {}) {
+  const isReduced = useReducedMotion();
+  const pressed = useSharedValue(0);
+  const animatedStyle = useAnimatedStyle(() => {
+    "worklet";
+    if (disabled || isReduced) return {};
+    return {
+      transform: [
+        { scale: interpolate(pressed.value, [0, 1], [1, pressedScale]) }
+      ],
+      opacity: interpolate(pressed.value, [0, 1], [1, pressedOpacity])
+    };
+  });
+  const handlers = {
+    onPressIn: () => {
+      "worklet";
+      pressed.value = withSpring(1, SPRING_SNAPPY);
+    },
+    onPressOut: () => {
+      "worklet";
+      pressed.value = withSpring(0, SPRING_SNAPPY);
+    }
+  };
+  return { animatedStyle, handlers };
+}
+function useEntranceAnimation({
+  variant = "fade",
+  delay = 0,
+  slideOffset = 20,
+  visible = true
+} = {}) {
+  const isReduced = useReducedMotion();
+  const progress = useSharedValue(visible ? 1 : 0);
+  useEffect(() => {
+    const timer = delay > 0 ? setTimeout(animate, delay) : null;
+    if (!timer) animate();
+    return () => {
+      if (timer) clearTimeout(timer);
+    };
+    function animate() {
+      if (isReduced) {
+        progress.value = visible ? 1 : 0;
+      } else {
+        progress.value = visible ? withSpring(1, SPRING_REVEAL) : withTiming(0, TIMING_ENTER);
+      }
+    }
+  }, [visible, isReduced, delay]);
+  return useAnimatedStyle(() => {
+    "worklet";
+    if (variant === "none") return {};
+    const opacity = interpolate(progress.value, [0, 1], [0, 1]);
+    if (variant === "fade") {
+      return { opacity };
+    }
+    if (variant === "scale") {
+      return {
+        opacity,
+        transform: [{ scale: interpolate(progress.value, [0, 1], [0.92, 1]) }]
+      };
+    }
+    if (variant === "slideUp") {
+      return {
+        opacity,
+        transform: [
+          { translateY: interpolate(progress.value, [0, 1], [slideOffset, 0]) }
+        ]
+      };
+    }
+    if (variant === "slideDown") {
+      return {
+        opacity,
+        transform: [
+          { translateY: interpolate(progress.value, [0, 1], [-slideOffset, 0]) }
+        ]
+      };
+    }
+    return { opacity };
+  });
+}
+
+export { SPRING_BOUNCE, SPRING_LIQUID, SPRING_PRECISE, SPRING_REVEAL, SPRING_SNAPPY, TIMING_BLUR_IN, TIMING_BLUR_OUT, TIMING_ENTER, TIMING_EXIT, TIMING_FAST, TIMING_NORMAL, TIMING_SLOW, useDuration, useEntranceAnimation, usePressAnimation, useReducedMotion, useSpring };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets/spring.ts","../src/presets/timing.ts","../src/hooks/useReducedMotion.ts","../src/hooks/usePressAnimation.ts","../src/hooks/useEntranceAnimation.ts"],"names":["springTokens","durationTokens","easingTokens","useReanimatedReducedMotion","useSharedValue","withSpring","useAnimatedStyle","interpolate"],"mappings":";;;;;;AAIO,IAAM,gBAAmCA,OAAA,CAAa;AACtD,IAAM,gBAAmCA,OAAA,CAAa;AACtD,IAAM,gBAAmCA,OAAA,CAAa;AACtD,IAAM,gBAAmCA,OAAA,CAAa;AACtD,IAAM,iBAAmCA,OAAA,CAAa;ACL7D,SAAS,OAAO,GAAA,EAA0D;AACxE,EAAA,MAAM,CAAC,KAAK,CAAA,EAAG,EAAA,GAAK,GAAG,EAAA,GAAK,CAAA,EAAG,EAAA,GAAK,CAAC,CAAA,GAAI,GAAA;AACzC,EAAA,OAAO,MAAA,CAAO,MAAA,CAAO,EAAA,EAAI,EAAA,EAAI,IAAI,EAAE,CAAA;AACrC;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUC,QAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,aAAA,GAAkC;AAAA,EAC7C,UAAUD,QAAA,CAAe,MAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUD,QAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,QAAQ;AACxC;AAEO,IAAM,YAAA,GAAiC;AAAA,EAC5C,UAAUD,QAAA,CAAe,KAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,WAAA,GAAgC;AAAA,EAC3C,UAAUD,QAAA,CAAe,IAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,cAAA,GAAmC;AAAA,EAC9C,UAAUD,QAAA,CAAe,MAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,UAAU;AAC1C;AAEO,IAAM,eAAA,GAAoC;AAAA,EAC/C,UAAUD,QAAA,CAAe,OAAA;AAAA,EACzB,MAAA,EAAU,MAAA,CAAOC,MAAA,CAAa,UAAU;AAC1C;ACrCO,SAAS,gBAAA,GAA4B;AAC1C,EAAA,OAAOC,kBAAA,EAA2B;AACpC;AAGO,SAAS,UAAU,GAAA,EAAyC;AACjE,EAAA,MAAM,YAAYA,kBAAA,EAA2B;AAC7C,EAAA,OAAO,YACF,aAAA,CAAc,OAAA,CAAQ,GAAG,CAAA,GAC1B,QAAQ,GAAG,CAAA;AACjB;AAGO,SAAS,YAAY,GAAA,EAAoC;AAC9D,EAAA,MAAM,YAAYA,kBAAA,EAA2B;AAC7C,EAAA,IAAI,SAAA,IAAa,GAAA,IAAO,aAAA,CAAc,QAAA,EAAU;AAC9C,IAAA,OAAO,aAAA,CAAc,SAAS,GAA0C,CAAA;AAAA,EAC1E;AACA,EAAA,OAAO,SAAS,GAAG,CAAA;AACrB;ACKO,SAAS,iBAAA,CAAkB;AAAA,EAChC,YAAA,GAAiB,IAAA;AAAA,EACjB,cAAA,GAAiB,IAAA;AAAA,EACjB,QAAA,GAAiB;AACnB,CAAA,GAA0B,EAAC,EAAyB;AAClD,EAAA,MAAM,YAAY,gBAAA,EAAiB;AACnC,EAAA,MAAM,OAAA,GAAY,eAAe,CAAC,CAAA;AAElC,EAAA,MAAM,aAAA,GAAgB,iBAAiB,MAAiB;AACtD,IAAA,SAAA;AACA,IAAA,IAAI,QAAA,IAAY,SAAA,EAAW,OAAO,EAAC;AACnC,IAAA,OAAO;AAAA,MACL,SAAA,EAAW;AAAA,QACT,EAAE,KAAA,EAAO,WAAA,CAAY,OAAA,CAAQ,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,YAAY,CAAC,CAAA;AAAE,OACjE;AAAA,MACA,OAAA,EAAS,WAAA,CAAY,OAAA,CAAQ,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,cAAc,CAAC;AAAA,KACjE;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,QAAA,GAAW;AAAA,IACf,WAAW,MAAM;AACf,MAAA,SAAA;AACA,MAAA,OAAA,CAAQ,KAAA,GAAQ,UAAA,CAAW,CAAA,EAAG,aAAa,CAAA;AAAA,IAC7C,CAAA;AAAA,IACA,YAAY,MAAM;AAChB,MAAA,SAAA;AACA,MAAA,OAAA,CAAQ,KAAA,GAAQ,UAAA,CAAW,CAAA,EAAG,aAAa,CAAA;AAAA,IAC7C;AAAA,GACF;AAEA,EAAA,OAAO,EAAE,eAAe,QAAA,EAAS;AACnC;ACpCO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA,GAAc,MAAA;AAAA,EACd,KAAA,GAAc,CAAA;AAAA,EACd,WAAA,GAAc,EAAA;AAAA,EACd,OAAA,GAAc;AAChB,CAAA,GAA6B,EAAC,EAA6B;AACzD,EAAA,MAAM,YAAY,gBAAA,EAAiB;AACnC,EAAA,MAAM,QAAA,GAAYC,cAAAA,CAAe,OAAA,GAAU,CAAA,GAAI,CAAC,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,QAAQ,KAAA,GAAQ,CAAA,GAAI,UAAA,CAAW,OAAA,EAAS,KAAK,CAAA,GAAI,IAAA;AACvD,IAAA,IAAI,CAAC,OAAO,OAAA,EAAQ;AACpB,IAAA,OAAO,MAAM;AAAE,MAAA,IAAI,KAAA,eAAoB,KAAK,CAAA;AAAA,IAAG,CAAA;AAE/C,IAAA,SAAS,OAAA,GAAU;AACjB,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,QAAA,CAAS,KAAA,GAAQ,UAAU,CAAA,GAAI,CAAA;AAAA,MACjC,CAAA,MAAO;AACL,QAAA,QAAA,CAAS,KAAA,GAAQ,UACbC,UAAAA,CAAW,CAAA,EAAG,aAAa,CAAA,GAC3B,UAAA,CAAW,GAAG,YAAY,CAAA;AAAA,MAChC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,SAAA,EAAW,KAAK,CAAC,CAAA;AAE9B,EAAA,OAAOC,iBAAiB,MAAiB;AACvC,IAAA,SAAA;AACA,IAAA,IAAI,OAAA,KAAY,MAAA,EAAQ,OAAO,EAAC;AAEhC,IAAA,MAAM,OAAA,GAAUC,WAAAA,CAAY,QAAA,CAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAC,CAAA;AAE1D,IAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,MAAA,OAAO,EAAE,OAAA,EAAQ;AAAA,IACnB;AAEA,IAAA,IAAI,YAAY,OAAA,EAAS;AACvB,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,WAAW,CAAC,EAAE,KAAA,EAAOA,WAAAA,CAAY,SAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,GAAG,CAAC,IAAA,EAAM,CAAC,CAAC,GAAG;AAAA,OACvE;AAAA,IACF;AAEA,IAAA,IAAI,YAAY,SAAA,EAAW;AACzB,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,EAAE,UAAA,EAAYA,WAAAA,CAAY,QAAA,CAAS,KAAA,EAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,WAAA,EAAa,CAAC,CAAC,CAAA;AAAE;AACtE,OACF;AAAA,IACF;AAEA,IAAA,IAAI,YAAY,WAAA,EAAa;AAC3B,MAAA,OAAO;AAAA,QACL,OAAA;AAAA,QACA,SAAA,EAAW;AAAA,UACT,EAAE,UAAA,EAAYA,WAAAA,CAAY,QAAA,CAAS,OAAO,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,CAAC,CAAC,WAAA,EAAa,CAAC,CAAC,CAAA;AAAE;AACvE,OACF;AAAA,IACF;AAEA,IAAA,OAAO,EAAE,OAAA,EAAQ;AAAA,EACnB,CAAC,CAAA;AACH","file":"index.mjs","sourcesContent":["import type { WithSpringConfig } from 'react-native-reanimated';\nimport { springs as springTokens } from 'reactnatively-theme';\n\n// Re-export typed spring configs for Reanimated's withSpring\nexport const SPRING_SNAPPY: WithSpringConfig  = springTokens.snappy;\nexport const SPRING_LIQUID: WithSpringConfig  = springTokens.liquid;\nexport const SPRING_REVEAL: WithSpringConfig  = springTokens.reveal;\nexport const SPRING_BOUNCE: WithSpringConfig  = springTokens.bounce;\nexport const SPRING_PRECISE: WithSpringConfig = springTokens.precise;\n\nexport { springTokens as springs };\n","import { Easing, type WithTimingConfig } from 'react-native-reanimated';\nimport { duration as durationTokens, easing as easingTokens } from 'reactnatively-theme';\n\nfunction bezier(arr: readonly number[]): ReturnType<typeof Easing.bezier> {\n  const [x1 = 0, y1 = 0, x2 = 1, y2 = 1] = arr;\n  return Easing.bezier(x1, y1, x2, y2);\n}\n\nexport const TIMING_FAST: WithTimingConfig = {\n  duration: durationTokens.fast,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_NORMAL: WithTimingConfig = {\n  duration: durationTokens.normal,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_SLOW: WithTimingConfig = {\n  duration: durationTokens.slow,\n  easing:   bezier(easingTokens.standard),\n};\n\nexport const TIMING_ENTER: WithTimingConfig = {\n  duration: durationTokens.enter,\n  easing:   bezier(easingTokens.decelerate),\n};\n\nexport const TIMING_EXIT: WithTimingConfig = {\n  duration: durationTokens.exit,\n  easing:   bezier(easingTokens.accelerate),\n};\n\nexport const TIMING_BLUR_IN: WithTimingConfig = {\n  duration: durationTokens.blurIn,\n  easing:   bezier(easingTokens.decelerate),\n};\n\nexport const TIMING_BLUR_OUT: WithTimingConfig = {\n  duration: durationTokens.blurOut,\n  easing:   bezier(easingTokens.accelerate),\n};\n","import { useReducedMotion as useReanimatedReducedMotion } from 'react-native-reanimated';\nimport { reducedMotion, springs, duration } from 'reactnatively-theme';\nimport type { SpringConfig } from 'reactnatively-theme';\n\nexport function useReducedMotion(): boolean {\n  return useReanimatedReducedMotion();\n}\n\n// Returns the correct spring config — reduced if the user has the system setting on\nexport function useSpring(key: keyof typeof springs): SpringConfig {\n  const isReduced = useReanimatedReducedMotion();\n  return isReduced\n    ? (reducedMotion.springs[key] as unknown as SpringConfig)\n    : springs[key];\n}\n\n// Returns the correct duration — collapsed if reduced motion is on\nexport function useDuration(key: keyof typeof duration): number {\n  const isReduced = useReanimatedReducedMotion();\n  if (isReduced && key in reducedMotion.duration) {\n    return reducedMotion.duration[key as keyof typeof reducedMotion.duration];\n  }\n  return duration[key];\n}\n","import {\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  interpolate,\n  type AnimatedStyle,\n} from 'react-native-reanimated';\nimport type { ViewStyle } from 'react-native';\nimport { SPRING_SNAPPY } from '../presets/spring';\nimport { useReducedMotion } from './useReducedMotion';\n\nexport interface PressAnimationConfig {\n  // How much the element scales down on press (0.94 = 6% smaller)\n  pressedScale?: number;\n  // Opacity at peak press\n  pressedOpacity?: number;\n  // Whether to animate\n  disabled?: boolean;\n}\n\nexport interface PressAnimationResult {\n  animatedStyle: AnimatedStyle<ViewStyle>;\n  handlers: {\n    onPressIn: () => void;\n    onPressOut: () => void;\n  };\n}\n\nexport function usePressAnimation({\n  pressedScale   = 0.96,\n  pressedOpacity = 0.88,\n  disabled       = false,\n}: PressAnimationConfig = {}): PressAnimationResult {\n  const isReduced = useReducedMotion();\n  const pressed   = useSharedValue(0);\n\n  const animatedStyle = useAnimatedStyle((): ViewStyle => {\n    'worklet';\n    if (disabled || isReduced) return {};\n    return {\n      transform: [\n        { scale: interpolate(pressed.value, [0, 1], [1, pressedScale]) },\n      ],\n      opacity: interpolate(pressed.value, [0, 1], [1, pressedOpacity]),\n    };\n  });\n\n  const handlers = {\n    onPressIn: () => {\n      'worklet';\n      pressed.value = withSpring(1, SPRING_SNAPPY);\n    },\n    onPressOut: () => {\n      'worklet';\n      pressed.value = withSpring(0, SPRING_SNAPPY);\n    },\n  };\n\n  return { animatedStyle, handlers };\n}\n","import { useEffect } from 'react';\nimport {\n  useSharedValue,\n  useAnimatedStyle,\n  withSpring,\n  withTiming,\n  interpolate,\n  type AnimatedStyle,\n} from 'react-native-reanimated';\nimport type { ViewStyle } from 'react-native';\nimport { SPRING_REVEAL } from '../presets/spring';\nimport { TIMING_ENTER } from '../presets/timing';\nimport { useReducedMotion } from './useReducedMotion';\n\nexport type EntranceVariant = 'fade' | 'slideUp' | 'slideDown' | 'scale' | 'none';\n\nexport interface EntranceAnimationConfig {\n  variant?:     EntranceVariant;\n  delay?:       number;\n  slideOffset?: number;\n  visible?:     boolean;\n}\n\nexport function useEntranceAnimation({\n  variant     = 'fade',\n  delay       = 0,\n  slideOffset = 20,\n  visible     = true,\n}: EntranceAnimationConfig = {}): AnimatedStyle<ViewStyle> {\n  const isReduced = useReducedMotion();\n  const progress  = useSharedValue(visible ? 1 : 0);\n\n  useEffect(() => {\n    const timer = delay > 0 ? setTimeout(animate, delay) : null;\n    if (!timer) animate();\n    return () => { if (timer) clearTimeout(timer); };\n\n    function animate() {\n      if (isReduced) {\n        progress.value = visible ? 1 : 0;\n      } else {\n        progress.value = visible\n          ? withSpring(1, SPRING_REVEAL)\n          : withTiming(0, TIMING_ENTER);\n      }\n    }\n  }, [visible, isReduced, delay]);\n\n  return useAnimatedStyle((): ViewStyle => {\n    'worklet';\n    if (variant === 'none') return {};\n\n    const opacity = interpolate(progress.value, [0, 1], [0, 1]);\n\n    if (variant === 'fade') {\n      return { opacity };\n    }\n\n    if (variant === 'scale') {\n      return {\n        opacity,\n        transform: [{ scale: interpolate(progress.value, [0, 1], [0.92, 1]) }],\n      };\n    }\n\n    if (variant === 'slideUp') {\n      return {\n        opacity,\n        transform: [\n          { translateY: interpolate(progress.value, [0, 1], [slideOffset, 0]) },\n        ],\n      };\n    }\n\n    if (variant === 'slideDown') {\n      return {\n        opacity,\n        transform: [\n          { translateY: interpolate(progress.value, [0, 1], [-slideOffset, 0]) },\n        ],\n      };\n    }\n\n    return { opacity };\n  });\n}\n"]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "reactnatively-animations",
+  "version": "0.1.0",
+  "description": "Animation presets and hooks for the Reactnatively Liquid Glass framework",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "reactnatively-theme": "0.1.0",
+    "reactnatively-utils": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.73.0",
+    "react-native-reanimated": ">=3.6.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.2.4",
+    "typescript": "^5.5.3",
+    "@reactnatively/tsconfig": "0.0.0"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "animations",
+    "reanimated",
+    "ui",
+    "design-system",
+    "glass",
+    "liquid-glass",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/hakizimana-fred/reactnatively.git",
+    "directory": "packages/animations"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist"
+  }
+}