@studiometa/js-toolkit 2.2.1 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A set of useful little bits of JavaScript to boost your project! 🚀",
   "publishConfig": {
     "access": "public"

package/utils/css/animate.cjs

@@ -33,7 +33,6 @@ var import_raf = __toESM(require("../../services/raf.cjs"), 1);
 var import_scheduler = require("../scheduler.cjs");
 var id = 0;
 var running = /* @__PURE__ */ new WeakMap();
-var raf = (0, import_raf.default)();
 var noop = () => {
 };
 var PROGRESS_PRECISION = 1e-4;
@@ -119,6 +118,7 @@ function render(element, from, to, progress) {
 }
 function animate(element, keyframes, options = {}) {
   var _a;
+  const raf = (0, import_raf.default)();
   let progressValue = 0;
   let easedProgress = 0;
   if (!running.has(element)) {

package/utils/css/animate.d.ts

@@ -1,12 +1,6 @@
 /**
  * @typedef {import('./transform.js').TransformProps} TransformProps
  * @typedef {[number, number, number, number]} BezierCurve
- * @typedef {{
- *   duration?: number;
- *   easing?: import('../math/createEases.js').EasingFunction|BezierCurve;
- *   onProgress?: (progress: number, easedProgress: number) => void;
- *   onFinish?: (progress: number, easedProgress: number) => void;
- *  }} Options
  * @typedef {TransformProps & {
  *   opacity?: number;
  *   transformOrigin?: string;
@@ -29,13 +23,22 @@
  * Animate an element.
  * @param   {HTMLElement} element
  * @param   {Keyframe[]} keyframes
- * @param   {Options} options
+ * @param   {{
+ *   duration?: number;
+ *   easing?: import('../math/createEases.js').EasingFunction|BezierCurve;
+ *   onProgress?: (progress: number, easedProgress: number) => void;
+ *   onFinish?: (progress: number, easedProgress: number) => void;
+ *  }} [options]
  * @returns {Animate}
  */
-export function animate(element: HTMLElement, keyframes: Keyframe[], options?: Options): Animate;
+export function animate(element: HTMLElement, keyframes: Keyframe[], options?: {
+    duration?: number;
+    easing?: import('../math/createEases.js').EasingFunction | BezierCurve;
+    onProgress?: (progress: number, easedProgress: number) => void;
+    onFinish?: (progress: number, easedProgress: number) => void;
+}): Animate;
 export type TransformProps = import('./transform.js').TransformProps;
 export type BezierCurve = [number, number, number, number];
-export type Options = Options;
 export type Keyframe = TransformProps & {
     opacity?: number;
     transformOrigin?: string;

package/utils/css/animate.js

@@ -6,7 +6,6 @@ import useRaf from "../../services/raf.js";
 import { domScheduler as scheduler } from "../scheduler.js";
 let id = 0;
 const running = /* @__PURE__ */ new WeakMap();
-const raf = useRaf();
 const noop = () => {
 };
 const PROGRESS_PRECISION = 1e-4;
@@ -92,6 +91,7 @@ function render(element, from, to, progress) {
 }
 function animate(element, keyframes, options = {}) {
   var _a;
+  const raf = useRaf();
   let progressValue = 0;
   let easedProgress = 0;
   if (!running.has(element)) {