@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/components/pressable-feedback/pressable-feedback.animation.js

@@ -0,0 +1,291 @@
+"use strict";
+
+import { useCallback } from 'react';
+import { Easing, interpolate, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+import { useUniwind } from 'uniwind';
+import { useAnimationSettings } from "../../helpers/contexts/index.js";
+import { useCombinedAnimationDisabledState } from "../../helpers/hooks/index.js";
+import { createContext } from "../../helpers/utils/index.js";
+import { getAnimationState, getAnimationValueMergedConfig, getAnimationValueProperty, getIsAnimationDisabledValue, getRootAnimationState } from "../../helpers/utils/animation.js";
+import { BASE_RIPPLE_PROGRESS_DURATION, BASE_RIPPLE_PROGRESS_DURATION_MIN } from "./pressable-feedback.constants.js";
+const [PressableFeedbackRootAnimationProvider, usePressableFeedbackRootAnimationContext] = createContext({
+  name: 'PressableFeedbackRootAnimationContext'
+});
+export { PressableFeedbackRootAnimationProvider, usePressableFeedbackRootAnimationContext };
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for PressableFeedback root component
+ * Handles scale animation only
+ */
+export function usePressableFeedbackRootAnimation(options) {
+  const {
+    animation
+  } = options;
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getRootAnimationState(animation);
+  const isAllAnimationsDisabled = useCombinedAnimationDisabledState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Scale animation values
+  const scaleValue = getAnimationValueProperty({
+    animationValue: animationConfig?.scale,
+    property: 'value',
+    defaultValue: 0.985
+  });
+  const scaleTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.scale,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 300,
+      easing: Easing.out(Easing.ease)
+    }
+  });
+  const ignoreScaleCoefficient = getAnimationValueProperty({
+    animationValue: animationConfig?.scale,
+    property: 'ignoreScaleCoefficient',
+    defaultValue: false
+  });
+
+  // Shared values
+  const isPressed = useSharedValue(false);
+  const scale = useSharedValue(0);
+  const containerWidth = useSharedValue(0);
+  const containerHeight = useSharedValue(0);
+  const adjustedScaleValue = useDerivedValue(() => {
+    // Calculate scale coefficient to maintain consistent scale effect across different sizes
+    // Can be disabled by setting ignoreScaleCoefficient to true
+    const coefficient = ignoreScaleCoefficient ? 1 : containerWidth.get() > 0 ? 300 / containerWidth.get() : 1;
+    return 1 - (1 - scaleValue) * coefficient;
+  });
+  const animationOnPressIn = useCallback(() => {
+    isPressed.set(true);
+    scale.set(withTiming(1, scaleTimingConfig));
+  }, [isPressed, scale, scaleTimingConfig]);
+  const animationOnPressOut = useCallback(() => {
+    isPressed.set(false);
+    scale.set(withTiming(0, scaleTimingConfig));
+  }, [isPressed, scale, scaleTimingConfig]);
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue) {
+      return {
+        transform: [{
+          scale: 1
+        }]
+      };
+    }
+    return {
+      transform: [{
+        scale: interpolate(scale.get(), [0, 1], [1, adjustedScaleValue.get()])
+      }]
+    };
+  });
+  return {
+    rContainerStyle,
+    isAllAnimationsDisabled,
+    animationOnPressIn,
+    animationOnPressOut,
+    isPressed,
+    containerWidth,
+    containerHeight
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for PressableFeedback highlight overlay
+ * Handles opacity and background color animations for the highlight effect
+ */
+export function usePressableFeedbackHighlightAnimation(options) {
+  const {
+    animation
+  } = options;
+  const {
+    theme
+  } = useUniwind();
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    isPressed
+  } = usePressableFeedbackRootAnimationContext();
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+
+  // Background color
+  const defaultColor = theme === 'dark' ? '#d4d4d8' : '#3f3f46';
+  const backgroundColor = getAnimationValueProperty({
+    animationValue: animationConfig?.backgroundColor,
+    property: 'value',
+    defaultValue: defaultColor
+  });
+
+  // Opacity animation
+  const opacityValue = getAnimationValueProperty({
+    animationValue: animationConfig?.opacity,
+    property: 'value',
+    defaultValue: [0, 0.1]
+  });
+  const opacityTimingConfig = getAnimationValueMergedConfig({
+    animationValue: animationConfig?.opacity,
+    property: 'timingConfig',
+    defaultValue: {
+      duration: 200
+    }
+  });
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue) {
+      return {};
+    }
+    return {
+      backgroundColor,
+      opacity: withTiming(isPressed.get() ? opacityValue[1] : opacityValue[0], opacityTimingConfig)
+    };
+  });
+  return {
+    rContainerStyle
+  };
+}
+
+// --------------------------------------------------
+
+/**
+ * Animation hook for PressableFeedback ripple effect
+ * Handles ripple circle animation with radial gradient
+ */
+export function usePressableFeedbackRippleAnimation(options) {
+  const {
+    animation
+  } = options;
+  const {
+    theme
+  } = useUniwind();
+  const {
+    isAllAnimationsDisabled
+  } = useAnimationSettings();
+  const {
+    containerWidth,
+    containerHeight
+  } = usePressableFeedbackRootAnimationContext();
+  const pressedCenterX = useSharedValue(0);
+  const pressedCenterY = useSharedValue(0);
+  const rippleProgress = useSharedValue(0);
+  const isPressed = useSharedValue(false);
+  const {
+    animationConfig,
+    isAnimationDisabled
+  } = getAnimationState(animation);
+  const isAnimationDisabledValue = getIsAnimationDisabledValue({
+    isAnimationDisabled,
+    isAllAnimationsDisabled
+  });
+  const rippleProgressBaseDuration = getAnimationValueProperty({
+    animationValue: animationConfig?.progress,
+    property: 'baseDuration',
+    defaultValue: BASE_RIPPLE_PROGRESS_DURATION
+  });
+  const ignoreDurationCoefficient = getAnimationValueProperty({
+    animationValue: animationConfig?.progress,
+    property: 'ignoreDurationCoefficient',
+    defaultValue: false
+  });
+  const rippleProgressMinBaseDuration = getAnimationValueProperty({
+    animationValue: animationConfig?.progress,
+    property: 'minBaseDuration',
+    defaultValue: BASE_RIPPLE_PROGRESS_DURATION_MIN
+  });
+
+  // Calculate duration coefficient based on diagonal to maintain consistent ripple speed
+  const durationCoefficient = useDerivedValue(() => {
+    if (ignoreDurationCoefficient) return 1;
+    const baseDiagonal = 450;
+    const currentDiagonal = Math.sqrt(containerWidth.get() ** 2 + containerHeight.get() ** 2);
+    return currentDiagonal > 0 ? currentDiagonal / baseDiagonal : 1;
+  });
+
+  // Touch handlers for ripple
+  const animationOnTouchStart = useCallback(event => {
+    isPressed.set(true);
+    pressedCenterX.set(event.nativeEvent.locationX);
+    pressedCenterY.set(event.nativeEvent.locationY);
+    rippleProgress.set(0);
+  }, [isPressed, pressedCenterX, pressedCenterY, rippleProgress]);
+  useAnimatedReaction(() => isPressed.get(), isPressedValue => {
+    if (isPressedValue && rippleProgress.get() === 0) {
+      const adjustedDuration = Math.min(Math.max(rippleProgressBaseDuration * durationCoefficient.get(), rippleProgressMinBaseDuration), rippleProgressBaseDuration * 2);
+      rippleProgress.set(withTiming(1, {
+        duration: adjustedDuration
+      }));
+    }
+  });
+  const animationOnTouchEnd = useCallback(() => {
+    isPressed.set(false);
+    const adjustedDuration = Math.min(Math.max(rippleProgressBaseDuration * durationCoefficient.get(), rippleProgressMinBaseDuration), rippleProgressBaseDuration * 2);
+    rippleProgress.set(withTiming(2, {
+      duration: adjustedDuration
+    }));
+  }, [isPressed, rippleProgress, durationCoefficient, rippleProgressBaseDuration, rippleProgressMinBaseDuration]);
+
+  // Background color
+  const defaultColor = theme === 'dark' ? '#d4d4d8' : '#3f3f46';
+  const backgroundColor = getAnimationValueProperty({
+    animationValue: animationConfig?.backgroundColor,
+    property: 'value',
+    defaultValue: defaultColor
+  });
+
+  // Opacity animation
+  const opacityValue = getAnimationValueProperty({
+    animationValue: animationConfig?.opacity,
+    property: 'value',
+    defaultValue: [0, 0.1, 0]
+  });
+
+  // Scale animation
+  const scaleValue = getAnimationValueProperty({
+    animationValue: animationConfig?.scale,
+    property: 'value',
+    defaultValue: [0, 1, 1]
+  });
+  const rContainerStyle = useAnimatedStyle(() => {
+    if (isAnimationDisabledValue) {
+      return {};
+    }
+    const circleRadius = Math.sqrt(containerWidth.get() ** 2 + containerHeight.get() ** 2) * 1.25;
+    const translateX = pressedCenterX.get() - circleRadius;
+    const translateY = pressedCenterY.get() - circleRadius;
+    return {
+      width: circleRadius * 2,
+      height: circleRadius * 2,
+      borderRadius: circleRadius,
+      opacity: interpolate(rippleProgress.get(), [0, 1, 2], [opacityValue[0], opacityValue[1], opacityValue[2]]),
+      transform: [{
+        translateX
+      }, {
+        translateY
+      }, {
+        scale: interpolate(rippleProgress.get(), [0, 1, 2], [scaleValue[0], scaleValue[1], scaleValue[2]])
+      }]
+    };
+  });
+  return {
+    rContainerStyle,
+    backgroundColor,
+    animationOnTouchStart,
+    animationOnTouchEnd
+  };
+}
+//# sourceMappingURL=pressable-feedback.animation.js.map

