vevet 4.4.2 → 5.0.1

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

@@ -1,17 +1,23 @@
 /**
- * Get progress relative to a given scope and then clamp it within another range.
+ * Maps a value to a relative range and clamps the result within another range.
  *
- * The function first scales the `value` relative to `scopeProp` using the `scoped` function,
- * and then clamps the result within `clampProp` using the `clamp` function.
+ * This function first calculates the relative progress of `value` within `scope`
+ * using the `scoped` function. Then, it clamps the resulting progress to `clamp`
+ * using the `clamp` function.
  *
- * @param value - The value to be scaled and clamped.
- * @param scopeProp - The scope within which the value will be scaled.
- * @param clampProp - The range to clamp the scaled value within.
+ * @param {number} value - The input value to be mapped and clamped.
+ * @param {[number, number]} [scope=[0, 1]] - The range (start and end) within which to map the input value.
+ * @param {[number, number]} [clamp=[0, 1]] - The range (start and end) within which to clamp the mapped value.
+ * @returns {number} - The resulting value after mapping and clamping.
+ *
+ * @group Utils
  *
  * @example
+ * clampScope(0.36, [0.35, 1]);
+ * // => 0.015384 (relative progress of 0.36 within [0.35, 1], clamped to [0, 1])
  *
- * clampScope(0.38, [0.35, 1]); // => 0.046
- * clampScope(0.38, [0.35, 1], [0.1, 1]); // => 0.1
+ * clampScope(0.36, [0.35, 1], [0.1, 1]);
+ * // => 0.1 (relative progress of 0.36 within [0.35, 1], clamped to [0.1, 1])
  */
-export declare function clampScope(value: number, scopeProp?: number[], clampProp?: number[]): number;
+export declare function clampScope(value: number, scope?: number[], clamp?: number[]): number;
 //# sourceMappingURL=clampScope.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"clampScope.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/clampScope.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,EACb,SAAS,WAAS,EAClB,SAAS,WAAS,GACjB,MAAM,CAER"}
+{"version":3,"file":"clampScope.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/clampScope.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,WAAS,EAAE,KAAK,WAAS,UAIvE"}

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

@@ -0,0 +1,15 @@
+/**
+ * Linear interpolation with factor based on user's FPS.
+ *
+ * {@link http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/}
+ *
+ * @group Utils
+ *
+ * @param {number} current - The starting value.
+ * @param {number} target - The end value.
+ * @param {number} factor - The interpolation factor, typically between 0 and 1. A lower value results in slower interpolation, while a higher value makes it faster.
+ * @param {number} delta - Time elapsed since the last update in milliseconds
+ * @param {number} [approximation=0] - A small threshold to determine when the difference between the interpolated value and the target is negligible. If the difference is within this threshold, the function returns `target` directly.
+ */
+export declare function damp(current: number, target: number, factor: number, delta: number, approximation?: number): number;
+//# sourceMappingURL=damp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"damp.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/damp.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,wBAAgB,IAAI,CAClB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,aAAa,SAAI,UAQlB"}

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

@@ -2,16 +2,29 @@ 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';
 /**
- * Calculates easing progress using a specified easing function, bezier curve, or custom easing function.
+ * Applies an easing function to a given progress value.
  *
- * @param progress - The current progress value (between 0 and 1).
- * @param easingType - The easing type to apply. It can be a predefined easing function, a bezier array, or a custom easing function. Defaults to the global app's easing settings if available.
+ * This function calculates eased progress using a specified easing function,
+ * bezier curve, or custom easing function.
+ *
+ * @param {number} progress - The current progress value, typically between 0 and 1.
+ * @param {TEasingType} easingType - The easing method to apply. It can be:
+ *   - A predefined easing function (e.g., `EaseInBounce`).
+ *   - A bezier array (e.g., `[0.25, 0.1, 0.25, 1]`).
+ *   - A custom easing function (e.g., `(value) => Math.sin(Math.PI * 0.5 * value)`).
+ * @returns {number} - The eased progress value.
+ *
+ * @group Utils
  *
  * @example
+ * easing(0.35, EaseInBounce);
+ * // => 0.167 (eased progress using EaseInBounce)
+ *
+ * easing(0.35, [0.25, 0.1, 0.25, 1]);
+ * // => 0.604 (eased progress using a bezier curve)
  *
- * 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
+ * easing(0.35, (value) => Math.sin(Math.PI * 0.5 * value));
+ * // => 0.522 (eased progress using a custom easing function)
  */
 export declare const easing: typeof easingProgress;
 //# sourceMappingURL=easing.d.ts.map

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,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG3D,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;;;;;;;;;;;GAWG;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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM,EAAE,OAAO,cACU,CAAC"}

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

