@wix/motion 1.0.73 → 1.572.0

package/dist/cjs/library/mouse/BlobMouse.js

@@ -0,0 +1,70 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    scale: 1.2,
+    easing: 'easeOut'
+  },
+  medium: {
+    scale: 1.6,
+    easing: 'easeOut'
+  },
+  hard: {
+    scale: 2.4,
+    easing: 'easeOut'
+  }
+};
+class BlobMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      distance,
+      scale,
+      invert
+    } = this.options;
+    const translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
+    const translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
+
+    // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1
+    const scaleX = progressX < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressX) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressX);
+
+    // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1
+    const scaleY = progressY < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressY) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressY);
+    const units = (0, _utils.getCssUnits)(distance.type);
+    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleX}, ${scaleY}) rotate(var(--comp-rotate-z, 0deg))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    distance = {
+      value: 200,
+      type: 'px'
+    },
+    scale = 1.4
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    invert,
+    distance,
+    scale: power ? paramsMap[power].scale : scale
+  };
+  return target => new BlobMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=BlobMouse.js.map

package/dist/cjs/library/mouse/BlobMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","soft","scale","easing","medium","hard","BlobMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","distance","invert","options","translateX","mapRange","value","translateY","scaleX","scaleY","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/BlobMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  BlobMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n  EffectPower,\n  { scale: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { scale: 1.2, easing: 'easeOut' },\n  medium: { scale: 1.6, easing: 'easeOut' },\n  hard: { scale: 2.4, easing: 'easeOut' },\n};\n\nclass BlobMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { distance, scale, invert } = this.options;\n    const translateX =\n      mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n    const translateY =\n      mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n\n    // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1\n    const scaleX =\n      progressX < 0.5\n        ? mapRange(0, 0.5, scale, 1, progressX)\n        : mapRange(0.5, 1, 1, scale, progressX);\n\n    // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1\n    const scaleY =\n      progressY < 0.5\n        ? mapRange(0, 0.5, scale, 1, progressY)\n        : mapRange(0.5, 1, 1, scale, progressY);\n\n    const units = getCssUnits(distance.type);\n\n    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleX}, ${scaleY}) rotate(var(--comp-rotate-z, 0deg))`;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    distance = { value: 200, type: 'px' },\n    scale = 1.4,\n  } = options.namedEffect as BlobMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    distance,\n    scale: power ? paramsMap[power].scale : scale,\n  };\n\n  return (target: HTMLElement) =>\n    new BlobMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/BlurMouse.js

@@ -0,0 +1,94 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _easings = require("../../easings");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    angle: 0,
+    scale: 1,
+    easing: 'easeOut'
+  },
+  medium: {
+    angle: 25,
+    scale: 0.7,
+    easing: 'easeOut'
+  },
+  hard: {
+    angle: 65,
+    scale: 0.25,
+    easing: 'easeOut'
+  }
+};
+class BlurMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      distance,
+      angle,
+      scale,
+      invert,
+      blur,
+      perspective
+    } = this.options;
+    const translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
+    const translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
+
+    // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1
+    const scaleX = progressX < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressX) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressX);
+
+    // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1
+    const scaleY = progressY < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressY) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressY);
+    const maxScale = Math.min(scaleX, scaleY);
+
+    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle
+    const rotateX = (0, _utils.mapRange)(0, 1, -angle, angle, progressY) * invert;
+    const rotateY = (0, _utils.mapRange)(0, 1, angle, -angle, progressX) * invert;
+    const units = (0, _utils.getCssUnits)(distance.type);
+    const transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${maxScale}, ${maxScale}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;
+    const progressDistance = (0, _utils.distance2d)([0.5, 0.5], [progressX, progressY]);
+    const blurFilter = Math.round((0, _utils.mapRange)(0, 1, 0, blur, (0, _easings.quadInOut)(progressDistance)));
+    const filter = `blur(${blurFilter}px)`;
+    this.target.style.transform = transform;
+    this.target.style.filter = filter;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.filter = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    distance = {
+      value: 80,
+      type: 'px'
+    },
+    angle = 5,
+    scale = 0.3,
+    blur = 20,
+    perspective = 600
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}, filter ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    distance,
+    angle: power ? paramsMap[power].angle : angle,
+    scale: power ? paramsMap[power].scale : scale,
+    blur,
+    perspective,
+    invert
+  };
+  return target => new BlurMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=BlurMouse.js.map

