@remotion/animation-utils 4.0.213 → 4.0.215

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 // src/transformation-helpers/interpolate-styles/index.tsx
-import {interpolate, interpolateColors} from "remotion";
+import { interpolate, interpolateColors } from "remotion";
 
 // src/transformation-helpers/interpolate-styles/utils.ts
-import {NoReactInternals} from "remotion/no-react";
+import { NoReactInternals } from "remotion/no-react";
 
 // src/transformation-helpers/interpolate-styles/constants.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { InterpolateOptions } from 'remotion';
 import type { Style } from '../../type';
 /**

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getColorMatchers = exports.breakDownValueIntoUnitNumberAndFunctions = void 0;
+exports.breakDownValueIntoUnitNumberAndFunctions = void 0;
+exports.getColorMatchers = getColorMatchers;
 const no_react_1 = require("remotion/no-react");
 const constants_1 = require("./constants");
 function call(...args) {
@@ -31,7 +32,6 @@ function getColorMatchers() {
     }
     return cachedMatchers;
 }
-exports.getColorMatchers = getColorMatchers;
 const extractOrderedPartsOfValue = (value) => {
     const parts = [];
     let remainingValue = value;

package/dist/transformation-helpers/make-transform/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.translateZ = exports.translateY = exports.translateX = exports.translate3d = exports.translate = exports.skewY = exports.skewX = exports.skew = exports.scaleZ = exports.scaleY = exports.scaleX = exports.scale3d = exports.scale = exports.rotateZ = exports.rotateY = exports.rotateX = exports.rotate3d = exports.rotate = exports.perspective = exports.matrix3d = exports.matrix = exports.makeTransform = void 0;
+exports.translateZ = exports.translateY = exports.translateX = exports.translate3d = exports.translate = exports.skewY = exports.skewX = exports.skew = exports.scaleZ = exports.scaleY = exports.scaleX = exports.scale3d = exports.scale = exports.rotateZ = exports.rotateY = exports.rotateX = exports.rotate3d = exports.rotate = exports.perspective = exports.matrix3d = exports.matrix = void 0;
+exports.makeTransform = makeTransform;
 const transform_functions_1 = require("./transform-functions");
 Object.defineProperty(exports, "matrix", { enumerable: true, get: function () { return transform_functions_1.matrix; } });
 Object.defineProperty(exports, "matrix3d", { enumerable: true, get: function () { return transform_functions_1.matrix3d; } });
@@ -26,4 +27,3 @@ Object.defineProperty(exports, "translateZ", { enumerable: true, get: function (
 function makeTransform(transforms) {
     return transforms.join(' ');
 }
-exports.makeTransform = makeTransform;

package/dist/transformation-helpers/make-transform/transform-functions.js

@@ -2,7 +2,27 @@
 /* eslint-disable no-redeclare */
 /* eslint-disable max-params */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.translateZ = exports.translateY = exports.translateX = exports.translate3d = exports.translate = exports.skewY = exports.skewX = exports.skew = exports.scaleZ = exports.scaleY = exports.scaleX = exports.scale3d = exports.scale = exports.rotateZ = exports.rotateY = exports.rotateX = exports.rotate3d = exports.rotate = exports.perspective = exports.matrix3d = exports.matrix = void 0;
+exports.matrix = matrix;
+exports.matrix3d = matrix3d;
+exports.perspective = perspective;
+exports.rotate = rotate;
+exports.rotate3d = rotate3d;
+exports.rotateX = rotateX;
+exports.rotateY = rotateY;
+exports.rotateZ = rotateZ;
+exports.scale = scale;
+exports.scale3d = scale3d;
+exports.scaleX = scaleX;
+exports.scaleY = scaleY;
+exports.scaleZ = scaleZ;
+exports.skew = skew;
+exports.skewX = skewX;
+exports.skewY = skewY;
+exports.translate = translate;
+exports.translate3d = translate3d;
+exports.translateX = translateX;
+exports.translateY = translateY;
+exports.translateZ = translateZ;
 const type_1 = require("../../type");
 const is_unit_with_string_1 = require("./is-unit-with-string");
 /* Matrix transformation */
@@ -26,7 +46,6 @@ function matrix(a, b, c, d, tx, ty) {
     checkNumber({ num: ty, param: 'ty', api: 'matrix' });
     return `matrix(${a}, ${b}, ${c}, ${d}, ${tx}, ${ty})`;
 }