@@ -0,0 +1,25 @@
+/**
+ * Determines if a value lies within a specified range (inclusive of the range boundaries).
+ *
+ * @param {number} value - The value to check.
+ * @param {number} [min=0] - The minimum boundary of the range.
+ * @param {number} [max=1] - The maximum boundary of the range.
+ * @returns {boolean} - `true` if the value is within the range (inclusive), otherwise `false`.
+ *
+ * @group Utils
+ *
+ * @example
+ * inScope(0, 0, 1);
+ * // => true (0 is within the range [0, 1])
+ *
+ * inScope(1, 0, 1);
+ * // => true (1 is within the range [0, 1])
+ *
+ * inScope(2, 0, 1);
+ * // => false (2 is outside the range [0, 1])
+ *
+ * inScope(-1, 0, 1);
+ * // => false (-1 is outside the range [0, 1])
+ */
+export declare function inRange(value: number, min?: number, max?: number): boolean;
+//# sourceMappingURL=inRange.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inRange.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/inRange.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,EAAE,GAAG,SAAI,GAAG,OAAO,CAKhE"}

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

@@ -1,10 +1,9 @@
 export * from './clamp';
 export * from './clampScope';
+export * from './damp';
 export * from './easing';
-export * from './inScope';
+export * from './inRange';
 export * from './lerp';
-export * from './normalizeNestedScope';
 export * from './scoped';
-export * from './spreadScope';
-export * from './wrap';
+export * from './loop';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}

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

@@ -1,18 +1,26 @@
 /**
- * Performs linear interpolation between the current and target values using an ease factor.
+ * Performs linear interpolation (LERP) between a current value and a target value using an easing factor.
  *
- * Linear interpolation (LERP) calculates the intermediate value between two values (`current` and `target`)
- * based on a given easing factor.
+ * Linear interpolation calculates an intermediate value between `current` and `target`
+ * based on a given `factor`, providing smooth transitions.
  *
- * @param current - The current value or starting point.
- * @param target - The target value or end point.
- * @param factor - The factor, typically between 0 and 1, which controls how fast the interpolation happens. A value closer to 0 makes the change slower, and a value closer to 1 makes it faster.
- * @param approximationLeft - The threshold within which the difference between `current` and `target` is considered negligible, and the function returns the `target` value directly.
+ * @param {number} current - The starting value.
+ * @param {number} target - The end value.
+ * @param {number} factor - The interpolation factor, typically between 0 and 1. A lower value results in slower interpolation, while a higher value makes it faster.
+ * @param {number} [approximation=0] - A small threshold to determine when the difference between the interpolated value and the target is negligible. If the difference is within this threshold, the function returns `target` directly.
+ * @returns {number} - The interpolated value.
+ *
+ * @group Utils
  *
  * @example
+ * lerp(0, 1, 0.4);
+ * // => 0.4 (40% progress from 0 to 1)
+ *
+ * lerp(0.75, 0.8, 0.98);
+ * // => 0.799 (close to the target but not exactly 0.8)
  *
- * lerp(0, 1, 0.4); // => 0.4
- * lerp(0.75, 0.8, 0.98); // => 0.799
+ * lerp(0.75, 0.8, 0.98, 0.01);
+ * // => 0.8 (within the approximation threshold)
  */
-export declare function lerp(current: number, target: number, factor: number, approximationLeft?: number): number;
+export declare function lerp(current: number, target: number, factor: number, approximation?: number): number;
 //# sourceMappingURL=lerp.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"lerp.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAClB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,iBAAiB,SAAI,UAUtB"}
+{"version":3,"file":"lerp.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/lerp.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,IAAI,CAClB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,SAAI,GAChB,MAAM,CASR"}

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

