vevet 3.20.0 → 4.0.0-beta.0

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

@@ -1,10 +1,24 @@
 /**
- * Distribute scope progress among a certain quantity of timelines.
+ * Distribute the progress scope evenly across a specified number of timelines,
+ * with an optional overlap or shift between them.
+ *
+ * The function divides the range `[0, 1]` into segments, where each segment represents
+ * the progress of a timeline. The `shift` parameter allows overlap or space between
+ * the timelines. A `shift` of 0 means no overlap, while positive values introduce
+ * overlap between timelines.
+ *
+ * @param quantity - The number of timelines to distribute the progress scope over.
+ * @param shift - A value from `0` to `1` that determines how much overlap exists between timelines. A `shift` of 0 means no overlap, while a shift closer to `1` results in more overlap. Negative values could introduce gaps between the timelines.
  *
  * @example
  *
- * spreadScope(3, 0.1); // => [[0,0.35714285714285715],[0.32142857142857145,0.6785714285714286],[0.6428571428571429,1]]
- * spreadScope(3, 0.9); // => [[0,0.8333333333333334],[0.08333333333333331,0.9166666666666667],[0.16666666666666663,1]]
+ * spreadScope(3, 0.1);
+ * // => [[0, 0.357], [0.321, 0.678], [0.642, 1]]
+ * // Progress of 3 timelines with 0.1 shift (slight overlap)
+ *
+ * spreadScope(3, 0.9);
+ * // => [[0, 0.833], [0.083, 0.916], [0.167, 1]]
+ * // Progress of 3 timelines with 0.9 shift (more overlap)
  */
 export function spreadScope(quantity, shift) {
     const timelines = [];

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

@@ -1 +1 @@
-{"version":3,"file":"spreadScope.js","sourceRoot":"","sources":["../../../../src/utils/math/spreadScope.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,KAAa;IACzD,MAAM,SAAS,GAAe,EAAE,CAAC;IAEjC,4BAA4B;IAC5B,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzD,sBAAsB;IACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC,EAAE;QAChD,MAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;QAC7C,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;KAC9B;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}
+{"version":3,"file":"spreadScope.js","sourceRoot":"","sources":["../../../../src/utils/math/spreadScope.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,KAAa;IACzD,MAAM,SAAS,GAAe,EAAE,CAAC;IAEjC,4BAA4B;IAC5B,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,KAAK,GAAG,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC;IAEzD,sBAAsB;IACtB,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,QAAQ,EAAE,KAAK,IAAI,CAAC,EAAE;QAChD,MAAM,KAAK,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC;QAC7C,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC7B,SAAS,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;KAC9B;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

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

@@ -2,15 +2,21 @@ function conditionalReturn(value, func) {
     return value || value === 0 ? func(value) : func;
 }
 /**
- * Wrap values
+ * Wrap a value around a specified range.
+ * When the value exceeds the `max`, it wraps back to `min`, and when it's below `min`,
+ * it wraps around to `max`.
+ *
+ * @param min - The minimum value of the range.
+ * @param max - The maximum value of the range.
+ * @param value - The value to wrap around the range.
  *
  * @example
  *
  * wrap(0, 3, 0); // => 0
  * wrap(0, 3, 1); // => 1
  * wrap(0, 3, 2); // => 2
- * wrap(0, 3, 3); // => 0
- * wrap(0, 3, -1); // => 2
+ * wrap(0, 3, 3); // => 0 (wraps back to the start)
+ * wrap(0, 3, -1); // => 2 (wraps from below to the end)
  * wrap(0, 3, -2); // => 1
  * wrap(0, 3, -3); // => 0
  */

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

@@ -1 +1 @@
-{"version":3,"file":"wrap.js","sourceRoot":"","sources":["../../../../src/utils/math/wrap.ts"],"names":[],"mappings":"AAAA,SAAS,iBAAiB,CAAC,KAAa,EAAE,IAA6B;IACrE,OAAO,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,IAAI,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC1D,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IAExB,OAAO,iBAAiB,CACtB,KAAK,EACL,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAC/C,CAAC;AACd,CAAC"}
+{"version":3,"file":"wrap.js","sourceRoot":"","sources":["../../../../src/utils/math/wrap.ts"],"names":[],"mappings":"AAAA,SAAS,iBAAiB,CAAC,KAAa,EAAE,IAA6B;IACrE,OAAO,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AACnD,CAAC;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,IAAI,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa;IAC1D,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC;IAExB,OAAO,iBAAiB,CACtB,KAAK,EACL,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,GAAG,CAC/C,CAAC;AACd,CAAC"}

package/lib/esm/utils/scroll/getScrollValues.js

@@ -1,9 +1,21 @@
 /**
- * Get scroll values of a certain element
+ * Get the scroll values (scrollTop and scrollLeft) of a specific element, window, or a custom scroll-like object.
+ * This function retrieves the vertical and horizontal scroll positions.
+ *
+ * @param selector - The element, window, or custom scroll-like object to get scroll values from. If no selector is provided, it defaults to `window`.
  *
  * @example
  *
+ * // Get scroll values of the window
  * getScrollValues(window); // => { scrollTop: 0, scrollLeft: 0 }
+ *
+ * // Get scroll values of a specific DOM element
+ * const element = document.querySelector('.scrollable');
+ * getScrollValues(element); // => { scrollTop: 100, scrollLeft: 50 }
+ *
+ * // Get scroll values of a custom scroll-like object
+ * const customScroll: IScrollLike = { scrollTop: 200, scrollLeft: 75 };
+ * getScrollValues(customScroll); // => { scrollTop: 200, scrollLeft: 75 }
  */
 export function getScrollValues(selector = window) {
     if (!selector) {

package/lib/esm/utils/scroll/getScrollValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"getScrollValues.js","sourceRoot":"","sources":["../../../../src/utils/scroll/getScrollValues.ts"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,MAAM,UAAU,eAAe,CAC7B,WAAuD,MAAM;IAE7D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,SAAS,GACb,QAAQ,YAAY,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;IAEzE,MAAM,UAAU,GACd,QAAQ,YAAY,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;IAE1E,OAAO;QACL,SAAS;QACT,UAAU;KACX,CAAC;AACJ,CAAC"}
+{"version":3,"file":"getScrollValues.js","sourceRoot":"","sources":["../../../../src/utils/scroll/getScrollValues.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,eAAe,CAC7B,WAAuD,MAAM;IAE7D,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,SAAS,CAAC;KAClB;IAED,MAAM,SAAS,GACb,QAAQ,YAAY,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;IAEzE,MAAM,UAAU,GACd,QAAQ,YAAY,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC;IAE1E,OAAO;QACL,SAAS;QACT,UAAU;KACX,CAAC;AACJ,CAAC"}

package/lib/esm/utils/scroll/isPageScrolling.js

@@ -4,6 +4,10 @@ let ids = [];
 let timeout = null;
 let listener;
 let isScrolling = false;
+/**
+ * Creates a scroll event listener if it doesn't exist and updates the `isScrolling` state.
+ * This listener detects if the user is scrolling and sets a timeout of 150ms to reset the `isScrolling` state.
+ */
 function createListener() {
     if (!listener) {
         listener = addEventListener(window, 'scroll', () => {
@@ -17,22 +21,48 @@ function createListener() {
         });
     }
 }
+/**
+ * Destroys the scroll event listener when there are no more IDs associated with it..
+ */
 function destroyListener() {
     if (ids.length === 0) {
         listener === null || listener === void 0 ? void 0 : listener.remove();
         listener = undefined;
     }
 }
+/**
+ * Creates an instance to check whether the page is currently scrolling.
+ * This function manages the scroll state across multiple instances, ensuring the listener is created only once.
+ *
+ * @example
+ *
+ * const scrollChecker = createIsPageScrolling();
+ *
+ * // Check if page is scrolling
+ * const isPageScrolling = scrollChecker.get(); // => true or false
+ *
+ * // Destroy the instance when not needed
+ * scrollChecker.destroy();
+ */
 export function createIsPageScrolling() {
     const id = uid('is-page-scrolling');
     ids.push(id);
     createListener();
+    /**
+     * Removes the current instance's ID from the tracking list and destroys the listener if no other IDs exist.
+     */
     function destroy() {
         ids = ids.filter((item) => item !== id);
         destroyListener();
     }
     return {
+        /**
+         * @returns {boolean} - Returns whether the page is currently scrolling.
+         */
         get: () => isScrolling,
+        /**
+         * Destroys the scroll listener instance.
+         */
         destroy,
     };
 }

package/lib/esm/utils/scroll/isPageScrolling.js.map

@@ -1 +1 @@
-{"version":3,"file":"isPageScrolling.js","sourceRoot":"","sources":["../../../../src/utils/scroll/isPageScrolling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,IAAI,GAAG,GAAa,EAAE,CAAC;AAEvB,IAAI,OAAO,GAA0B,IAAI,CAAC;AAC1C,IAAI,QAAgC,CAAC;AAErC,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB,SAAS,cAAc;IACrB,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE;YACjD,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,WAAW,GAAG,IAAI,CAAC;YAEnB,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC,CAAC;KACJ;AACH,CAAC;AAED,SAAS,eAAe;IACtB,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,GAAG,SAAS,CAAC;KACtB;AACH,CAAC;AAED,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEb,cAAc,EAAE,CAAC;IAEjB,SAAS,OAAO;QACd,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;QACxC,eAAe,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL,GAAG,EAAE,GAAG,EAAE,CAAC,WAAW;QACtB,OAAO;KACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"isPageScrolling.js","sourceRoot":"","sources":["../../../../src/utils/scroll/isPageScrolling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,IAAI,GAAG,GAAa,EAAE,CAAC;AAEvB,IAAI,OAAO,GAA0B,IAAI,CAAC;AAC1C,IAAI,QAAgC,CAAC;AAErC,IAAI,WAAW,GAAG,KAAK,CAAC;AAExB;;;GAGG;AACH,SAAS,cAAc;IACrB,IAAI,CAAC,QAAQ,EAAE;QACb,QAAQ,GAAG,gBAAgB,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE;YACjD,IAAI,OAAO,EAAE;gBACX,YAAY,CAAC,OAAO,CAAC,CAAC;aACvB;YAED,WAAW,GAAG,IAAI,CAAC;YAEnB,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACxB,WAAW,GAAG,KAAK,CAAC;YACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC,CAAC,CAAC;KACJ;AACH,CAAC;AAED;;GAEG;AACH,SAAS,eAAe;IACtB,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;QACpB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,EAAE,CAAC;QACnB,QAAQ,GAAG,SAAS,CAAC;KACtB;AACH,CAAC;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,EAAE,GAAG,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACpC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEb,cAAc,EAAE,CAAC;IAEjB;;OAEG;IACH,SAAS,OAAO;QACd,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;QACxC,eAAe,EAAE,CAAC;IACpB,CAAC;IAED,OAAO;QACL;;WAEG;QACH,GAAG,EAAE,GAAG,EAAE,CAAC,WAAW;QAEtB;;WAEG;QACH,OAAO;KACR,CAAC;AACJ,CAAC"}

package/lib/esm/utils/scroll/normalizeWheel.js

@@ -1,12 +1,17 @@
 import normalizeWheelFunc from 'normalize-wheel';
 /**
- * Normalize wheel delta. This function is reexported from `normalize-wheel` for convenience.
+ * Normalize wheel delta. This function is re-exported from `normalize-wheel` for convenience.
+ * It helps normalize the wheel event's delta values (spinX, spinY, pixelX, pixelY) across different browsers.
  *
  * @see https://www.npmjs.com/package/normalize-wheel
  *
  * @example
  *
- * normalizeWheel(event); // => { spinX: -0, spinY: 1.25, pixelX: -0, pixelY: 125 }
+ * document.addEventListener('wheel', (event) => {
+ *   const normalized = normalizeWheel(event);
+ *   console.log(normalized);
+ *   // => { spinX: -0, spinY: 1.25, pixelX: -0, pixelY: 125 }
+ * });
  */
 export function normalizeWheel(event) {
     return normalizeWheelFunc(event);

package/lib/esm/utils/scroll/normalizeWheel.js.map

@@ -1 +1 @@
-{"version":3,"file":"normalizeWheel.js","sourceRoot":"","sources":["../../../../src/utils/scroll/normalizeWheel.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,iBAAiB,CAAC;AAEjD;;;;;;;;GAQG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC"}
+{"version":3,"file":"normalizeWheel.js","sourceRoot":"","sources":["../../../../src/utils/scroll/normalizeWheel.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,iBAAiB,CAAC;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAAC,KAAiB;IAC9C,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AACnC,CAAC"}

package/lib/esm/utils/scroll/onScroll.js

@@ -3,7 +3,13 @@ import { uid } from '../common';
 import { getScrollValues } from './getScrollValues';
 let instances = [];
 /**
- * Add `onScroll` event
+ * Add `onScroll` event listener to the provided container (DOM element, custom scroll, or window).
+ * It automatically manages multiple scroll listeners by stacking them in instances.
+ *
+ * If an instance already exists for the container, it adds the new callback to the existing stack.
+ * Otherwise, it creates a new scroll listener.
+ *
+ * This function supports both native scrollable elements and `CustomScroll` instances.
  *
  * @example
  *
@@ -14,15 +20,15 @@ let instances = [];
  * });
  */
 export function onScroll({ container, callback, isPassive = false, }) {
-    // check if listeners for this element already exist
+    // Check if a listener for this container already exists
     let instance = instances.find((data) => data.container === container && data.isPassive === isPassive);
     const callbackId = uid('scroll-event');
-    // if a listener exists, we just add a new callback to its stack
+    // If a listener exists, we just add a new callback to its stack
     if (instance) {
         instance.callbacks.push({ id: callbackId, callback });
     }
     else {
-        // otherwise we create a new instance
+        // Otherwise, create a new instance
         instance = {
             id: uid('scroll-event-instance'),
             container,
@@ -31,15 +37,15 @@ export function onScroll({ container, callback, isPassive = false, }) {
             listeners: [],
         };
         instances.push(instance);
-        // smooth scroll events
-        if (typeof container === 'object' && 'isSmoothScroll' in container) {
+        // Custom scroll events
+        if (typeof container === 'object' && 'isCustomScroll' in container) {
             instance.listeners.push(container.addCallback('render', () => {
                 const { scrollTop, scrollLeft } = container;
                 instance.callbacks.forEach((item) => item.callback({ scrollTop, scrollLeft }));
             }, { name: 'onScroll' }));
         }
         else {
-            // dom scroll events
+            // DOM scroll events
             const domContainer = selectOne(container);
             instance.listeners.push(addEventListener(domContainer, 'scroll', () => {
                 const data = getScrollValues(domContainer);
@@ -50,6 +56,7 @@ export function onScroll({ container, callback, isPassive = false, }) {
             }, { passive: isPassive }));
         }
     }
+    // Removes the scroll listener
     const remove = () => {
         const newCallbacks = instance.callbacks.filter((item) => item.id !== callbackId);
         instance.callbacks = newCallbacks;

package/lib/esm/utils/scroll/onScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"onScroll.js","sourceRoot":"","sources":["../../../../src/utils/scroll/onScroll.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"onScroll.js","sourceRoot":"","sources":["../../../../src/utils/scroll/onScroll.ts"],"names":[],"mappings":"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"}

package/lib/esm/utils/scroll/scrollTo.js

@@ -1,27 +1,28 @@
 import { getScrollValues } from './getScrollValues';
 import { Timeline } from '../../components/Timeline';
 /**
- * Scroll to coordinates
+ * Smoothly scroll to the specified top and left coordinates inside the given container.
+ * Supports promises to handle the end of the scroll animation.
  *
  * @example
  *
- * // static duration
+ * // Scroll with a static duration
  * scrollTo({
  *   container: window,
  *   top: 500,
  *   duration: 500,
  * });
  *
- * // dynamic duration
+ * // Scroll with a dynamic duration based on distance
  * scrollTo({
  *   top: 1000,
  *   duration: (px) => px,
  * });
  *
- * // use promise
+ * // Use promise to handle when the scroll finishes
  * scrollTo({ top: 500 })
- *   .then(() => console.log('done'))
- *   .catch(() => {});
+ *   .then(() => console.log('Scroll complete'))
+ *   .catch(() => console.error('Scroll failed'));
  */
 export function scrollTo({ container = window, top = 0, left = 0, duration: durationProp = 250, }) {
     return new Promise((resolve, reject) => {
@@ -36,7 +37,7 @@ export function scrollTo({ container = window, top = 0, left = 0, duration: dura
         const finalDuration = typeof durationProp === 'number' ? durationProp : durationProp(lengthPx);
         const timeline = new Timeline({
             duration: finalDuration,
-            shouldDestroyOnEnd: true,
+            isDestroyedOnEnd: true,
         });
         timeline.addCallback('progress', ({ e }) => {
             if (!container) {

package/lib/esm/utils/scroll/scrollTo.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollTo.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollTo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAwBjD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,GAAG,MAAM,EAClB,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,EACR,QAAQ,EAAE,YAAY,GAAG,GAAG,GACb;IACf,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAE/C,IAAI,CAAC,WAAW,EAAE;YAChB,MAAM,EAAE,CAAC;YAET,OAAO;SACR;QAED,MAAM,OAAO,GAAG,GAAG,GAAG,WAAW,CAAC,SAAS,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC;QAE/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEjE,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE3E,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;YAC5B,QAAQ,EAAE,aAAa;YACvB,kBAAkB,EAAE,IAAI;SACzB,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACzC,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO;aACR;YAED,SAAS,CAAC,QAAQ,CAAC;gBACjB,GAAG,EAAE,WAAW,CAAC,SAAS,GAAG,OAAO,GAAG,CAAC;gBACxC,IAAI,EAAE,WAAW,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC;gBAC3C,QAAQ,EAAE,MAAM;aACjB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7C,QAAQ,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"scrollTo.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollTo.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AA6BjD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACvB,SAAS,GAAG,MAAM,EAClB,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,EACR,QAAQ,EAAE,YAAY,GAAG,GAAG,GACb;IACf,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAE/C,IAAI,CAAC,WAAW,EAAE;YAChB,MAAM,EAAE,CAAC;YAET,OAAO;SACR;QAED,MAAM,OAAO,GAAG,GAAG,GAAG,WAAW,CAAC,SAAS,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC;QAE/C,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEjE,MAAM,aAAa,GACjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAE3E,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;YAC5B,QAAQ,EAAE,aAAa;YACvB,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;YACzC,IAAI,CAAC,SAAS,EAAE;gBACd,OAAO;aACR;YAED,SAAS,CAAC,QAAQ,CAAC;gBACjB,GAAG,EAAE,WAAW,CAAC,SAAS,GAAG,OAAO,GAAG,CAAC;gBACxC,IAAI,EAAE,WAAW,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC;gBAC3C,QAAQ,EAAE,MAAM;aACjB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC;QAE7C,QAAQ,CAAC,IAAI,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/esm/utils/scroll/scrollToElement.js

@@ -14,11 +14,13 @@ import { getScrollValues } from './getScrollValues';
 import { clamp } from '../math/clamp';
 import { scrollTo } from './scrollTo';
 /**
- * Scroll to element
+ * Smoothly scroll to a specific element inside a container.
+ * It uses the element's bounding box to calculate the scroll position
+ * and allows for custom top and left padding as well as scroll duration.
  *
  * @example
  *
- * // static duration
+ * // Scroll to an element with a static duration
  * scrollToElement({
  *   container: window,
  *   element: document.getElementById('element_20')!,
@@ -26,20 +28,20 @@ import { scrollTo } from './scrollTo';
  *   duration: 500,
  * });
  *
- * // dynamic duration
+ * // Scroll to an element with a dynamic duration
  * scrollToElement({
  *   element: document.getElementById('element_20')!,
  *   top: 60,
  *   duration: (px) => px,
  * });
  *
- * // use promise
+ * // Use promise to handle when the scroll finishes
  * scrollToElement({
  *   element: document.getElementById('element_20')!,
  *   top: 60,
  * })
- *   .then(() => console.log('done'))
- *   .catch(() => {});
+ *   .then(() => console.log('Scroll complete'))
+ *   .catch(() => console.error('Scroll failed'));
  */
 export function scrollToElement(_a) {
     var { container = window, element: elementProp, top = 0, left = 0 } = _a, props = __rest(_a, ["container", "element", "top", "left"]);

package/lib/esm/utils/scroll/scrollToElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollToElement.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAkB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,eAAe,CAAC,EAMR;QANQ,EAC9B,SAAS,GAAG,MAAM,EAClB,OAAO,EAAE,WAAW,EACpB,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,OAEc,EADnB,KAAK,cALsB,uCAM/B,CADS;IAER,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;QAEvC,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE;YAC5B,MAAM,EAAE,CAAC;YAET,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEjD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC,SAAS,GAAG,GAAG,EAAE;YAC9D,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,EAAE;YAClE,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,QAAQ,iCACH,KAAK,KACR,SAAS,EACT,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,MAAM,IACZ;aACC,IAAI,CAAC,OAAO,CAAC;aACb,KAAK,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"scrollToElement.js","sourceRoot":"","sources":["../../../../src/utils/scroll/scrollToElement.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAkB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,MAAM,UAAU,eAAe,CAAC,EAMR;QANQ,EAC9B,SAAS,GAAG,MAAM,EAClB,OAAO,EAAE,WAAW,EACpB,GAAG,GAAG,CAAC,EACP,IAAI,GAAG,CAAC,OAEc,EADnB,KAAK,cALsB,uCAM/B,CADS;IAER,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;QAC3C,MAAM,WAAW,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;QAEvC,IAAI,CAAC,WAAW,IAAI,CAAC,OAAO,EAAE;YAC5B,MAAM,EAAE,CAAC;YAET,OAAO;SACR;QAED,MAAM,QAAQ,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAEjD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC,SAAS,GAAG,GAAG,EAAE;YAC9D,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC,UAAU,GAAG,IAAI,EAAE;YAClE,CAAC;YACD,QAAQ;SACT,CAAC,CAAC;QAEH,QAAQ,iCACH,KAAK,KACR,SAAS,EACT,GAAG,EAAE,KAAK,EACV,IAAI,EAAE,MAAM,IACZ;aACC,IAAI,CAAC,OAAO,CAAC;aACb,KAAK,CAAC,MAAM,CAAC,CAAC;IACnB,CAAC,CAAC,CAAC;AACL,CAAC"}

package/lib/styles/base.scss

@@ -1,3 +1 @@
-$prefix: 'v-' !default;
-
 @import './mixins/index';

package/lib/styles/components/CustomCursor.scss

@@ -5,8 +5,8 @@ $custom-cursor-scale-duration: 0.5s !default;
 $custom-cursor-alpha: 0.5 !default;
 $custom-cursor-color: #000 !default;
 
-.#{$prefix}custom-cursor-container {
-  &.#{$prefix}custom-cursor-hide-defaut-cursor {
+.v-custom-cursor-container {
+  &.v-custom-cursor-hide-default-cursor {
     cursor: none;
 
     * {
@@ -15,11 +15,11 @@ $custom-cursor-color: #000 !default;
   }
 }
 
-.#{$prefix}custom-cursor {
+.v-custom-cursor {
   --cursor-w: 50px;
   --cursor-h: 50px;
 
-  &.#{$prefix}custom-cursor-in-window {
+  &.v-custom-cursor-in-window {
     position: fixed;
   }
 
@@ -34,11 +34,11 @@ $custom-cursor-color: #000 !default;
   @include transition(opacity $custom-cursor-alpha-duration);
   opacity: 0;
 
-  &.#{$prefix}custom-cursor-in-action {
+  &.v-custom-cursor-in-action {
     opacity: 1;
   }
 
-  &.#{$prefix}custom-cursor-disabled {
+  &.v-custom-cursor-disabled {
     opacity: 0;
   }
     
@@ -53,7 +53,7 @@ $custom-cursor-color: #000 !default;
 
     @include transition(transform $custom-cursor-scale-duration);
 
-    &.#{$prefix}custom-cursor-click {
+    &.v-custom-cursor-click {
       transform: scale(0.75);
     }
   }

package/{src/styles/components/SmoothScroll.scss → lib/styles/components/CustomScroll.scss}

@@ -1,18 +1,18 @@
 @import '../mixins/index';
 
-.#{$prefix}smooth-scroll {
+.v-custom-scroll {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
 
   &__wrapper {
-    &.#{$prefix}smooth-scroll_vertical {
+    &.v-custom-scroll_vertical {
       width: 100%;
       height: auto;
     }
 
-    &.#{$prefix}smooth-scroll_horizontal {
+    &.v-custom-scroll_horizontal {
       width: max-content;
       height: 100%;
     }

package/lib/styles/components/Preloader.scss

@@ -2,7 +2,7 @@
 
 $preloader-bg-color: #000 !default;
 
-.#{$prefix}preloader {
+.v-preloader {
   position: fixed;
   top: 0;
   left: 0;

package/lib/styles/components/ScrollBar.scss

@@ -7,11 +7,11 @@ $scrollbar-track-size: 10px !default;
 $scrollbar-thumb-size: 50px !default;
 $scrollbar-thumb-radius: 5px !default;
 
-.#{$prefix}scrollbar-parent {
+.v-scrollbar-parent {
   @include hide-scroll-bars;
 }
 
-.#{$prefix}scrollbar {
+.v-scrollbar {
   position: absolute;
   z-index: 9;
 
@@ -27,8 +27,8 @@ $scrollbar-thumb-radius: 5px !default;
     opacity: 0;
     @include transition(opacity $scrollbar-duration);
 
-    &.#{$prefix}scrollbar_is-hovered,
-    &.#{$prefix}scrollbar_in-action {
+    &.v-scrollbar_is-hovered,
+    &.v-scrollbar_in-action {
       opacity: 1;
     }
   }

package/lib/styles/components/index.scss

@@ -1,4 +1,4 @@
 @import './CustomCursor';
 @import './Preloader';
 @import './ScrollBar';
-@import './SmoothScroll';
+@import './CustomScroll';

package/lib/styles/index.scss

@@ -1,4 +1,3 @@
 @import './base';
-@import './globals/index';
 
 @import './components/index';

package/lib/types/Vevet/events/createOnPageLoad/index.d.ts

@@ -0,0 +1,3 @@
+import { IOnPageLoad } from './types';
+export declare function createOnPageLoad(prefix: string): IOnPageLoad;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/Vevet/events/createOnPageLoad/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createOnPageLoad/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,CAsC5D"}

package/lib/types/Vevet/events/createOnPageLoad/types.d.ts

@@ -0,0 +1,20 @@
+import { NCallbacks } from '../../../base/Callbacks/types';
+export interface ICallbacksTypes extends NCallbacks.ITypes {
+    loaded: undefined;
+}
+export interface IOnPageLoad {
+    /**
+     * Add a callback on page load
+     * If the page is already loaded, the callback will be called immediately and return undefined.
+     * Otherwise, a descructable callback will be returned that can be used to remove the callback.
+     *
+     * @example
+     * const callback = vevet.pageLoad.onLoad(() => console.log('Page loaded'));
+     *
+     * callback?.remove()
+     */
+    onLoad: (callback: () => void) => NCallbacks.IAddedCallback | undefined;
+    /** Get if the page is loaded */
+    getIsLoaded: () => boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/types/Vevet/events/createOnPageLoad/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createOnPageLoad/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,WAAW,eAAgB,SAAQ,UAAU,CAAC,MAAM;IACxD,MAAM,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B;;;;;;;;;OASG;IACH,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,KAAK,UAAU,CAAC,cAAc,GAAG,SAAS,CAAC;IACxE,gCAAgC;IAChC,WAAW,EAAE,MAAM,OAAO,CAAC;CAC5B"}

package/lib/types/Vevet/events/createViewport/index.d.ts

@@ -0,0 +1,4 @@
+import { IViewport } from './types';
+import { IVevetProps } from '../../types';
+export declare function createViewport(props: IVevetProps, isDesktopDevice: boolean, prefix: string): IViewport;
+//# sourceMappingURL=index.d.ts.map

package/lib/types/Vevet/events/createViewport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/index.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAEV,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,wBAAgB,cAAc,CAC5B,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,OAAO,EACxB,MAAM,EAAE,MAAM,GACb,SAAS,CAoJX"}

package/lib/types/Vevet/events/createViewport/types.d.ts

@@ -0,0 +1,85 @@
+import { Callbacks, NCallbacks } from '../../../base/Callbacks';
+export interface IViewportCallbackTypes extends NCallbacks.ITypes {
+    /**
+     * When the width is changed regardless of the height
+     */
+    width: undefined;
+    /**
+     * When the height is changed regardless of the width
+     */
+    height: undefined;
+    /**
+     * When both the width and height are changed
+     */
+    both: undefined;
+    /**
+     * When only the width is changed
+     */
+    widthOnly: undefined;
+    /**
+     * When only the height is changed
+     */
+    heightOnly: undefined;
+    /**
+     * Any change
+     */
+    any: undefined;
+}
+/** Viewport size types */
+export declare enum ESizeTypes {
+    Desktop = "desktop",
+    Tablet = "tablet",
+    Phone = "phone"
+}
+/** Orientation types */
+export declare enum EOrientationTypes {
+    Landscape = "landscape",
+    Portrait = "portrait"
+}
+export interface IViewport {
+    /**
+     * Viewport callbacks
+     *
+     * @example
+     *
+     * vevet.viewport.callbacks.add('width', () => console.log('width changed'));
+     *
+     * vevet.viewport.callbacks.add('height', () => console.log('height changed'));
+     *
+     * vevet.viewport.callbacks.add('both', () => console.log('both width and height changed'));
+     *
+     * vevet.viewport.callbacks.add('widthOnly', () => console.log('only width changed'));
+     *
+     * vevet.viewport.callbacks.add('heightOnly', () => console.log('only height changed'));
+     *
+     * vevet.viewport.callbacks.add('any', () => console.log('any change'));
+     */
+    callbacks: Callbacks<IViewportCallbackTypes>;
+    /** Current viewport width */
+    width: number;
+    /** Current viewport height */
+    height: number;
+    /** Current viewport outer radius */
+    radius: number;
+    /** Current viewport width divided by 100 */
+    vw: number;
+    /** Current viewport height divided by 100 */
+    vh: number;
+    /** Current viewport radius divided by 100 */
+    vr: number;
+    /** Is viewport in landscape mode */
+    isLandscape: boolean;
+    /** Is viewport in portrait mode */
+    isPortrait: boolean;
+    /** Is viewport in desktop mode */
+    isDesktop: boolean;
+    /** Is viewport in tablet mode */
+    isTablet: boolean;
+    /** Is viewport in phone mode */
+    isPhone: boolean;
+    /** Device pixel ratio */
+    dpr: number;
+    /** Lower device pixel ratio (1 for desktop and maximum 2 for mobile devices) */
+    lowerDpr: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/types/Vevet/events/createViewport/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/Vevet/events/createViewport/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,WAAW,sBAAuB,SAAQ,UAAU,CAAC,MAAM;IAC/D;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,UAAU,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC;CAChB;AAED,0BAA0B;AAC1B,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,wBAAwB;AACxB,oBAAY,iBAAiB;IAC3B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;;;;;OAgBG;IACH,SAAS,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAC;IAC7C,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,oCAAoC;IACpC,WAAW,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,QAAQ,EAAE,OAAO,CAAC;IAClB,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,gFAAgF;IAChF,QAAQ,EAAE,MAAM,CAAC;CAClB"}

package/lib/types/Vevet/exported.d.ts

@@ -0,0 +1,6 @@
+import { IVevetProps } from './types';
+import { IVevet } from './global';
+import { IOnPageLoad } from './events/createOnPageLoad/types';
+import { IViewportCallbackTypes, IViewport } from './events/createViewport/types';
+export type { IVevetProps, IVevet, IOnPageLoad, IViewportCallbackTypes, IViewport, };
+//# sourceMappingURL=exported.d.ts.map

package/lib/types/Vevet/exported.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"exported.d.ts","sourceRoot":"","sources":["../../../src/Vevet/exported.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,SAAS,EACV,MAAM,+BAA+B,CAAC;AAEvC,YAAY,EACV,WAAW,EACX,MAAM,EACN,WAAW,EACX,sBAAsB,EACtB,SAAS,GACV,CAAC"}