package/lib/module/components/pressable-feedback/pressable-feedback.animation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","Easing","interpolate","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","useUniwind","useAnimationSettings","useCombinedAnimationDisabledState","createContext","getAnimationState","getAnimationValueMergedConfig","getAnimationValueProperty","getIsAnimationDisabledValue","getRootAnimationState","BASE_RIPPLE_PROGRESS_DURATION","BASE_RIPPLE_PROGRESS_DURATION_MIN","PressableFeedbackRootAnimationProvider","usePressableFeedbackRootAnimationContext","name","usePressableFeedbackRootAnimation","options","animation","animationConfig","isAnimationDisabled","isAllAnimationsDisabled","isAnimationDisabledValue","scaleValue","animationValue","scale","property","defaultValue","scaleTimingConfig","duration","easing","out","ease","ignoreScaleCoefficient","isPressed","containerWidth","containerHeight","adjustedScaleValue","coefficient","get","animationOnPressIn","set","animationOnPressOut","rContainerStyle","transform","usePressableFeedbackHighlightAnimation","theme","defaultColor","backgroundColor","opacityValue","opacity","opacityTimingConfig","usePressableFeedbackRippleAnimation","pressedCenterX","pressedCenterY","rippleProgress","rippleProgressBaseDuration","progress","ignoreDurationCoefficient","rippleProgressMinBaseDuration","durationCoefficient","baseDiagonal","currentDiagonal","Math","sqrt","animationOnTouchStart","event","nativeEvent","locationX","locationY","isPressedValue","adjustedDuration","min","max","animationOnTouchEnd","circleRadius","translateX","translateY","width","height","borderRadius"],"sourceRoot":"../../../../src","sources":["components/pressable-feedback/pressable-feedback.animation.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SACEC,MAAM,EACNC,WAAW,EACXC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,oBAAoB,QAAQ,iCAAwB;AAC7D,SAASC,iCAAiC,QAAQ,8BAAqB;AACvE,SAASC,aAAa,QAAQ,8BAAqB;AACnD,SACEC,iBAAiB,EACjBC,6BAA6B,EAC7BC,yBAAyB,EACzBC,2BAA2B,EAC3BC,qBAAqB,QAChB,kCAA+B;AACtC,SACEC,6BAA6B,EAC7BC,iCAAiC,QAC5B,mCAAgC;AAQvC,MAAM,CACJC,sCAAsC,EACtCC,wCAAwC,CACzC,GAAGT,aAAa,CAA6C;EAC5DU,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,SACEF,sCAAsC,EACtCC,wCAAwC;;AAG1C;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,iCAAiCA,CAACC,OAEjD,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,MAAM;IAAEE,eAAe;IAAEC;EAAoB,CAAC,GAC5CV,qBAAqB,CAACQ,SAAS,CAAC;EAElC,MAAMG,uBAAuB,GAAGjB,iCAAiC,CAACc,SAAS,CAAC;EAE5E,MAAMI,wBAAwB,GAAGb,2BAA2B,CAAC;IAC3DW,mBAAmB;IACnBC;EACF,CAAC,CAAC;;EAEF;EACA,MAAME,UAAU,GAAGf,yBAAyB,CAAC;IAC3CgB,cAAc,EAAEL,eAAe,EAAEM,KAAK;IACtCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEF,MAAMC,iBAAiB,GAAGrB,6BAA6B,CAAC;IACtDiB,cAAc,EAAEL,eAAe,EAAEM,KAAK;IACtCC,QAAQ,EAAE,cAAc;IACxBC,YAAY,EAAE;MAAEE,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAEnC,MAAM,CAACoC,GAAG,CAACpC,MAAM,CAACqC,IAAI;IAAE;EACjE,CAAC,CAAC;EAEF,MAAMC,sBAAsB,GAAGzB,yBAAyB,CAAC;IACvDgB,cAAc,EAAEL,eAAe,EAAEM,KAAK;IACtCC,QAAQ,EAAE,wBAAwB;IAClCC,YAAY,EAAE;EAChB,CAAC,CAAC;;EAEF;EACA,MAAMO,SAAS,GAAGlC,cAAc,CAAC,KAAK,CAAC;EACvC,MAAMyB,KAAK,GAAGzB,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMmC,cAAc,GAAGnC,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMoC,eAAe,GAAGpC,cAAc,CAAC,CAAC,CAAC;EAEzC,MAAMqC,kBAAkB,GAAGtC,eAAe,CAAC,MAAM;IAC/C;IACA;IACA,MAAMuC,WAAW,GAAGL,sBAAsB,GACtC,CAAC,GACDE,cAAc,CAACI,GAAG,CAAC,CAAC,GAAG,CAAC,GACtB,GAAG,GAAGJ,cAAc,CAACI,GAAG,CAAC,CAAC,GAC1B,CAAC;IACP,OAAO,CAAC,GAAG,CAAC,CAAC,GAAGhB,UAAU,IAAIe,WAAW;EAC3C,CAAC,CAAC;EAEF,MAAME,kBAAkB,GAAG9C,WAAW,CAAC,MAAM;IAC3CwC,SAAS,CAACO,GAAG,CAAC,IAAI,CAAC;IACnBhB,KAAK,CAACgB,GAAG,CAACxC,UAAU,CAAC,CAAC,EAAE2B,iBAAiB,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACM,SAAS,EAAET,KAAK,EAAEG,iBAAiB,CAAC,CAAC;EAEzC,MAAMc,mBAAmB,GAAGhD,WAAW,CAAC,MAAM;IAC5CwC,SAAS,CAACO,GAAG,CAAC,KAAK,CAAC;IACpBhB,KAAK,CAACgB,GAAG,CAACxC,UAAU,CAAC,CAAC,EAAE2B,iBAAiB,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACM,SAAS,EAAET,KAAK,EAAEG,iBAAiB,CAAC,CAAC;EAEzC,MAAMe,eAAe,GAAG7C,gBAAgB,CAAC,MAAM;IAC7C,IAAIwB,wBAAwB,EAAE;MAC5B,OAAO;QACLsB,SAAS,EAAE,CACT;UACEnB,KAAK,EAAE;QACT,CAAC;MAEL,CAAC;IACH;IAEA,OAAO;MACLmB,SAAS,EAAE,CACT;QACEnB,KAAK,EAAE7B,WAAW,CAChB6B,KAAK,CAACc,GAAG,CAAC,CAAC,EACX,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEF,kBAAkB,CAACE,GAAG,CAAC,CAAC,CAC9B;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLI,eAAe;IACftB,uBAAuB;IACvBmB,kBAAkB;IAClBE,mBAAmB;IACnBR,SAAS;IACTC,cAAc;IACdC;EACF,CAAC;AACH;;AAEA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASS,sCAAsCA,CAAC5B,OAEtD,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,MAAM;IAAE6B;EAAM,CAAC,GAAG5C,UAAU,CAAC,CAAC;EAE9B,MAAM;IAAEmB;EAAwB,CAAC,GAAGlB,oBAAoB,CAAC,CAAC;EAE1D,MAAM;IAAE+B;EAAU,CAAC,GAAGpB,wCAAwC,CAAC,CAAC;EAEhE,MAAM;IAAEK,eAAe;IAAEC;EAAoB,CAAC,GAAGd,iBAAiB,CAACY,SAAS,CAAC;EAE7E,MAAMI,wBAAwB,GAAGb,2BAA2B,CAAC;IAC3DW,mBAAmB;IACnBC;EACF,CAAC,CAAC;;EAEF;EACA,MAAM0B,YAAY,GAAGD,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAE7D,MAAME,eAAe,GAAGxC,yBAAyB,CAAC;IAChDgB,cAAc,EAAEL,eAAe,EAAE6B,eAAe;IAChDtB,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAEoB;EAChB,CAAC,CAAC;;EAEF;EACA,MAAME,YAAY,GAAGzC,yBAAyB,CAAC;IAC7CgB,cAAc,EAAEL,eAAe,EAAE+B,OAAO;IACxCxB,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG;EACvB,CAAC,CAAC;EAEF,MAAMwB,mBAAmB,GAAG5C,6BAA6B,CAAC;IACxDiB,cAAc,EAAEL,eAAe,EAAE+B,OAAO;IACxCxB,QAAQ,EAAE,cAAc;IACxBC,YAAY,EAAE;MAAEE,QAAQ,EAAE;IAAI;EAChC,CAAC,CAAC;EAEF,MAAMc,eAAe,GAAG7C,gBAAgB,CAAC,MAAM;IAC7C,IAAIwB,wBAAwB,EAAE;MAC5B,OAAO,CAAC,CAAC;IACX;IAEA,OAAO;MACL0B,eAAe;MACfE,OAAO,EAAEjD,UAAU,CACjBiC,SAAS,CAACK,GAAG,CAAC,CAAC,GAAGU,YAAY,CAAC,CAAC,CAAC,GAAGA,YAAY,CAAC,CAAC,CAAC,EACnDE,mBACF;IACF,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLR;EACF,CAAC;AACH;;AAEA;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASS,mCAAmCA,CAACnC,OAEnD,EAAE;EACD,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,MAAM;IAAE6B;EAAM,CAAC,GAAG5C,UAAU,CAAC,CAAC;EAE9B,MAAM;IAAEmB;EAAwB,CAAC,GAAGlB,oBAAoB,CAAC,CAAC;EAE1D,MAAM;IAAEgC,cAAc;IAAEC;EAAgB,CAAC,GACvCtB,wCAAwC,CAAC,CAAC;EAE5C,MAAMuC,cAAc,GAAGrD,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMsD,cAAc,GAAGtD,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMuD,cAAc,GAAGvD,cAAc,CAAC,CAAC,CAAC;EACxC,MAAMkC,SAAS,GAAGlC,cAAc,CAAC,KAAK,CAAC;EAEvC,MAAM;IAAEmB,eAAe;IAAEC;EAAoB,CAAC,GAAGd,iBAAiB,CAACY,SAAS,CAAC;EAE7E,MAAMI,wBAAwB,GAAGb,2BAA2B,CAAC;IAC3DW,mBAAmB;IACnBC;EACF,CAAC,CAAC;EAEF,MAAMmC,0BAA0B,GAAGhD,yBAAyB,CAAC;IAC3DgB,cAAc,EAAEL,eAAe,EAAEsC,QAAQ;IACzC/B,QAAQ,EAAE,cAAc;IACxBC,YAAY,EAAEhB;EAChB,CAAC,CAAC;EAEF,MAAM+C,yBAAyB,GAAGlD,yBAAyB,CAAC;IAC1DgB,cAAc,EAAEL,eAAe,EAAEsC,QAAQ;IACzC/B,QAAQ,EAAE,2BAA2B;IACrCC,YAAY,EAAE;EAChB,CAAC,CAAC;EAEF,MAAMgC,6BAA6B,GAAGnD,yBAAyB,CAAC;IAC9DgB,cAAc,EAAEL,eAAe,EAAEsC,QAAQ;IACzC/B,QAAQ,EAAE,iBAAiB;IAC3BC,YAAY,EAAEf;EAChB,CAAC,CAAC;;EAEF;EACA,MAAMgD,mBAAmB,GAAG7D,eAAe,CAAC,MAAM;IAChD,IAAI2D,yBAAyB,EAAE,OAAO,CAAC;IAEvC,MAAMG,YAAY,GAAG,GAAG;IACxB,MAAMC,eAAe,GAAGC,IAAI,CAACC,IAAI,CAC/B7B,cAAc,CAACI,GAAG,CAAC,CAAC,IAAI,CAAC,GAAGH,eAAe,CAACG,GAAG,CAAC,CAAC,IAAI,CACvD,CAAC;IACD,OAAOuB,eAAe,GAAG,CAAC,GAAGA,eAAe,GAAGD,YAAY,GAAG,CAAC;EACjE,CAAC,CAAC;;EAEF;EACA,MAAMI,qBAAqB,GAAGvE,WAAW,CACtCwE,KAA4B,IAAK;IAChChC,SAAS,CAACO,GAAG,CAAC,IAAI,CAAC;IACnBY,cAAc,CAACZ,GAAG,CAACyB,KAAK,CAACC,WAAW,CAACC,SAAS,CAAC;IAC/Cd,cAAc,CAACb,GAAG,CAACyB,KAAK,CAACC,WAAW,CAACE,SAAS,CAAC;IAC/Cd,cAAc,CAACd,GAAG,CAAC,CAAC,CAAC;EACvB,CAAC,EACD,CAACP,SAAS,EAAEmB,cAAc,EAAEC,cAAc,EAAEC,cAAc,CAC5D,CAAC;EAED1D,mBAAmB,CACjB,MAAMqC,SAAS,CAACK,GAAG,CAAC,CAAC,EACpB+B,cAAc,IAAK;IAClB,IAAIA,cAAc,IAAIf,cAAc,CAAChB,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE;MAChD,MAAMgC,gBAAgB,GAAGR,IAAI,CAACS,GAAG,CAC/BT,IAAI,CAACU,GAAG,CACNjB,0BAA0B,GAAGI,mBAAmB,CAACrB,GAAG,CAAC,CAAC,EACtDoB,6BACF,CAAC,EACDH,0BAA0B,GAAG,CAC/B,CAAC;MACDD,cAAc,CAACd,GAAG,CAACxC,UAAU,CAAC,CAAC,EAAE;QAAE4B,QAAQ,EAAE0C;MAAiB,CAAC,CAAC,CAAC;IACnE;EACF,CACF,CAAC;EAED,MAAMG,mBAAmB,GAAGhF,WAAW,CAAC,MAAM;IAC5CwC,SAAS,CAACO,GAAG,CAAC,KAAK,CAAC;IACpB,MAAM8B,gBAAgB,GAAGR,IAAI,CAACS,GAAG,CAC/BT,IAAI,CAACU,GAAG,CACNjB,0BAA0B,GAAGI,mBAAmB,CAACrB,GAAG,CAAC,CAAC,EACtDoB,6BACF,CAAC,EACDH,0BAA0B,GAAG,CAC/B,CAAC;IACDD,cAAc,CAACd,GAAG,CAACxC,UAAU,CAAC,CAAC,EAAE;MAAE4B,QAAQ,EAAE0C;IAAiB,CAAC,CAAC,CAAC;EACnE,CAAC,EAAE,CACDrC,SAAS,EACTqB,cAAc,EACdK,mBAAmB,EACnBJ,0BAA0B,EAC1BG,6BAA6B,CAC9B,CAAC;;EAEF;EACA,MAAMZ,YAAY,GAAGD,KAAK,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAE7D,MAAME,eAAe,GAAGxC,yBAAyB,CAAC;IAChDgB,cAAc,EAAEL,eAAe,EAAE6B,eAAe;IAChDtB,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAEoB;EAChB,CAAC,CAAC;;EAEF;EACA,MAAME,YAAY,GAAGzC,yBAAyB,CAAC;IAC7CgB,cAAc,EAAEL,eAAe,EAAE+B,OAAO;IACxCxB,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;EAC1B,CAAC,CAAC;;EAEF;EACA,MAAMJ,UAAU,GAAGf,yBAAyB,CAAC;IAC3CgB,cAAc,EAAEL,eAAe,EAAEM,KAAK;IACtCC,QAAQ,EAAE,OAAO;IACjBC,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;EACxB,CAAC,CAAC;EAEF,MAAMgB,eAAe,GAAG7C,gBAAgB,CAAC,MAAM;IAC7C,IAAIwB,wBAAwB,EAAE;MAC5B,OAAO,CAAC,CAAC;IACX;IAEA,MAAMqD,YAAY,GAChBZ,IAAI,CAACC,IAAI,CAAC7B,cAAc,CAACI,GAAG,CAAC,CAAC,IAAI,CAAC,GAAGH,eAAe,CAACG,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;IAE1E,MAAMqC,UAAU,GAAGvB,cAAc,CAACd,GAAG,CAAC,CAAC,GAAGoC,YAAY;IACtD,MAAME,UAAU,GAAGvB,cAAc,CAACf,GAAG,CAAC,CAAC,GAAGoC,YAAY;IAEtD,OAAO;MACLG,KAAK,EAAEH,YAAY,GAAG,CAAC;MACvBI,MAAM,EAAEJ,YAAY,GAAG,CAAC;MACxBK,YAAY,EAAEL,YAAY;MAC1BzB,OAAO,EAAEtD,WAAW,CAClB2D,cAAc,CAAChB,GAAG,CAAC,CAAC,EACpB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAACU,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,EAAEA,YAAY,CAAC,CAAC,CAAC,CACpD,CAAC;MACDL,SAAS,EAAE,CACT;QAAEgC;MAAW,CAAC,EACd;QAAEC;MAAW,CAAC,EACd;QACEpD,KAAK,EAAE7B,WAAW,CAChB2D,cAAc,CAAChB,GAAG,CAAC,CAAC,EACpB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACT,CAAChB,UAAU,CAAC,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,CAAC,EAAEA,UAAU,CAAC,CAAC,CAAC,CAC9C;MACF,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLoB,eAAe;IACfK,eAAe;IACfiB,qBAAqB;IACrBS;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/components/pressable-feedback/pressable-feedback.constants.js