package/dist/cjs/library/mouse/BlurMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_easings","_CustomMouse","paramsMap","soft","angle","scale","easing","medium","hard","BlurMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","distance","invert","blur","perspective","options","translateX","mapRange","value","translateY","scaleX","scaleY","maxScale","Math","min","rotateX","rotateY","units","getCssUnits","type","transform","progressDistance","distance2d","blurFilter","round","quadInOut","filter","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/BlurMouse.ts"],"sourcesContent":["import {\n  getCssUnits,\n  getMouseTransitionEasing,\n  distance2d,\n  mapRange,\n} from '../../utils';\nimport { quadInOut } from '../../easings';\nimport { CustomMouse } from './CustomMouse';\nimport {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  BlurMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n  EffectPower,\n  { angle: number; scale: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { angle: 0, scale: 1, easing: 'easeOut' },\n  medium: { angle: 25, scale: 0.7, easing: 'easeOut' },\n  hard: { angle: 65, scale: 0.25, easing: 'easeOut' },\n};\nclass BlurMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { distance, angle, scale, invert, blur, perspective } = this.options;\n\n    const translateX =\n      mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n    const translateY =\n      mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n\n    // if progressX === 0 || progressX === 1, scaleX === scale, if progressX === 0.5, scaleX === 1\n    const scaleX =\n      progressX < 0.5\n        ? mapRange(0, 0.5, scale, 1, progressX)\n        : mapRange(0.5, 1, 1, scale, progressX);\n\n    // if progressY === 0 || progressY === 1, scaleY === scale, if progressY === 0.5, scaleY === 1\n    const scaleY =\n      progressY < 0.5\n        ? mapRange(0, 0.5, scale, 1, progressY)\n        : mapRange(0.5, 1, 1, scale, progressY);\n\n    const maxScale = Math.min(scaleX, scaleY);\n\n    // if progressX === 0, rotateX === -angle, if progressX === 0.5, rotateX === 0, if progressX === 1, rotateX === angle\n    const rotateX = mapRange(0, 1, -angle, angle, progressY) * invert;\n    const rotateY = mapRange(0, 1, angle, -angle, progressX) * invert;\n\n    const units = getCssUnits(distance.type);\n\n    const transform = `perspective(${perspective}px) translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${maxScale}, ${maxScale}) rotateX(${rotateX}deg) rotateY(${rotateY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n\n    const progressDistance = distance2d(\n      [0.5, 0.5],\n      [progressX, progressY],\n    );\n    const blurFilter = Math.round(\n      mapRange(0, 1, 0, blur, quadInOut(progressDistance)),\n    );\n\n    const filter = `blur(${blurFilter}px)`;\n\n    this.target.style.transform = transform;\n    this.target.style.filter = filter;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.filter = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    distance = { value: 80, type: 'px' },\n    angle = 5,\n    scale = 0.3,\n    blur = 20,\n    perspective = 600,\n  } = options.namedEffect as BlurMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}, filter ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    distance,\n    angle: power ? paramsMap[power].angle : angle,\n    scale: power ? paramsMap[power].scale : scale,\n    blur,\n    perspective,\n    invert,\n  };\n\n  return (target: HTMLElement) =>\n    new BlurMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/BounceMouse.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = create;
+var _TrackMouse = _interopRequireDefault(require("./TrackMouse"));
+function create(options) {
+  const {
+    distance = {
+      value: 80,
+      type: 'px'
+    }
+  } = options.namedEffect;
+  const {
+    transitionEasing = 'elastic'
+  } = options;
+  return (0, _TrackMouse.default)({
+    ...options,
+    transitionEasing,
+    namedEffect: {
+      ...options.namedEffect,
+      distance
+    }
+  });
+}
+//# sourceMappingURL=BounceMouse.js.map

package/dist/cjs/library/mouse/BounceMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TrackMouse","_interopRequireDefault","require","create","options","distance","value","type","namedEffect","transitionEasing","createTrack"],"sources":["../../../../src/library/mouse/BounceMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  BounceMouse,\n  TrackMouse,\n} from '../../types';\nimport createTrack from './TrackMouse';\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { distance = { value: 80, type: 'px' } } =\n    options.namedEffect as BounceMouse;\n  const { transitionEasing = 'elastic' } = options;\n  return createTrack({\n    ...options,\n    transitionEasing,\n    namedEffect: { ...options.namedEffect, distance } as TrackMouse,\n  });\n}\n"],"mappings":";;;;;AAMA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,MAAMA,CAC5BC,OAAsD,EACtD;EACA,MAAM;IAAEC,QAAQ,GAAG;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAK;EAAE,CAAC,GAC5CH,OAAO,CAACI,WAA0B;EACpC,MAAM;IAAEC,gBAAgB,GAAG;EAAU,CAAC,GAAGL,OAAO;EAChD,OAAO,IAAAM,mBAAW,EAAC;IACjB,GAAGN,OAAO;IACVK,gBAAgB;IAChBD,WAAW,EAAE;MAAE,GAAGJ,OAAO,CAACI,WAAW;MAAEH;IAAS;EAClD,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/library/mouse/CustomMouse.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomMouse = void 0;
+exports.create = create;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+class CustomMouse {
+  constructor(target, options) {
+    (0, _defineProperty2.default)(this, "target", void 0);
+    (0, _defineProperty2.default)(this, "options", void 0);
+    (0, _defineProperty2.default)(this, "currentProgress", void 0);
+    this.target = target;
+    this.options = options || {};
+    this.currentProgress = {
+      x: 0.5,
+      y: 0.5,
+      v: {
+        x: 0,
+        y: 0
+      },
+      active: true
+    };
+    this.play();
+  }
+  progress({
+    x,
+    y,
+    v,
+    active
+  }) {
+    this.currentProgress = {
+      x,
+      y,
+      v,
+      active
+    };
+  }
+  cancel() {
+    this.currentProgress = {
+      x: 0.5,
+      y: 0.5,
+      v: {
+        x: 0,
+        y: 0
+      }
+    };
+  }
+  getProgress() {
+    return this.currentProgress;
+  }
+  play() {
+    if (this.options.transition && this.target) {
+      this.target.style.transition = this.options.transition;
+    }
+  }
+}
+exports.CustomMouse = CustomMouse;
+function create(options) {
+  return target => new CustomMouse(target, options);
+}
+//# sourceMappingURL=CustomMouse.js.map