-exports.matrix = matrix;
 function matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4) {
     checkNumber({ num: a1, param: 'a1', api: 'matrix3d' });
     checkNumber({ num: b1, param: 'b1', api: 'matrix3d' });
@@ -46,7 +65,6 @@ function matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4
     checkNumber({ num: d4, param: 'd4', api: 'matrix3d' });
     return `matrix3d(${a1}, ${b1}, ${c1}, ${d1}, ${a2}, ${b2}, ${c2}, ${d2}, ${a3}, ${b3}, ${c3}, ${d3}, ${a4}, ${b4}, ${c4}, ${d4})`;
 }
-exports.matrix3d = matrix3d;
 function perspective(length, unit = 'px') {
     if ((0, is_unit_with_string_1.isUnitWithString)(length, type_1.lengthUnits)) {
         return `perspective(${length})`;
@@ -54,7 +72,6 @@ function perspective(length, unit = 'px') {
     checkNumber({ num: length, param: 'length', api: 'perspective' });
     return `perspective(${length}${unit})`;
 }
-exports.perspective = perspective;
 function rotate(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `rotate(${angle})`;
@@ -62,7 +79,6 @@ function rotate(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'rotate' });
     return `rotate(${angle}${unit})`;
 }
-exports.rotate = rotate;
 function rotate3d(x, y, z, angle, unit = 'deg') {
     checkNumber({ num: x, param: 'x', api: 'rotate3d' });
     checkNumber({ num: y, param: 'y', api: 'rotate3d' });
@@ -73,7 +89,6 @@ function rotate3d(x, y, z, angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'rotate3d' });
     return `rotate3d(${x}, ${y}, ${z}, ${angle}${unit})`;
 }
-exports.rotate3d = rotate3d;
 function rotateX(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `rotateX(${angle})`;
@@ -81,7 +96,6 @@ function rotateX(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'rotateX' });
     return `rotateX(${angle}${unit})`;
 }
-exports.rotateX = rotateX;
 function rotateY(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `rotateY(${angle})`;
@@ -89,7 +103,6 @@ function rotateY(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'rotateY' });
     return `rotateY(${angle}${unit})`;
 }
-exports.rotateY = rotateY;
 function rotateZ(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `rotateZ(${angle})`;
@@ -97,35 +110,29 @@ function rotateZ(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'rotateZ' });
     return `rotateZ(${angle}${unit})`;
 }
-exports.rotateZ = rotateZ;
 /* Scale */
 function scale(x, y = x) {
     checkNumber({ num: x, param: 'x', api: 'scale' });
     return `scale(${x}, ${y})`;
 }
-exports.scale = scale;
 function scale3d(x, y, z) {
     checkNumber({ num: x, param: 'x', api: 'scale3d' });
     checkNumber({ num: y, param: 'y', api: 'scale3d' });
     checkNumber({ num: z, param: 'z', api: 'scale3d' });
     return `scale3d(${x}, ${y}, ${z})`;
 }
-exports.scale3d = scale3d;
 function scaleX(x) {
     checkNumber({ num: x, param: 'x', api: 'scaleX' });
     return `scaleX(${x})`;
 }
-exports.scaleX = scaleX;
 function scaleY(y) {
     checkNumber({ num: y, param: 'y', api: 'scaleY' });
     return `scaleY(${y})`;
 }
-exports.scaleY = scaleY;
 function scaleZ(z) {
     checkNumber({ num: z, param: 'z', api: 'scaleZ' });
     return `scaleZ(${z})`;
 }
-exports.scaleZ = scaleZ;
 function skew(...args) {
     const [arg1, arg2, arg3, arg4] = args;
     if (arguments.length === 1) {
@@ -175,7 +182,6 @@ function skew(...args) {
         'skew(angleX: number, unitX: AngleUnit, angleY: number, unitY: AngleUnit): string;',
     ].join('\n'));
 }
-exports.skew = skew;
 function skewX(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `skewX(${angle})`;
@@ -183,7 +189,6 @@ function skewX(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'skewX' });
     return `skewX(${angle}${unit})`;
 }