@@ -0,0 +1,13 @@
+"use strict";
+
+/**
+ * Display names for PressableFeedback components
+ */
+export const DISPLAY_NAME = {
+  ROOT: 'HeroUINative.PressableFeedback.Root',
+  HIGHLIGHT: 'HeroUINative.PressableFeedback.Highlight',
+  RIPPLE: 'HeroUINative.PressableFeedback.Ripple'
+};
+export const BASE_RIPPLE_PROGRESS_DURATION = 1000;
+export const BASE_RIPPLE_PROGRESS_DURATION_MIN = 750;
+//# sourceMappingURL=pressable-feedback.constants.js.map

package/lib/module/components/pressable-feedback/pressable-feedback.constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DISPLAY_NAME","ROOT","HIGHLIGHT","RIPPLE","BASE_RIPPLE_PROGRESS_DURATION","BASE_RIPPLE_PROGRESS_DURATION_MIN"],"sourceRoot":"../../../../src","sources":["components/pressable-feedback/pressable-feedback.constants.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,IAAI,EAAE,qCAAqC;EAC3CC,SAAS,EAAE,0CAA0C;EACrDC,MAAM,EAAE;AACV,CAAU;AAEV,OAAO,MAAMC,6BAA6B,GAAG,IAAI;AACjD,OAAO,MAAMC,iCAAiC,GAAG,GAAG","ignoreList":[]}

