@remotion/animation-utils 4.0.461 → 4.0.462

package/dist/esm/index.mjs

@@ -1,5 +1,9 @@
 // src/transformation-helpers/interpolate-styles/index.tsx
-import { interpolate, interpolateColors } from "remotion";
+import {
+  assertValidInterpolateEasingOption,
+  interpolate,
+  interpolateColors
+} from "remotion";
 
 // src/transformation-helpers/interpolate-styles/utils.ts
 import { NoReactInternals } from "remotion/no-react";
@@ -324,7 +328,9 @@ var interpolateStyles = (input, inputRange, outputStylesRange, options) => {
   const endingValue = inputRange[endIndex];
   const initialStyle = outputStylesRange[startIndex];
   const finalStyle = outputStylesRange[endIndex];
-  const easing = options?.easing ?? ((num) => num);
+  assertValidInterpolateEasingOption(options?.easing, inputRange.length);
+  const easingOption = options?.easing;
+  const segmentEasing = easingOption === undefined ? (num) => num : typeof easingOption === "function" ? easingOption : easingOption[startIndex];
   const extrapolateLeft = options?.extrapolateLeft ?? "extend";
   const extrapolateRight = options?.extrapolateRight ?? "extend";
   return interpolateStylesFunction({
@@ -333,7 +339,7 @@ var interpolateStyles = (input, inputRange, outputStylesRange, options) => {
     initialStyle,
     finalStyle,
     options: {
-      easing,
+      easing: segmentEasing,
       extrapolateLeft,
       extrapolateRight
     }

package/dist/transformation-helpers/interpolate-styles/index.d.ts

@@ -1,6 +1,6 @@
-import type { ExtrapolateType } from 'remotion';
+import { type EasingFunction, type ExtrapolateType } from 'remotion';
 export declare const interpolateStyles: (input: number, inputRange: number[], outputStylesRange: import("react").CSSProperties[], options?: Partial<{
-    easing: import("remotion").EasingFunction;
+    easing: EasingFunction | readonly EasingFunction[];
     extrapolateLeft: ExtrapolateType;
     extrapolateRight: ExtrapolateType;
 }> | undefined) => import("react").CSSProperties;

package/dist/transformation-helpers/interpolate-styles/index.js

@@ -146,7 +146,7 @@ function checkStylesRange(arr) {
  * @see [Documentation](https://remotion.dev/docs/animation-utils/interpolate-styles)
  */
 const interpolateStyles = (input, inputRange, outputStylesRange, options) => {
-    var _a, _b, _c;
+    var _a, _b;
     if (typeof input === 'undefined') {
         throw new Error('input can not be undefined');
     }
@@ -177,16 +177,22 @@ const interpolateStyles = (input, inputRange, outputStylesRange, options) => {
     const endingValue = inputRange[endIndex];
     const initialStyle = outputStylesRange[startIndex];
     const finalStyle = outputStylesRange[endIndex];
-    const easing = (_a = options === null || options === void 0 ? void 0 : options.easing) !== null && _a !== void 0 ? _a : ((num) => num);
-    const extrapolateLeft = (_b = options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== null && _b !== void 0 ? _b : 'extend';
-    const extrapolateRight = (_c = options === null || options === void 0 ? void 0 : options.extrapolateRight) !== null && _c !== void 0 ? _c : 'extend';
+    (0, remotion_1.assertValidInterpolateEasingOption)(options === null || options === void 0 ? void 0 : options.easing, inputRange.length);
+    const easingOption = options === null || options === void 0 ? void 0 : options.easing;
+    const segmentEasing = easingOption === undefined
+        ? (num) => num
+        : typeof easingOption === 'function'
+            ? easingOption
+            : easingOption[startIndex];
+    const extrapolateLeft = (_a = options === null || options === void 0 ? void 0 : options.extrapolateLeft) !== null && _a !== void 0 ? _a : 'extend';
+    const extrapolateRight = (_b = options === null || options === void 0 ? void 0 : options.extrapolateRight) !== null && _b !== void 0 ? _b : 'extend';
     return interpolateStylesFunction({
         inputValue: input,
         inputRange: [startingValue, endingValue],
         initialStyle,
         finalStyle,
         options: {
-            easing,
+            easing: segmentEasing,
             extrapolateLeft,
             extrapolateRight,
         },

package/package.json

@@ -7,7 +7,7 @@
 		"name": "Chetan Karwa",
 		"email": "cbkarwa@gmail.com"
 	},
-	"version": "4.0.461",
+	"version": "4.0.462",
 	"description": "Helpers for animating CSS properties",
 	"main": "./dist/index.js",
 	"module": "./dist/index.mjs",
@@ -20,7 +20,7 @@
 		"test": "bun test src"
 	},
 	"dependencies": {
-		"remotion": "4.0.461"
+		"remotion": "4.0.462"
 	},
 	"files": [
 		"dist",
@@ -31,7 +31,7 @@
 		"react-dom": ">=16.8.0"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.461",
+		"@remotion/eslint-config-internal": "4.0.462",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},