package/dist/cjs/library/mouse/CustomMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomMouse","constructor","target","options","_defineProperty2","default","currentProgress","x","y","v","active","play","progress","cancel","getProgress","transition","style","exports","create"],"sources":["../../../../src/library/mouse/CustomMouse.ts"],"sourcesContent":["import type {\n  AnimationExtraOptions,\n  Progress,\n  ScrubAnimationOptions,\n} from '../../types';\n\nexport class CustomMouse {\n  target: HTMLElement;\n  options: Record<string, any>;\n  currentProgress: Progress;\n\n  constructor(target: HTMLElement, options?: Record<string, any>) {\n    this.target = target;\n    this.options = options || {};\n    this.currentProgress = { x: 0.5, y: 0.5, v: { x: 0, y: 0 }, active: true };\n\n    this.play();\n  }\n\n  progress({ x, y, v, active }: Progress) {\n    this.currentProgress = { x, y, v, active };\n  }\n\n  cancel() {\n    this.currentProgress = { x: 0.5, y: 0.5, v: { x: 0, y: 0 } };\n  }\n\n  getProgress() {\n    return this.currentProgress;\n  }\n\n  play() {\n    if (this.options.transition && this.target) {\n      this.target.style.transition = this.options.transition;\n    }\n  }\n}\n\nexport function create(options: ScrubAnimationOptions & AnimationExtraOptions) {\n  return (target: HTMLElement) => new CustomMouse(target, options);\n}\n"],"mappings":";;;;;;;AAMO,MAAMA,WAAW,CAAC;EAKvBC,WAAWA,CAACC,MAAmB,EAAEC,OAA6B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC9D,IAAI,CAACH,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACC,OAAO,GAAGA,OAAO,IAAI,CAAC,CAAC;IAC5B,IAAI,CAACG,eAAe,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE,CAAC;MAAEE,MAAM,EAAE;IAAK,CAAC;IAE1E,IAAI,CAACC,IAAI,CAAC,CAAC;EACb;EAEAC,QAAQA,CAAC;IAAEL,CAAC;IAAEC,CAAC;IAAEC,CAAC;IAAEC;EAAiB,CAAC,EAAE;IACtC,IAAI,CAACJ,eAAe,GAAG;MAAEC,CAAC;MAAEC,CAAC;MAAEC,CAAC;MAAEC;IAAO,CAAC;EAC5C;EAEAG,MAAMA,CAAA,EAAG;IACP,IAAI,CAACP,eAAe,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE,GAAG;MAAEC,CAAC,EAAE;QAAEF,CAAC,EAAE,CAAC;QAAEC,CAAC,EAAE;MAAE;IAAE,CAAC;EAC9D;EAEAM,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACR,eAAe;EAC7B;EAEAK,IAAIA,CAAA,EAAG;IACL,IAAI,IAAI,CAACR,OAAO,CAACY,UAAU,IAAI,IAAI,CAACb,MAAM,EAAE;MAC1C,IAAI,CAACA,MAAM,CAACc,KAAK,CAACD,UAAU,GAAG,IAAI,CAACZ,OAAO,CAACY,UAAU;IACxD;EACF;AACF;AAACE,OAAA,CAAAjB,WAAA,GAAAA,WAAA;AAEM,SAASkB,MAAMA,CAACf,OAAsD,EAAE;EAC7E,OAAQD,MAAmB,IAAK,IAAIF,WAAW,CAACE,MAAM,EAAEC,OAAO,CAAC;AAClE","ignoreList":[]}