@@ -0,0 +1,22 @@
+/**
+ * Loops a value within a specified range.
+ * If the value exceeds `max`, it wraps back to `min`. If it's below `min`, it wraps around to `max`.
+ *
+ * @group Utils
+ *
+ * @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
+ *
+ * loop(0, 0, 3); // => 0
+ * loop(1, 0, 3); // => 1
+ * loop(2, 0, 3); // => 2
+ * loop(3, 0, 3); // => 0 (wraps back to the start)
+ * loop(-1, 0, 3); // => 2 (wraps from below to the end)
+ * loop(-2, 0, 3); // => 1
+ * loop(-3, 0, 3); // => 0
+ */
+export declare function loop(value: number, min: number, max: number): number;
+//# sourceMappingURL=loop.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loop.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/loop.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAIpE"}

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

@@ -1,22 +1,26 @@
 /**
- * Get the progress of a value (`value`) relative to a given scope (`scope`).
+ * Calculate the relative progress of a value within a given range (scope).
  *
- * This function calculates how far along a value is within a specific range (scope),
- * providing a normalized result between 0 and 1, depending on its position in the scope.
+ * This function determines how far a `value` is within the specified range `[min, max]`,
+ * returning a normalized value between 0 and 1. If the value is outside the range, the result
+ * can exceed 0 or 1 unless clamped separately.
  *
- * @param value - The value for which to determine the relative progress within the scope.
- * @param scope - The range (start, end) within which the value's progress will be calculated. Defaults to [0, 1].
+ * @param {number} value - The input value for which the relative progress is calculated.
+ * @param {number} min - The start of the range. Defaults to 0.
+ * @param {number} max - The end of the range. Defaults to 1.
+ * @returns {number} - The relative progress of the value within the range `[min, max]`.
  *
- * @example
+ * @group Utils
  *
- * scoped(0.35, [0, 1]);
- * // => 0.35  // Progress of 0.35 within the full range [0, 1]
+ * @example
+ * scoped(0.35, 0, 1);
+ * // => 0.35  // Progress of 0.35 within the range [0, 1]
  *
- * scoped(0.35, [0.25, 1]);
+ * scoped(0.35, 0.25, 1);
  * // => 0.133  // Progress of 0.35 within the range [0.25, 1]
  *
- * scoped(0.35, [0.25, 0.9]);
- * // => 0.153  // Progress of 0.35 within the narrower range [0.25, 0.9]
+ * scoped(0.35, 0.25, 0.9);
+ * // => 0.153  // Progress of 0.35 within the range [0.25, 0.9]
  */
-export declare function scoped(value: number, scope?: number[]): number;
+export declare function scoped(value: number, min?: number, max?: number): number;
 //# sourceMappingURL=scoped.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scoped.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/scoped.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,WAAS,UAInD"}
