animejs 4.4.0 → 4.5.0

package/dist/modules/timeline/timeline.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -34,6 +34,7 @@ var position = require('./position.cjs');
  *   TimelinePosition,
  *   StaggerFunction,
  *   TargetsArray,
+ *   TweakRegister,
  * } from '../types/index.js'
 */
 
@@ -43,8 +44,6 @@ var position = require('./position.cjs');
  * } from '../waapi/waapi.js'
 */
 
-/** @import {TweakRegister} from 'tweaks' */
-
 /**
  * @param {Timeline} tl
  * @return {Number}
@@ -237,13 +236,21 @@ class Timeline extends timer.Timer {
     if (!helpers.isUnd(synced) && !helpers.isUnd(/** @type {WAAPIAnimation} */(synced).persist)) {
       /** @type {WAAPIAnimation} */(synced).persist = true;
     }
-    return this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
+    const editor = globals.globals.editor;
+    const childHook = editor && editor.addTimelineChild;
+    if (editor && editor.addTimelineSync) {
+      position = editor.addTimelineSync(synced, position, this.id);
+      editor.addTimelineChild = null; // Suppress the per-child hook for the internal .add, sync already registered.
+    }
+    const result = this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
+    if (editor) editor.addTimelineChild = childHook;
+    return result;
   }
 
   /**
    * @param  {TargetsParam} targets
    * @param  {AnimationParams} parameters
-   * @param  {TimelinePosition} [position]
+   * @param  {TimelinePosition|StaggerFunction<Number|String>|TweakRegister} [position]
    * @return {this}
    */
   set(targets, parameters, position) {
@@ -260,6 +267,7 @@ class Timeline extends timer.Timer {
    */
   call(callback, position) {
     if (helpers.isUnd(callback) || callback && !helpers.isFnc(callback)) return this;
+    if (globals.globals.editor && globals.globals.editor.addTimelineCall) position = globals.globals.editor.addTimelineCall(callback, position, this.id);
     return this.add({ duration: 0, delay: 0, onComplete: () => callback(this) }, position);
   }
 
@@ -271,6 +279,7 @@ class Timeline extends timer.Timer {
    */
   label(labelName, position$1) {
     if (helpers.isUnd(labelName) || labelName && !helpers.isStr(labelName)) return this;
+    if (globals.globals.editor && globals.globals.editor.addTimelineLabel) position$1 = globals.globals.editor.addTimelineLabel(labelName, position$1, this.id);
     this.labels[labelName] = position.parseTimelinePosition(this, position$1);
     return this;
   }

package/dist/modules/timeline/timeline.d.ts

@@ -109,10 +109,10 @@ export class Timeline extends Timer {
     /**
      * @param  {TargetsParam} targets
      * @param  {AnimationParams} parameters
-     * @param  {TimelinePosition} [position]
+     * @param  {TimelinePosition|StaggerFunction<Number|String>|TweakRegister} [position]
      * @return {this}
      */
-    set(targets: TargetsParam, parameters: AnimationParams, position?: TimelinePosition): this;
+    set(targets: TargetsParam, parameters: AnimationParams, position?: TimelinePosition | StaggerFunction<number | string> | TweakRegister): this;
     /**
      * @param {Callback<Timer>} callback
      * @param {TimelinePosition} [position]
@@ -164,7 +164,7 @@ import type { TargetsParam } from '../types/index.js';
 import type { AnimationParams } from '../types/index.js';
 import type { TimelinePosition } from '../types/index.js';
 import type { StaggerFunction } from '../types/index.js';
-import type { TweakRegister } from 'tweaks';
+import type { TweakRegister } from '../types/index.js';
 import type { TimerParams } from '../types/index.js';
 import type { Tickable } from '../types/index.js';
 import type { WAAPIAnimation } from '../waapi/waapi.js';

package/dist/modules/timeline/timeline.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timeline - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -32,6 +32,7 @@ import { parseTimelinePosition } from './position.js';
  *   TimelinePosition,
  *   StaggerFunction,
  *   TargetsArray,
+ *   TweakRegister,
  * } from '../types/index.js'
 */
 
@@ -41,8 +42,6 @@ import { parseTimelinePosition } from './position.js';
  * } from '../waapi/waapi.js'
 */
 
-/** @import {TweakRegister} from 'tweaks' */
-
 /**
  * @param {Timeline} tl
  * @return {Number}
@@ -235,13 +234,21 @@ class Timeline extends Timer {
     if (!isUnd(synced) && !isUnd(/** @type {WAAPIAnimation} */(synced).persist)) {
       /** @type {WAAPIAnimation} */(synced).persist = true;
     }
-    return this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
+    const editor = globals.editor;
+    const childHook = editor && editor.addTimelineChild;
+    if (editor && editor.addTimelineSync) {
+      position = editor.addTimelineSync(synced, position, this.id);
+      editor.addTimelineChild = null; // Suppress the per-child hook for the internal .add, sync already registered.
+    }
+    const result = this.add(synced, { currentTime: [0, duration], duration, delay: 0, ease: 'linear', playbackEase: 'linear' }, position);
+    if (editor) editor.addTimelineChild = childHook;
+    return result;
   }
 
   /**
    * @param  {TargetsParam} targets
    * @param  {AnimationParams} parameters
-   * @param  {TimelinePosition} [position]
+   * @param  {TimelinePosition|StaggerFunction<Number|String>|TweakRegister} [position]
    * @return {this}
    */
   set(targets, parameters, position) {
@@ -258,6 +265,7 @@ class Timeline extends Timer {
    */
   call(callback, position) {
     if (isUnd(callback) || callback && !isFnc(callback)) return this;
+    if (globals.editor && globals.editor.addTimelineCall) position = globals.editor.addTimelineCall(callback, position, this.id);
     return this.add({ duration: 0, delay: 0, onComplete: () => callback(this) }, position);
   }
 
@@ -269,6 +277,7 @@ class Timeline extends Timer {
    */
   label(labelName, position) {
     if (isUnd(labelName) || labelName && !isStr(labelName)) return this;
+    if (globals.editor && globals.editor.addTimelineLabel) position = globals.editor.addTimelineLabel(labelName, position, this.id);
     this.labels[labelName] = parseTimelinePosition(this, position);
     return this;
   }

package/dist/modules/timer/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/timer/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/timer/timer.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/timer/timer.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - timer - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/types/index.d.ts

@@ -27,17 +27,36 @@ export type Renderable = JSAnimation | Timeline;
 export type Tickable = Timer | Renderable;
 export type CallbackArgument = Timer & JSAnimation & Timeline;
 export type Revertible = Animatable | Tickable | WAAPIAnimation | Draggable | ScrollObserver | TextSplitter | Scope | AutoLayout;
+export type TweakRegister = {
+    type: string;
+    defaultValue: any;
+};
 export type StaggerFunction<T> = (target?: Target, index?: number, targets?: TargetsArray, prevTween?: Tween | null, tl?: Timeline) => T;
 export type StaggerParams = {
     start?: number | string;
     from?: number | "first" | "center" | "last" | "random" | Array<number>;
     reversed?: boolean;
     grid?: Array<number> | boolean;
-    axis?: ("x" | "y");
-    use?: string | ((target: Target, i: number, length: number) => number);
+    axis?: ("x" | "y" | "z");
+    use?: string | {
+        method(target: Target, i: number, length: number): number;
+    }["method"];
     total?: number;
     ease?: EasingParam;
     modifier?: TweenModifier;
+    /**
+     * Additive uniform noise on the
+     * computed stagger value. Number form gives flat `+/-jitter`; tuple form
+     * ramps the magnitude `start -> end` across the from/axis/grid ordering
+     * and respects `ease`.
+     */
+    jitter?: number | [number, number];
+    /**
+     * Seed for jitter draws and `from: 'random'`
+     * shuffling. `false` (default) uses Math.random. `true` seeds with `0`. A
+     * number is used directly as the seed.
+     */
+    seed?: boolean | number;
 };
 export type DOMTarget = HTMLElement | SVGElement;
 export type JSTarget = Record<string, any>;
@@ -89,7 +108,9 @@ export type SpringParams = {
      */
     onComplete?: Callback<JSAnimation>;
 };
-export type Callback<T> = (self: T, e?: PointerEvent) => any;
+export type Callback<T> = {
+    method(self: T): any;
+}["method"];
 export type TickableCallbacks<T extends unknown> = {
     onBegin?: Callback<T>;
     onBeforeUpdate?: Callback<T>;
@@ -115,7 +136,8 @@ export type TimerOptions = {
     priority?: number;
 };
 export type TimerParams = TimerOptions & TickableCallbacks<Timer>;
-export type FunctionValue = (target?: Target, index?: number, targets?: TargetsArray, prevTween?: Tween | null) => number | string | TweenObjectValue | EasingParam | Array<number | string | TweenObjectValue>;
+export type FunctionValueReturn = number | string | TweenKeyValue | EasingParam | Array<number | string | TweenKeyValue>;
+export type FunctionValue<T = FunctionValueReturn> = (target?: Target, index?: number, targets?: TargetsArray, prevTween?: Tween | null) => T;
 export type TweenModifier = (value: number) => number | string;
 export type ColorArray = [number, number, number, number];
 export type Tween = {
@@ -123,7 +145,7 @@ export type Tween = {
     parent: JSAnimation;
     property: string;
     target: Target;
-    _value: string | number;
+    _value: string | number | any;
     _toFunc: Function | null;
     _fromFunc: Function | null;
     _ease: EasingFunction;
@@ -142,7 +164,11 @@ export type Tween = {
     _startTime: number;
     _changeDuration: number;
     _absoluteStartTime: number;
+    _absoluteUpdateStartTime: number;
+    _absoluteEndTime: number;
+    _hasFromValue: number;
     _tweenType: tweenTypes;
+    _setter: ((target: any, value: number, tween: Tween) => void) | null;
     _valueType: valueTypes;
     _composition: number;
     _isOverlapped: number;
@@ -174,11 +200,11 @@ export type TweenDecomposedValue = {
      */
     o: string;
     /**
-     * - Array of Numbers (in case of complex value type)
+     * - Array of Numbers (complex / color value type)
      */
     d: Array<number>;
     /**
-     * - Strings (in case of complex value type)
+     * - Strings (complex value type)
      */
     s: Array<string>;
 };
@@ -189,7 +215,7 @@ export type TweenPropertySiblings = {
 export type TweenLookups = Record<string, TweenPropertySiblings>;
 export type TweenReplaceLookups = WeakMap<Target, TweenLookups>;
 export type TweenAdditiveLookups = Map<Target, TweenLookups>;
-export type TweenParamValue = number | string | FunctionValue | EasingParam;
+export type TweenParamValue = number | string | FunctionValue | EasingParam | TweakRegister;
 export type TweenPropValue = TweenParamValue | [TweenParamValue, TweenParamValue];
 export type TweenComposition = (string & {}) | "none" | "replace" | "blend" | compositionTypes;
 export type TweenParamsOptions = {
@@ -290,7 +316,7 @@ export type AnimatablePropertyParamsOptions = {
     modifier?: TweenModifier;
     composition?: TweenComposition;
 };
-export type AnimatableParams = Record<string, TweenParamValue | EasingParam | TweenModifier | TweenComposition | AnimatablePropertyParamsOptions> & AnimatablePropertyParamsOptions;
+export type AnimatableParams = Record<string, TweenParamValue | EasingParam | TweenModifier | TweenComposition | AnimatablePropertyParamsOptions | Callback<JSAnimation>> & AnimatablePropertyParamsOptions & TickableCallbacks<JSAnimation> & RenderableCallbacks<JSAnimation>;
 export type ReactRef = {
     current?: HTMLElement | SVGElement | null;
 };
@@ -305,7 +331,7 @@ export type ScopeParams = {
 export type ScopedCallback<T> = (scope: Scope) => T;
 export type ScopeCleanupCallback = (scope?: Scope) => any;
 export type ScopeConstructorCallback = (scope?: Scope) => ScopeCleanupCallback | void;
-export type ScopeMethod = (...args: any[]) => ScopeCleanupCallback | void;
+export type ScopeMethod = (...args: any[]) => any;
 export type ScrollThresholdValue = string | number;
 export type ScrollThresholdParam = {
     target?: ScrollThresholdValue;
@@ -475,6 +501,5 @@ import type { TextSplitter } from '../text/split.js';
 import type { Scope } from '../scope/scope.js';
 import type { AutoLayout } from '../layout/layout.js';
 import type { Spring } from '../easings/spring/index.js';
-import type { TweakRegister } from 'tweaks';
 import type { tweenTypes } from '../core/consts.js';
 import type { valueTypes } from '../core/consts.js';

package/dist/modules/utils/chainable.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/chainable.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/index.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/index.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/number.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/number.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */

package/dist/modules/utils/random.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -63,11 +63,12 @@ const randomPick = items => items[random(0, items.length - 1)];
  * Adapted from https://bost.ocks.org/mike/shuffle/
  *
  * @param  {Array} items - The array to shuffle (will be modified in-place)
+ * @param  {RandomNumberGenerator} [rnd] - Optional RNG matching the random() signature (defaults to random)
  * @return {Array} The same array reference, now shuffled
  */
-const shuffle = items => {
+const shuffle = (items, rnd = random) => {
   let m = items.length, t, i;
-  while (m) { i = random(0, --m); t = items[m]; items[m] = items[i]; items[i] = t; }
+  while (m) { i = rnd(0, --m); t = items[m]; items[m] = items[i]; items[i] = t; }
   return items;
 };
 

package/dist/modules/utils/random.d.ts

@@ -15,7 +15,7 @@
 export const random: RandomNumberGenerator;
 export function createSeededRandom(seed?: number, seededMin?: number, seededMax?: number, seededDecimalLength?: number): RandomNumberGenerator;
 export function randomPick<T>(items: string | Array<T>): string | T;
-export function shuffle(items: any[]): any[];
+export function shuffle(items: any[], rnd?: RandomNumberGenerator): any[];
 /**
  * Generate a random number between optional min and max (inclusive) and decimal precision
  */

package/dist/modules/utils/random.js

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - ESM
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -61,11 +61,12 @@ const randomPick = items => items[random(0, items.length - 1)];
  * Adapted from https://bost.ocks.org/mike/shuffle/
  *
  * @param  {Array} items - The array to shuffle (will be modified in-place)
+ * @param  {RandomNumberGenerator} [rnd] - Optional RNG matching the random() signature (defaults to random)
  * @return {Array} The same array reference, now shuffled
  */
-const shuffle = items => {
+const shuffle = (items, rnd = random) => {
   let m = items.length, t, i;
-  while (m) { i = random(0, --m); t = items[m]; items[m] = items[i]; items[i] = t; }
+  while (m) { i = rnd(0, --m); t = items[m]; items[m] = items[i]; items[i] = t; }
   return items;
 };
 

package/dist/modules/utils/stagger.cjs

@@ -1,6 +1,6 @@
 /**
  * Anime.js - utils - CJS
- * @version v4.4.0
+ * @version v4.5.0
  * @license MIT
  * @copyright 2026 - Julian Garnier
  */
@@ -66,6 +66,7 @@ const stagger = (val, params = {}) => {
   let values$1 = [];
   let maxValue = 0;
   let cachedOffset;
+  let jitterSamples = null;
   const from = params.from;
   const reversed = params.reversed;
   const ease = params.ease;
@@ -87,27 +88,42 @@ const stagger = (val, params = {}) => {
   const val2 = isRange ? helpers.parseNumber(val[1]) : 0;
   const unitMatch = consts.unitsExecRgx.exec((isRange ? val[1] : val) + consts.emptyString);
   const start = params.start || 0 + (isRange ? val1 : 0);
+  const seed = params.seed;
+  const hasSeed = !helpers.isUnd(seed) && seed !== false;
+  const rng = hasSeed ? random.createSeededRandom(seed === true ? 0 : /** @type {Number} */(seed)) : random.random;
+  const jitter = params.jitter;
+  const hasJitter = !helpers.isUnd(jitter);
+  const jitterIsArr = helpers.isArr(jitter);
+  const jitterStart = jitterIsArr ? /** @type {[Number,Number]} */(jitter)[0] : /** @type {Number} */(jitter) || 0;
+  const jitterEnd = jitterIsArr ? /** @type {[Number,Number]} */(jitter)[1] : /** @type {Number} */(jitter) || 0;
   let fromIndex = fromFirst ? 0 : helpers.isNum(from) ? from : 0;
   return (target, i, t, _, tl) => {
     const [ registeredTarget ] = targets.registerTargets(target);
     const total = helpers.isUnd(customTotal) ? t.length : customTotal;
     const customIndex = !helpers.isUnd(useProp) ? helpers.isFnc(useProp) ? useProp(registeredTarget, i, total) : values.getOriginalAnimatableValue(registeredTarget, useProp) : false;
-    const staggerIndex = helpers.isNum(customIndex) || helpers.isStr(customIndex) && helpers.isNum(+customIndex) ? +customIndex : i;
+    const customIdx = helpers.isNum(customIndex) || helpers.isStr(customIndex) && helpers.isNum(+customIndex) ? +customIndex : i;
+    // Fall back to the natural index when the resolved value lands outside [0, total) so values[staggerIndex] never reads undefined.
+    const staggerIndex = customIdx >= 0 && customIdx < total ? customIdx : i;
     if (fromCenter) fromIndex = (total - 1) / 2;
     if (fromLast) fromIndex = total - 1;
     if (!values$1.length) {
       if (autoGrid) {
         let hasPositions = true;
+        let has3D = false;
         let minPosX = Infinity;
         let minPosY = Infinity;
+        let minPosZ = Infinity;
         let maxPosX = -Infinity;
         let maxPosY = -Infinity;
+        let maxPosZ = -Infinity;
         const pxArr = [];
         const pyArr = [];
+        const pzArr = [];
         for (let index = 0; index < total; index++) {
           const el = t[index];
           let px = 0;
           let py = 0;
+          let pz = 0;
           let found = false;
           if (el && helpers.isFnc(el.getBoundingClientRect)) {
             const rect = el.getBoundingClientRect();
@@ -119,6 +135,10 @@ const stagger = (val, params = {}) => {
             if (obj && helpers.isNum(obj.x) && helpers.isNum(obj.y)) {
               px = obj.x;
               py = obj.y;
+              if (helpers.isNum(obj.z)) {
+                pz = obj.z;
+                has3D = true;
+              }
               found = true;
             }
           }
@@ -128,42 +148,52 @@ const stagger = (val, params = {}) => {
           }
           pxArr.push(px);
           pyArr.push(py);
+          pzArr.push(pz);
           if (px < minPosX) minPosX = px;
           if (py < minPosY) minPosY = py;
+          if (pz < minPosZ) minPosZ = pz;
           if (px > maxPosX) maxPosX = px;
           if (py > maxPosY) maxPosY = py;
+          if (pz > maxPosZ) maxPosZ = pz;
         }
         if (hasPositions) {
           let fX = pxArr[0];
           let fY = pyArr[0];
+          let fZ = pzArr[0];
           if (fromArr) {
             fX = minPosX + from[0] * (maxPosX - minPosX);
             fY = minPosY + from[1] * (maxPosY - minPosY);
+            fZ = has3D ? minPosZ + (from.length >= 3 ? from[2] : 0.5) * (maxPosZ - minPosZ) : 0;
           } else if (fromCenter) {
             fX = (minPosX + maxPosX) / 2;
             fY = (minPosY + maxPosY) / 2;
+            fZ = (minPosZ + maxPosZ) / 2;
           } else if (fromLast) {
             fX = pxArr[total - 1];
             fY = pyArr[total - 1];
+            fZ = pzArr[total - 1];
           } else if (helpers.isNum(from)) {
             fX = pxArr[from];
             fY = pyArr[from];
+            fZ = pzArr[from];
           }
           for (let index = 0; index < total; index++) {
             const distanceX = fX - pxArr[index];
             const distanceY = fY - pyArr[index];
-            let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY);
+            const distanceZ = fZ - pzArr[index];
+            let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY + (has3D ? distanceZ * distanceZ : 0));
             if (axis === 'x') value = -distanceX;
             if (axis === 'y') value = -distanceY;
+            if (axis === 'z') value = -distanceZ;
             values$1.push(value);
           }
           let minDist = Infinity;
-          for (let index = 0, l = values$1.length; index < l; index++) {
+          for (let index = 0; index < total; index++) {
             const absVal = helpers.abs(values$1[index]);
             if (absVal > 0 && absVal < minDist) minDist = absVal;
           }
           if (minDist > 0 && minDist < Infinity) {
-            for (let index = 0, l = values$1.length; index < l; index++) {
+            for (let index = 0; index < total; index++) {
               values$1[index] = values$1[index] / minDist;
             }
           }
@@ -177,32 +207,51 @@ const stagger = (val, params = {}) => {
           if (!grid) {
             values$1.push(helpers.abs(fromIndex - index));
           } else {
-            let fromX, fromY;
+            const dims = grid.length;
+            const wh = grid[0] * grid[1];
+            let fromX, fromY, fromZ;
             if (fromArr) {
               fromX = from[0] * (grid[0] - 1);
               fromY = from[1] * (grid[1] - 1);
+              fromZ = dims === 3 ? (from.length >= 3 ? from[2] : 0.5) * (grid[2] - 1) : 0;
             } else if (fromCenter) {
               fromX = (grid[0] - 1) / 2;
               fromY = (grid[1] - 1) / 2;
+              fromZ = dims === 3 ? (grid[2] - 1) / 2 : 0;
             } else {
               fromX = fromIndex % grid[0];
-              fromY = helpers.floor(fromIndex / grid[0]);
+              fromY = helpers.floor(fromIndex / grid[0]) % grid[1];
+              fromZ = dims === 3 ? helpers.floor(fromIndex / wh) : 0;
             }
             const toX = index % grid[0];
-            const toY = helpers.floor(index / grid[0]);
+            const toY = helpers.floor(index / grid[0]) % grid[1];
+            const toZ = dims === 3 ? helpers.floor(index / wh) : 0;
             const distanceX = fromX - toX;
             const distanceY = fromY - toY;
-            let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY);
+            const distanceZ = fromZ - toZ;
+            let value = helpers.sqrt(distanceX * distanceX + distanceY * distanceY + (dims === 3 ? distanceZ * distanceZ : 0));
             if (axis === 'x') value = -distanceX;
             if (axis === 'y') value = -distanceY;
+            if (axis === 'z') value = -distanceZ;
             values$1.push(value);
           }
         }
       }
-      maxValue = helpers.max(...values$1);
-      if (staggerEase) values$1 = values$1.map(val => staggerEase(val / maxValue) * maxValue);
-      if (reversed) values$1 = values$1.map(val => axis ? (val < 0) ? val * -1 : -val : helpers.abs(maxValue - val));
-      if (fromRandom) values$1 = random.shuffle(values$1);
+      maxValue = values$1[0];
+      for (let k = 1; k < total; k++) if (values$1[k] > maxValue) maxValue = values$1[k];
+      if (staggerEase || reversed) {
+        for (let k = 0; k < total; k++) {
+          let v = values$1[k];
+          if (staggerEase) v = staggerEase(v / maxValue) * maxValue;
+          if (reversed) v = axis ? -v : helpers.abs(maxValue - v);
+          values$1[k] = v;
+        }
+      }
+      if (hasJitter) {
+        jitterSamples = new Array(total);
+        for (let k = 0; k < total; k++) jitterSamples[k] = rng(-1, 1, 4);
+      }
+      if (fromRandom) values$1 = random.shuffle(values$1, rng);
     }
     const spacing = isRange ? (val2 - val1) / maxValue : val1;
     if (helpers.isUnd(cachedOffset)) {
@@ -210,6 +259,11 @@ const stagger = (val, params = {}) => {
     }
     /** @type {String|Number} */
     let output = cachedOffset + ((spacing * helpers.round(values$1[staggerIndex], 2)) || 0);
+    if (hasJitter) {
+      const progress = maxValue ? values$1[staggerIndex] / maxValue : 0;
+      const mag = jitterStart + (jitterEnd - jitterStart) * progress;
+      output = /** @type {Number} */(output) + jitterSamples[staggerIndex] * mag;
+    }
     if (params.modifier) output = params.modifier(/** @type {Number} */(output));
     if (unitMatch) output = `${output}${unitMatch[2]}`;
     return output;