package/dist/cjs/library/mouse/ScaleMouse.js

@@ -0,0 +1,98 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  down: {
+    soft: {
+      scale: 0.85,
+      easing: 'easeOut'
+    },
+    medium: {
+      scale: 0.5,
+      easing: 'easeOut'
+    },
+    hard: {
+      scale: 0,
+      easing: 'easeOut'
+    }
+  },
+  up: {
+    soft: {
+      scale: 1.2,
+      easing: 'easeOut'
+    },
+    medium: {
+      scale: 1.6,
+      easing: 'easeOut'
+    },
+    hard: {
+      scale: 2.4,
+      easing: 'easeOut'
+    }
+  }
+};
+class ScaleMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      distance,
+      scale,
+      invert,
+      axis
+    } = this.options;
+    let translateX = 0;
+    let translateY = 0;
+    let scaleX = 1;
+    let scaleY = 1;
+    if (axis === 'both' || axis === 'horizontal') {
+      translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
+      scaleX = progressX < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressX) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressX);
+    }
+    if (axis === 'both' || axis === 'vertical') {
+      translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
+      scaleY = progressY < 0.5 ? (0, _utils.mapRange)(0, 0.5, scale, 1, progressY) : (0, _utils.mapRange)(0.5, 1, 1, scale, progressY);
+    }
+
+    // scale is uniform so we use the smaller scale value if scale < 1
+    // and the bigger scale value if scale > 1
+    const scaleBoth = scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);
+    const units = (0, _utils.getCssUnits)(distance.type);
+    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) rotate(var(--comp-rotate-z, 0deg))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    scaleDirection = 'down',
+    inverted = false,
+    distance = {
+      value: 80,
+      type: 'px'
+    },
+    axis = 'both',
+    scale = 1.4
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[scaleDirection][power].easing : transitionEasing)}` : '',
+    invert,
+    distance,
+    axis,
+    scale: power ? paramsMap[scaleDirection][power].scale : scale
+  };
+  return target => new ScaleMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=ScaleMouse.js.map

package/dist/cjs/library/mouse/ScaleMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","paramsMap","down","soft","scale","easing","medium","hard","up","ScaleMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","distance","invert","axis","options","translateX","translateY","scaleX","scaleY","mapRange","value","scaleBoth","Math","min","max","units","getCssUnits","type","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","power","scaleDirection","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/ScaleMouse.ts"],"sourcesContent":["import { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\nimport {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  ScaleMouse,\n  Progress,\n  EffectPower,\n  ScrubTransitionEasing,\n} from '../../types';\n\nconst paramsMap: Record<\n  ScaleMouse['scaleDirection'],\n  Record<EffectPower, { scale: number; easing: ScrubTransitionEasing }>\n> = {\n  down: {\n    soft: { scale: 0.85, easing: 'easeOut' },\n    medium: { scale: 0.5, easing: 'easeOut' },\n    hard: { scale: 0, easing: 'easeOut' },\n  },\n  up: {\n    soft: { scale: 1.2, easing: 'easeOut' },\n    medium: { scale: 1.6, easing: 'easeOut' },\n    hard: { scale: 2.4, easing: 'easeOut' },\n  },\n};\n\nclass ScaleMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { distance, scale, invert, axis } = this.options;\n\n    let translateX = 0;\n    let translateY = 0;\n    let scaleX = 1;\n    let scaleY = 1;\n\n    if (axis === 'both' || axis === 'horizontal') {\n      translateX =\n        mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n      scaleX =\n        progressX < 0.5\n          ? mapRange(0, 0.5, scale, 1, progressX)\n          : mapRange(0.5, 1, 1, scale, progressX);\n    }\n\n    if (axis === 'both' || axis === 'vertical') {\n      translateY =\n        mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n      scaleY =\n        progressY < 0.5\n          ? mapRange(0, 0.5, scale, 1, progressY)\n          : mapRange(0.5, 1, 1, scale, progressY);\n    }\n\n    // scale is uniform so we use the smaller scale value if scale < 1\n    // and the bigger scale value if scale > 1\n    const scaleBoth =\n      scale < 1 ? Math.min(scaleX, scaleY) : Math.max(scaleX, scaleY);\n\n    const units = getCssUnits(distance.type);\n\n    this.target.style.transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) scale(${scaleBoth}) rotate(var(--comp-rotate-z, 0deg))`;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    scaleDirection = 'down',\n    inverted = false,\n    distance = { value: 80, type: 'px' },\n    axis = 'both',\n    scale = 1.4,\n  } = options.namedEffect as ScaleMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[scaleDirection][power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    distance,\n    axis,\n    scale: power ? paramsMap[scaleDirection][power].scale : scale,\n  };\n\n  return (target: HTMLElement) =>\n    new ScaleMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/SkewMouse.js