+{"version":3,"file":"scoped.d.ts","sourceRoot":"","sources":["../../../../src/utils/math/scoped.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,EAAE,GAAG,SAAI,UAErD"}

package/lib/types/version.d.ts

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

package/package.json

@@ -1,21 +1,20 @@
 {
   "name": "vevet",
-  "version": "4.4.2",
-  "description": "Vevet is a flexible JavaScript library designed for creative web development",
+  "version": "5.0.1",
+  "description": "Vevet is a JavaScript library for creative development that simplifies crafting rich interactions like split text animations, carousels, marquees, preloading, and more.",
   "scripts": {
     "storybook": "storybook dev -p 6006",
-    "lint": "npm run lint:js && npm run lint:style",
+    "lint": "npm run lint:js",
     "lint:js": "eslint . --ext .jsx,.js,.tsx,.ts",
-    "lint:style": "npx stylelint \"**/*.scss\"",
-    "build": "rimraf lib && rimraf docs && run-s build:lib build:docs",
-    "build:lib": "run-s build:esm build:cjs build:types build:styles",
+    "build": "run-s build:lib build:docs",
+    "build:lib": "rimraf lib && run-s build:esm build:cjs build:types build:styles",
     "build:esm": "tsc -p config/tsconfig.esm.json && tsc-alias -p config/tsconfig.esm.json",
     "build:cjs": "tsc -p config/tsconfig.cjs.json && tsc-alias -p config/tsconfig.cjs.json",
     "build:types": "tsc -p config/tsconfig.types.json && tsc-alias -p config/tsconfig.types.json",
     "build:styles": "copyfiles src/styles/**/*.scss lib/styles -u 2",
-    "build:docs": "typedoc --out docs ./src --theme default --hideGenerator --excludePrivate --excludeProtected --excludeInternal",
+    "build:docs": "rimraf docs && typedoc --out docusaurus/static/v5 ./src --theme default --hideGenerator --includeVersion && cd docusaurus && npm run build && cd ..",
     "version": "node ./config/version.js && git add ./src/version.ts && git commit -m \"Update version\"",
-    "deploy": "gh-pages -d docs",
+    "deploy": "gh-pages -d docusaurus/build",
     "prepublishOnly": "run-s lint build deploy"
   },
   "main": "./lib/cjs/index.js",
@@ -27,30 +26,29 @@
     "url": "git+https://github.com/antonbobrov/vevet.git"
   },
   "keywords": [
-    "vevet",
-    "helpers",
-    "animations",
-    "callbacks",
-    "viewport",
-    "onresize",
-    "onload",
+    "creative",
     "responsive",
-    "mutableProps",
-    "wheel",
-    "animationframe",
-    "fps",
-    "timeline",
+    "interactive",
+    "animations",
     "canvas",
-    "ctx2d",
-    "prerender",
+    "prerendering",
     "cursor",
-    "drag",
-    "swipe",
+    "viewport",
+    "intersection",
     "marquee",
+    "pointer-events",
     "preloader",
-    "scrollbar",
-    "smooth scroll",
-    "split text"
+    "raf",
+    "scroll-progress",
+    "carousel",
+    "snap",
+    "split-text",
+    "swipe",
+    "timeline",
+    "os-detection",
+    "browser-detection",
+    "viewport-units",
+    "scrollbar"
   ],
   "files": [
     "lib",
@@ -63,40 +61,35 @@
     "easing-progress": "^1.0.0",
     "get-image-pos": "^0.0.11",
     "ismobilejs": "^1.1.1",
-    "normalize-wheel": "^1.0.1",
-    "p-cancelable-cjs": "^4.0.1-1",
-    "ts-essentials": "^9.3.2"
+    "lodash.split": "^4.4.2",
+    "normalize-wheel": "^1.0.1"
   },
   "devDependencies": {
-    "@anton.bobrov/eslint-config": "2.0.2",
-    "@babel/preset-env": "^7.22.10",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.22.5",
-    "@storybook/addon-essentials": "^7.3.2",
-    "@storybook/addon-interactions": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
-    "@storybook/addon-styling": "~1.0.8",
-    "@storybook/blocks": "^7.3.2",
-    "@storybook/react": "^7.3.2",
-    "@storybook/react-webpack5": "^7.3.2",
-    "@storybook/testing-library": "^0.2.0",
+    "@anton.bobrov/eslint-config": "2.0.5",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/addon-interactions": "^8.6.0",
+    "@storybook/addon-onboarding": "^8.6.0",
+    "@storybook/blocks": "^8.6.0",
+    "@storybook/react": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@storybook/test": "^8.6.0",
+    "@types/lodash.split": "^4.4.9",
+    "@types/node": "^22.13.5",
     "@types/normalize-wheel": "^1.0.1",
-    "@types/react": "18.0.18",
+    "@types/react": "18.3.1",
     "copyfiles": "^2.4.1",
     "eslint": "8.56.0",
     "eslint-plugin-storybook": "^0.6.13",
-    "gh-pages": "^6.0.0",
+    "gh-pages": "^6.3.0",
     "npm-run-all": "^4.1.5",
     "prettier": "3.3.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^5.0.1",
-    "sass": "^1.77.8",
-    "storybook": "^7.3.2",
-    "stylelint": "^14.11.0",
-    "stylelint-config-sass-guidelines": "^9.0.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
+    "storybook": "^8.6.0",
     "tsc-alias": "^1.8.7",
-    "typedoc": "^0.24.8",
-    "typescript": "^5"
+    "typedoc": "^0.27.9",
+    "typescript": "5.7.3"
   }
 }