package/lib/module/components/pressable-feedback/pressable-feedback.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { AnimationSettingsProvider } from "../../helpers/contexts/animation-settings-context.js";
+import { PressableFeedbackRootAnimationProvider, usePressableFeedbackHighlightAnimation, usePressableFeedbackRippleAnimation, usePressableFeedbackRootAnimation } from "./pressable-feedback.animation.js";
+import { DISPLAY_NAME } from "./pressable-feedback.constants.js";
+import pressableFeedbackStyles, { styleSheet } from "./pressable-feedback.styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
+// --------------------------------------------------
+
+const PressableFeedback = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    isDisabled = false,
+    className,
+    style,
+    animation,
+    isAnimatedStyleActive = true,
+    children,
+    onLayout,
+    onPressIn,
+    onPressOut,
+    ...restProps
+  } = props;
+  const rootClassName = pressableFeedbackStyles.root({
+    className
+  });
+  const {
+    isPressed,
+    containerWidth,
+    containerHeight,
+    rContainerStyle,
+    isAllAnimationsDisabled,
+    animationOnPressIn,
+    animationOnPressOut
+  } = usePressableFeedbackRootAnimation({
+    animation
+  });
+  const rootStyle = isAnimatedStyleActive ? [rContainerStyle, styleSheet.root, style] : [styleSheet.root, style];
+  const handleLayout = useCallback(event => {
+    containerWidth.set(event.nativeEvent.layout.width);
+    containerHeight.set(event.nativeEvent.layout.height);
+    // @ts-ignore
+    onLayout?.(event);
+  }, [containerWidth, containerHeight, onLayout]);
+  const handlePressIn = useCallback(event => {
+    animationOnPressIn();
+    // @ts-ignore
+    onPressIn?.(event);
+  }, [animationOnPressIn, onPressIn]);
+  const handlePressOut = useCallback(event => {
+    animationOnPressOut();
+    // @ts-ignore
+    onPressOut?.(event);
+  }, [animationOnPressOut, onPressOut]);
+  const animationContextValue = useMemo(() => ({
+    isPressed,
+    containerWidth,
+    containerHeight
+  }), [isPressed, containerWidth, containerHeight]);
+  const animationSettingsContextValue = useMemo(() => ({
+    isAllAnimationsDisabled
+  }), [isAllAnimationsDisabled]);
+  return /*#__PURE__*/_jsx(AnimationSettingsProvider, {
+    value: animationSettingsContextValue,
+    children: /*#__PURE__*/_jsx(PressableFeedbackRootAnimationProvider, {
+      value: animationContextValue,
+      children: /*#__PURE__*/_jsx(AnimatedPressable, {
+        ref: ref,
+        disabled: isDisabled,
+        className: rootClassName,
+        style: rootStyle,
+        onLayout: handleLayout,
+        onPressIn: handlePressIn,
+        onPressOut: handlePressOut,
+        ...restProps,
+        children: children
+      })
+    })
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * Highlight component for PressableFeedback that renders highlight feedback effect
+ * Must be used within PressableFeedback component
+ */
+const PressableFeedbackHighlight = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    animation,
+    className,
+    isAnimatedStyleActive = true,
+    style,
+    ...restProps
+  } = props;
+  const {
+    rContainerStyle
+  } = usePressableFeedbackHighlightAnimation({
+    animation
+  });
+  const highlightClassName = pressableFeedbackStyles.highlight({
+    className
+  });
+  const highlightStyle = isAnimatedStyleActive ? [rContainerStyle, style] : style;
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    pointerEvents: "none",
+    className: highlightClassName,
+    style: highlightStyle,
+    ...restProps
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * Ripple component for PressableFeedback that renders ripple feedback effect
+ * Must be used within PressableFeedback component
+ */
+const PressableFeedbackRipple = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    animation,
+    className,
+    classNames,
+    containerStyle,
+    rippleStyle: rippleStyleProp,
+    isAnimatedStyleActive = true,
+    onTouchStart,
+    onTouchEnd,
+    onTouchCancel,
+    ...restProps
+  } = props;
+  const {
+    rContainerStyle,
+    backgroundColor,
+    animationOnTouchEnd,
+    animationOnTouchStart
+  } = usePressableFeedbackRippleAnimation({
+    animation
+  });
+  const {
+    container,
+    ripple: rippleSlot
+  } = pressableFeedbackStyles.ripple();
+  const containerClassName = container({
+    className: [className, classNames?.container]
+  });
+  const rippleClassName = rippleSlot({
+    className: classNames?.ripple
+  });
+  const rippleStyle = isAnimatedStyleActive ? [rContainerStyle, rippleStyleProp] : rippleStyleProp;
+  const handleTouchStart = useCallback(event => {
+    animationOnTouchStart(event);
+    onTouchStart?.(event);
+  }, [animationOnTouchStart, onTouchStart]);
+  const handleTouchEnd = useCallback(event => {
+    animationOnTouchEnd();
+    onTouchEnd?.(event);
+  }, [animationOnTouchEnd, onTouchEnd]);
+  const handleTouchCancel = useCallback(event => {
+    animationOnTouchEnd();
+    onTouchCancel?.(event);
+  }, [animationOnTouchEnd, onTouchCancel]);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: containerClassName,
+    style: containerStyle,
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd,
+    onTouchCancel: handleTouchCancel,
+    ...restProps,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      className: rippleClassName,
+      style: [rippleStyle, {
+        experimental_backgroundImage: `radial-gradient(circle at center, ${backgroundColor} 30%, transparent 70%)`
+      }]
+    })
+  });
+});
+
+// --------------------------------------------------
+
+PressableFeedback.displayName = DISPLAY_NAME.ROOT;
+PressableFeedbackHighlight.displayName = DISPLAY_NAME.HIGHLIGHT;
+PressableFeedbackRipple.displayName = DISPLAY_NAME.RIPPLE;
+
+/**
+ * Container component that provides visual feedback for press interactions with automatic scale animation.
+ *
+ * @component PressableFeedback
+ * @description Wraps content to provide consistent press feedback across the app. Features platform-aware
+ * feedback with highlight effect (iOS-style) or ripple effect (Android-style) that emanates from press point.
+ * Includes intelligent scale animation that automatically adjusts based on container size for consistent feel.
+ * @features
+ * - Automatic scale animation with smart size adjustment
+ * - Customizable animations for opacity, color, duration, and scale
+ * - Full gesture handling with press, long press, and disabled states
+ * - Used as foundation for interactive components like Button, Card, and Accordion
+ *
+ * @component PressableFeedback.Highlight
+ * @description Highlight component that renders highlight feedback effect (iOS-style).
+ * Must be used within PressableFeedback component. Uses root's isPressed state from context.
+ *
+ * @component PressableFeedback.Ripple
+ * @description Ripple component that renders ripple feedback effect (Android-style).
+ * Must be used within PressableFeedback component. Handles touch events to track position.
+ */
+const PressableFeedbackCompound = Object.assign(PressableFeedback, {
+  /** Highlight component that renders highlight feedback effect */
+  Highlight: PressableFeedbackHighlight,
+  /** Ripple component that renders ripple feedback effect */
+  Ripple: PressableFeedbackRipple
+});
+export default PressableFeedbackCompound;
+//# sourceMappingURL=pressable-feedback.js.map

