@pagopa/io-app-design-system 4.2.1 → 4.3.1

package/lib/commonjs/components/numberpad/NumberButton.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _core = require("../../core");
+var _hooks = require("../../hooks");
 var _typography = require("../typography");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -45,39 +46,22 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
   variant,
   onPress
 }) => {
-  var _IOScaleValues$basicB;
+  const {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  } = (0, _hooks.useScaleAnimation)("slight");
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
   const colors = (0, _react.useMemo)(() => isExperimental ? colorMap[variant] : legacyColorMap[variant], [variant, isExperimental]);
-  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  // Scaling transformation applied when the button is pressed
-  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
-  // Using a spring-based animation for our interpolations
-  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
 
   // Interpolate animation values from `isPressed` values
-  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    // Link color states to the pressed states
-    const bgColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colors.background, colors.pressed]);
-
-    // Scale down button slightly when pressed
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
-    return {
-      backgroundColor: bgColor,
-      transform: [{
-        scale
-      }]
-    };
-  });
-  const onPressIn = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 1;
-  }, [isPressed]);
-  const onPressOut = (0, _react.useCallback)(() => {
-    // eslint-disable-next-line functional/immutable-data
-    isPressed.value = 0;
-  }, [isPressed]);
+  const pressedAnimationStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colors.background, colors.pressed])
+  }));
   const handleOnPress = (0, _react.useCallback)(() => {
     onPress(number);
   }, [number, onPress]);
@@ -88,7 +72,7 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
     onPressOut: onPressOut,
     onPress: handleOnPress
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle]
+    style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
   }, /*#__PURE__*/_react.default.createElement(_typography.H3, {
     color: colors.foreground
   }, number)));

package/lib/commonjs/components/numberpad/NumberButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","_IOScaleValues$basicB","isExperimental","useIOExperimentalDesign","colors","useMemo","isPressed","useSharedValue","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","bgColor","interpolateColor","scale","interpolate","Extrapolate","CLAMP","backgroundColor","transform","onPressIn","useCallback","onPressOut","handleOnPress","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}

package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap

@@ -80,6 +80,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -159,6 +161,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -238,6 +242,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -333,6 +339,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -412,6 +420,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -491,6 +501,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -586,6 +598,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -665,6 +679,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -744,6 +760,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,
@@ -980,6 +998,8 @@ exports[`NumberPad Should match the snapshot 1`] = `
               },
               {
                 "backgroundColor": undefined,
+              },
+              {
                 "transform": [
                   {
                     "scale": undefined,

package/lib/commonjs/components/otpInput/OTPInput.js

@@ -132,7 +132,8 @@ const OTPInput = /*#__PURE__*/React.forwardRef(({
     autoComplete: autocomplete ? "sms-otp" : undefined,
     inputAccessoryViewID: inputAccessoryViewID,
     accessible: true,
-    autoFocus: autoFocus
+    autoFocus: autoFocus,
+    secureTextEntry: true
   }), [...Array(length)].map((_, i) => /*#__PURE__*/React.createElement(_BoxedInput.BoxedInput, {
     key: i,
     status: hasError ? "error" : hasFocus && value.length === i ? "focus" : "default",

package/lib/commonjs/components/otpInput/OTPInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_IOStyles","_functions","_useErrorShakeAnimation","_spacer","_typography","_BoxedInput","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","OTPInput","forwardRef","value","onValueChange","length","accessibilityLabel","accessibilityHint","onValidate","errorMessage","secret","autocomplete","inputAccessoryViewID","autoFocus","deleteButtonAccessibilityLabel","ref","hasFocus","setHasFocus","useState","hasError","setHasError","translate","animatedStyle","shakeAnimation","useErrorShakeAnimation","inputRef","createRef","timerRef","useRef","handleValidate","val","isValid","triggerHaptic","current","clearTimeout","setTimeout","useEffect","handleChange","handleKeyPress","nativeEvent","AccessibilityInfo","announceForAccessibility","createElement","View","style","flexGrow","Pressable","onPress","_inputRef$current","focus","IOStyles","row","justifyContent","accessible","accessibilityValue","text","TextInput","onChangeText","onKeyPress","position","opacity","maxLength","onBlur","keyboardType","inputMode","returnKeyType","textContentType","autoComplete","undefined","secureTextEntry","Array","map","_","i","BoxedInput","status","VSpacer","size","BodySmall","weight","color","textAlign","exports"],"sourceRoot":"../../../../src","sources":["components/otpInput/OTPInput.tsx"],"mappings":"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"}

package/lib/commonjs/components/tabs/TabItem.js

@@ -8,9 +8,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 var _core = require("../../core");
-var _useSpringPressProgressValue = require("../../utils/hooks/useSpringPressProgressValue");
+var _hooks = require("../../hooks");
 var _icons = require("../icons");
-var _spacer = require("../spacer");
 var _typography = require("../typography");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -100,10 +99,12 @@ const TabItem = ({
   iconSelected
 }) => {
   const {
-    progress: progressPressed,
+    progress,
     onPressIn,
-    onPressOut
-  } = (0, _useSpringPressProgressValue.useSpringPressProgressValue)(_core.IOSpringValues.selection);
+    onPressOut,
+    scaleAnimatedStyle
+  } = (0, _hooks.useScaleAnimation)();
+  const reducedMotion = (0, _reactNativeReanimated.useReducedMotion)();
   const {
     isExperimental
   } = (0, _core.useIOExperimentalDesign)();
@@ -113,29 +114,22 @@ const TabItem = ({
   const opaquePressedBackgroundColor = (0, _core.hexToRgba)(colors.background.pressed, 0.1);
   const isSelected = (0, _reactNativeReanimated.useSharedValue)(0);
   const progressSelected = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isSelected.value, _core.IOSpringValues.selection));
-  _react.default.useEffect(() => {
+  (0, _react.useEffect)(() => {
     // eslint-disable-next-line functional/immutable-data
     isSelected.value = selected ? 1 : 0;
   }, [isSelected, selected]);
 
   // Interpolate animation values from `pressed` values
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    var _IOScaleValues$basicB;
     // Link color states to the pressed states
-    const pressedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
+    const pressedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [colors.background.default, opaquePressedBackgroundColor]);
     const selectedBackgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressSelected.value, [0, 1], [opaquePressedBackgroundColor, colors.background.selected]);
     const selectedBorderColor = (0, _reactNativeReanimated.interpolateColor)(progressSelected.value, [0, 1], [colors.border.default, colors.border.selected]);
-
-    // Scale down button slightly when pressed
-    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, _core.IOScaleValues === null || _core.IOScaleValues === void 0 || (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState], _reactNativeReanimated.Extrapolate.CLAMP);
     return {
       backgroundColor: selected ? selectedBackgroundColor : pressedBackgroundColor,
-      borderColor: selected ? selectedBorderColor : borderColor,
-      transform: [{
-        scale
-      }]
+      borderColor: selected ? selectedBorderColor : borderColor
     };
-  }, [progressPressed, progressSelected, selected]);
+  }, [progress, progressSelected, selected]);
   const activeIcon = selected ? iconSelected ?? icon : icon;
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
     accessibilityLabel: accessibilityLabel,
@@ -151,14 +145,14 @@ const TabItem = ({
     accessible: true,
     disabled: disabled
   }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
-    style: [styles.container, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
-  }, activeIcon && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    style: [styles.container, {
+      columnGap: 4
+    }, !reducedMotion && scaleAnimatedStyle, animatedStyle, fullWidth && styles.fullWidth, disabled && styles.disabled]
+  }, activeIcon && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
     name: activeIcon,
     color: foregroundColor,
     size: 16
-  }), /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
-    size: 4
-  })), /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
+  }), /*#__PURE__*/_react.default.createElement(_typography.BodySmall, {
     weight: "Semibold",
     color: foregroundColor
   }, label)));

package/lib/commonjs/components/tabs/TabItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_useSpringPressProgressValue","_icons","_spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","border","IOColors","selected","disabled","background","white","pressed","foreground","dark","hexToRgba","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","progressPressed","onPressIn","onPressOut","useSpringPressProgressValue","IOSpringValues","selection","isExperimental","useIOExperimentalDesign","colors","useMemo","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","React","useEffect","animatedStyle","useAnimatedStyle","_IOScaleValues$basicB","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","selectedBorderColor","scale","interpolate","IOScaleValues","basicButton","pressedState","Extrapolate","CLAMP","backgroundColor","transform","activeIcon","createElement","Pressable","accessibilityRole","accessibilityState","accessible","View","style","styles","container","Fragment","Icon","name","size","HSpacer","BodySmall","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","light","border","IOColors","selected","disabled","background","white","pressed","foreground","dark","hexToRgba","mapLegacyColorStates","blue","TabItem","label","color","fullWidth","accessibilityLabel","accessibilityHint","testID","onPress","icon","iconSelected","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","foregroundColor","borderColor","opaquePressedBackgroundColor","isSelected","useSharedValue","progressSelected","useDerivedValue","withSpring","value","IOSpringValues","selection","useEffect","animatedStyle","useAnimatedStyle","pressedBackgroundColor","interpolateColor","selectedBackgroundColor","selectedBorderColor","backgroundColor","activeIcon","createElement","Pressable","accessibilityRole","accessibilityState","accessible","View","style","styles","container","columnGap","Icon","name","size","BodySmall","weight","exports","StyleSheet","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderWidth","borderRadius","borderCurve","justifyContent","alignSelf","opacity"],"sourceRoot":"../../../../src","sources":["components/tabs/TabItem.tsx"],"mappings":"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"}

package/lib/commonjs/core/IOAnimations.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IOSpringValues = exports.IOScaleValues = void 0;
+exports.IOSpringValues = exports.IOScaleEffect = void 0;
 /**
  * A collection of animation styles used for interactive elements within IO App.
  */
@@ -33,19 +33,13 @@ const IOSpringValues = {
   }
 };
 exports.IOSpringValues = IOSpringValues;
-const IOScaleValues = {
+const IOScaleEffect = {
   // Slight scale effect
-  basicButton: {
-    pressedState: 0.99
-  },
+  slight: 0.99,
   // Medium scale effect
-  magnifiedButton: {
-    pressedState: 0.97
-  },
+  medium: 0.97,
   // Exaggerated scale effect
-  exaggeratedButton: {
-    pressedState: 0.95
-  }
+  exaggerated: 0.95
 };
-exports.IOScaleValues = IOScaleValues;
+exports.IOScaleEffect = IOScaleEffect;
 //# sourceMappingURL=IOAnimations.js.map

package/lib/commonjs/core/IOAnimations.js.map

@@ -1 +1 @@
-{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","exports","IOScaleValues","basicButton","pressedState","magnifiedButton","exaggeratedButton"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDG,MAAM,EAAE;IACNL,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAACI,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAEK,MAAMS,aAAa,GAAG;EAC3B;EACAC,WAAW,EAAE;IACXC,YAAY,EAAE;EAChB,CAAC;EACD;EACAC,eAAe,EAAE;IACfD,YAAY,EAAE;EAChB,CAAC;EACD;EACAE,iBAAiB,EAAE;IACjBF,YAAY,EAAE;EAChB;AACF,CAAC;AAACH,OAAA,CAAAC,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["IOSpringValues","button","damping","mass","stiffness","accordion","selection","header","exports","IOScaleEffect","slight","medium","exaggerated"],"sourceRoot":"../../../src","sources":["core/IOAnimations.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,cAAc,GAAG;EAC5B;EACAC,MAAM,EAAE;IACNC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACD;EACAE,SAAS,EAAE;IACTJ,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb,CAAC;EACDG,MAAM,EAAE;IACNL,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE;EACb;AACF,CAAC;AAACI,OAAA,CAAAR,cAAA,GAAAA,cAAA;AAIK,MAAMS,aAAa,GAAG;EAC3B;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,MAAM,EAAE,IAAI;EACZ;EACAC,WAAW,EAAE;AACf,CAAC;AAACJ,OAAA,CAAAC,aAAA,GAAAA,aAAA"}

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useScaleAnimation = require("./useScaleAnimation");
+Object.keys(_useScaleAnimation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useScaleAnimation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useScaleAnimation[key];
+    }
+  });
+});
+var _useListItemAnimation = require("./useListItemAnimation");
+Object.keys(_useListItemAnimation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useListItemAnimation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useListItemAnimation[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useScaleAnimation","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useListItemAnimation"],"sourceRoot":"../../../src","sources":["hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,qBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,qBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,qBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,qBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/hooks/useListItemAnimation.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useListItemAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("../core");
+var _hooks = require("../utils/hooks");
+const useListItemAnimation = () => {
+  const {
+    progress,
+    onPressIn,
+    onPressOut
+  } = (0, _hooks.useSpringPressProgressValue)("button");
+  const theme = (0, _core.useIOTheme)();
+  const mapBackgroundStates = {
+    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
+    pressed: _core.IOColors[theme["listItem-pressed"]]
+  };
+
+  // Interpolate animation values from `isPressed` values
+  const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      scale: (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, _core.IOScaleEffect.slight], _reactNativeReanimated.Extrapolation.CLAMP)
+    }]
+  }));
+  const backgroundAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    backgroundColor: (0, _reactNativeReanimated.interpolateColor)(progress.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed])
+  }));
+  return {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle,
+    backgroundAnimatedStyle
+  };
+};
+exports.useListItemAnimation = useListItemAnimation;
+//# sourceMappingURL=useListItemAnimation.js.map

package/lib/commonjs/hooks/useListItemAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useListItemAnimation","progress","onPressIn","onPressOut","useSpringPressProgressValue","theme","useIOTheme","mapBackgroundStates","default","hexToRgba","IOColors","pressed","scaleAnimatedStyle","useAnimatedStyle","transform","scale","interpolate","value","IOScaleEffect","slight","Extrapolation","CLAMP","backgroundAnimatedStyle","backgroundColor","interpolateColor","exports"],"sourceRoot":"../../../src","sources":["hooks/useListItemAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,oBAAoB,GAAGA,CAAA,KAM/B;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;EAEvC,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,mBAA2C,GAAG;IAClDC,OAAO,EAAE,IAAAC,eAAS,EAACC,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DM,OAAO,EAAED,cAAQ,CAACL,KAAK,CAAC,kBAAkB,CAAC;EAC7C,CAAC;;EAED;EACA,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACjDC,SAAS,EAAE,CACT;MACEC,KAAK,EAAE,IAAAC,kCAAW,EAChBf,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEC,mBAAa,CAACC,MAAM,CAAC,EACzBC,oCAAa,CAACC,KAChB;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAG,IAAAT,uCAAgB,EAAC,OAAO;IACtDU,eAAe,EAAE,IAAAC,uCAAgB,EAC/BvB,QAAQ,CAACgB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACV,mBAAmB,CAACC,OAAO,EAAED,mBAAmB,CAACI,OAAO,CAC3D;EACF,CAAC,CAAC,CAAC;EAEH,OAAO;IACLV,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVS,kBAAkB;IAClBU;EACF,CAAC;AACH,CAAC;AAACG,OAAA,CAAAzB,oBAAA,GAAAA,oBAAA"}

package/lib/commonjs/hooks/useScaleAnimation.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScaleAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _core = require("../core");
+var _hooks = require("../utils/hooks");
+const useScaleAnimation = (magnitude = "slight") => {
+  const {
+    progress,
+    onPressIn,
+    onPressOut
+  } = (0, _hooks.useSpringPressProgressValue)("button");
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleEffect[magnitude];
+  const scaleAnimatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    // Scale down button slightly when pressed
+    const scale = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolation.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  return {
+    progress,
+    onPressIn,
+    onPressOut,
+    scaleAnimatedStyle
+  };
+};
+exports.useScaleAnimation = useScaleAnimation;
+//# sourceMappingURL=useScaleAnimation.js.map

package/lib/commonjs/hooks/useScaleAnimation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_core","_hooks","useScaleAnimation","magnitude","progress","onPressIn","onPressOut","useSpringPressProgressValue","animationScaleValue","IOScaleEffect","scaleAnimatedStyle","useAnimatedStyle","scale","interpolate","value","Extrapolation","CLAMP","transform","exports"],"sourceRoot":"../../../src","sources":["hooks/useScaleAnimation.tsx"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAGA,CAC/BC,SAAwB,GAAG,QAAQ,KAMhC;EACH,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC;EAAW,CAAC,GACvC,IAAAC,kCAA2B,EAAC,QAAQ,CAAC;;EAEvC;EACA,MAAMC,mBAAmB,GAAGC,mBAAa,CAACN,SAAS,CAAC;EAEpD,MAAMO,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAChD;IACA,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,QAAQ,CAACU,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEN,mBAAmB,CAAC,EACxBO,oCAAa,CAACC,KAChB,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEL;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IAAER,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEI;EAAmB,CAAC;AAChE,CAAC;AAACQ,OAAA,CAAAhB,iBAAA,GAAAA,iBAAA"}

package/lib/commonjs/index.js

@@ -36,6 +36,17 @@ Object.keys(_functions).forEach(function (key) {
     }
   });
 });
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
 var _fonts = require("./utils/fonts");
 Object.keys(_fonts).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_components","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_core","_functions","_hooks","_fonts","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,WAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,UAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,UAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,UAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,UAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,MAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,MAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,MAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,MAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,MAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,MAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,MAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,MAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,MAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,MAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/utils/hooks/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useSpringPressProgressValue = require("./useSpringPressProgressValue");
+Object.keys(_useSpringPressProgressValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useSpringPressProgressValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useSpringPressProgressValue[key];
+    }
+  });
+});
+var _useErrorShakeAnimation = require("./useErrorShakeAnimation");
+Object.keys(_useErrorShakeAnimation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useErrorShakeAnimation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useErrorShakeAnimation[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useSpringPressProgressValue","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useErrorShakeAnimation"],"sourceRoot":"../../../../src","sources":["utils/hooks/index.tsx"],"mappings":";;;;;AAAA,IAAAA,4BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,4BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,4BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,4BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,uBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,uBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,uBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,uBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/utils/hooks/useSpringPressProgressValue.js

@@ -4,19 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSpringPressProgressValue = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactNativeReanimated = require("react-native-reanimated");
 var _core = require("../../core");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const useSpringPressProgressValue = (springValue = _core.IOSpringValues.button) => {
+const useSpringPressProgressValue = (springValue = "button") => {
   const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
-  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, springValue));
-  const onPressIn = React.useCallback(() => {
+  const progress = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues[springValue]));
+  const onPressIn = (0, _react.useCallback)(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 1;
   }, [isPressed]);
-  const onPressOut = React.useCallback(() => {
+  const onPressOut = (0, _react.useCallback)(() => {
     // eslint-disable-next-line functional/immutable-data
     isPressed.value = 0;
   }, [isPressed]);