@@ -0,0 +1,92 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _easings = require("../../easings");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    angle: 10,
+    easing: 'easeOut'
+  },
+  medium: {
+    angle: 20,
+    easing: 'easeOut'
+  },
+  hard: {
+    angle: 45,
+    easing: 'easeOut'
+  }
+};
+class SkewMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    let translateX = 0;
+    let translateY = 0;
+    let skewX = 0;
+    let skewY = 0;
+    const {
+      distance,
+      angle,
+      axis,
+      invert
+    } = this.options;
+
+    // distance
+    if (axis !== 'vertical') {
+      translateX = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressX) * invert;
+      skewX = (0, _utils.mapRange)(0, 1, angle, -angle, progressX) * invert;
+    }
+    if (axis !== 'horizontal') {
+      translateY = (0, _utils.mapRange)(0, 1, -distance.value, distance.value, progressY) * invert;
+      skewY = (0, _utils.mapRange)(0, 1, angle, -angle, progressY) * invert;
+    }
+    if (axis === 'both') {
+      // We want to do `skewX *= progressY < 0.5 ? 1 : -1`
+      // but normalize it by y progress (so it will be 0 when y is 0.5)
+      // and apply a circInOut easing on the progress so it will feel more natural
+      skewX *= (0, _utils.mapRange)(0, 1, 1, -1, (0, _easings.circInOut)(progressY));
+
+      // we want to do `skewY *= progressX < 0.5 ? 1 : -1`
+      // but normalize it by x progress (so it will be 0 when x is 0.5)
+      // and apply a circInOut easing on the progress so it will feel more natural
+      skewY *= (0, _utils.mapRange)(0, 1, 1, -1, (0, _easings.circInOut)(progressX));
+    }
+    const units = (0, _utils.getCssUnits)(distance.type);
+    const transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) skew(${skewX}deg, ${skewY}deg) rotate(var(--comp-rotate-z, 0deg))`;
+    this.target.style.transform = transform;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    distance = {
+      value: 200,
+      type: 'px'
+    },
+    angle = 25,
+    axis = 'both'
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    invert,
+    distance,
+    angle: power ? paramsMap[power].angle : angle,
+    axis
+  };
+  return target => new SkewMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=SkewMouse.js.map

package/dist/cjs/library/mouse/SkewMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_easings","_CustomMouse","paramsMap","soft","angle","easing","medium","hard","SkewMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","translateX","translateY","skewX","skewY","distance","axis","invert","options","mapRange","value","circInOut","units","getCssUnits","type","transform","target","style","cancel","transition","create","transitionDuration","transitionEasing","power","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/SkewMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  SkewMouse,\n  Progress,\n  ScrubTransitionEasing,\n  EffectPower,\n} from '../../types';\nimport { getCssUnits, getMouseTransitionEasing, mapRange } from '../../utils';\nimport { circInOut } from '../../easings';\nimport { CustomMouse } from './CustomMouse';\n\nconst paramsMap: Record<\n  EffectPower,\n  { angle: number; easing: ScrubTransitionEasing }\n> = {\n  soft: { angle: 10, easing: 'easeOut' },\n  medium: { angle: 20, easing: 'easeOut' },\n  hard: { angle: 45, easing: 'easeOut' },\n};\n\nclass SkewMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    let translateX = 0;\n    let translateY = 0;\n    let skewX = 0;\n    let skewY = 0;\n    const { distance, angle, axis, invert } = this.options;\n\n    // distance\n    if (axis !== 'vertical') {\n      translateX =\n        mapRange(0, 1, -distance.value, distance.value, progressX) * invert;\n      skewX = mapRange(0, 1, angle, -angle, progressX) * invert;\n    }\n    if (axis !== 'horizontal') {\n      translateY =\n        mapRange(0, 1, -distance.value, distance.value, progressY) * invert;\n      skewY = mapRange(0, 1, angle, -angle, progressY) * invert;\n    }\n    if (axis === 'both') {\n      // We want to do `skewX *= progressY < 0.5 ? 1 : -1`\n      // but normalize it by y progress (so it will be 0 when y is 0.5)\n      // and apply a circInOut easing on the progress so it will feel more natural\n      skewX *= mapRange(0, 1, 1, -1, circInOut(progressY));\n\n      // we want to do `skewY *= progressX < 0.5 ? 1 : -1`\n      // but normalize it by x progress (so it will be 0 when x is 0.5)\n      // and apply a circInOut easing on the progress so it will feel more natural\n      skewY *= mapRange(0, 1, 1, -1, circInOut(progressX));\n    }\n\n    const units = getCssUnits(distance.type);\n\n    const transform = `translateX(${translateX}${units}) translateY(${translateY}${units}) skew(${skewX}deg, ${skewY}deg) rotate(var(--comp-rotate-z, 0deg))`;\n\n    this.target.style.transform = transform;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing } = options;\n  const {\n    power,\n    inverted = false,\n    distance = { value: 200, type: 'px' },\n    angle = 25,\n    axis = 'both',\n  } = options.namedEffect as SkewMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          power ? paramsMap[power].easing : transitionEasing,\n        )}`\n      : '',\n    invert,\n    distance,\n    angle: power ? paramsMap[power].angle : angle,\n    axis,\n  };\n\n  return (target: HTMLElement) =>\n    new SkewMouseAnimation(target, animationOptions);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/library/mouse/SpinMouse.js

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+class SpinMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    const {
+      invert,
+      axis
+    } = this.options;
+    const rotation = (0, _utils.getAngleInDeg)([0.5, 0.5], [axis === 'vertical' ? 0 : progressX, axis === 'horizontal' ? 0 : progressY], 90) * invert;
+    this.target.style.transform = `rotate(calc(${rotation}deg + var(--comp-rotate-z, 0deg)))`;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing = 'linear'
+  } = options;
+  const {
+    inverted = false,
+    axis = 'both'
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(transitionEasing)}` : '',
+    invert,
+    axis
+  };
+  return target => new SpinMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=SpinMouse.js.map

package/dist/cjs/library/mouse/SpinMouse.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","_CustomMouse","SpinMouseAnimation","CustomMouse","progress","x","progressX","y","progressY","invert","axis","options","rotation","getAngleInDeg","target","style","transform","cancel","transition","create","transitionDuration","transitionEasing","inverted","namedEffect","animationOptions","getMouseTransitionEasing"],"sources":["../../../../src/library/mouse/SpinMouse.ts"],"sourcesContent":["import {\n  ScrubAnimationOptions,\n  AnimationExtraOptions,\n  SpinMouse,\n  Progress,\n} from '../../types';\nimport { getMouseTransitionEasing, getAngleInDeg } from '../../utils';\nimport { CustomMouse } from './CustomMouse';\n\nclass SpinMouseAnimation extends CustomMouse {\n  progress({ x: progressX, y: progressY }: Progress) {\n    const { invert, axis } = this.options;\n\n    const rotation =\n      getAngleInDeg(\n        [0.5, 0.5],\n        [\n          axis === 'vertical' ? 0 : progressX,\n          axis === 'horizontal' ? 0 : progressY,\n        ],\n        90,\n      ) * invert;\n\n    this.target.style.transform = `rotate(calc(${rotation}deg + var(--comp-rotate-z, 0deg)))`;\n  }\n\n  cancel() {\n    this.target.style.transform = '';\n    this.target.style.transition = '';\n  }\n}\n\nexport default function create(\n  options: ScrubAnimationOptions & AnimationExtraOptions,\n) {\n  const { transitionDuration, transitionEasing = 'linear' } = options;\n  const { inverted = false, axis = 'both' } = options.namedEffect as SpinMouse;\n  const invert = inverted ? -1 : 1;\n  const animationOptions = {\n    transition: transitionDuration\n      ? `transform ${transitionDuration}ms ${getMouseTransitionEasing(\n          transitionEasing,\n        )}`\n      : '',\n    invert,\n    axis,\n  };\n\n  return (target: HTMLElement) =>\n    new SpinMouseAnimation(target, animationOptions);\n}\n"],"mappings":";;;;AAMA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,SAASC,wBAAW,CAAC;EAC3CC,QAAQA,CAAC;IAAEC,CAAC,EAAEC,SAAS;IAAEC,CAAC,EAAEC;EAAoB,CAAC,EAAE;IACjD,MAAM;MAAEC,MAAM;MAAEC;IAAK,CAAC,GAAG,IAAI,CAACC,OAAO;IAErC,MAAMC,QAAQ,GACZ,IAAAC,oBAAa,EACX,CAAC,GAAG,EAAE,GAAG,CAAC,EACV,CACEH,IAAI,KAAK,UAAU,GAAG,CAAC,GAAGJ,SAAS,EACnCI,IAAI,KAAK,YAAY,GAAG,CAAC,GAAGF,SAAS,CACtC,EACD,EACF,CAAC,GAAGC,MAAM;IAEZ,IAAI,CAACK,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,eAAeJ,QAAQ,oCAAoC;EAC3F;EAEAK,MAAMA,CAAA,EAAG;IACP,IAAI,CAACH,MAAM,CAACC,KAAK,CAACC,SAAS,GAAG,EAAE;IAChC,IAAI,CAACF,MAAM,CAACC,KAAK,CAACG,UAAU,GAAG,EAAE;EACnC;AACF;AAEe,SAASC,MAAMA,CAC5BR,OAAsD,EACtD;EACA,MAAM;IAAES,kBAAkB;IAAEC,gBAAgB,GAAG;EAAS,CAAC,GAAGV,OAAO;EACnE,MAAM;IAAEW,QAAQ,GAAG,KAAK;IAAEZ,IAAI,GAAG;EAAO,CAAC,GAAGC,OAAO,CAACY,WAAwB;EAC5E,MAAMd,MAAM,GAAGa,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;EAChC,MAAME,gBAAgB,GAAG;IACvBN,UAAU,EAAEE,kBAAkB,GAC1B,aAAaA,kBAAkB,MAAM,IAAAK,+BAAwB,EAC3DJ,gBACF,CAAC,EAAE,GACH,EAAE;IACNZ,MAAM;IACNC;EACF,CAAC;EAED,OAAQI,MAAmB,IACzB,IAAIZ,kBAAkB,CAACY,MAAM,EAAEU,gBAAgB,CAAC;AACpD","ignoreList":[]}

package/dist/cjs/library/mouse/SwivelMouse.js

@@ -0,0 +1,85 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = create;
+var _utils = require("../../utils");
+var _CustomMouse = require("./CustomMouse");
+const paramsMap = {
+  soft: {
+    angle: 25,
+    perspective: 1000,
+    easing: 'easeOut'
+  },
+  medium: {
+    angle: 50,
+    perspective: 700,
+    easing: 'easeOut'
+  },
+  hard: {
+    angle: 85,
+    perspective: 300,
+    easing: 'easeOut'
+  }
+};
+const transformOrigins = {
+  top: [0, -50],
+  bottom: [0, 50],
+  right: [50, 0],
+  left: [-50, 0],
+  'center-horizontal': [0, 0],
+  'center-vertical': [0, 0]
+};
+class SwivelMouseAnimation extends _CustomMouse.CustomMouse {
+  progress({
+    x: progressX,
+    y: progressY
+  }) {
+    let rotateAxis = 'rotateX';
+    let progress = progressY;
+    let invertVertical = -1;
+    const {
+      pivotAxis,
+      angle,
+      invert,
+      perspective
+    } = this.options;
+    if (pivotAxis === 'center-horizontal' || pivotAxis === 'right' || pivotAxis === 'left') {
+      rotateAxis = 'rotateY';
+      progress = progressX;
+      invertVertical = 1;
+    }
+
+    // if progress  === 0, rotate === angle, if progress === 0.5, rotate === 0, if progress === 1, rotate === angle
+    const rotate = (0, _utils.mapRange)(0, 1, -angle, angle, progress) * invertVertical * invert;
+    const [translateX, translateY] = transformOrigins[pivotAxis];
+    const transform = `perspective(${perspective}px) translateX(${translateX}%) translateY(${translateY}%) ${rotateAxis}(${rotate}deg) translateX(${-translateX}%) translateY(${-translateY}%) rotate(var(--comp-rotate-z, 0deg))`;
+    this.target.style.transform = transform;
+  }
+  cancel() {
+    this.target.style.transform = '';
+    this.target.style.transition = '';
+  }
+}
+function create(options) {
+  const {
+    transitionDuration,
+    transitionEasing
+  } = options;
+  const {
+    power,
+    inverted = false,
+    angle = 5,
+    perspective = 800,
+    pivotAxis = 'center-horizontal'
+  } = options.namedEffect;
+  const invert = inverted ? -1 : 1;
+  const animationOptions = {
+    transition: transitionDuration ? `transform ${transitionDuration}ms ${(0, _utils.getMouseTransitionEasing)(power ? paramsMap[power].easing : transitionEasing)}` : '',
+    invert,
+    angle: power ? paramsMap[power].angle : angle,
+    perspective: power ? paramsMap[power].perspective : perspective,
+    pivotAxis
+  };
+  return target => new SwivelMouseAnimation(target, animationOptions);
+}
+//# sourceMappingURL=SwivelMouse.js.map