package/lib/module/components/pressable-feedback/pressable-feedback.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useMemo","Pressable","View","Animated","AnimationSettingsProvider","PressableFeedbackRootAnimationProvider","usePressableFeedbackHighlightAnimation","usePressableFeedbackRippleAnimation","usePressableFeedbackRootAnimation","DISPLAY_NAME","pressableFeedbackStyles","styleSheet","jsx","_jsx","AnimatedPressable","createAnimatedComponent","PressableFeedback","props","ref","isDisabled","className","style","animation","isAnimatedStyleActive","children","onLayout","onPressIn","onPressOut","restProps","rootClassName","root","isPressed","containerWidth","containerHeight","rContainerStyle","isAllAnimationsDisabled","animationOnPressIn","animationOnPressOut","rootStyle","handleLayout","event","set","nativeEvent","layout","width","height","handlePressIn","handlePressOut","animationContextValue","animationSettingsContextValue","value","disabled","PressableFeedbackHighlight","highlightClassName","highlight","highlightStyle","pointerEvents","PressableFeedbackRipple","classNames","containerStyle","rippleStyle","rippleStyleProp","onTouchStart","onTouchEnd","onTouchCancel","backgroundColor","animationOnTouchEnd","animationOnTouchStart","container","ripple","rippleSlot","containerClassName","rippleClassName","handleTouchStart","handleTouchEnd","handleTouchCancel","experimental_backgroundImage","displayName","ROOT","HIGHLIGHT","RIPPLE","PressableFeedbackCompound","Object","assign","Highlight","Ripple"],"sourceRoot":"../../../../src","sources":["components/pressable-feedback/pressable-feedback.tsx"],"mappings":"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","ignoreList":[]}