vevet 3.6.0 → 3.7.0

package/lib/cjs/utils/math/easing.js

@@ -1,25 +1,51 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.easing = exports.Easing = void 0;
-var easing_progress_1 = __importDefault(require("easing-progress"));
+exports.easing = exports.EaseOutSine = exports.EaseOutQuint = exports.EaseOutQuart = exports.EaseOutQuad = exports.EaseOutExpo = exports.EaseOutElastic = exports.EaseOutCubic = exports.EaseOutCirc = exports.EaseOutBounce = exports.EaseOutBack = exports.EaseInSine = exports.EaseInQuint = exports.EaseInQuart = exports.EaseInQuad = exports.EaseInOutSine = exports.EaseInOutQuint = exports.EaseInOutQuart = exports.EaseInOutQuad = exports.EaseInOutExpo = exports.EaseInOutElastic = exports.EaseInOutCubic = exports.EaseInOutCirc = exports.EaseInOutBounce = exports.EaseInOutBack = exports.EaseInExpo = exports.EaseInElastic = exports.EaseInCubic = exports.EaseInCirc = exports.EaseInBounce = exports.EaseInBack = void 0;
+var easing_progress_1 = require("easing-progress");
 var easing_progress_2 = require("easing-progress");
-Object.defineProperty(exports, "Easing", { enumerable: true, get: function () { return easing_progress_2.Easing; } });
+Object.defineProperty(exports, "EaseInBack", { enumerable: true, get: function () { return easing_progress_2.EaseInBack; } });
+Object.defineProperty(exports, "EaseInBounce", { enumerable: true, get: function () { return easing_progress_2.EaseInBounce; } });
+Object.defineProperty(exports, "EaseInCirc", { enumerable: true, get: function () { return easing_progress_2.EaseInCirc; } });
+Object.defineProperty(exports, "EaseInCubic", { enumerable: true, get: function () { return easing_progress_2.EaseInCubic; } });
+Object.defineProperty(exports, "EaseInElastic", { enumerable: true, get: function () { return easing_progress_2.EaseInElastic; } });
+Object.defineProperty(exports, "EaseInExpo", { enumerable: true, get: function () { return easing_progress_2.EaseInExpo; } });
+Object.defineProperty(exports, "EaseInOutBack", { enumerable: true, get: function () { return easing_progress_2.EaseInOutBack; } });
+Object.defineProperty(exports, "EaseInOutBounce", { enumerable: true, get: function () { return easing_progress_2.EaseInOutBounce; } });
+Object.defineProperty(exports, "EaseInOutCirc", { enumerable: true, get: function () { return easing_progress_2.EaseInOutCirc; } });
+Object.defineProperty(exports, "EaseInOutCubic", { enumerable: true, get: function () { return easing_progress_2.EaseInOutCubic; } });
+Object.defineProperty(exports, "EaseInOutElastic", { enumerable: true, get: function () { return easing_progress_2.EaseInOutElastic; } });
+Object.defineProperty(exports, "EaseInOutExpo", { enumerable: true, get: function () { return easing_progress_2.EaseInOutExpo; } });
+Object.defineProperty(exports, "EaseInOutQuad", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuad; } });
+Object.defineProperty(exports, "EaseInOutQuart", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuart; } });
+Object.defineProperty(exports, "EaseInOutQuint", { enumerable: true, get: function () { return easing_progress_2.EaseInOutQuint; } });
+Object.defineProperty(exports, "EaseInOutSine", { enumerable: true, get: function () { return easing_progress_2.EaseInOutSine; } });
+Object.defineProperty(exports, "EaseInQuad", { enumerable: true, get: function () { return easing_progress_2.EaseInQuad; } });
+Object.defineProperty(exports, "EaseInQuart", { enumerable: true, get: function () { return easing_progress_2.EaseInQuart; } });
+Object.defineProperty(exports, "EaseInQuint", { enumerable: true, get: function () { return easing_progress_2.EaseInQuint; } });
+Object.defineProperty(exports, "EaseInSine", { enumerable: true, get: function () { return easing_progress_2.EaseInSine; } });
+Object.defineProperty(exports, "EaseOutBack", { enumerable: true, get: function () { return easing_progress_2.EaseOutBack; } });
+Object.defineProperty(exports, "EaseOutBounce", { enumerable: true, get: function () { return easing_progress_2.EaseOutBounce; } });
+Object.defineProperty(exports, "EaseOutCirc", { enumerable: true, get: function () { return easing_progress_2.EaseOutCirc; } });
+Object.defineProperty(exports, "EaseOutCubic", { enumerable: true, get: function () { return easing_progress_2.EaseOutCubic; } });
+Object.defineProperty(exports, "EaseOutElastic", { enumerable: true, get: function () { return easing_progress_2.EaseOutElastic; } });
+Object.defineProperty(exports, "EaseOutExpo", { enumerable: true, get: function () { return easing_progress_2.EaseOutExpo; } });
+Object.defineProperty(exports, "EaseOutQuad", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuad; } });
+Object.defineProperty(exports, "EaseOutQuart", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuart; } });
+Object.defineProperty(exports, "EaseOutQuint", { enumerable: true, get: function () { return easing_progress_2.EaseOutQuint; } });
+Object.defineProperty(exports, "EaseOutSine", { enumerable: true, get: function () { return easing_progress_2.EaseOutSine; } });
 /**
  * Easing progress
  *
  * @example
  *
- * easing(0.35, Easing.easeInBounce); // => 0.167
+ * easing(0.35, EaseInBounce); // => 0.167
  * easing(0.35, [.25, .1, .25, 1]); // => 0.604
  * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
  */
 var easing = function (progress, easingType) {
     var _a, _b;
     if (easingType === void 0) { easingType = (_b = (_a = window.vevetApp) === null || _a === void 0 ? void 0 : _a.props.easing) !== null && _b !== void 0 ? _b : false; }
-    return (0, easing_progress_1.default)(progress, easingType);
+    return (0, easing_progress_1.easing)(progress, easingType);
 };
 exports.easing = easing;
 //# sourceMappingURL=easing.js.map

