@studiometa/js-toolkit 2.0.0-beta.5 → 2.0.0-beta.9

package/services/resize.js

@@ -1,9 +1,24 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import Service from './Service.js';
 import debounce from '../utils/debounce.js';
 
 class Resize extends Service {
+  constructor() {
+    super(...arguments);
+
+    _defineProperty(this, "props", {
+      width: window.innerWidth,
+      height: window.innerHeight,
+      ratio: window.innerWidth / window.innerHeight,
+      orientation: 'square'
+    });
+
+    _defineProperty(this, "handler", void 0);
+  }
+
   init() {
     this.handler = debounce(() => {
+      this.updateProps();
       this.trigger(this.props);
     }).bind(this);
     window.addEventListener('resize', this.handler);
@@ -12,35 +27,35 @@ class Resize extends Service {
 
   kill() {
     window.removeEventListener('resize', this.handler);
-    return this;
   }
 
-  get props() {
-    var props = {
-      width: window.innerWidth,
-      height: window.innerHeight,
-      ratio: window.innerWidth / window.innerHeight,
-      orientation: 'square'
-    };
+  updateProps() {
+    this.props.width = window.innerWidth;
+    this.props.height = window.innerHeight;
+    this.props.ratio = window.innerWidth / window.innerHeight;
+    this.props.orientation = 'square';
 
-    if (props.ratio > 1) {
-      props.orientation = 'landscape';
+    if (this.props.ratio > 1) {
+      this.props.orientation = 'landscape';
     }
 
-    if (props.ratio < 1) {
-      props.orientation = 'portrait';
+    if (this.props.ratio < 1) {
+      this.props.orientation = 'portrait';
     }
 
     if (this.breakpointElement) {
-      props.breakpoint = this.breakpoint;
-      props.breakpoints = this.breakpoints;
+      this.props.breakpoint = this.breakpoint;
+      this.props.breakpoints = this.breakpoints;
+    } else {
+      this.props.breakpoint = undefined;
+      this.props.breakpoints = undefined;
     }
 
-    return props;
+    return this.props;
   }
 
   get breakpointElement() {
-    return document.querySelector('[data-breakpoint]') || null;
+    return document.querySelector('[data-breakpoint]');
   }
 
   get breakpoint() {
@@ -54,22 +69,25 @@ class Resize extends Service {
 
 }
 
-var resize = null;
+var instance;
+var resize;
 export default function useResize() {
   if (!resize) {
-    resize = new Resize();
-  }
-
-  var add = resize.add.bind(resize);
-  var remove = resize.remove.bind(resize);
-  var has = resize.has.bind(resize);
+    if (!instance) {
+      instance = new Resize();
+    }
 
-  var props = () => resize.props;
+    var add = instance.add.bind(instance);
+    var remove = instance.remove.bind(instance);
+    var has = instance.has.bind(instance);
+    var props = instance.updateProps.bind(instance);
+    resize = {
+      add,
+      remove,
+      has,
+      props
+    };
+  }
 
-  return {
-    add,
-    remove,
-    has,
-    props
-  };
+  return resize;
 }

package/services/scroll.d.ts

@@ -9,10 +9,10 @@
  * props();
  * ```
  *
- * @return {ServiceInterface & ScrollService}
+ * @return {ScrollService}
  */
-export default function useScroll(): ServiceInterface & ScrollService;
-export type ServiceInterface = import('./index').ServiceInterface;
+export default function useScroll(): ScrollService;
+export type ScrollService = import('./index').ServiceInterface<ScrollServiceProps>;
 export type ScrollServiceProps = {
     x: number;
     y: number;
@@ -41,13 +41,3 @@ export type ScrollServiceProps = {
         y: 'UP' | 'DOWN' | 'NONE';
     };
 };
-export type ScrollService = {
-    /**
-     *   Add a function to the resize service. The key must be uniq.
-     */
-    add: (key: string, callback: (props: ScrollServiceProps) => void) => void;
-    /**
-     *   Get the current values of the resize service props.
-     */
-    props: () => ScrollServiceProps;
-};

package/services/scroll.js

@@ -6,16 +6,38 @@ class Scroll extends Service {
   constructor() {
     super(...arguments);
 
-    _defineProperty(this, "y", window.pageYOffset);
-
-    _defineProperty(this, "yLast", window.pageYOffset);
-
-    _defineProperty(this, "x", window.pageXOffset);
-
-    _defineProperty(this, "xLast", window.pageXOffset);
+    _defineProperty(this, "props", {
+      x: window.pageXOffset,
+      y: window.pageYOffset,
+      changed: {
+        x: false,
+        y: false
+      },
+      last: {
+        x: window.pageXOffset,
+        y: window.pageYOffset
+      },
+      delta: {
+        x: 0,
+        y: 0
+      },
+      max: {
+        x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
+        y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
+      },
+      progress: {
+        x: 0,
+        y: 0
+      },
+      direction: {
+        x: 'NONE',
+        y: 'NONE'
+      }
+    });
   }
 
   init() {
+    this.updateProps();
     document.addEventListener('scroll', this, {
       passive: true,
       capture: true
@@ -25,8 +47,9 @@ class Scroll extends Service {
 
   get debouncedHandler() {
     var debounced = debounce(() => {
+      this.updateProps();
       this.trigger(this.props);
-    }, 0);
+    }, 100);
     Object.defineProperty(this, 'debouncedHandler', {
       value: debounced
     });
@@ -34,6 +57,7 @@ class Scroll extends Service {
   }
 
   handleEvent() {
+    this.updateProps();
     this.trigger(this.props);
     this.debouncedHandler();
   }
@@ -43,70 +67,50 @@ class Scroll extends Service {
     return this;
   }
 
-  get props() {
-    this.yLast = this.y;
-    this.xLast = this.x;
+  updateProps() {
+    var yLast = this.props.y;
+    var xLast = this.props.x;
 
-    if (window.pageYOffset !== this.y) {
-      this.y = window.pageYOffset;
+    if (window.pageYOffset !== this.props.y) {
+      this.props.y = window.pageYOffset;
     }
 
-    if (window.pageXOffset !== this.x) {
-      this.x = window.pageXOffset;
+    if (window.pageXOffset !== this.props.x) {
+      this.props.x = window.pageXOffset;
     }
 
-    return {
-      x: this.x,
-      y: this.y,
-      changed: {
-        x: this.x !== this.xLast,
-        y: this.y !== this.yLast
-      },
-      last: {
-        x: this.xLast,
-        y: this.yLast
-      },
-      delta: {
-        x: this.x - this.xLast,
-        y: this.y - this.yLast
-      },
-      progress: {
-        x: this.max.x === 0 ? 1 : this.x / this.max.x,
-        y: this.max.y === 0 ? 1 : this.y / this.max.y
-      },
-      direction: {
-        x: this.x > this.xLast ? 'RIGHT' : this.x < this.xLast ? 'LEFT' : 'NONE',
-        y: this.y > this.yLast ? 'DOWN' : this.y < this.yLast ? 'UP' : 'NONE'
-      },
-      max: this.max
-    };
-  }
-
-  get max() {
-    return {
-      x: (document.scrollingElement || document.body).scrollWidth - window.innerWidth,
-      y: (document.scrollingElement || document.body).scrollHeight - window.innerHeight
-    };
+    this.props.changed.x = this.props.x !== xLast;
+    this.props.changed.y = this.props.y !== yLast;
+    this.props.last.x = xLast;
+    this.props.last.y = yLast;
+    this.props.delta.x = this.props.x - xLast;
+    this.props.delta.y = this.props.y - yLast;
+    this.props.max.x = (document.scrollingElement || document.body).scrollWidth - window.innerWidth;
+    this.props.max.y = (document.scrollingElement || document.body).scrollHeight - window.innerHeight;
+    this.props.progress.x = this.props.max.x === 0 ? 1 : this.props.x / this.props.max.x;
+    this.props.progress.y = this.props.max.y === 0 ? 1 : this.props.y / this.props.max.y;
+    this.props.direction.x = this.props.x > xLast ? 'RIGHT' : this.props.x < xLast ? 'LEFT' : 'NONE';
+    this.props.direction.y = this.props.y > yLast ? 'DOWN' : this.props.y < yLast ? 'UP' : 'NONE';
+    return this.props;
   }
 
 }
 
-var scroll = null;
+var instance;
+var scroll;
 export default function useScroll() {
   if (!scroll) {
-    scroll = new Scroll();
-  }
-
-  var add = scroll.add.bind(scroll);
-  var remove = scroll.remove.bind(scroll);
-  var has = scroll.has.bind(scroll);
+    if (!instance) {
+      instance = new Scroll();
+    }
 
-  var props = () => scroll.props;
+    scroll = {
+      add: instance.add.bind(instance),
+      remove: instance.remove.bind(instance),
+      has: instance.has.bind(instance),
+      props: instance.updateProps.bind(instance)
+    };
+  }
 
-  return {
-    add,
-    remove,
-    has,
-    props
-  };
+  return scroll;
 }

package/utils/collide/index.d.ts

@@ -1,7 +1,6 @@
-import boundingRectToCircle from "./boundingRectToCircle.js";
-import collideCircleCircle from "./collideCircleCircle.js";
-import collideCircleRect from "./collideCircleRect.js";
-import collidePointCircle from "./collidePointCircle.js";
-import collidePointRect from "./collidePointRect.js";
-import collideRectRect from "./collideRectRect.js";
-export { boundingRectToCircle, collideCircleCircle, collideCircleRect, collidePointCircle, collidePointRect, collideRectRect };
+export { default as boundingRectToCircle } from "./boundingRectToCircle.js";
+export { default as collideCircleCircle } from "./collideCircleCircle.js";
+export { default as collideCircleRect } from "./collideCircleRect.js";
+export { default as collidePointCircle } from "./collidePointCircle.js";
+export { default as collidePointRect } from "./collidePointRect.js";
+export { default as collideRectRect } from "./collideRectRect.js";

package/utils/collide/index.js

@@ -1,7 +1,6 @@
-import boundingRectToCircle from './boundingRectToCircle.js';
-import collideCircleCircle from './collideCircleCircle.js';
-import collideCircleRect from './collideCircleRect.js';
-import collidePointCircle from './collidePointCircle.js';
-import collidePointRect from './collidePointRect.js';
-import collideRectRect from './collideRectRect.js';
-export { boundingRectToCircle, collideCircleCircle, collideCircleRect, collidePointCircle, collidePointRect, collideRectRect };
+export { default as boundingRectToCircle } from './boundingRectToCircle.js';
+export { default as collideCircleCircle } from './collideCircleCircle.js';
+export { default as collideCircleRect } from './collideCircleRect.js';
+export { default as collidePointCircle } from './collidePointCircle.js';
+export { default as collidePointRect } from './collidePointRect.js';
+export { default as collideRectRect } from './collideRectRect.js';

package/utils/css/index.d.ts

@@ -1,5 +1,4 @@
-import * as classes from "./classes.js";
-import * as styles from "./styles.js";
-import matrix from "./matrix.js";
-import transition from "./transition.js";
-export { classes, styles, matrix, transition };
+export * as classes from "./classes.js";
+export * as styles from "./styles.js";
+export { default as matrix } from "./matrix.js";
+export { default as transition } from "./transition.js";

package/utils/css/index.js

@@ -1,5 +1,6 @@
-import * as classes from './classes.js';
-import * as styles from './styles.js';
-import matrix from './matrix.js';
-import transition from './transition.js';
-export { classes, styles, matrix, transition };
+import * as _classes from './classes.js';
+export { _classes as classes };
+import * as _styles from './styles.js';
+export { _styles as styles };
+export { default as matrix } from './matrix.js';
+export { default as transition } from './transition.js';

package/utils/css/transition.js

@@ -1,9 +1,9 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import nextFrame from '../nextFrame.js';
 import * as classes from './classes.js';

package/utils/history.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import isObject from './object/isObject.js';
 

package/utils/index.d.ts

@@ -1,35 +1,11 @@
-import { matrix } from "./css/index.js";
-import { transition } from "./css/index.js";
-import { collidePointRect } from "./collide/index.js";
-import { collideRectRect } from "./collide/index.js";
-import { boundingRectToCircle } from "./collide/index.js";
-import { collideCircleRect } from "./collide/index.js";
-import { collideCircleCircle } from "./collide/index.js";
-import { collidePointCircle } from "./collide/index.js";
-import { objectToURLSearchParams } from "./history.js";
-import { push as historyPush } from "./history.js";
-import { replace as historyReplace } from "./history.js";
-import { clamp } from "./math/index.js";
-import { clamp01 } from "./math/index.js";
-import { damp } from "./math/index.js";
-import { inertiaFinalValue } from "./math/index.js";
-import { lerp } from "./math/index.js";
-import { map } from "./math/index.js";
-import { round } from "./math/index.js";
-import { withLeadingCharacters } from "./string/index.js";
-import { withLeadingSlash } from "./string/index.js";
-import { withoutLeadingCharacters } from "./string/index.js";
-import { withoutLeadingCharactersRecursive } from "./string/index.js";
-import { withoutLeadingSlash } from "./string/index.js";
-import { withoutTrailingCharacters } from "./string/index.js";
-import { withoutTrailingCharactersRecursive } from "./string/index.js";
-import { withoutTrailingSlash } from "./string/index.js";
-import { withTrailingCharacters } from "./string/index.js";
-import { withTrailingSlash } from "./string/index.js";
-import debounce from "./debounce.js";
-import focusTrap from "./focusTrap.js";
-import keyCodes from "./keyCodes.js";
-import memoize from "./memoize.js";
-import nextFrame from "./nextFrame.js";
-import throttle from "./throttle.js";
-export { matrix, transition, collidePointRect, collideRectRect, boundingRectToCircle, collideCircleRect, collideCircleCircle, collidePointCircle, objectToURLSearchParams, historyPush, historyReplace, clamp, clamp01, damp, inertiaFinalValue, lerp, map, round, withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash, debounce, focusTrap, keyCodes, memoize, nextFrame, throttle };
+export { default as debounce } from "./debounce.js";
+export { default as focusTrap } from "./focusTrap.js";
+export { default as keyCodes } from "./keyCodes.js";
+export { default as memoize } from "./memoize.js";
+export { default as nextFrame } from "./nextFrame.js";
+export { default as throttle } from "./throttle.js";
+export * from "./collide/index.js";
+export * from "./math/index.js";
+export * from "./string/index.js";
+export { matrix, transition } from "./css/index.js";
+export { objectToURLSearchParams, push as historyPush, replace as historyReplace } from "./history.js";

package/utils/index.js

@@ -1,17 +1,11 @@
-import debounce from './debounce.js';
-import focusTrap from './focusTrap.js';
-import keyCodes from './keyCodes.js';
-import memoize from './memoize.js';
-import nextFrame from './nextFrame.js';
-import throttle from './throttle.js';
-import { matrix, transition } from './css/index.js';
-import { collidePointRect, collideRectRect, boundingRectToCircle, collideCircleRect, collideCircleCircle, collidePointCircle } from './collide/index.js';
-import { objectToURLSearchParams, push as historyPush, replace as historyReplace } from './history.js';
-import { clamp, clamp01, damp, inertiaFinalValue, lerp, map, round } from './math/index.js';
-import { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash } from './string/index.js';
-export { matrix, transition };
-export { collidePointRect, collideRectRect, boundingRectToCircle, collideCircleRect, collideCircleCircle, collidePointCircle };
-export { objectToURLSearchParams, historyPush, historyReplace };
-export { clamp, clamp01, damp, inertiaFinalValue, lerp, map, round };
-export { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash };
-export { debounce, focusTrap, keyCodes, memoize, nextFrame, throttle };
+export { default as debounce } from './debounce.js';
+export { default as focusTrap } from './focusTrap.js';
+export { default as keyCodes } from './keyCodes.js';
+export { default as memoize } from './memoize.js';
+export { default as nextFrame } from './nextFrame.js';
+export { default as throttle } from './throttle.js';
+export { matrix, transition } from './css/index.js';
+export { objectToURLSearchParams, push as historyPush, replace as historyReplace } from './history.js';
+export * from './collide/index.js';
+export * from './math/index.js';
+export * from './string/index.js';

package/utils/math/ease.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @typedef {(progress: number) => number} EasingFunction
+ */
+/**
+ * Create an out easing function.
+ *
+ * @param   {EasingFunction} easeIn The ease in function.
+ * @returns {EasingFunction}        The out function.
+ */
+export function createEaseOut(easeIn: EasingFunction): EasingFunction;
+/**
+ * Create an in-out easing function.
+ *
+ * @param  {EasingFunction} easeIn The ease in function.
+ * @return {EasingFunction}        The in-out function.
+ */
+export function createEaseInOut(easeIn: EasingFunction): EasingFunction;
+/**
+ * @type {EasingFunction}
+ */
+export function easeInQuad(progress: number): number;
+/**
+ * Ease in cubic.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInCubic(progress: number): number;
+/**
+ * Ease in quart.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInQuart(progress: number): number;
+/**
+ * Ease in quint.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInQuint(progress: number): number;
+/**
+ * Ease in sine.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInSine(progress: number): number;
+/**
+ * Ease in circ.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInCirc(progress: number): number;
+/**
+ * Ease in exponential.
+ *
+ * @param  {number} progress Progress value betwen 0 and 1.
+ * @return {number}          Eased value between 0 and 1.
+ */
+export function easeInExpo(progress: number): number;
+export function easeOutQuad(progress: number): number;
+export function easeInOutQuad(progress: number): number;
+export function easeOutCubic(progress: number): number;
+export function easeInOutCubic(progress: number): number;
+export function easeOutQuart(progress: number): number;
+export function easeInOutQuart(progress: number): number;
+export function easeOutQuint(progress: number): number;
+export function easeInOutQuint(progress: number): number;
+export function easeOutSine(progress: number): number;
+export function easeInOutSine(progress: number): number;
+export function easeOutCirc(progress: number): number;
+export function easeInOutCirc(progress: number): number;
+export function easeOutExpo(progress: number): number;
+export function easeInOutExpo(progress: number): number;
+export type EasingFunction = (progress: number) => number;

package/utils/math/ease.js

@@ -0,0 +1,41 @@
+export function createEaseOut(easeIn) {
+  return progress => 1 - easeIn(1 - progress);
+}
+export function createEaseInOut(easeIn) {
+  return progress => progress === 0 ? 0 : progress === 1 ? 1 : progress < 0.5 ? easeIn(progress * 2) / 2 : 1 - easeIn((1 - progress) * 2) / 2;
+}
+export function easeInQuad(progress) {
+  return progress ** 2;
+}
+export var easeOutQuad = createEaseOut(easeInQuad);
+export var easeInOutQuad = createEaseInOut(easeInQuad);
+export function easeInCubic(progress) {
+  return progress ** 3;
+}
+export var easeOutCubic = createEaseOut(easeInCubic);
+export var easeInOutCubic = createEaseInOut(easeInCubic);
+export function easeInQuart(progress) {
+  return progress ** 4;
+}
+export var easeOutQuart = createEaseOut(easeInQuart);
+export var easeInOutQuart = createEaseInOut(easeInQuart);
+export function easeInQuint(progress) {
+  return progress ** 5;
+}
+export var easeOutQuint = createEaseOut(easeInQuint);
+export var easeInOutQuint = createEaseInOut(easeInQuint);
+export function easeInSine(progress) {
+  return progress === 1 ? 1 : -Math.cos(progress * Math.PI / 2) + 1;
+}
+export var easeOutSine = createEaseOut(easeInSine);
+export var easeInOutSine = createEaseInOut(easeInSine);
+export function easeInCirc(progress) {
+  return -(Math.sqrt(1 - progress * progress) - 1);
+}
+export var easeOutCirc = createEaseOut(easeInCirc);
+export var easeInOutCirc = createEaseInOut(easeInCirc);
+export function easeInExpo(progress) {
+  return 2 ** (10 * (progress - 1));
+}
+export var easeOutExpo = createEaseOut(easeInExpo);
+export var easeInOutExpo = createEaseInOut(easeInExpo);

package/utils/math/index.d.ts

@@ -1,8 +1,8 @@
-import clamp from "./clamp.js";
-import clamp01 from "./clamp01.js";
-import damp from "./damp.js";
-import inertiaFinalValue from "./inertiaFinalValue.js";
-import lerp from "./lerp.js";
-import map from "./map.js";
-import round from "./round.js";
-export { clamp, clamp01, damp, inertiaFinalValue, lerp, map, round };
+export { default as clamp } from "./clamp.js";
+export { default as clamp01 } from "./clamp01.js";
+export { default as damp } from "./damp.js";
+export { default as inertiaFinalValue } from "./inertiaFinalValue.js";
+export { default as lerp } from "./lerp.js";
+export { default as map } from "./map.js";
+export { default as round } from "./round.js";
+export * from "./ease.js";

package/utils/math/index.js

@@ -1,8 +1,8 @@
-import clamp from './clamp.js';
-import clamp01 from './clamp01.js';
-import damp from './damp.js';
-import inertiaFinalValue from './inertiaFinalValue.js';
-import lerp from './lerp.js';
-import map from './map.js';
-import round from './round.js';
-export { clamp, clamp01, damp, inertiaFinalValue, lerp, map, round };
+export { default as clamp } from './clamp.js';
+export { default as clamp01 } from './clamp01.js';
+export { default as damp } from './damp.js';
+export { default as inertiaFinalValue } from './inertiaFinalValue.js';
+export { default as lerp } from './lerp.js';
+export { default as map } from './map.js';
+export { default as round } from './round.js';
+export * from './ease.js';

package/utils/object/getAllProperties.js

@@ -3,7 +3,7 @@ export default function getAllProperties(object) {
   var testFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var proto = Object.getPrototypeOf(object);
 
-  if (proto === Object.prototype) {
+  if (proto === Object.prototype || proto === null) {
     return props;
   }
 

package/utils/object/index.d.ts

@@ -1,4 +1,3 @@
-import autoBind from "./autoBind.js";
-import getAllProperties from "./getAllProperties.js";
-import isObject from "./isObject.js";
-export { autoBind, getAllProperties, isObject };
+export { default as autoBind } from "./autoBind.js";
+export { default as getAllProperties } from "./getAllProperties.js";
+export { default as isObject } from "./isObject.js";