-exports.skewX = skewX;
 function skewY(angle, unit = 'deg') {
     if ((0, is_unit_with_string_1.isUnitWithString)(angle, type_1.angleUnits)) {
         return `skewY(${angle})`;
@@ -191,7 +196,6 @@ function skewY(angle, unit = 'deg') {
     checkNumber({ num: angle, param: 'angle', api: 'skewY' });
     return `skewY(${angle}${unit})`;
 }
-exports.skewY = skewY;
 function translate(...args) {
     const [arg1, arg2, arg3, arg4] = args;
     if (arguments.length === 1) {
@@ -238,7 +242,6 @@ function translate(...args) {
         `translate(x: number, unitX: LengthPercentageUnit, y: number, unitY: LengthPercentageUnit): string;`,
     ].join('\n'));
 }
-exports.translate = translate;
 function translate3d(...args) {
     if (arguments.length === 3) {
         const [x, y, z] = args;
@@ -275,7 +278,6 @@ function translate3d(...args) {
         `translate3d(x: number, unitX: LengthPercentageUnit, y: number, unitY: LengthPercentageUnit, z: number, unitZ: LengthUnit)`,
     ].join('\n'));
 }
-exports.translate3d = translate3d;
 function translateX(x, unit = 'px') {
     if ((0, is_unit_with_string_1.isUnitWithString)(x, type_1.lengthPercentageUnits)) {
         return `translateX(${x})`;
@@ -283,7 +285,6 @@ function translateX(x, unit = 'px') {
     checkNumber({ num: x, param: 'x', api: 'translateX' });
     return `translateX(${x}${unit})`;
 }
-exports.translateX = translateX;
 function translateY(y, unit = 'px') {
     if ((0, is_unit_with_string_1.isUnitWithString)(y, type_1.lengthPercentageUnits)) {
         return `translateY(${y})`;
@@ -291,7 +292,6 @@ function translateY(y, unit = 'px') {
     checkNumber({ num: y, param: 'y', api: 'translateY' });
     return `translateY(${y}${unit})`;
 }
-exports.translateY = translateY;
 function translateZ(z, unit = 'px') {
     if ((0, is_unit_with_string_1.isUnitWithString)(z, type_1.lengthUnits)) {
         return `translateZ(${z})`;
@@ -299,4 +299,3 @@ function translateZ(z, unit = 'px') {
     checkNumber({ num: z, param: 'z', api: 'translateZ' });
     return `translateZ(${z}${unit})`;
 }
-exports.translateZ = translateZ;

package/dist/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { breakDownValueIntoUnitNumberAndFunctions } from './transformation-helpers/interpolate-styles/utils';
 import type { matrix, matrix3d, perspective, rotate, rotate3d, rotateX, rotateY, rotateZ, scale, scale3d, scaleX, scaleY, scaleZ, skew, skewX, skewY, translate, translate3d, translateX, translateY, translateZ } from './transformation-helpers/make-transform';
 export declare const lengthUnits: readonly ["px", "em", "rem", "pt", "cap", "ch", "ex", "ic", "lh", "rlh", "vmax", "vmin", "vb", "vi", "cqw", "vh", "vw", "cqh", "cqi", "cqb", "cqmin", "cqmax", "cm", "mm", "Q", "in", "pc"];
@@ -28,4 +27,4 @@ type CSSPropertiesKey = keyof Style;
 type CSSPropertiesValue = Style[CSSPropertiesKey];
 type UnitNumberAndFunctions = ReturnType<typeof breakDownValueIntoUnitNumberAndFunctions>;
 type UnitNumberAndFunction = UnitNumberAndFunctions[0];
-export type { AngleUnit, CSSPropertiesKey, CSSPropertiesValue, ColorMatchers, LengthPercentageUnit, LengthUnit, Style, TransformFunctionReturnType, UnitNumberAndFunction, };
+export type { AngleUnit, ColorMatchers, CSSPropertiesKey, CSSPropertiesValue, LengthPercentageUnit, LengthUnit, Style, TransformFunctionReturnType, UnitNumberAndFunction, };

package/package.json

@@ -7,13 +7,13 @@
     "name": "Chetan Karwa",
     "email": "cbkarwa@gmail.com"
   },
-  "version": "4.0.213",
+  "version": "4.0.215",
   "description": "Helpers for animating CSS properties",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "remotion": "4.0.213"
+    "remotion": "4.0.215"
   },
   "files": [
     "dist",
@@ -43,7 +43,7 @@
   "scripts": {
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
-    "build": "bun --env-file=../.env.bundle bundle.ts",
+    "make": "bun --env-file=../.env.bundle bundle.ts",
     "test": "bun test src"
   }
 }