package/lib/cjs/utils/math/easing.js.map

@@ -1 +1 @@
-{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":";;;;;;AAAA,oEAA6C;AAE7C,mDAAyC;AAAhC,yGAAA,MAAM,OAAA;AAEf;;;;;;;;GAQG;AACI,IAAM,MAAM,GAA0B,UAC3C,QAAQ,EACR,UAAmD;;IAAnD,2BAAA,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK;IAChD,OAAA,IAAA,yBAAc,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;CAAA,CAAC;AAH7B,QAAA,MAAM,UAGuB"}
+{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":";;;AAAA,mDAA2D;AAE3D,mDA+ByB;AA9BvB,6GAAA,UAAU,OAAA;AACV,+GAAA,YAAY,OAAA;AACZ,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,gHAAA,aAAa,OAAA;AACb,kHAAA,eAAe,OAAA;AACf,gHAAA,aAAa,OAAA;AACb,iHAAA,cAAc,OAAA;AACd,mHAAA,gBAAgB,OAAA;AAChB,gHAAA,aAAa,OAAA;AACb,gHAAA,aAAa,OAAA;AACb,iHAAA,cAAc,OAAA;AACd,iHAAA,cAAc,OAAA;AACd,gHAAA,aAAa,OAAA;AACb,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,8GAAA,WAAW,OAAA;AACX,6GAAA,UAAU,OAAA;AACV,8GAAA,WAAW,OAAA;AACX,gHAAA,aAAa,OAAA;AACb,8GAAA,WAAW,OAAA;AACX,+GAAA,YAAY,OAAA;AACZ,iHAAA,cAAc,OAAA;AACd,8GAAA,WAAW,OAAA;AACX,8GAAA,WAAW,OAAA;AACX,+GAAA,YAAY,OAAA;AACZ,+GAAA,YAAY,OAAA;AACZ,8GAAA,WAAW,OAAA;AASb;;;;;;;;GAQG;AACI,IAAM,MAAM,GAA0B,UAC3C,QAAQ,EACR,UAAmD;;IAAnD,2BAAA,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK;IAChD,OAAA,IAAA,wBAAc,EAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;CAAA,CAAC;AAH7B,QAAA,MAAM,UAGuB"}

package/lib/cjs/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var version = '3.6.0';
+var version = '3.7.0';
 exports.default = version;
 //# sourceMappingURL=version.js.map

package/lib/esm/utils/math/easing.js

@@ -1,11 +1,11 @@
-import easingProgress from 'easing-progress';
-export { Easing } from 'easing-progress';
+import { easing as easingProgress } from 'easing-progress';
+export { EaseInBack, EaseInBounce, EaseInCirc, EaseInCubic, EaseInElastic, EaseInExpo, EaseInOutBack, EaseInOutBounce, EaseInOutCirc, EaseInOutCubic, EaseInOutElastic, EaseInOutExpo, EaseInOutQuad, EaseInOutQuart, EaseInOutQuint, EaseInOutSine, EaseInQuad, EaseInQuart, EaseInQuint, EaseInSine, EaseOutBack, EaseOutBounce, EaseOutCirc, EaseOutCubic, EaseOutElastic, EaseOutExpo, EaseOutQuad, EaseOutQuart, EaseOutQuint, EaseOutSine, } from 'easing-progress';
 /**
  * Easing progress
  *
  * @example
  *
- * easing(0.35, Easing.easeInBounce); // => 0.167
+ * easing(0.35, EaseInBounce); // => 0.167
  * easing(0.35, [.25, .1, .25, 1]); // => 0.604
  * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
  */

package/lib/esm/utils/math/easing.js.map

@@ -1 +1 @@
-{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAC3C,QAAQ,EACR,UAAmD,EACnD,EAAE,0CADF,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK,IAChD,OAAA,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC"}
+{"version":3,"file":"easing.js","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAQzB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAC3C,QAAQ,EACR,UAAmD,EACnD,EAAE,0CADF,EAAA,mBAAa,MAAA,MAAM,CAAC,QAAQ,0CAAE,KAAK,CAAC,MAAM,mCAAI,KAAK,IAChD,OAAA,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA,EAAA,CAAC"}

package/lib/esm/version.js

@@ -1,3 +1,3 @@
-const version = '3.6.0';
+const version = '3.7.0';
 export default version;
 //# sourceMappingURL=version.js.map

package/lib/types/Application/types.d.ts

@@ -1,4 +1,4 @@
-import { EasingType } from 'easing-progress';
+import { TEasingType } from '../utils/math';
 export declare namespace NApplication {
     interface IProps {
         shouldPrintVersion: boolean;
@@ -26,7 +26,7 @@ export declare namespace NApplication {
          * Easing function that is used in animation as the default value
          * @default [.25, .1, .25, 1]
          */
-        easing: EasingType;
+        easing: TEasingType;
         /**
          * Check if the browser supports WebP
          * @default false

package/lib/types/Application/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Application/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,MAAM;QACrB,kBAAkB,EAAE,OAAO,CAAC;QAC5B;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,MAAM,EAAE,UAAU,CAAC;QACnB;;;WAGG;QACH,sBAAsB,EAAE,OAAO,CAAC;KACjC;CACF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/Application/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,yBAAiB,YAAY,CAAC;IAC5B,UAAiB,MAAM;QACrB,kBAAkB,EAAE,OAAO,CAAC;QAC5B;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;;WAGG;QACH,cAAc,EAAE,MAAM,CAAC;QACvB;;;WAGG;QACH,MAAM,EAAE,WAAW,CAAC;QACpB;;;WAGG;QACH,sBAAsB,EAAE,OAAO,CAAC;KACjC;CACF"}

package/lib/types/components/BaseTimeline/index.d.ts

@@ -7,7 +7,7 @@ export type { NBaseTimeline };
  */
 export declare class BaseTimeline<StaticProps extends NBaseTimeline.IStaticProps = NBaseTimeline.IStaticProps, ChangeableProps extends NBaseTimeline.IChangeableProps = NBaseTimeline.IChangeableProps, CallbacksTypes extends NBaseTimeline.ICallbacksTypes = NBaseTimeline.ICallbacksTypes> extends ComponentClass<StaticProps, ChangeableProps, CallbacksTypes> {
     protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
-        easing: import("easing-progress").EasingType;
+        easing: import("../../utils/math").TEasingType;
         scope: number[];
         hasNestedEasingProgress: boolean;
     };

package/lib/types/components/Timeline/index.d.ts

@@ -8,7 +8,7 @@ export declare class Timeline<StaticProps extends NTimeline.IStaticProps = NTime
     protected _getDefaultProps(): import("ts-essentials").DeepRequired<StaticProps & ChangeableProps> & {
         duration: number;
         shouldDestroyOnEnd: boolean;
-        easing: import("easing-progress").EasingType;
+        easing: import("../../utils/math").TEasingType;
         scope: number[];
         hasNestedEasingProgress: boolean;
     };

package/lib/types/utils/math/easing.d.ts

@@ -1,11 +1,12 @@
-import easingProgress from 'easing-progress';
-export { Easing } from 'easing-progress';
+import { easing as easingProgress } from 'easing-progress';
+export { EaseInBack, EaseInBounce, EaseInCirc, EaseInCubic, EaseInElastic, EaseInExpo, EaseInOutBack, EaseInOutBounce, EaseInOutCirc, EaseInOutCubic, EaseInOutElastic, EaseInOutExpo, EaseInOutQuad, EaseInOutQuart, EaseInOutQuint, EaseInOutSine, EaseInQuad, EaseInQuart, EaseInQuint, EaseInSine, EaseOutBack, EaseOutBounce, EaseOutCirc, EaseOutCubic, EaseOutElastic, EaseOutExpo, EaseOutQuad, EaseOutQuart, EaseOutQuint, EaseOutSine, } from 'easing-progress';
+export type { TEasingBezier, TEasingFunction, TEasingType, } from 'easing-progress';
 /**
  * Easing progress
  *
  * @example
  *
- * easing(0.35, Easing.easeInBounce); // => 0.167
+ * easing(0.35, EaseInBounce); // => 0.167
  * easing(0.35, [.25, .1, .25, 1]); // => 0.604
  * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
  */

package/lib/types/utils/math/easing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,cAGa,CAAC"}
+{"version":3,"file":"easing.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/easing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EACL,UAAU,EACV,YAAY,EACZ,UAAU,EACV,WAAW,EACX,aAAa,EACb,UAAU,EACV,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,aAAa,EACb,cAAc,EACd,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACX,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,GACZ,MAAM,iBAAiB,CAAC;AAEzB;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,cAGa,CAAC"}

package/lib/types/version.d.ts

@@ -1,3 +1,3 @@
-declare const version = "3.6.0";
+declare const version = "3.7.0";
 export default version;
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vevet",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "description": "Vevet - a JavaScript library of ready-made solutions and helpers",
   "scripts": {
     "storybook": "storybook dev -p 6006",
@@ -59,7 +59,7 @@
   "dependencies": {
     "@anton.bobrov/p-cancelable": "^4.0.1-1",
     "detect-browser": "^5.3.0",
-    "easing-progress": "^0.0.4",
+    "easing-progress": "^1.0.0",
     "get-image-pos": "^0.0.11",
     "ismobilejs": "^1.1.1",
     "lodash.mergewith": "^4.6.2",

package/src/Application/types.ts

@@ -1,4 +1,4 @@
-import { EasingType } from 'easing-progress';
+import { TEasingType } from '@/utils/math';
 
 export namespace NApplication {
   export interface IProps {
@@ -27,7 +27,7 @@ export namespace NApplication {
      * Easing function that is used in animation as the default value
      * @default [.25, .1, .25, 1]
      */
-    easing: EasingType;
+    easing: TEasingType;
     /**
      * Check if the browser supports WebP
      * @default false

package/src/components/BaseTimeline/stories/Basic.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from 'react';
 import { BaseTimeline } from '..';
-import { Easing } from '@/utils/math';
+import { EaseInOutBounce } from '@/utils/math';
 
 export const Basic: FC = () => {
   const thumbRef = useRef<HTMLDivElement>(null);
@@ -8,7 +8,7 @@ export const Basic: FC = () => {
   const [timeline, setTimeline] = useState<BaseTimeline>();
 
   useEffect(() => {
-    const instance = new BaseTimeline({ easing: Easing.easeInOutBounce });
+    const instance = new BaseTimeline({ easing: EaseInOutBounce });
     setTimeline(instance);
 
     instance.addCallback('progress', ({ easing }) => {

package/src/components/BaseTimeline/stories/Nested.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from 'react';
 import { BaseTimeline } from '..';
-import { Easing, spreadScope } from '@/utils/math';
+import { EaseInOutBounce, spreadScope } from '@/utils/math';
 
 export const Nested: FC = () => {
   const containerRef = useRef<HTMLDivElement>(null);
@@ -8,7 +8,7 @@ export const Nested: FC = () => {
 
   useEffect(() => {
     const instance = new BaseTimeline({
-      easing: Easing.easeInOutBounce,
+      easing: EaseInOutBounce,
       hasNestedEasingProgress: true,
     });
     setTimeline(instance);
@@ -23,7 +23,7 @@ export const Nested: FC = () => {
       children.forEach((child, index) => {
         const nestedTm = new BaseTimeline({
           nestedScope: scopes[index],
-          easing: Easing.easeInOutBounce,
+          easing: EaseInOutBounce,
         });
 
         nestedTm.addCallback('progress', ({ easing }) => {

package/src/components/Timeline/stories/Basic.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from 'react';
 import { Timeline } from '..';
-import { Easing } from '@/utils/math';
+import { EaseInOutBounce } from '@/utils/math';
 
 export const Basic: FC = () => {
   const thumbRef = useRef<HTMLDivElement>(null);
@@ -11,7 +11,7 @@ export const Basic: FC = () => {
   useEffect(() => {
     const instance = new Timeline({
       duration: 3500,
-      easing: Easing.easeInOutBounce,
+      easing: EaseInOutBounce,
     });
 
     setTimeline(instance);

package/src/components/Timeline/stories/Nested.tsx

@@ -1,6 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from 'react';
 import { Timeline } from '..';
-import { Easing, spreadScope } from '@/utils/math';
+import { EaseInOutBounce, spreadScope } from '@/utils/math';
 import { BaseTimeline } from '../../BaseTimeline';
 
 export const Nested: FC = () => {
@@ -12,7 +12,7 @@ export const Nested: FC = () => {
   useEffect(() => {
     const instance = new Timeline({
       duration: 3500,
-      easing: Easing.easeInOutBounce,
+      easing: EaseInOutBounce,
     });
 
     setTimeline(instance);
@@ -33,7 +33,7 @@ export const Nested: FC = () => {
       children.forEach((child, index) => {
         const nestedTm = new BaseTimeline({
           nestedScope: scopes[index],
-          easing: Easing.easeInOutBounce,
+          easing: EaseInOutBounce,
         });
 
         nestedTm.addCallback('progress', ({ easing }) => {

package/src/utils/math/easing.ts

@@ -1,13 +1,50 @@
-import easingProgress from 'easing-progress';
+import { easing as easingProgress } from 'easing-progress';
 
-export { Easing } from 'easing-progress';
+export {
+  EaseInBack,
+  EaseInBounce,
+  EaseInCirc,
+  EaseInCubic,
+  EaseInElastic,
+  EaseInExpo,
+  EaseInOutBack,
+  EaseInOutBounce,
+  EaseInOutCirc,
+  EaseInOutCubic,
+  EaseInOutElastic,
+  EaseInOutExpo,
+  EaseInOutQuad,
+  EaseInOutQuart,
+  EaseInOutQuint,
+  EaseInOutSine,
+  EaseInQuad,
+  EaseInQuart,
+  EaseInQuint,
+  EaseInSine,
+  EaseOutBack,
+  EaseOutBounce,
+  EaseOutCirc,
+  EaseOutCubic,
+  EaseOutElastic,
+  EaseOutExpo,
+  EaseOutQuad,
+  EaseOutQuart,
+  EaseOutQuint,
+  EaseOutSine,
+} from 'easing-progress';
+
+export type {
+  TEasingBezier,
+  TEasingFunction,
+  TEasingType,
+} from 'easing-progress';
 
 /**
  * Easing progress
  *
  * @example
  *
- * easing(0.35, Easing.easeInBounce); // => 0.167
+ * easing(0.35, EaseInBounce); // => 0.167
  * easing(0.35, [.25, .1, .25, 1]); // => 0.604
  * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value)); // => 0.522
  */

package/src/version.ts

@@ -1,2 +1,2 @@
-const version = '3.6.0';
+const version = '3.7.0';
 export default version;