From 64a0d873f4db7fab2b75843a11c31d8c593b44ca Mon Sep 17 00:00:00 2001
From: Rene Haas <rene@limewire.com>
Date: Sat, 1 Oct 2022 02:31:32 +0200
Subject: [PATCH] change resolution algo, update eslint, lint and prettier
 commands

---
 .eslintrc.js                                  | 104 +++---
 .prettierrc                                   |   1 -
 local/config/src/jest.js                      |   3 +
 local/config/src/resolve.json                 |  17 +-
 local/rollup/src/bundle/plugins.js            |  19 +-
 local/rollup/src/bundle/script.default.js     |   2 +-
 local/rollup/src/bundle/script.esbuild.js     |   2 +-
 local/rollup/src/bundle/styles.js             |   2 +-
 local/rollup/src/bundle/types.js              |   9 +-
 package-lock.json                             | 343 +++++++++++++++++-
 package.json                                  |   6 +-
 packages/overlayscrollbars/src/environment.ts |  31 +-
 .../overlayscrollbars/src/eventListeners.ts   |   8 +-
 packages/overlayscrollbars/src/index.ts       |  14 +-
 .../overlayscrollbars/src/initialization.ts   |   6 +-
 packages/overlayscrollbars/src/instances.ts   |   2 +-
 .../src/observers/domObserver.ts              |   2 +-
 .../overlayscrollbars/src/observers/index.ts  |   6 +-
 .../src/observers/sizeObserver.ts             |  12 +-
 .../src/observers/trinsicObserver.ts          |   9 +-
 packages/overlayscrollbars/src/options.ts     |   4 +-
 .../src/overlayscrollbars.ts                  |  28 +-
 .../clickScrollPlugin/clickScrollPlugin.ts    |   4 +-
 .../src/plugins/clickScrollPlugin/index.ts    |   2 +-
 .../overlayscrollbars/src/plugins/index.ts    |  10 +-
 .../plugins/optionsValidationPlugin/index.ts  |   2 +-
 .../optionsValidationPlugin.ts                |  16 +-
 .../optionsValidationPlugin/transformation.ts |  10 +-
 .../optionsValidationPlugin/validation.ts     |   6 +-
 .../overlayscrollbars/src/plugins/plugins.ts  |   4 +-
 .../plugins/scrollbarsHidingPlugin/index.ts   |   2 +-
 .../scrollbarsHidingPlugin.ts                 |  18 +-
 .../src/plugins/sizeObserverPlugin/index.ts   |   2 +-
 .../sizeObserverPlugin/sizeObserverPlugin.ts  |   6 +-
 .../overlayscrollbars/src/setups/index.ts     |   6 +-
 .../src/setups/scrollbarsSetup/index.ts       |   2 +-
 .../scrollbarsSetup.calculations.ts           |   6 +-
 .../scrollbarsSetup.elements.ts               |  20 +-
 .../scrollbarsSetup/scrollbarsSetup.events.ts |  18 +-
 .../setups/scrollbarsSetup/scrollbarsSetup.ts |  28 +-
 .../overlayscrollbars/src/setups/setups.ts    |   8 +-
 .../src/setups/structureSetup/index.ts        |   2 +-
 .../structureSetup/structureSetup.elements.ts |  14 +-
 .../structureSetup.observers.ts               |  26 +-
 .../setups/structureSetup/structureSetup.ts   |  24 +-
 .../structureSetup/structureSetup.update.ts   |  14 +-
 .../structureSetup/updateSegments/index.ts    |   6 +-
 .../updateSegments/overflowUpdateSegment.ts   |  19 +-
 .../updateSegments/paddingUpdateSegment.ts    |   8 +-
 .../updateSegments/trinsicUpdateSegment.ts    |   6 +-
 .../src/support/compatibility/apis.ts         |   2 +-
 .../src/support/compatibility/index.ts        |   4 +-
 .../src/support/compatibility/vendors.ts      |   6 +-
 .../src/support/dom/animation.ts              |   4 +-
 .../src/support/dom/attribute.ts              |   4 +-
 .../src/support/dom/class.ts                  |   6 +-
 .../src/support/dom/create.ts                 |   8 +-
 .../src/support/dom/dimensions.ts             |   2 +-
 .../src/support/dom/events.ts                 |   4 +-
 .../src/support/dom/index.ts                  |  20 +-
 .../src/support/dom/manipulation.ts           |   6 +-
 .../src/support/dom/offset.ts                 |   2 +-
 .../src/support/dom/style.ts                  |   6 +-
 .../src/support/dom/traversal.ts              |   4 +-
 .../src/support/eventListeners.ts             |   6 +-
 .../overlayscrollbars/src/support/index.ts    |  10 +-
 .../src/support/utils/array.ts                |   4 +-
 .../src/support/utils/equal.ts                |   6 +-
 .../src/support/utils/function.ts             |   6 +-
 .../src/support/utils/index.ts                |  10 +-
 .../src/support/utils/object.ts               |   4 +-
 .../src/support/utils/types.ts                |   2 +-
 .../tests/jest-jsdom/environment.test.ts      |  25 +-
 .../tests/jest-jsdom/initialization.test.ts   |  18 +-
 .../tests/jest-jsdom/instances.test.ts        |   4 +-
 .../jest-jsdom/observers/domObserver.test.ts  |   6 +-
 .../jest-jsdom/observers/sizeObserver.test.ts |  16 +-
 .../observers/trinsicObserver.test.ts         |   2 +-
 .../tests/jest-jsdom/options.test.ts          |   2 +-
 .../jest-jsdom/overlayscrollbars.test.ts      |  13 +-
 .../optionsValidation.test.ts                 |   4 +-
 .../optionsValidation/transformation.test.ts  |  14 +-
 .../optionsValidation/validation.test.ts      |   6 +-
 .../tests/jest-jsdom/plugins/plugins.test.ts  |   2 +-
 .../scrollbarsSetup.elements.test.ts          |  20 +-
 .../structureSetup.elements.test.ts           |  23 +-
 .../tests/jest-jsdom/support/cache.test.ts    |   2 +-
 .../support/compatibility/vendors.test.ts     |   2 +-
 .../jest-jsdom/support/dom/animation.test.ts  |   6 +-
 .../jest-jsdom/support/dom/attribute.test.ts  |   2 +-
 .../jest-jsdom/support/dom/class.test.ts      |   2 +-
 .../jest-jsdom/support/dom/create.test.ts     |   4 +-
 .../jest-jsdom/support/dom/dimensions.test.ts |   6 +-
 .../jest-jsdom/support/dom/events.test.ts     |  11 +-
 .../support/dom/manipulation.test.ts          |  21 +-
 .../jest-jsdom/support/dom/offset.test.ts     |   4 +-
 .../jest-jsdom/support/dom/style.test.ts      |   6 +-
 .../jest-jsdom/support/dom/traversal.test.ts  |   2 +-
 .../jest-jsdom/support/eventListeners.test.ts |   2 +-
 .../jest-jsdom/support/utils/arrays.test.ts   |   2 +-
 .../jest-jsdom/support/utils/equal.test.ts    |   2 +-
 .../jest-jsdom/support/utils/function.test.ts |   8 +-
 .../jest-jsdom/support/utils/object.test.ts   |  30 +-
 .../jest-jsdom/support/utils/types.test.ts    |   4 +-
 .../tests/jest-node/treeshaking.test.js       |   4 +-
 .../playwright/environment/index.browser.ts   |   6 +-
 .../playwright/environment/index.test.ts      |   2 +-
 .../observers/domObserver/index.browser.ts    |   7 +-
 .../observers/sizeObserver/index.browser.ts   |   9 +-
 .../trinsicObserver/index.browser.ts          |   8 +-
 .../structureSetup/body/index.browser.ts      |   4 +-
 .../structureSetup/nesting/index.browser.ts   |   8 +-
 .../structureSetup/observers/index.browser.ts |  14 +-
 .../update/handleEnvironment.ts               |   2 +-
 .../structureSetup/update/index.browser.ts    |  21 +-
 .../structureSetup/update/index.test.ts       |   3 +-
 packages/overlayscrollbars/tsconfig.json      |   4 +-
 117 files changed, 900 insertions(+), 508 deletions(-)

diff --git a/.eslintrc.js b/.eslintrc.js
index 0b1071e..56e878b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -1,13 +1,48 @@
-const resolve = require('@~local/config/resolve');
+const defaultRules = {
+  'func-names': 'off',
+  'no-plusplus': 'off',
+  'no-continue': 'off',
+  'no-param-reassign': 'off',
+  'no-nested-ternary': 'off',
+  'no-underscore-dangle': 'off',
+  'no-multi-assign': 'off',
+  'no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true }],
+  'no-console': ['error', { allow: ['warn', 'error'] }],
+  'no-empty': ['error', { allowEmptyCatch: true }],
+  'no-cond-assign': ['error', 'except-parens'],
+  camelcase: ['error', { allow: ['^__', '^UNSAFE_'] }],
+  'prefer-destructuring': 'off',
+  'consistent-return': 'off',
+  'import/prefer-default-export': 'off',
+  'import/no-extraneous-dependencies': 'off',
+  'import/extensions': [
+    'off',
+    'ignorePackages',
+    {
+      js: 'never',
+      jsx: 'never',
+      ts: 'never',
+      tsx: 'never',
+    },
+  ],
+  'import/order': [
+    'error',
+    {
+      groups: ['builtin', 'external', 'index', 'internal', 'unknown', 'type'],
+      pathGroups: [
+        {
+          pattern: '**/*.{css,scss,sass}',
+          group: 'unknown',
+          position: 'after',
+        },
+      ],
+    },
+  ],
+};
 
 module.exports = {
   extends: ['airbnb', 'prettier'],
-  env: {
-    browser: true,
-    es2020: true,
-    node: true,
-    jest: true,
-  },
+  plugins: ['prettier', 'json', '@typescript-eslint', 'import'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     ecmaFeatures: {
@@ -16,59 +51,35 @@ module.exports = {
     ecmaVersion: 11,
     sourceType: 'module',
   },
+  env: {
+    browser: true,
+    es2020: true,
+    node: true,
+    jest: true,
+  },
   settings: {
+    'import/parsers': {
+      '@typescript-eslint/parser': ['.ts', '.tsx'],
+    },
     'import/resolver': {
-      node: {
-        extensions: resolve.extensions,
-        moduleDirectory: resolve.directories,
+      typescript: {
+        alwaysTryTypes: true,
+        project: ['./packages/**/tsconfig.json', './local/**/tsconfig.json'],
       },
     },
   },
-  plugins: ['prettier', 'json', 'react', 'jest', 'import', '@typescript-eslint'],
-  rules: {
-    'func-names': 'off',
-    'no-plusplus': 'off',
-    'no-continue': 'off',
-    'no-param-reassign': 'off',
-    'no-nested-ternary': 'off',
-    'no-underscore-dangle': 'off',
-    'no-multi-assign': 'off',
-    'no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true }],
-    'no-console': ['error', { allow: ['warn', 'error'] }],
-    'no-empty': ['error', { allowEmptyCatch: true }],
-    'no-cond-assign': ['error', 'except-parens'],
-    camelcase: ['error', { allow: ['^__', '^UNSAFE_'] }],
-    'prefer-destructuring': 'off',
-    'consistent-return': 'off',
-    'import/prefer-default-export': 'off',
-    'import/no-extraneous-dependencies': 'off',
-    'import/no-unresolved': [
-      'error',
-      {
-        ignore: [`^@/.*`],
-      },
-    ],
-    'import/extensions': [
-      'off',
-      'ignorePackages',
-      {
-        js: 'never',
-        jsx: 'never',
-        ts: 'never',
-        tsx: 'never',
-      },
-    ],
-  },
+  rules: defaultRules,
   overrides: [
     {
       files: ['*.ts', '*.tsx', '*.d.ts'],
-      extends: ['plugin:@typescript-eslint/recommended', 'plugin:react/recommended'],
+      extends: ['plugin:@typescript-eslint/recommended', 'airbnb', 'prettier'],
       parser: '@typescript-eslint/parser',
       parserOptions: {
         tsconfigRootDir: __dirname,
         project: ['./packages/**/tsconfig.json', './local/**/tsconfig.json'],
       },
       rules: {
+        ...defaultRules,
         'no-shadow': 'off',
         '@typescript-eslint/no-shadow': ['error'],
         'no-use-before-define': 'off',
@@ -83,6 +94,7 @@ module.exports = {
         '@typescript-eslint/explicit-module-boundary-types': 'off',
         '@typescript-eslint/no-var-requires': 'off',
         '@typescript-eslint/unbound-method': 'off',
+        '@typescript-eslint/consistent-type-imports': 'warn',
         '@typescript-eslint/no-this-alias': [
           'error',
           {
diff --git a/.prettierrc b/.prettierrc
index 9b0f0c6..9648dc0 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -3,7 +3,6 @@
   "tabWidth": 2,
   "singleQuote": true,
   "trailingComma": "es5",
-  "jsxBracketSameLine": true,
   "arrowParens": "always",
   "endOfLine": "lf",
   "parser": "babel-ts",
diff --git a/local/config/src/jest.js b/local/config/src/jest.js
index 0bda1e2..7da9a36 100644
--- a/local/config/src/jest.js
+++ b/local/config/src/jest.js
@@ -4,6 +4,7 @@ const resolve = require('./resolve');
 // For a detailed explanation regarding each configuration property, visit:
 // https://jestjs.io/docs/en/configuration.html
 
+/** @type {import('jest').Config} */
 module.exports = {
   coverageDirectory: './.coverage/jest',
   projects: [
@@ -16,6 +17,7 @@ module.exports = {
       moduleFileExtensions: resolve.extensions.map((ext) => ext.replace(/\./, '')),
       testPathIgnorePatterns: ['\\\\node_modules\\\\'],
       setupFilesAfterEnv: [path.resolve(__dirname, './jest.setup.js')],
+      ...resolve.paths.jest,
     },
     {
       displayName: 'jsdom',
@@ -26,6 +28,7 @@ module.exports = {
       moduleFileExtensions: resolve.extensions.map((ext) => ext.replace(/\./, '')),
       testPathIgnorePatterns: ['\\\\node_modules\\\\'],
       setupFilesAfterEnv: [path.resolve(__dirname, './jest.setup.js')],
+      ...resolve.paths.jest,
     },
   ],
 };
diff --git a/local/config/src/resolve.json b/local/config/src/resolve.json
index 0a50836..ad6eeb2 100644
--- a/local/config/src/resolve.json
+++ b/local/config/src/resolve.json
@@ -1,5 +1,18 @@
 {
   "extensions": [".json", ".js", ".jsx", ".cjs", ".mjs", ".ts", ".tsx"],
-  "directories": ["node_modules", "src"],
-  "styleExtensions": [".scss", ".sass", ".css"]
+  "styleExtensions": [".scss", ".sass", ".css"],
+  "directories": ["node_modules"],
+  "paths": {
+    "jest": {
+      "moduleNameMapper": {
+        "^~/(.*)": "<rootDir>/src/$1"
+      }
+    },
+    "rollupAlias": {
+      "^~/(.*)": "<rootDir>/src/$1"
+    },
+    "rollupTypes": {
+      "~/*": ["<typesDir>/*"]
+    }
+  }
 }
diff --git a/local/rollup/src/bundle/plugins.js b/local/rollup/src/bundle/plugins.js
index 9155f06..d261929 100644
--- a/local/rollup/src/bundle/plugins.js
+++ b/local/rollup/src/bundle/plugins.js
@@ -19,9 +19,24 @@ const normalizePath = (pathName) =>
   pathName ? pathName.split(path.sep).join(path.posix.sep) : pathName;
 
 module.exports = {
-  rollupAlias: (aliasEntries) =>
+  rollupAlias: (resolve, aliasEntries) =>
     rollupPluginAlias({
-      entries: aliasEntries,
+      entries: [
+        ...Object.entries(aliasEntries).reduce((arr, [key, value]) => {
+          arr.push({
+            find: key,
+            replacement: value,
+          });
+          return arr;
+        }, []),
+        ...Object.entries(resolve.paths.rollupAlias).reduce((arr, [key, value]) => {
+          arr.push({
+            find: new RegExp(key),
+            replacement: value.replace('<rootDir>', normalizePath(process.cwd())),
+          });
+          return arr;
+        }, []),
+      ],
     }),
   rollupCommonjs: (sourcemap, resolve) =>
     rollupPluginCommonjs({
diff --git a/local/rollup/src/bundle/script.default.js b/local/rollup/src/bundle/script.default.js
index 306be13..e8c3f28 100644
--- a/local/rollup/src/bundle/script.default.js
+++ b/local/rollup/src/bundle/script.default.js
@@ -64,7 +64,7 @@ module.exports = (resolve, options) => {
         ...rollupOptions,
         plugins: [
           rollupLicense(banner, sourcemap),
-          rollupAlias(alias),
+          rollupAlias(resolve, alias),
           rollupScss(resolve, sourcemap, extractStyles, false),
           rollupTs(input),
           rollupResolve(resolve),
diff --git a/local/rollup/src/bundle/script.esbuild.js b/local/rollup/src/bundle/script.esbuild.js
index 5825d83..aeb703a 100644
--- a/local/rollup/src/bundle/script.esbuild.js
+++ b/local/rollup/src/bundle/script.esbuild.js
@@ -29,7 +29,7 @@ module.exports = (resolve, options) => {
     ...rollupOptions,
     plugins: [
       rollupLicense(banner, sourcemap),
-      rollupAlias(alias),
+      rollupAlias(resolve, alias),
       rollupScss(resolve, sourcemap, extractStyles, false),
       rollupEsBuild(sourcemap),
       rollupCommonjs(sourcemap, resolve),
diff --git a/local/rollup/src/bundle/styles.js b/local/rollup/src/bundle/styles.js
index cc416b5..91c2c9d 100644
--- a/local/rollup/src/bundle/styles.js
+++ b/local/rollup/src/bundle/styles.js
@@ -11,7 +11,7 @@ module.exports = (resolve, options) => {
   const pipeline = (cssFilename, minified) => ({
     input,
     plugins: [
-      rollupAlias(alias),
+      rollupAlias(resolve, alias),
       rollupScss(
         resolve,
         sourcemap && !minified,
diff --git a/local/rollup/src/bundle/types.js b/local/rollup/src/bundle/types.js
index dd648c8..78c98ac 100644
--- a/local/rollup/src/bundle/types.js
+++ b/local/rollup/src/bundle/types.js
@@ -23,6 +23,7 @@ module.exports = (resolve, options) => {
       output: {
         file: path.resolve(typesPath, `${file}`),
       },
+      external: [...resolve.styleExtensions.map((ext) => new RegExp(`.*\\${ext}`))],
       plugins: [rollupTs(input, true)],
     },
     {
@@ -30,11 +31,17 @@ module.exports = (resolve, options) => {
       output: {
         file: dtsOutput,
       },
+      external: [...resolve.styleExtensions.map((ext) => new RegExp(`.*\\${ext}`))],
       plugins: [
         rollupDts.default({
           respectExternal: true,
           compilerOptions: {
-            baseUrl: typesPath,
+            paths: {
+              ...Object.entries(resolve.paths.rollupTypes).reduce((obj, [key, value]) => {
+                obj[key] = value.map((entry) => entry.replace('<typesDir>', typesPath));
+                return obj;
+              }, {}),
+            },
           },
         }),
         {
diff --git a/package-lock.json b/package-lock.json
index 4d2ec8a..8c4708d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,13 +36,12 @@
         "eslint": "^8.20.0",
         "eslint-config-airbnb": "^19.0.4",
         "eslint-config-prettier": "^8.5.0",
+        "eslint-import-resolver-typescript": "^3.5.1",
         "eslint-plugin-import": "^2.26.0",
         "eslint-plugin-jest": "^26.8.0",
         "eslint-plugin-json": "^3.1.0",
         "eslint-plugin-jsx-a11y": "^6.6.1",
         "eslint-plugin-prettier": "^4.2.1",
-        "eslint-plugin-react": "^7.30.0",
-        "eslint-plugin-react-hooks": "^4.6.0",
         "glob": "^7.1.6",
         "istanbul-lib-instrument": "^5.2.0",
         "jest": "^28.1.3",
@@ -2448,6 +2447,26 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@pkgr/utils": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.3.1.tgz",
+      "integrity": "sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.3",
+        "is-glob": "^4.0.3",
+        "open": "^8.4.0",
+        "picocolors": "^1.0.0",
+        "tiny-glob": "^0.2.9",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/@playwright/test": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.22.2.tgz",
@@ -3513,6 +3532,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz",
       "integrity": "sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -4475,6 +4495,15 @@
         "node": ">=8"
       }
     },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/define-properties": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
@@ -5314,6 +5343,62 @@
         "ms": "^2.1.1"
       }
     },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.1.tgz",
+      "integrity": "sha512-U7LUjNJPYjNsHvAUAkt/RU3fcTSpbllA0//35B4eLYTX74frmOepbt7F7J3D1IGtj9k21buOpaqtDd4ZlS/BYQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.10.0",
+        "get-tsconfig": "^4.2.0",
+        "globby": "^13.1.2",
+        "is-core-module": "^2.10.0",
+        "is-glob": "^4.0.3",
+        "synckit": "^0.8.3"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript/node_modules/globby": {
+      "version": "13.1.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
+      "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
+      "dev": true,
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.11",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript/node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/eslint-module-utils": {
       "version": "2.7.3",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz",
@@ -5547,6 +5632,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.30.0.tgz",
       "integrity": "sha512-RgwH7hjW48BleKsYyHK5vUAvxtE9SMPDKmcPRQgtRCYaZA0XQPt5FSkrU3nhz5ifzMZcA8opwmRJ2cmOO8tr5A==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "array-includes": "^3.1.5",
         "array.prototype.flatmap": "^1.3.0",
@@ -5575,6 +5661,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -5587,6 +5674,7 @@
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
       "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -5599,6 +5687,7 @@
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
       "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "is-core-module": "^2.9.0",
         "path-parse": "^1.0.7",
@@ -6237,6 +6326,15 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/get-tsconfig": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.2.0.tgz",
+      "integrity": "sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -6284,6 +6382,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
+      "dev": true
+    },
     "node_modules/globby": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
@@ -6304,6 +6408,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true
+    },
     "node_modules/graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
@@ -6667,9 +6777,9 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -6693,6 +6803,21 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true,
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -6886,6 +7011,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -8302,6 +8439,7 @@
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       },
@@ -8719,6 +8857,7 @@
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
       "dev": true,
+      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8778,6 +8917,7 @@
       "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.5.tgz",
       "integrity": "sha512-CAyG5mWQRRiBU57Re4FKoTBjXfDoNwdFVH2Y1tS9PqCsfUTymAohOkEMSG3aRNKmv4lV3O7p1et7c187q6bynw==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -8795,6 +8935,7 @@
       "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.1.tgz",
       "integrity": "sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "define-properties": "^1.1.4",
         "es-abstract": "^1.19.5"
@@ -8844,6 +8985,23 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/open": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
+      "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
+      "dev": true,
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/opener": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
@@ -9798,6 +9956,7 @@
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -9808,7 +9967,8 @@
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "node_modules/psl": {
       "version": "1.8.0",
@@ -10774,6 +10934,7 @@
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz",
       "integrity": "sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==",
       "dev": true,
+      "peer": true,
       "dependencies": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -10947,6 +11108,22 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "node_modules/synckit": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.4.tgz",
+      "integrity": "sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==",
+      "dev": true,
+      "dependencies": {
+        "@pkgr/utils": "^2.3.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unts"
+      }
+    },
     "node_modules/tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -11082,6 +11259,16 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "node_modules/tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "dev": true,
+      "dependencies": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
@@ -11760,7 +11947,7 @@
       }
     },
     "packages/overlayscrollbars": {
-      "version": "2.0.0-beta.1",
+      "version": "2.0.0-beta.2",
       "license": "MIT"
     }
   },
@@ -13457,6 +13644,20 @@
         "fastq": "^1.6.0"
       }
     },
+    "@pkgr/utils": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@pkgr/utils/-/utils-2.3.1.tgz",
+      "integrity": "sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^7.0.3",
+        "is-glob": "^4.0.3",
+        "open": "^8.4.0",
+        "picocolors": "^1.0.0",
+        "tiny-glob": "^0.2.9",
+        "tslib": "^2.4.0"
+      }
+    },
     "@playwright/test": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.22.2.tgz",
@@ -14294,6 +14495,7 @@
       "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.0.tgz",
       "integrity": "sha512-PZC9/8TKAIxcWKdyeb77EzULHPrIX/tIZebLJUQOMR1OwYosT8yggdfWScfTBCDj5utONvOuPQQumYsU2ULbkg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -15017,6 +15219,12 @@
         "strip-bom": "^4.0.0"
       }
     },
+    "define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true
+    },
     "define-properties": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
@@ -15600,6 +15808,42 @@
         }
       }
     },
+    "eslint-import-resolver-typescript": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.5.1.tgz",
+      "integrity": "sha512-U7LUjNJPYjNsHvAUAkt/RU3fcTSpbllA0//35B4eLYTX74frmOepbt7F7J3D1IGtj9k21buOpaqtDd4ZlS/BYQ==",
+      "dev": true,
+      "requires": {
+        "debug": "^4.3.4",
+        "enhanced-resolve": "^5.10.0",
+        "get-tsconfig": "^4.2.0",
+        "globby": "^13.1.2",
+        "is-core-module": "^2.10.0",
+        "is-glob": "^4.0.3",
+        "synckit": "^0.8.3"
+      },
+      "dependencies": {
+        "globby": {
+          "version": "13.1.2",
+          "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.2.tgz",
+          "integrity": "sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==",
+          "dev": true,
+          "requires": {
+            "dir-glob": "^3.0.1",
+            "fast-glob": "^3.2.11",
+            "ignore": "^5.2.0",
+            "merge2": "^1.4.1",
+            "slash": "^4.0.0"
+          }
+        },
+        "slash": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+          "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+          "dev": true
+        }
+      }
+    },
     "eslint-module-utils": {
       "version": "2.7.3",
       "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz",
@@ -15771,6 +16015,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.30.0.tgz",
       "integrity": "sha512-RgwH7hjW48BleKsYyHK5vUAvxtE9SMPDKmcPRQgtRCYaZA0XQPt5FSkrU3nhz5ifzMZcA8opwmRJ2cmOO8tr5A==",
       "dev": true,
+      "peer": true,
       "requires": {
         "array-includes": "^3.1.5",
         "array.prototype.flatmap": "^1.3.0",
@@ -15793,6 +16038,7 @@
           "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
           "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
           "dev": true,
+          "peer": true,
           "requires": {
             "esutils": "^2.0.2"
           }
@@ -15802,6 +16048,7 @@
           "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
           "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
           "dev": true,
+          "peer": true,
           "requires": {
             "is-core-module": "^2.9.0",
             "path-parse": "^1.0.7",
@@ -15815,6 +16062,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
       "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
       "dev": true,
+      "peer": true,
       "requires": {}
     },
     "eslint-scope": {
@@ -16221,6 +16469,12 @@
         "get-intrinsic": "^1.1.1"
       }
     },
+    "get-tsconfig": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.2.0.tgz",
+      "integrity": "sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==",
+      "dev": true
+    },
     "glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -16256,6 +16510,12 @@
       "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
       "dev": true
     },
+    "globalyzer": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/globalyzer/-/globalyzer-0.1.0.tgz",
+      "integrity": "sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==",
+      "dev": true
+    },
     "globby": {
       "version": "11.1.0",
       "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
@@ -16270,6 +16530,12 @@
         "slash": "^3.0.0"
       }
     },
+    "globrex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/globrex/-/globrex-0.1.2.tgz",
+      "integrity": "sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==",
+      "dev": true
+    },
     "graceful-fs": {
       "version": "4.2.10",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.10.tgz",
@@ -16532,9 +16798,9 @@
       "dev": true
     },
     "is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -16549,6 +16815,12 @@
         "has-tostringtag": "^1.0.0"
       }
     },
+    "is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "dev": true
+    },
     "is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -16682,6 +16954,15 @@
       "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
       "dev": true
     },
+    "is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dev": true,
+      "requires": {
+        "is-docker": "^2.0.0"
+      }
+    },
     "isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -17770,6 +18051,7 @@
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
       "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
       "dev": true,
+      "peer": true,
       "requires": {
         "js-tokens": "^3.0.0 || ^4.0.0"
       }
@@ -18095,7 +18377,8 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true
+      "dev": true,
+      "peer": true
     },
     "object-inspect": {
       "version": "1.12.2",
@@ -18137,6 +18420,7 @@
       "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.5.tgz",
       "integrity": "sha512-CAyG5mWQRRiBU57Re4FKoTBjXfDoNwdFVH2Y1tS9PqCsfUTymAohOkEMSG3aRNKmv4lV3O7p1et7c187q6bynw==",
       "dev": true,
+      "peer": true,
       "requires": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -18148,6 +18432,7 @@
       "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.1.tgz",
       "integrity": "sha512-LYLe4tivNQzq4JdaWW6WO3HMZZJWzkkH8fnI6EebWl0VZth2wL2Lovm74ep2/gZzlaTdV62JZHEqHQ2yVn8Q/A==",
       "dev": true,
+      "peer": true,
       "requires": {
         "define-properties": "^1.1.4",
         "es-abstract": "^1.19.5"
@@ -18182,6 +18467,17 @@
         "mimic-fn": "^2.1.0"
       }
     },
+    "open": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.0.tgz",
+      "integrity": "sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==",
+      "dev": true,
+      "requires": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      }
+    },
     "opener": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/opener/-/opener-1.5.2.tgz",
@@ -18808,6 +19104,7 @@
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -18818,7 +19115,8 @@
           "version": "16.13.1",
           "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
           "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-          "dev": true
+          "dev": true,
+          "peer": true
         }
       }
     },
@@ -19586,6 +19884,7 @@
       "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.7.tgz",
       "integrity": "sha512-f48okCX7JiwVi1NXCVWcFnZgADDC/n2vePlQ/KUCNqCikLLilQvwjMO8+BHVKvgzH0JB0J9LEPgxOGT02RoETg==",
       "dev": true,
+      "peer": true,
       "requires": {
         "call-bind": "^1.0.2",
         "define-properties": "^1.1.3",
@@ -19710,6 +20009,16 @@
       "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
       "dev": true
     },
+    "synckit": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.8.4.tgz",
+      "integrity": "sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==",
+      "dev": true,
+      "requires": {
+        "@pkgr/utils": "^2.3.1",
+        "tslib": "^2.4.0"
+      }
+    },
     "tapable": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
@@ -19799,6 +20108,16 @@
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
       "dev": true
     },
+    "tiny-glob": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/tiny-glob/-/tiny-glob-0.2.9.tgz",
+      "integrity": "sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==",
+      "dev": true,
+      "requires": {
+        "globalyzer": "0.1.0",
+        "globrex": "^0.1.2"
+      }
+    },
     "tmpl": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
diff --git a/package.json b/package.json
index d518e4d..1d0656c 100644
--- a/package.json
+++ b/package.json
@@ -32,13 +32,12 @@
     "eslint": "^8.20.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.5.0",
+    "eslint-import-resolver-typescript": "^3.5.1",
     "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-jest": "^26.8.0",
     "eslint-plugin-json": "^3.1.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.30.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
     "glob": "^7.1.6",
     "istanbul-lib-instrument": "^5.2.0",
     "jest": "^28.1.3",
@@ -74,6 +73,7 @@
     "playwright": "npm run playwright --workspace=overlayscrollbars",
     "playwright:dev": "npm run test:playwright:dev --workspace=overlayscrollbars",
     "build": "npm run build --workspace=overlayscrollbars",
-    "lint": "npx eslint --fix ."
+    "lint": "eslint ./packages/overlayscrollbars/{src,tests}/**/*.{js,jsx,ts,tsx}",
+    "prettier": "prettier --check ./packages/overlayscrollbars/{src,tests}/**/*.{js,jsx,ts,tsx}"
   }
 }
diff --git a/packages/overlayscrollbars/src/environment.ts b/packages/overlayscrollbars/src/environment.ts
index 367438e..9302cb1 100644
--- a/packages/overlayscrollbars/src/environment.ts
+++ b/packages/overlayscrollbars/src/environment.ts
@@ -8,7 +8,6 @@ import {
   absoluteCoordinates,
   offsetSize,
   scrollLeft,
-  XY,
   removeAttr,
   removeElements,
   equalBCRWH,
@@ -18,18 +17,20 @@ import {
   createCache,
   equalXY,
   createEventListenerHub,
-  EventListener,
-} from 'support';
+} from '~/support';
 import {
   classNameEnvironment,
   classNameEnvironmentFlexboxGlue,
   classNameEnvironmentFlexboxGlueMax,
   classNameViewportScrollbarHidden,
-} from 'classnames';
-import { Options, defaultOptions } from 'options';
-import { DeepPartial } from 'typings';
-import { Initialization } from 'initialization';
-import { getPlugins, ScrollbarsHidingPluginInstance, scrollbarsHidingPluginName } from 'plugins';
+} from '~/classnames';
+import { defaultOptions } from '~/options';
+import { getPlugins, scrollbarsHidingPluginName } from '~/plugins';
+import type { XY, EventListener } from '~/support';
+import type { Options } from '~/options';
+import type { DeepPartial } from '~/typings';
+import type { ScrollbarsHidingPluginInstance } from '~/plugins';
+import type { Initialization } from '~/initialization';
 
 type EnvironmentEventMap = {
   _: [];
@@ -178,15 +179,17 @@ const createEnvironment = (): InternalEnvironment => {
     _rtlScrollBehavior: getRtlScrollBehavior(envElm, envChildElm),
     _flexboxGlue: getFlexboxGlue(envElm, envChildElm),
     _addListener: (listener) => addEvent('_', listener),
-    _getDefaultInitialization: assignDeep<Initialization, Initialization>.bind(
-      0,
-      {} as Initialization,
-      staticDefaultInitialization
-    ),
+    _getDefaultInitialization: (
+      assignDeep as typeof assignDeep<Initialization, Initialization>
+    ).bind(0, {} as Initialization, staticDefaultInitialization),
     _setDefaultInitialization(newInitializationStrategy) {
       assignDeep(staticDefaultInitialization, newInitializationStrategy);
     },
-    _getDefaultOptions: assignDeep<Options, Options>.bind(0, {} as Options, staticDefaultOptions),
+    _getDefaultOptions: (assignDeep as typeof assignDeep<Options, Options>).bind(
+      0,
+      {} as Options,
+      staticDefaultOptions
+    ),
     _setDefaultOptions(newDefaultOptions) {
       assignDeep(staticDefaultOptions, newDefaultOptions);
     },
diff --git a/packages/overlayscrollbars/src/eventListeners.ts b/packages/overlayscrollbars/src/eventListeners.ts
index 48aa597..a7dfb0f 100644
--- a/packages/overlayscrollbars/src/eventListeners.ts
+++ b/packages/overlayscrollbars/src/eventListeners.ts
@@ -1,10 +1,10 @@
-import type { OverlayScrollbars } from 'overlayscrollbars';
-import type { DeepPartial } from 'typings';
-import type { Options } from 'options';
+import type { OverlayScrollbars } from '~/overlayscrollbars';
+import type { DeepPartial } from '~/typings';
+import type { Options } from '~/options';
 import type {
   InitialEventListeners as GeneralInitialEventListeners,
   EventListener as GeneralEventListener,
-} from 'support/eventListeners';
+} from '~/support/eventListeners';
 
 export interface OnUpdatedEventListenerArgs {
   updateHints: {
diff --git a/packages/overlayscrollbars/src/index.ts b/packages/overlayscrollbars/src/index.ts
index f725a95..8dae7ac 100644
--- a/packages/overlayscrollbars/src/index.ts
+++ b/packages/overlayscrollbars/src/index.ts
@@ -1,20 +1,20 @@
-import 'index.scss';
+import '~/index.scss';
 
-export { OverlayScrollbars } from 'overlayscrollbars';
-export { ScrollbarsHidingPlugin, SizeObserverPlugin, ClickScrollPlugin } from 'plugins';
+export { OverlayScrollbars } from '~/overlayscrollbars';
+export { ScrollbarsHidingPlugin, SizeObserverPlugin, ClickScrollPlugin } from '~/plugins';
 
 export type {
   Options,
   OverflowBehavior,
   ScrollbarVisibilityBehavior,
   ScrollbarAutoHideBehavior,
-} from 'options';
+} from '~/options';
 export type {
   EventListenerMap,
   EventListener,
   InitialEventListeners,
   OnUpdatedEventListenerArgs,
-} from 'eventListeners';
+} from '~/eventListeners';
 export type {
   Initialization,
   InitializationTarget,
@@ -22,5 +22,5 @@ export type {
   InitializationTargetObject,
   StaticInitializationElement,
   DynamicInitializationElement,
-} from 'initialization';
-export type { Plugin, PluginInstance } from 'plugins';
+} from '~/initialization';
+export type { Plugin, PluginInstance } from '~/plugins';
diff --git a/packages/overlayscrollbars/src/initialization.ts b/packages/overlayscrollbars/src/initialization.ts
index b69f2b8..915d11c 100644
--- a/packages/overlayscrollbars/src/initialization.ts
+++ b/packages/overlayscrollbars/src/initialization.ts
@@ -1,6 +1,6 @@
-import { isFunction, isHTMLElement, isNull, isUndefined } from 'support';
-import { getEnvironment } from 'environment';
-import type { DeepPartial } from 'typings';
+import { isFunction, isHTMLElement, isNull, isUndefined } from '~/support';
+import { getEnvironment } from '~/environment';
+import type { DeepPartial } from '~/typings';
 
 type StaticInitialization = HTMLElement | false | null;
 type DynamicInitialization = HTMLElement | boolean | null;
diff --git a/packages/overlayscrollbars/src/instances.ts b/packages/overlayscrollbars/src/instances.ts
index 2389ec9..1d0f3b9 100644
--- a/packages/overlayscrollbars/src/instances.ts
+++ b/packages/overlayscrollbars/src/instances.ts
@@ -1,4 +1,4 @@
-import { OverlayScrollbars } from 'overlayscrollbars';
+import type { OverlayScrollbars } from '~/overlayscrollbars';
 
 const targetInstanceMap: WeakMap<Element, OverlayScrollbars> = new WeakMap();
 
diff --git a/packages/overlayscrollbars/src/observers/domObserver.ts b/packages/overlayscrollbars/src/observers/domObserver.ts
index 6685fa4..7edc609 100644
--- a/packages/overlayscrollbars/src/observers/domObserver.ts
+++ b/packages/overlayscrollbars/src/observers/domObserver.ts
@@ -13,7 +13,7 @@ import {
   push,
   from,
   runEachAndClear,
-} from 'support';
+} from '~/support';
 
 type DOMContentObserverCallback = (contentChangedThroughEvent: boolean) => any;
 
diff --git a/packages/overlayscrollbars/src/observers/index.ts b/packages/overlayscrollbars/src/observers/index.ts
index 923ff35..241fb02 100644
--- a/packages/overlayscrollbars/src/observers/index.ts
+++ b/packages/overlayscrollbars/src/observers/index.ts
@@ -1,3 +1,3 @@
-export * from 'observers/domObserver';
-export * from 'observers/sizeObserver';
-export * from 'observers/trinsicObserver';
+export * from '~/observers/domObserver';
+export * from '~/observers/sizeObserver';
+export * from '~/observers/trinsicObserver';
diff --git a/packages/overlayscrollbars/src/observers/sizeObserver.ts b/packages/overlayscrollbars/src/observers/sizeObserver.ts
index 07f5936..ddb4608 100644
--- a/packages/overlayscrollbars/src/observers/sizeObserver.ts
+++ b/packages/overlayscrollbars/src/observers/sizeObserver.ts
@@ -1,5 +1,4 @@
 import {
-  CacheValues,
   createCache,
   createDOM,
   scrollLeft,
@@ -17,15 +16,16 @@ import {
   stopPropagation,
   appendChildren,
   directionIsRTL,
-} from 'support';
-import { getEnvironment } from 'environment';
+} from '~/support';
+import { getEnvironment } from '~/environment';
 import {
   classNameSizeObserver,
   classNameSizeObserverAppear,
   classNameSizeObserverListener,
-} from 'classnames';
-import { getPlugins, sizeObserverPluginName } from 'plugins';
-import type { SizeObserverPluginInstance } from 'plugins';
+} from '~/classnames';
+import { getPlugins, sizeObserverPluginName } from '~/plugins';
+import type { CacheValues } from '~/support';
+import type { SizeObserverPluginInstance } from '~/plugins';
 
 export interface SizeObserverOptions {
   _direction?: boolean;
diff --git a/packages/overlayscrollbars/src/observers/trinsicObserver.ts b/packages/overlayscrollbars/src/observers/trinsicObserver.ts
index 98da31a..231725e 100644
--- a/packages/overlayscrollbars/src/observers/trinsicObserver.ts
+++ b/packages/overlayscrollbars/src/observers/trinsicObserver.ts
@@ -1,6 +1,4 @@
 import {
-  WH,
-  CacheValues,
   createDiv,
   offsetSize,
   runEachAndClear,
@@ -9,9 +7,10 @@ import {
   push,
   IntersectionObserverConstructor,
   appendChildren,
-} from 'support';
-import { createSizeObserver } from 'observers/sizeObserver';
-import { classNameTrinsicObserver } from 'classnames';
+} from '~/support';
+import { createSizeObserver } from '~/observers/sizeObserver';
+import { classNameTrinsicObserver } from '~/classnames';
+import type { WH, CacheValues } from '~/support';
 
 export type TrinsicObserverCallback = (heightIntrinsic: CacheValues<boolean>) => any;
 export type TrinsicObserver = [
diff --git a/packages/overlayscrollbars/src/options.ts b/packages/overlayscrollbars/src/options.ts
index 8d7a9e3..da4e9b6 100644
--- a/packages/overlayscrollbars/src/options.ts
+++ b/packages/overlayscrollbars/src/options.ts
@@ -7,8 +7,8 @@ import {
   hasOwnProperty,
   isFunction,
   isEmptyObject,
-} from 'support';
-import { DeepPartial, DeepReadonly } from 'typings';
+} from '~/support';
+import type { DeepPartial, DeepReadonly } from '~/typings';
 
 const opsStringify = (value: any) =>
   JSON.stringify(value, (_, val) => {
diff --git a/packages/overlayscrollbars/src/overlayscrollbars.ts b/packages/overlayscrollbars/src/overlayscrollbars.ts
index 85d2b56..4b0bbcd 100644
--- a/packages/overlayscrollbars/src/overlayscrollbars.ts
+++ b/packages/overlayscrollbars/src/overlayscrollbars.ts
@@ -7,23 +7,23 @@ import {
   isHTMLElement,
   createEventListenerHub,
   isPlainObject,
-} from 'support';
-import { getOptionsDiff } from 'options';
-import { getEnvironment } from 'environment';
-import { cancelInitialization } from 'initialization';
-import { addInstance, getInstance, removeInstance } from 'instances';
-import { createStructureSetup, createScrollbarsSetup } from 'setups';
-import { getPlugins, addPlugin, optionsValidationPluginName, PluginInstance } from 'plugins';
-import type { XY, TRBL } from 'support';
-import type { Options, ReadonlyOptions } from 'options';
-import type { Plugin, OptionsValidationPluginInstance } from 'plugins';
-import type { InitializationTarget, Initialization } from 'initialization';
-import type { DeepPartial, OverflowStyle } from 'typings';
-import type { EventListenerMap, EventListener, InitialEventListeners } from 'eventListeners';
+} from '~/support';
+import { getOptionsDiff } from '~/options';
+import { getEnvironment } from '~/environment';
+import { cancelInitialization } from '~/initialization';
+import { addInstance, getInstance, removeInstance } from '~/instances';
+import { createStructureSetup, createScrollbarsSetup } from '~/setups';
+import { getPlugins, addPlugin, optionsValidationPluginName } from '~/plugins';
+import type { XY, TRBL } from '~/support';
+import type { Options, ReadonlyOptions } from '~/options';
+import type { Plugin, OptionsValidationPluginInstance, PluginInstance } from '~/plugins';
+import type { InitializationTarget, Initialization } from '~/initialization';
+import type { DeepPartial, OverflowStyle } from '~/typings';
+import type { EventListenerMap, EventListener, InitialEventListeners } from '~/eventListeners';
 import type {
   ScrollbarsSetupElement,
   ScrollbarStructure,
-} from 'setups/scrollbarsSetup/scrollbarsSetup.elements';
+} from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
 
 // Notes:
 // Height intrinsic detection use "content: true" init strategy - or open ticket for custom height intrinsic observer
diff --git a/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts b/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts
index 9fb7aa4..1b35e12 100644
--- a/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts
+++ b/packages/overlayscrollbars/src/plugins/clickScrollPlugin/clickScrollPlugin.ts
@@ -1,5 +1,5 @@
-import { animateNumber, noop } from 'support';
-import type { Plugin } from 'plugins';
+import { animateNumber, noop } from '~/support';
+import type { Plugin } from '~/plugins';
 
 export type ClickScrollPluginInstance = {
   _: (
diff --git a/packages/overlayscrollbars/src/plugins/clickScrollPlugin/index.ts b/packages/overlayscrollbars/src/plugins/clickScrollPlugin/index.ts
index 66aafb9..c1b9b39 100644
--- a/packages/overlayscrollbars/src/plugins/clickScrollPlugin/index.ts
+++ b/packages/overlayscrollbars/src/plugins/clickScrollPlugin/index.ts
@@ -1 +1 @@
-export * from 'plugins/clickScrollPlugin/clickScrollPlugin';
+export * from '~/plugins/clickScrollPlugin/clickScrollPlugin';
diff --git a/packages/overlayscrollbars/src/plugins/index.ts b/packages/overlayscrollbars/src/plugins/index.ts
index c33fd6d..a265bfd 100644
--- a/packages/overlayscrollbars/src/plugins/index.ts
+++ b/packages/overlayscrollbars/src/plugins/index.ts
@@ -1,5 +1,5 @@
-export * from './plugins';
-export * from './optionsValidationPlugin';
-export * from './sizeObserverPlugin';
-export * from './scrollbarsHidingPlugin';
-export * from './clickScrollPlugin';
+export * from '~/plugins/plugins';
+export * from '~/plugins/optionsValidationPlugin';
+export * from '~/plugins/sizeObserverPlugin';
+export * from '~/plugins/scrollbarsHidingPlugin';
+export * from '~/plugins/clickScrollPlugin';
diff --git a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/index.ts b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/index.ts
index f6cd9ac..8ab24a1 100644
--- a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/index.ts
+++ b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/index.ts
@@ -1 +1 @@
-export * from 'plugins/optionsValidationPlugin/optionsValidationPlugin';
+export * from '~/plugins/optionsValidationPlugin/optionsValidationPlugin';
diff --git a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/optionsValidationPlugin.ts b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/optionsValidationPlugin.ts
index 2a3f714..a8d374e 100644
--- a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/optionsValidationPlugin.ts
+++ b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/optionsValidationPlugin.ts
@@ -1,17 +1,19 @@
 import {
+  validateOptions,
+  optionsTemplateTypes as oTypes,
+} from '~/plugins/optionsValidationPlugin/validation';
+import type {
   Options,
   OverflowBehavior,
   ScrollbarVisibilityBehavior,
   ScrollbarAutoHideBehavior,
-} from 'options';
-import {
-  validateOptions,
+} from '~/options';
+import type {
   OptionsTemplate,
   OptionsTemplateValue,
-  optionsTemplateTypes as oTypes,
-} from 'plugins/optionsValidationPlugin/validation';
-import type { DeepPartial } from 'typings';
-import type { Plugin } from 'plugins';
+} from '~/plugins/optionsValidationPlugin/validation';
+import type { DeepPartial } from '~/typings';
+import type { Plugin } from '~/plugins';
 
 const numberAllowedValues: OptionsTemplateValue<number> = oTypes.number;
 const booleanAllowedValues: OptionsTemplateValue<boolean> = oTypes.boolean;
diff --git a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/transformation.ts b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/transformation.ts
index cb05a9e..819c00b 100644
--- a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/transformation.ts
+++ b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/transformation.ts
@@ -1,13 +1,13 @@
-import {
+import { isArray } from '~/support/utils/types';
+import { each, keys } from '~/support/utils';
+import type {
   OptionsTemplate,
   OptionsObjectType,
   OptionsTemplateNativeTypes,
   OptionsTemplateTypes,
   OptionsTemplateValue,
-} from 'plugins/optionsValidationPlugin/validation';
-import { PlainObject } from 'typings';
-import { isArray } from 'support/utils/types';
-import { each, keys } from 'support/utils';
+} from '~/plugins/optionsValidationPlugin/validation';
+import type { PlainObject } from '~/typings';
 
 export interface OptionsWithOptionsTemplateTransformation<T> {
   _template: OptionsTemplate<T>;
diff --git a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/validation.ts b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/validation.ts
index 6bf524f..9708e1b 100644
--- a/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/validation.ts
+++ b/packages/overlayscrollbars/src/plugins/optionsValidationPlugin/validation.ts
@@ -1,6 +1,6 @@
-import { each, hasOwnProperty, keys, push, isEmptyObject } from 'support/utils';
-import { type, isArray, isUndefined, isPlainObject, isString } from 'support/utils/types';
-import { PlainObject, DeepPartial } from 'typings';
+import { each, hasOwnProperty, keys, push, isEmptyObject } from '~/support/utils';
+import { type, isArray, isUndefined, isPlainObject, isString } from '~/support/utils/types';
+import type { PlainObject, DeepPartial } from '~/typings';
 
 export type OptionsObjectType = Record<string, unknown>;
 export type OptionsFunctionType = (this: any, ...args: any[]) => any;
diff --git a/packages/overlayscrollbars/src/plugins/plugins.ts b/packages/overlayscrollbars/src/plugins/plugins.ts
index 0b80517..8984fde 100644
--- a/packages/overlayscrollbars/src/plugins/plugins.ts
+++ b/packages/overlayscrollbars/src/plugins/plugins.ts
@@ -1,5 +1,5 @@
-import { each, isArray, keys, push } from 'support';
-import { OverlayScrollbars, OverlayScrollbarsStatic } from 'overlayscrollbars';
+import { each, isArray, keys, push } from '~/support';
+import type { OverlayScrollbars, OverlayScrollbarsStatic } from '~/overlayscrollbars';
 
 export type PluginInstance =
   | Record<string, unknown>
diff --git a/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/index.ts b/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/index.ts
index caa9467..3c4d1b9 100644
--- a/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/index.ts
+++ b/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/index.ts
@@ -1 +1 @@
-export * from 'plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin';
+export * from '~/plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin';
diff --git a/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin.ts b/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin.ts
index f13a407..d41c8e4 100644
--- a/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin.ts
+++ b/packages/overlayscrollbars/src/plugins/scrollbarsHidingPlugin/scrollbarsHidingPlugin.ts
@@ -1,7 +1,6 @@
 import {
   keys,
   attr,
-  WH,
   style,
   addClass,
   removeClass,
@@ -9,19 +8,18 @@ import {
   each,
   assignDeep,
   windowSize,
-  UpdateCache,
-  XY,
-} from 'support';
-import { classNameViewportArrange } from 'classnames';
-import type { StyleObject } from 'typings';
-import type { StructureSetupState } from 'setups/structureSetup';
+} from '~/support';
+import { classNameViewportArrange } from '~/classnames';
+import type { WH, UpdateCache, XY } from '~/support';
+import type { StyleObject } from '~/typings';
+import type { StructureSetupState } from '~/setups/structureSetup';
 import type {
   ViewportOverflowState,
   GetViewportOverflowState,
   HideNativeScrollbars,
-} from 'setups/structureSetup/updateSegments/overflowUpdateSegment';
-import type { InternalEnvironment } from 'environment';
-import type { Plugin } from 'plugins';
+} from '~/setups/structureSetup/updateSegments/overflowUpdateSegment';
+import type { InternalEnvironment } from '~/environment';
+import type { Plugin } from '~/plugins';
 
 export type ArrangeViewport = (
   viewportOverflowState: ViewportOverflowState,
diff --git a/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/index.ts b/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/index.ts
index 5344fdc..4077265 100644
--- a/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/index.ts
+++ b/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/index.ts
@@ -1 +1 @@
-export * from 'plugins/sizeObserverPlugin/sizeObserverPlugin';
+export * from '~/plugins/sizeObserverPlugin/sizeObserverPlugin';
diff --git a/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/sizeObserverPlugin.ts b/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/sizeObserverPlugin.ts
index f37c79c..9372dc1 100644
--- a/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/sizeObserverPlugin.ts
+++ b/packages/overlayscrollbars/src/plugins/sizeObserverPlugin/sizeObserverPlugin.ts
@@ -12,13 +12,13 @@ import {
   cAF,
   rAF,
   stopPropagation,
-} from 'support';
+} from '~/support';
 import {
   classNameSizeObserverListenerScroll,
   classNameSizeObserverListenerItem,
   classNameSizeObserverListenerItemFinal,
-} from 'classnames';
-import type { Plugin } from 'plugins';
+} from '~/classnames';
+import type { Plugin } from '~/plugins';
 
 export type SizeObserverPluginInstance = {
   _: (
diff --git a/packages/overlayscrollbars/src/setups/index.ts b/packages/overlayscrollbars/src/setups/index.ts
index 3196bcc..1a8c1c1 100644
--- a/packages/overlayscrollbars/src/setups/index.ts
+++ b/packages/overlayscrollbars/src/setups/index.ts
@@ -1,3 +1,3 @@
-export * from 'setups/setups';
-export * from 'setups/structureSetup';
-export * from 'setups/scrollbarsSetup';
+export * from '~/setups/setups';
+export * from '~/setups/structureSetup';
+export * from '~/setups/scrollbarsSetup';
diff --git a/packages/overlayscrollbars/src/setups/scrollbarsSetup/index.ts b/packages/overlayscrollbars/src/setups/scrollbarsSetup/index.ts
index bf9d2d6..38429c4 100644
--- a/packages/overlayscrollbars/src/setups/scrollbarsSetup/index.ts
+++ b/packages/overlayscrollbars/src/setups/scrollbarsSetup/index.ts
@@ -1 +1 @@
-export * from 'setups/scrollbarsSetup/scrollbarsSetup';
+export * from '~/setups/scrollbarsSetup/scrollbarsSetup';
diff --git a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.calculations.ts b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.calculations.ts
index 953ac13..86f50cb 100644
--- a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.calculations.ts
+++ b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.calculations.ts
@@ -1,6 +1,6 @@
-import { offsetSize } from 'support';
-import { getEnvironment } from 'environment';
-import type { StructureSetupState } from 'setups';
+import { offsetSize } from '~/support';
+import { getEnvironment } from '~/environment';
+import type { StructureSetupState } from '~/setups';
 
 const { min, max, abs, round } = Math;
 
diff --git a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.elements.ts b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.elements.ts
index 4b52802..0c34446 100644
--- a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.elements.ts
+++ b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.elements.ts
@@ -12,7 +12,7 @@ import {
   runEachAndClear,
   setT,
   style,
-} from 'support';
+} from '~/support';
 import {
   classNameScrollbar,
   classNameScrollbarHorizontal,
@@ -20,22 +20,22 @@ import {
   classNameScrollbarTrack,
   classNameScrollbarHandle,
   classNamesScrollbarTransitionless,
-} from 'classnames';
-import { getEnvironment } from 'environment';
-import { dynamicInitializationElement as generalDynamicInitializationElement } from 'initialization';
+} from '~/classnames';
+import { getEnvironment } from '~/environment';
+import { dynamicInitializationElement as generalDynamicInitializationElement } from '~/initialization';
 import {
   getScrollbarHandleLengthRatio,
   getScrollbarHandleOffsetRatio,
-} from 'setups/scrollbarsSetup/scrollbarsSetup.calculations';
+} from '~/setups/scrollbarsSetup/scrollbarsSetup.calculations';
 import type {
   InitializationTarget,
   InitializationTargetElement,
   InitializationTargetObject,
-} from 'initialization';
-import type { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
-import type { ScrollbarsSetupEvents } from 'setups/scrollbarsSetup/scrollbarsSetup.events';
-import type { StyleObject } from 'typings';
-import type { StructureSetupState } from 'setups';
+} from '~/initialization';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
+import type { ScrollbarsSetupEvents } from '~/setups/scrollbarsSetup/scrollbarsSetup.events';
+import type { StyleObject } from '~/typings';
+import type { StructureSetupState } from '~/setups';
 
 export interface ScrollbarStructure {
   _scrollbar: HTMLElement;
diff --git a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.events.ts b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.events.ts
index 666ca01..cbb25b8 100644
--- a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.events.ts
+++ b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.events.ts
@@ -6,26 +6,26 @@ import {
   preventDefault,
   runEachAndClear,
   stopPropagation,
-  XY,
   selfClearTimeout,
   parent,
   closest,
   push,
-} from 'support';
-import { getPlugins, clickScrollPluginName } from 'plugins';
-import { getEnvironment } from 'environment';
+} from '~/support';
+import { getPlugins, clickScrollPluginName } from '~/plugins';
+import { getEnvironment } from '~/environment';
 import {
   classNameScrollbarHandle,
   classNamesScrollbarInteraction,
   classNamesScrollbarWheel,
-} from 'classnames';
-import type { ClickScrollPluginInstance } from 'plugins';
-import type { ReadonlyOptions } from 'options';
-import type { StructureSetupState } from 'setups';
+} from '~/classnames';
+import type { XY } from '~/support';
+import type { ClickScrollPluginInstance } from '~/plugins';
+import type { ReadonlyOptions } from '~/options';
+import type { StructureSetupState } from '~/setups';
 import type {
   ScrollbarsSetupElementsObj,
   ScrollbarStructure,
-} from 'setups/scrollbarsSetup/scrollbarsSetup.elements';
+} from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
 
 export type ScrollbarsSetupEvents = (
   scrollbarStructure: ScrollbarStructure,
diff --git a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.ts b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.ts
index bfad2c1..c748df0 100644
--- a/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.ts
+++ b/packages/overlayscrollbars/src/setups/scrollbarsSetup/scrollbarsSetup.ts
@@ -1,11 +1,7 @@
-import { on, runEachAndClear, parent, scrollLeft, scrollTop, selfClearTimeout } from 'support';
-import { createState, createOptionCheck } from 'setups/setups';
-import { createScrollbarsSetupEvents } from 'setups/scrollbarsSetup/scrollbarsSetup.events';
-import {
-  createScrollbarsSetupElements,
-  ScrollbarsSetupElementsObj,
-  ScrollbarStructure,
-} from 'setups/scrollbarsSetup/scrollbarsSetup.elements';
+import { on, runEachAndClear, parent, scrollLeft, scrollTop, selfClearTimeout } from '~/support';
+import { createState, createOptionCheck } from '~/setups/setups';
+import { createScrollbarsSetupEvents } from '~/setups/scrollbarsSetup/scrollbarsSetup.events';
+import { createScrollbarsSetupElements } from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
 import {
   classNamesScrollbarVisible,
   classNamesScrollbarUnusable,
@@ -14,16 +10,20 @@ import {
   classNamesScrollbarHandleInteractive,
   classNamesScrollbarTrackInteractive,
   classNameScrollbarRtl,
-} from 'classnames';
-import type { StructureSetupUpdateHints } from 'setups/structureSetup/structureSetup.update';
+} from '~/classnames';
+import type {
+  ScrollbarsSetupElementsObj,
+  ScrollbarStructure,
+} from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
+import type { StructureSetupUpdateHints } from '~/setups/structureSetup/structureSetup.update';
 import type {
   ReadonlyOptions,
   ScrollbarVisibilityBehavior,
   ScrollbarAutoHideBehavior,
-} from 'options';
-import type { Setup, StructureSetupState, StructureSetupStaticState } from 'setups';
-import type { InitializationTarget } from 'initialization';
-import type { DeepPartial, OverflowStyle, StyleObject } from 'typings';
+} from '~/options';
+import type { Setup, StructureSetupState, StructureSetupStaticState } from '~/setups';
+import type { InitializationTarget } from '~/initialization';
+import type { DeepPartial, OverflowStyle, StyleObject } from '~/typings';
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ScrollbarsSetupState {}
diff --git a/packages/overlayscrollbars/src/setups/setups.ts b/packages/overlayscrollbars/src/setups/setups.ts
index 4754780..055ee57 100644
--- a/packages/overlayscrollbars/src/setups/setups.ts
+++ b/packages/overlayscrollbars/src/setups/setups.ts
@@ -1,6 +1,6 @@
-import { assignDeep, hasOwnProperty } from 'support';
-import type { Options, ReadonlyOptions } from 'options';
-import type { DeepPartial } from 'typings';
+import { assignDeep, hasOwnProperty } from '~/support';
+import type { Options, ReadonlyOptions } from '~/options';
+import type { DeepPartial } from '~/typings';
 
 export type SetupElements<T extends Record<string, any>> = [elements: T, destroy: () => void];
 
@@ -44,7 +44,7 @@ export const createOptionCheck =
   (path: string) =>
     [getPropByPath(options, path), force || getPropByPath(changedOptions, path) !== undefined];
 
-export const createState = <S>(initialState: S): SetupState<S> => {
+export const createState = <S extends Record<string, any>>(initialState: S): SetupState<S> => {
   let state: S = initialState;
   return [
     () => state,
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/index.ts b/packages/overlayscrollbars/src/setups/structureSetup/index.ts
index b424c3a..99385f6 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/index.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/index.ts
@@ -1 +1 @@
-export * from 'setups/structureSetup/structureSetup';
+export * from '~/setups/structureSetup/structureSetup';
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts
index b50e856..66a1549 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.elements.ts
@@ -21,7 +21,7 @@ import {
   hasAttrClass,
   noop,
   on,
-} from 'support';
+} from '~/support';
 import {
   dataAttributeHost,
   dataAttributeHostOverflowX,
@@ -30,19 +30,19 @@ import {
   classNameViewport,
   classNameContent,
   classNameViewportScrollbarHidden,
-} from 'classnames';
-import { getEnvironment } from 'environment';
-import { getPlugins, scrollbarsHidingPluginName } from 'plugins';
+} from '~/classnames';
+import { getEnvironment } from '~/environment';
+import { getPlugins, scrollbarsHidingPluginName } from '~/plugins';
 import {
   staticInitializationElement as generalStaticInitializationElement,
   dynamicInitializationElement as generalDynamicInitializationElement,
-} from 'initialization';
-import type { ScrollbarsHidingPluginInstance } from 'plugins/scrollbarsHidingPlugin';
+} from '~/initialization';
+import type { ScrollbarsHidingPluginInstance } from '~/plugins/scrollbarsHidingPlugin';
 import type {
   InitializationTarget,
   InitializationTargetElement,
   InitializationTargetObject,
-} from 'initialization';
+} from '~/initialization';
 
 export type StructureSetupElements = [
   elements: StructureSetupElementsObj,
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.observers.ts b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.observers.ts
index be1e8cd..af23238 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.observers.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.observers.ts
@@ -7,13 +7,11 @@ import {
   isString,
   attr,
   removeAttr,
-  CacheValues,
   keys,
   liesBetween,
   scrollSize,
   equalWH,
   createCache,
-  WH,
   fractionalSize,
   isFunction,
   ResizeObserverConstructor,
@@ -23,8 +21,8 @@ import {
   scrollLeft,
   scrollTop,
   noop,
-} from 'support';
-import { getEnvironment } from 'environment';
+} from '~/support';
+import { getEnvironment } from '~/environment';
 import {
   dataAttributeHost,
   dataValueHostOverflowVisible,
@@ -33,21 +31,17 @@ import {
   classNameOverflowVisible,
   classNameScrollbar,
   classNameViewportArrange,
-} from 'classnames';
-import {
-  createSizeObserver,
-  createTrinsicObserver,
-  createDOMObserver,
-  DOMObserver,
-  SizeObserverCallbackParams,
-} from 'observers';
-import type { SetupState, SetupUpdateCheckOption } from 'setups';
-import type { StructureSetupState } from 'setups/structureSetup';
-import type { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
+} from '~/classnames';
+import { createSizeObserver, createTrinsicObserver, createDOMObserver } from '~/observers';
+import type { DOMObserver, SizeObserverCallbackParams } from '~/observers';
+import type { CacheValues, WH } from '~/support';
+import type { SetupState, SetupUpdateCheckOption } from '~/setups';
+import type { StructureSetupState } from '~/setups/structureSetup';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
 import type {
   StructureSetupUpdate,
   StructureSetupUpdateHints,
-} from 'setups/structureSetup/structureSetup.update';
+} from '~/setups/structureSetup/structureSetup.update';
 
 export type StructureSetupObserversUpdate = (checkOption: SetupUpdateCheckOption) => void;
 
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.ts b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.ts
index aabc725..1ce15d0 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.ts
@@ -1,15 +1,15 @@
-import { createEventListenerHub, isEmptyObject, keys, scrollLeft, scrollTop } from 'support';
-import { createState, createOptionCheck } from 'setups/setups';
-import { createStructureSetupElements } from 'setups/structureSetup/structureSetup.elements';
-import { createStructureSetupUpdate } from 'setups/structureSetup/structureSetup.update';
-import { createStructureSetupObservers } from 'setups/structureSetup/structureSetup.observers';
-import type { StructureSetupUpdateHints } from 'setups/structureSetup/structureSetup.update';
-import type { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
-import type { TRBL, XY, EventListener } from 'support';
-import type { Options, ReadonlyOptions } from 'options';
-import type { Setup } from 'setups';
-import type { InitializationTarget } from 'initialization';
-import type { DeepPartial, StyleObject, OverflowStyle } from 'typings';
+import { createEventListenerHub, isEmptyObject, keys, scrollLeft, scrollTop } from '~/support';
+import { createState, createOptionCheck } from '~/setups/setups';
+import { createStructureSetupElements } from '~/setups/structureSetup/structureSetup.elements';
+import { createStructureSetupUpdate } from '~/setups/structureSetup/structureSetup.update';
+import { createStructureSetupObservers } from '~/setups/structureSetup/structureSetup.observers';
+import type { StructureSetupUpdateHints } from '~/setups/structureSetup/structureSetup.update';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
+import type { TRBL, XY, EventListener } from '~/support';
+import type { Options, ReadonlyOptions } from '~/options';
+import type { Setup } from '~/setups';
+import type { InitializationTarget } from '~/initialization';
+import type { DeepPartial, StyleObject, OverflowStyle } from '~/typings';
 
 export interface StructureSetupState {
   _padding: TRBL;
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.update.ts b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.update.ts
index 6ed79bc..faf451c 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.update.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/structureSetup.update.ts
@@ -1,14 +1,14 @@
-import { each, scrollLeft, scrollTop, assignDeep, keys } from 'support';
-import { getEnvironment } from 'environment';
-import { dataValueHostUpdating } from 'classnames';
+import { each, scrollLeft, scrollTop, assignDeep, keys } from '~/support';
+import { getEnvironment } from '~/environment';
+import { dataValueHostUpdating } from '~/classnames';
 import {
   createTrinsicUpdateSegment,
   createPaddingUpdateSegment,
   createOverflowUpdateSegment,
-} from 'setups/structureSetup/updateSegments';
-import type { SetupState, SetupUpdateSegment, SetupUpdateCheckOption } from 'setups';
-import type { StructureSetupState } from 'setups/structureSetup';
-import type { StructureSetupElementsObj } from 'setups/structureSetup/structureSetup.elements';
+} from '~/setups/structureSetup/updateSegments';
+import type { SetupState, SetupUpdateSegment, SetupUpdateCheckOption } from '~/setups';
+import type { StructureSetupState } from '~/setups/structureSetup';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
 
 export type CreateStructureUpdateSegment = (
   structureSetupElements: StructureSetupElementsObj,
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/index.ts b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/index.ts
index 4679216..2a548e6 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/index.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/index.ts
@@ -1,3 +1,3 @@
-export * from 'setups/structureSetup/updateSegments/trinsicUpdateSegment';
-export * from 'setups/structureSetup/updateSegments/paddingUpdateSegment';
-export * from 'setups/structureSetup/updateSegments/overflowUpdateSegment';
+export * from '~/setups/structureSetup/updateSegments/trinsicUpdateSegment';
+export * from '~/setups/structureSetup/updateSegments/paddingUpdateSegment';
+export * from '~/setups/structureSetup/updateSegments/overflowUpdateSegment';
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/overflowUpdateSegment.ts b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/overflowUpdateSegment.ts
index 9b3a687..7059e46 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/overflowUpdateSegment.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/overflowUpdateSegment.ts
@@ -1,8 +1,6 @@
 import {
   createCache,
   attr,
-  WH,
-  XY,
   style,
   scrollSize,
   fractionalSize,
@@ -13,8 +11,8 @@ import {
   equalXY,
   attrClass,
   noop,
-} from 'support';
-import { getEnvironment } from 'environment';
+} from '~/support';
+import { getEnvironment } from '~/environment';
 import {
   classNameViewportScrollbarHidden,
   classNameOverflowVisible,
@@ -23,16 +21,17 @@ import {
   dataAttributeHostOverflowY,
   dataValueHostScrollbarHidden,
   dataValueHostOverflowVisible,
-} from 'classnames';
-import { getPlugins, scrollbarsHidingPluginName } from 'plugins';
+} from '~/classnames';
+import { getPlugins, scrollbarsHidingPluginName } from '~/plugins';
+import type { WH, XY } from '~/support';
 import type {
   ScrollbarsHidingPluginInstance,
   ArrangeViewport,
   UndoArrangeViewport,
-} from 'plugins/scrollbarsHidingPlugin';
-import type { StyleObject, OverflowStyle } from 'typings';
-import type { OverflowBehavior } from 'options';
-import type { CreateStructureUpdateSegment } from 'setups/structureSetup/structureSetup.update';
+} from '~/plugins/scrollbarsHidingPlugin';
+import type { StyleObject, OverflowStyle } from '~/typings';
+import type { OverflowBehavior } from '~/options';
+import type { CreateStructureUpdateSegment } from '~/setups/structureSetup/structureSetup.update';
 
 export interface ViewportOverflowState {
   _scrollbarsHideOffset: XY<number>;
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/paddingUpdateSegment.ts b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/paddingUpdateSegment.ts
index bb3ef33..eaaa1fe 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/paddingUpdateSegment.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/paddingUpdateSegment.ts
@@ -1,7 +1,7 @@
-import { createCache, topRightBottomLeft, equalTRBL, style, assignDeep } from 'support';
-import { StyleObject } from 'typings';
-import { getEnvironment } from 'environment';
-import type { CreateStructureUpdateSegment } from 'setups/structureSetup/structureSetup.update';
+import { createCache, topRightBottomLeft, equalTRBL, style, assignDeep } from '~/support';
+import { getEnvironment } from '~/environment';
+import type { StyleObject } from '~/typings';
+import type { CreateStructureUpdateSegment } from '~/setups/structureSetup/structureSetup.update';
 
 /**
  * Lifecycle with the responsibility to adjust the padding styling of the padding and viewport element.
diff --git a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/trinsicUpdateSegment.ts b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/trinsicUpdateSegment.ts
index 216a87e..a47664e 100644
--- a/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/trinsicUpdateSegment.ts
+++ b/packages/overlayscrollbars/src/setups/structureSetup/updateSegments/trinsicUpdateSegment.ts
@@ -1,6 +1,6 @@
-import { style } from 'support';
-import { getEnvironment } from 'environment';
-import type { CreateStructureUpdateSegment } from 'setups/structureSetup/structureSetup.update';
+import { style } from '~/support';
+import { getEnvironment } from '~/environment';
+import type { CreateStructureUpdateSegment } from '~/setups/structureSetup/structureSetup.update';
 
 /**
  * Lifecycle with the responsibility to adjust the trinsic behavior of the content element.
diff --git a/packages/overlayscrollbars/src/support/compatibility/apis.ts b/packages/overlayscrollbars/src/support/compatibility/apis.ts
index f48f2ea..e30898b 100644
--- a/packages/overlayscrollbars/src/support/compatibility/apis.ts
+++ b/packages/overlayscrollbars/src/support/compatibility/apis.ts
@@ -1,4 +1,4 @@
-import { jsAPI } from 'support/compatibility/vendors';
+import { jsAPI } from '~/support/compatibility/vendors';
 
 export const MutationObserverConstructor = jsAPI<typeof MutationObserver>('MutationObserver');
 export const IntersectionObserverConstructor =
diff --git a/packages/overlayscrollbars/src/support/compatibility/index.ts b/packages/overlayscrollbars/src/support/compatibility/index.ts
index efa64d2..32f087b 100644
--- a/packages/overlayscrollbars/src/support/compatibility/index.ts
+++ b/packages/overlayscrollbars/src/support/compatibility/index.ts
@@ -1,2 +1,2 @@
-export * from 'support/compatibility/vendors';
-export * from 'support/compatibility/apis';
+export * from '~/support/compatibility/vendors';
+export * from '~/support/compatibility/apis';
diff --git a/packages/overlayscrollbars/src/support/compatibility/vendors.ts b/packages/overlayscrollbars/src/support/compatibility/vendors.ts
index 87904b7..4dc61dd 100644
--- a/packages/overlayscrollbars/src/support/compatibility/vendors.ts
+++ b/packages/overlayscrollbars/src/support/compatibility/vendors.ts
@@ -1,6 +1,6 @@
-import { each } from 'support/utils/array';
-import { hasOwnProperty } from 'support/utils/object';
-import { createDiv } from 'support/dom/create';
+import { each } from '~/support/utils/array';
+import { hasOwnProperty } from '~/support/utils/object';
+import { createDiv } from '~/support/dom/create';
 
 const firstLetterToUpper = (str: string): string => str.charAt(0).toUpperCase() + str.slice(1);
 const getDummyStyle = (): CSSStyleDeclaration => createDiv().style;
diff --git a/packages/overlayscrollbars/src/support/dom/animation.ts b/packages/overlayscrollbars/src/support/dom/animation.ts
index 2d2f34a..458d2bb 100644
--- a/packages/overlayscrollbars/src/support/dom/animation.ts
+++ b/packages/overlayscrollbars/src/support/dom/animation.ts
@@ -1,5 +1,5 @@
-import { rAF, cAF } from 'support/compatibility';
-import { isFunction } from 'support/utils';
+import { rAF, cAF } from '~/support/compatibility';
+import { isFunction } from '~/support/utils';
 
 const { max } = Math;
 const animationCurrentTime = () => performance.now();
diff --git a/packages/overlayscrollbars/src/support/dom/attribute.ts b/packages/overlayscrollbars/src/support/dom/attribute.ts
index 4dc80e6..b84c5c1 100644
--- a/packages/overlayscrollbars/src/support/dom/attribute.ts
+++ b/packages/overlayscrollbars/src/support/dom/attribute.ts
@@ -1,5 +1,5 @@
-import { from } from 'support/utils/array';
-import { isNumber, isString, isUndefined } from 'support/utils/types';
+import { from } from '~/support/utils/array';
+import { isNumber, isString, isUndefined } from '~/support/utils/types';
 
 type GetSetPropName = 'scrollLeft' | 'scrollTop' | 'value';
 
diff --git a/packages/overlayscrollbars/src/support/dom/class.ts b/packages/overlayscrollbars/src/support/dom/class.ts
index 54bbf6a..e86d137 100644
--- a/packages/overlayscrollbars/src/support/dom/class.ts
+++ b/packages/overlayscrollbars/src/support/dom/class.ts
@@ -1,6 +1,6 @@
-import { isString } from 'support/utils/types';
-import { each } from 'support/utils/array';
-import { keys } from 'support/utils/object';
+import { isString } from '~/support/utils/types';
+import { each } from '~/support/utils/array';
+import { keys } from '~/support/utils/object';
 
 type ClassContainingElement = Node | Element | false | null | undefined;
 type ClassName = string | false | null | undefined;
diff --git a/packages/overlayscrollbars/src/support/dom/create.ts b/packages/overlayscrollbars/src/support/dom/create.ts
index 57b15b4..c6dc666 100644
--- a/packages/overlayscrollbars/src/support/dom/create.ts
+++ b/packages/overlayscrollbars/src/support/dom/create.ts
@@ -1,7 +1,7 @@
-import { each } from 'support/utils/array';
-import { attr } from 'support/dom/attribute';
-import { contents } from 'support/dom/traversal';
-import { removeElements } from 'support/dom/manipulation';
+import { each } from '~/support/utils/array';
+import { attr } from '~/support/dom/attribute';
+import { contents } from '~/support/dom/traversal';
+import { removeElements } from '~/support/dom/manipulation';
 
 /**
  * Creates a div DOM node.
diff --git a/packages/overlayscrollbars/src/support/dom/dimensions.ts b/packages/overlayscrollbars/src/support/dom/dimensions.ts
index cc52057..5705422 100644
--- a/packages/overlayscrollbars/src/support/dom/dimensions.ts
+++ b/packages/overlayscrollbars/src/support/dom/dimensions.ts
@@ -1,4 +1,4 @@
-import { style } from 'support/dom/style';
+import { style } from '~/support/dom/style';
 
 export interface WH<T = number> {
   w: T;
diff --git a/packages/overlayscrollbars/src/support/dom/events.ts b/packages/overlayscrollbars/src/support/dom/events.ts
index 013bc34..c1f8ee1 100644
--- a/packages/overlayscrollbars/src/support/dom/events.ts
+++ b/packages/overlayscrollbars/src/support/dom/events.ts
@@ -1,5 +1,5 @@
-import { isUndefined } from 'support/utils/types';
-import { each, push, runEachAndClear } from 'support/utils/array';
+import { isUndefined } from '~/support/utils/types';
+import { each, push, runEachAndClear } from '~/support/utils/array';
 
 let passiveEventsSupport: boolean;
 const supportPassiveEvents = (): boolean => {
diff --git a/packages/overlayscrollbars/src/support/dom/index.ts b/packages/overlayscrollbars/src/support/dom/index.ts
index b3bda9a..39f105b 100644
--- a/packages/overlayscrollbars/src/support/dom/index.ts
+++ b/packages/overlayscrollbars/src/support/dom/index.ts
@@ -1,10 +1,10 @@
-export * from 'support/dom/animation';
-export * from 'support/dom/attribute';
-export * from 'support/dom/class';
-export * from 'support/dom/create';
-export * from 'support/dom/dimensions';
-export * from 'support/dom/events';
-export * from 'support/dom/style';
-export * from 'support/dom/manipulation';
-export * from 'support/dom/offset';
-export * from 'support/dom/traversal';
+export * from '~/support/dom/animation';
+export * from '~/support/dom/attribute';
+export * from '~/support/dom/class';
+export * from '~/support/dom/create';
+export * from '~/support/dom/dimensions';
+export * from '~/support/dom/events';
+export * from '~/support/dom/style';
+export * from '~/support/dom/manipulation';
+export * from '~/support/dom/offset';
+export * from '~/support/dom/traversal';
diff --git a/packages/overlayscrollbars/src/support/dom/manipulation.ts b/packages/overlayscrollbars/src/support/dom/manipulation.ts
index 34ec210..5d81369 100644
--- a/packages/overlayscrollbars/src/support/dom/manipulation.ts
+++ b/packages/overlayscrollbars/src/support/dom/manipulation.ts
@@ -1,6 +1,6 @@
-import { isArrayLike } from 'support/utils/types';
-import { each, from } from 'support/utils/array';
-import { parent } from 'support/dom/traversal';
+import { isArrayLike } from '~/support/utils/types';
+import { each, from } from '~/support/utils/array';
+import { parent } from '~/support/dom/traversal';
 
 type NodeCollection = ArrayLike<Node> | Node | false | null | undefined;
 
diff --git a/packages/overlayscrollbars/src/support/dom/offset.ts b/packages/overlayscrollbars/src/support/dom/offset.ts
index 9a5b2ac..12bc496 100644
--- a/packages/overlayscrollbars/src/support/dom/offset.ts
+++ b/packages/overlayscrollbars/src/support/dom/offset.ts
@@ -1,4 +1,4 @@
-import { getBoundingClientRect } from 'support/dom/dimensions';
+import { getBoundingClientRect } from '~/support/dom/dimensions';
 
 export interface XY<T = number> {
   x: T;
diff --git a/packages/overlayscrollbars/src/support/dom/style.ts b/packages/overlayscrollbars/src/support/dom/style.ts
index bc105ab..3e19aa2 100644
--- a/packages/overlayscrollbars/src/support/dom/style.ts
+++ b/packages/overlayscrollbars/src/support/dom/style.ts
@@ -1,6 +1,6 @@
-import { each, keys } from 'support/utils';
-import { isString, isNumber, isArray, isUndefined } from 'support/utils/types';
-import { PlainObject, StyleObject } from 'typings';
+import { each, keys } from '~/support/utils';
+import { isString, isNumber, isArray, isUndefined } from '~/support/utils/types';
+import type { PlainObject, StyleObject } from '~/typings';
 
 export interface TRBL {
   t: number;
diff --git a/packages/overlayscrollbars/src/support/dom/traversal.ts b/packages/overlayscrollbars/src/support/dom/traversal.ts
index ab8f27d..e8eb8c8 100644
--- a/packages/overlayscrollbars/src/support/dom/traversal.ts
+++ b/packages/overlayscrollbars/src/support/dom/traversal.ts
@@ -1,5 +1,5 @@
-import { isElement } from 'support/utils/types';
-import { push, from } from 'support/utils/array';
+import { isElement } from '~/support/utils/types';
+import { push, from } from '~/support/utils/array';
 
 type InputElementType = Node | Element | Node | false | null | undefined;
 type OutputElementType = Node | Element | null;
diff --git a/packages/overlayscrollbars/src/support/eventListeners.ts b/packages/overlayscrollbars/src/support/eventListeners.ts
index e410fdf..feed51a 100644
--- a/packages/overlayscrollbars/src/support/eventListeners.ts
+++ b/packages/overlayscrollbars/src/support/eventListeners.ts
@@ -1,6 +1,6 @@
-import { isArray } from 'support/utils/types';
-import { keys } from 'support/utils/object';
-import { each, from, isEmptyArray } from 'support/utils/array';
+import { isArray } from '~/support/utils/types';
+import { keys } from '~/support/utils/object';
+import { each, from, isEmptyArray } from '~/support/utils/array';
 
 export type EventListener<EventMap extends Record<string, any[]>, N extends keyof EventMap> = (
   ...args: EventMap[N]
diff --git a/packages/overlayscrollbars/src/support/index.ts b/packages/overlayscrollbars/src/support/index.ts
index 323ea48..1e87c2f 100644
--- a/packages/overlayscrollbars/src/support/index.ts
+++ b/packages/overlayscrollbars/src/support/index.ts
@@ -1,5 +1,5 @@
-export * from 'support/cache';
-export * from 'support/compatibility';
-export * from 'support/dom';
-export * from 'support/utils';
-export * from 'support/eventListeners';
+export * from '~/support/cache';
+export * from '~/support/compatibility';
+export * from '~/support/dom';
+export * from '~/support/utils';
+export * from '~/support/eventListeners';
diff --git a/packages/overlayscrollbars/src/support/utils/array.ts b/packages/overlayscrollbars/src/support/utils/array.ts
index 8497743..965c55a 100644
--- a/packages/overlayscrollbars/src/support/utils/array.ts
+++ b/packages/overlayscrollbars/src/support/utils/array.ts
@@ -1,5 +1,5 @@
-import { isArrayLike, isString } from 'support/utils/types';
-import { PlainObject } from 'typings';
+import { isArrayLike, isString } from '~/support/utils/types';
+import type { PlainObject } from '~/typings';
 
 type RunEachItem = ((...args: any) => any | any[]) | null | undefined;
 
diff --git a/packages/overlayscrollbars/src/support/utils/equal.ts b/packages/overlayscrollbars/src/support/utils/equal.ts
index 262a617..c1f176e 100644
--- a/packages/overlayscrollbars/src/support/utils/equal.ts
+++ b/packages/overlayscrollbars/src/support/utils/equal.ts
@@ -1,6 +1,6 @@
-import { each } from 'support/utils/array';
-import { WH, XY, TRBL } from 'support/dom';
-import { PlainObject } from 'typings';
+import { each } from '~/support/utils/array';
+import type { WH, XY, TRBL } from '~/support/dom';
+import type { PlainObject } from '~/typings';
 
 /**
  * Compares two objects and returns true if all values of the passed prop names are identical, false otherwise or if one of the two object is falsy.
diff --git a/packages/overlayscrollbars/src/support/utils/function.ts b/packages/overlayscrollbars/src/support/utils/function.ts
index 1c83f79..fe10749 100644
--- a/packages/overlayscrollbars/src/support/utils/function.ts
+++ b/packages/overlayscrollbars/src/support/utils/function.ts
@@ -1,6 +1,6 @@
-import { isNumber, isFunction } from 'support/utils/types';
-import { from } from 'support/utils/array';
-import { rAF, cAF, setT, clearT } from 'support/compatibility/apis';
+import { isNumber, isFunction } from '~/support/utils/types';
+import { from } from '~/support/utils/array';
+import { rAF, cAF, setT, clearT } from '~/support/compatibility/apis';
 
 type DebounceTiming = number | false | null | undefined;
 
diff --git a/packages/overlayscrollbars/src/support/utils/index.ts b/packages/overlayscrollbars/src/support/utils/index.ts
index af08f4e..babfab4 100644
--- a/packages/overlayscrollbars/src/support/utils/index.ts
+++ b/packages/overlayscrollbars/src/support/utils/index.ts
@@ -1,5 +1,5 @@
-export * from 'support/utils/array';
-export * from 'support/utils/equal';
-export * from 'support/utils/function';
-export * from 'support/utils/object';
-export * from 'support/utils/types';
+export * from '~/support/utils/array';
+export * from '~/support/utils/equal';
+export * from '~/support/utils/function';
+export * from '~/support/utils/object';
+export * from '~/support/utils/types';
diff --git a/packages/overlayscrollbars/src/support/utils/object.ts b/packages/overlayscrollbars/src/support/utils/object.ts
index 3e47973..d06865d 100644
--- a/packages/overlayscrollbars/src/support/utils/object.ts
+++ b/packages/overlayscrollbars/src/support/utils/object.ts
@@ -1,5 +1,5 @@
-import { isArray, isFunction, isPlainObject, isNull } from 'support/utils/types';
-import { each } from 'support/utils/array';
+import { isArray, isFunction, isPlainObject, isNull } from '~/support/utils/types';
+import { each } from '~/support/utils/array';
 
 /**
  * Determines whether the passed object has a property with the passed name.
diff --git a/packages/overlayscrollbars/src/support/utils/types.ts b/packages/overlayscrollbars/src/support/utils/types.ts
index e44c7b6..cfb7b32 100644
--- a/packages/overlayscrollbars/src/support/utils/types.ts
+++ b/packages/overlayscrollbars/src/support/utils/types.ts
@@ -1,4 +1,4 @@
-import { PlainObject } from 'typings';
+import type { PlainObject } from '~/typings';
 
 const ElementNodeType = Node.ELEMENT_NODE;
 const { toString, hasOwnProperty } = Object.prototype;
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/environment.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/environment.test.ts
index 8c6d3cd..6439120 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/environment.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/environment.test.ts
@@ -1,8 +1,9 @@
-import { DeepPartial } from 'typings';
-import { defaultOptions, Options } from 'options';
-import { Initialization } from 'initialization';
-import { getEnvironment } from 'environment';
-import { ScrollbarsHidingPlugin, scrollbarsHidingPluginName } from 'plugins';
+import type { DeepPartial } from '~/typings';
+import type { Options } from '~/options';
+import { defaultOptions } from '~/options';
+import type { Initialization } from '~/initialization';
+import { getEnvironment } from '~/environment';
+import { ScrollbarsHidingPlugin, scrollbarsHidingPluginName } from '~/plugins';
 
 const defaultInitialization = {
   elements: {
@@ -25,8 +26,8 @@ let getEnv = getEnvironment;
 describe('environment', () => {
   beforeEach(async () => {
     jest.resetModules();
-    jest.doMock('support', () => {
-      const originalModule = jest.requireActual('support');
+    jest.doMock('~/support', () => {
+      const originalModule = jest.requireActual('~/support');
       let i = 0;
       return {
         ...originalModule,
@@ -37,15 +38,15 @@ describe('environment', () => {
         clientSize: jest.fn().mockImplementation(() => ({ w: 90, h: 90 })),
       };
     });
-    jest.doMock('plugins', () => {
-      const originalModule = jest.requireActual('plugins');
+    jest.doMock('~/plugins', () => {
+      const originalModule = jest.requireActual('~/plugins');
       return {
         ...originalModule,
         getPlugins: jest.fn(() => originalModule.getPlugins()),
       };
     });
 
-    ({ getEnvironment: getEnv } = await import('environment'));
+    ({ getEnvironment: getEnv } = await import('~/environment'));
   });
 
   test('singleton behavior', () => {
@@ -143,7 +144,7 @@ describe('environment', () => {
 
   describe('addListener', () => {
     test('with scrollbarsHidingPlugin registered before environment was created', async () => {
-      const { getPlugins } = await import('plugins');
+      const { getPlugins } = await import('~/plugins');
       (getPlugins as jest.Mock).mockImplementation(() => ({
         [scrollbarsHidingPluginName]: ScrollbarsHidingPlugin[scrollbarsHidingPluginName],
       }));
@@ -163,7 +164,7 @@ describe('environment', () => {
 
       _addListener(listener);
 
-      const { getPlugins } = await import('plugins');
+      const { getPlugins } = await import('~/plugins');
       (getPlugins as jest.Mock).mockImplementation(() => ({
         [scrollbarsHidingPluginName]: ScrollbarsHidingPlugin[scrollbarsHidingPluginName],
       }));
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/initialization.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/initialization.test.ts
index 5012808..6f46d86 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/initialization.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/initialization.test.ts
@@ -1,13 +1,13 @@
+import type { Initialization } from '~/initialization';
 import {
   staticInitializationElement,
   dynamicInitializationElement,
   cancelInitialization,
-  Initialization,
-} from 'initialization';
-import { getEnvironment } from 'environment';
+} from '~/initialization';
+import { getEnvironment } from '~/environment';
 
-jest.mock('environment', () => ({
-  getEnvironment: jest.fn(() => jest.requireActual('environment').getEnvironment()),
+jest.mock('~/environment', () => ({
+  getEnvironment: jest.fn(() => jest.requireActual('~/environment').getEnvironment()),
 }));
 
 const createDiv = () => document.createElement('div');
@@ -422,7 +422,7 @@ describe('initialization', () => {
               },
             ].forEach((env) => {
               (getEnvironment as jest.Mock).mockImplementation(() => ({
-                ...jest.requireActual('environment').getEnvironment(),
+                ...jest.requireActual('~/environment').getEnvironment(),
                 ...env,
               }));
               const hasOverlaidScrollbars =
@@ -474,7 +474,7 @@ describe('initialization', () => {
             },
           ].forEach((env) => {
             (getEnvironment as jest.Mock).mockImplementation(() => ({
-              ...jest.requireActual('environment').getEnvironment(),
+              ...jest.requireActual('~/environment').getEnvironment(),
               ...env,
             }));
             const hasOverlaidScrollbars =
@@ -521,7 +521,7 @@ describe('initialization', () => {
                 (env) => {
                   [false, true].forEach((isBody) => {
                     (getEnvironment as jest.Mock).mockImplementation(() => ({
-                      ...jest.requireActual('environment').getEnvironment(),
+                      ...jest.requireActual('~/environment').getEnvironment(),
                       ...env,
                     }));
                     const defaultBody = defaultCancelInitialization.body;
@@ -561,7 +561,7 @@ describe('initialization', () => {
           [{ _nativeScrollbarsHiding: false }, { _nativeScrollbarsHiding: true }].forEach((env) => {
             [false, true].forEach((isBody) => {
               (getEnvironment as jest.Mock).mockImplementation(() => ({
-                ...jest.requireActual('environment').getEnvironment(),
+                ...jest.requireActual('~/environment').getEnvironment(),
                 ...env,
               }));
               const defaultBody = defaultCancelInitialization.body;
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/instances.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/instances.test.ts
index de2a79b..fa49df7 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/instances.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/instances.test.ts
@@ -1,5 +1,5 @@
-import { addInstance, removeInstance, getInstance } from 'instances';
-import { OverlayScrollbars } from '../../src/overlayscrollbars';
+import { addInstance, removeInstance, getInstance } from '~/instances';
+import { OverlayScrollbars } from '~/overlayscrollbars';
 
 const testElm = document.body;
 const testInstance = OverlayScrollbars(document.body, {});
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/observers/domObserver.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/observers/domObserver.test.ts
index 63327b9..bb78569 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/observers/domObserver.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/observers/domObserver.test.ts
@@ -1,9 +1,9 @@
-import { createDOMObserver } from 'observers';
+import { createDOMObserver } from '~/observers';
 
 jest.useFakeTimers();
 
-jest.mock('support/compatibility/apis', () => {
-  const originalModule = jest.requireActual('support/compatibility/apis');
+jest.mock('~/support/compatibility/apis', () => {
+  const originalModule = jest.requireActual('~/support/compatibility/apis');
   const mockRAF = (arg: any) => setTimeout(arg, 0);
   return {
     ...originalModule,
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/observers/sizeObserver.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/observers/sizeObserver.test.ts
index 9ce0e69..003e62d 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/observers/sizeObserver.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/observers/sizeObserver.test.ts
@@ -1,17 +1,17 @@
-import { createSizeObserver as originalCreateSizeObserver } from 'observers';
-import { SizeObserverPlugin, sizeObserverPluginName } from 'plugins';
+import { createSizeObserver as originalCreateSizeObserver } from '~/observers';
+import { SizeObserverPlugin, sizeObserverPluginName } from '~/plugins';
 
 let createSizeObserver = originalCreateSizeObserver;
 
 const mockResizeObserverConstructor = async (value: any) => {
   jest.resetModules();
-  jest.unmock('plugins');
-  jest.doMock('support/compatibility/apis', () => ({
-    ...jest.requireActual('support/compatibility/apis'),
+  jest.unmock('~/plugins');
+  jest.doMock('~/support/compatibility/apis', () => ({
+    ...jest.requireActual('~/support/compatibility/apis'),
     ResizeObserverConstructor: value,
   }));
 
-  ({ createSizeObserver } = await import('observers'));
+  ({ createSizeObserver } = await import('~/observers'));
 };
 
 describe('createSizeObserver', () => {
@@ -64,8 +64,8 @@ describe('createSizeObserver', () => {
 
     beforeEach(() => {
       mockResizeObserverConstructor(false);
-      jest.doMock('plugins', () => ({
-        ...jest.requireActual('plugins'),
+      jest.doMock('~/plugins', () => ({
+        ...jest.requireActual('~/plugins'),
         getPlugins: () => ({
           [sizeObserverPluginName]: {
             _: mockSizeObserverPlugin,
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/observers/trinsicObserver.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/observers/trinsicObserver.test.ts
index 4d31f7a..5ec4d55 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/observers/trinsicObserver.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/observers/trinsicObserver.test.ts
@@ -1,4 +1,4 @@
-import { createTrinsicObserver } from 'observers';
+import { createTrinsicObserver } from '~/observers';
 
 describe('createTrinsicObserver', () => {
   beforeEach(() => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/options.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/options.test.ts
index f7329b5..902ac1f 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/options.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/options.test.ts
@@ -1,4 +1,4 @@
-import { defaultOptions, getOptionsDiff } from 'options';
+import { defaultOptions, getOptionsDiff } from '~/options';
 
 describe('options', () => {
   test('defaultOptions', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/overlayscrollbars.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/overlayscrollbars.test.ts
index f1fbd0e..a5ddc2c 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/overlayscrollbars.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/overlayscrollbars.test.ts
@@ -1,8 +1,9 @@
-import { DeepPartial } from 'typings';
-import { defaultOptions, Options } from 'options';
-import { assignDeep } from 'support';
-import { OptionsValidationPlugin } from 'plugins';
-import { OverlayScrollbars as originalOverlayScrollbars } from '../../src/overlayscrollbars';
+import type { DeepPartial } from '~/typings';
+import type { Options } from '~/options';
+import { defaultOptions } from '~/options';
+import { assignDeep } from '~/support';
+import { OptionsValidationPlugin } from '~/plugins';
+import { OverlayScrollbars as originalOverlayScrollbars } from '~/overlayscrollbars';
 
 const bodyElm = document.body;
 const div = document.createElement('div');
@@ -14,7 +15,7 @@ let OverlayScrollbars = originalOverlayScrollbars;
 describe('overlayscrollbars', () => {
   beforeEach(async () => {
     jest.resetModules();
-    ({ OverlayScrollbars } = await import('../../src/overlayscrollbars'));
+    ({ OverlayScrollbars } = await import('~/overlayscrollbars'));
   });
 
   afterEach(() => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/optionsValidation.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/optionsValidation.test.ts
index 82b2aec..16d7040 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/optionsValidation.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/optionsValidation.test.ts
@@ -1,8 +1,8 @@
-import { defaultOptions } from 'options';
+import { defaultOptions } from '~/options';
 import {
   OptionsValidationPlugin,
   optionsValidationPluginName,
-} from 'plugins/optionsValidationPlugin';
+} from '~/plugins/optionsValidationPlugin';
 
 const getValidationFn = () => {
   const name = Object.keys(OptionsValidationPlugin)[0];
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/transformation.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/transformation.test.ts
index 06d1950..6b1b89d 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/transformation.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/transformation.test.ts
@@ -1,12 +1,8 @@
-import { PlainObject } from 'typings';
-import {
-  optionsTemplateTypes as oTypes,
-  OptionsTemplate,
-} from 'plugins/optionsValidationPlugin/validation';
-import {
-  transformOptions,
-  OptionsWithOptionsTemplate,
-} from 'plugins/optionsValidationPlugin/transformation';
+import type { PlainObject } from '~/typings';
+import type { OptionsTemplate } from '~/plugins/optionsValidationPlugin/validation';
+import { optionsTemplateTypes as oTypes } from '~/plugins/optionsValidationPlugin/validation';
+import type { OptionsWithOptionsTemplate } from '~/plugins/optionsValidationPlugin/transformation';
+import { transformOptions } from '~/plugins/optionsValidationPlugin/transformation';
 
 type TestOptionsObj = { propA: 'propA'; null: null };
 type TestOptionsEnum = 'A' | 'B' | 'C';
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/validation.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/validation.test.ts
index 32f4318..8029a23 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/validation.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/plugins/optionsValidation/validation.test.ts
@@ -1,9 +1,9 @@
+import type { OptionsTemplate } from '~/plugins/optionsValidationPlugin/validation';
 import {
   validateOptions,
   optionsTemplateTypes as oTypes,
-  OptionsTemplate,
-} from 'plugins/optionsValidationPlugin/validation';
-import { assignDeep } from 'support/utils';
+} from '~/plugins/optionsValidationPlugin/validation';
+import { assignDeep } from '~/support/utils';
 
 type TestOptionsObj = { propA: 'propA'; null: null };
 type TestOptionsEnum = 'A' | 'B' | 'C';
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/plugins/plugins.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/plugins/plugins.test.ts
index da26936..f569c06 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/plugins/plugins.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/plugins/plugins.test.ts
@@ -1,4 +1,4 @@
-import { addPlugin, getPlugins } from 'plugins';
+import { addPlugin, getPlugins } from '~/plugins';
 
 describe('plugins', () => {
   test('getPlugins', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/setups/scrollbarsSetup/scrollbarsSetup.elements.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/setups/scrollbarsSetup/scrollbarsSetup.elements.test.ts
index 74161f6..3cefe29 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/setups/scrollbarsSetup/scrollbarsSetup.elements.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/setups/scrollbarsSetup/scrollbarsSetup.elements.test.ts
@@ -1,13 +1,11 @@
-import {
-  createScrollbarsSetupElements,
+import type {
   ScrollbarsSetupElement,
   ScrollbarsSetupElementsObj,
   ScrollbarStructure,
-} from 'setups/scrollbarsSetup/scrollbarsSetup.elements';
-import {
-  createStructureSetupElements,
-  StructureSetupElementsObj,
-} from 'setups/structureSetup/structureSetup.elements';
+} from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
+import { createScrollbarsSetupElements } from '~/setups/scrollbarsSetup/scrollbarsSetup.elements';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
+import { createStructureSetupElements } from '~/setups/structureSetup/structureSetup.elements';
 import {
   classNameScrollbar,
   classNameScrollbarHorizontal,
@@ -15,13 +13,13 @@ import {
   classNameScrollbarTrack,
   classNameScrollbarHandle,
   classNamesScrollbarTransitionless,
-} from 'classnames';
-import type { InitializationTarget } from 'initialization';
+} from '~/classnames';
+import type { InitializationTarget } from '~/initialization';
 
 jest.useFakeTimers();
 
-jest.mock('support/compatibility/apis', () => {
-  const originalModule = jest.requireActual('support/compatibility/apis');
+jest.mock('~/support/compatibility/apis', () => {
+  const originalModule = jest.requireActual('~/support/compatibility/apis');
   return {
     ...originalModule,
     // @ts-ignore
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/setups/structureSetup/structureSetup.elements.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/setups/structureSetup/structureSetup.elements.test.ts
index c1a2c7d..8a182a8 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/setups/structureSetup/structureSetup.elements.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/setups/structureSetup/structureSetup.elements.test.ts
@@ -1,23 +1,22 @@
-import { hasClass, is, isFunction, isHTMLElement } from 'support';
+import { hasClass, is, isFunction, isHTMLElement } from '~/support';
 import {
   dataAttributeHost,
   classNamePadding,
   classNameViewport,
   classNameContent,
-} from 'classnames';
-import { getEnvironment, InternalEnvironment } from 'environment';
-import {
-  createStructureSetupElements,
-  StructureSetupElementsObj,
-} from 'setups/structureSetup/structureSetup.elements';
-import { addPlugin, ScrollbarsHidingPlugin } from 'plugins';
+} from '~/classnames';
+import type { InternalEnvironment } from '~/environment';
+import { getEnvironment } from '~/environment';
+import type { StructureSetupElementsObj } from '~/setups/structureSetup/structureSetup.elements';
+import { createStructureSetupElements } from '~/setups/structureSetup/structureSetup.elements';
+import { addPlugin, ScrollbarsHidingPlugin } from '~/plugins';
 import type {
   Initialization,
   InitializationTarget,
   InitializationTargetObject,
-} from 'initialization';
+} from '~/initialization';
 
-jest.mock('environment', () => ({
+jest.mock('~/environment', () => ({
   getEnvironment: jest.fn(),
 }));
 
@@ -343,7 +342,7 @@ const assertCorrectDestroy = (snapshot: string, destroy: () => void) => {
   expect(snapshot).toBe(getSnapshot());
 };
 
-const env: InternalEnvironment = jest.requireActual('environment').getEnvironment();
+const env: InternalEnvironment = jest.requireActual('~/environment').getEnvironment();
 const envDefault = {
   name: 'default',
   env,
@@ -430,7 +429,7 @@ describe('structureSetup.elements', () => {
 
   beforeEach(() => {
     (getEnvironment as jest.Mock).mockImplementation(() =>
-      jest.requireActual('environment').getEnvironment()
+      jest.requireActual('~/environment').getEnvironment()
     );
   });
 
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/cache.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/cache.test.ts
index 3596aea..ddc63cc 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/cache.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/cache.test.ts
@@ -1,4 +1,4 @@
-import { createCache } from 'support/cache';
+import { createCache } from '~/support/cache';
 
 const createUpdater = <T>(updaterReturn: (i: number) => T) => {
   let index = 0;
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/compatibility/vendors.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/compatibility/vendors.test.ts
index c0c87ce..d105e30 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/compatibility/vendors.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/compatibility/vendors.test.ts
@@ -1,4 +1,4 @@
-import { jsAPI, cssProperty, cssPropertyValue } from 'support/compatibility/vendors';
+import { jsAPI, cssProperty, cssPropertyValue } from '~/support/compatibility/vendors';
 
 describe('vendors', () => {
   describe('jsAPI', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/animation.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/animation.test.ts
index 8c06a12..7b4fcda 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/animation.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/animation.test.ts
@@ -1,9 +1,9 @@
-import { animateNumber } from 'support/dom/animation';
+import { animateNumber } from '~/support/dom/animation';
 
 jest.useFakeTimers();
 
-jest.mock('support/compatibility/apis', () => {
-  const originalModule = jest.requireActual('support/compatibility/apis');
+jest.mock('~/support/compatibility/apis', () => {
+  const originalModule = jest.requireActual('~/support/compatibility/apis');
   const mockRAF = (arg: any) => setTimeout(arg, 0);
   return {
     ...originalModule,
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/attribute.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/attribute.test.ts
index e739fe5..105877b 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/attribute.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/attribute.test.ts
@@ -6,7 +6,7 @@ import {
   val,
   scrollLeft,
   scrollTop,
-} from 'support/dom/attribute';
+} from '~/support/dom/attribute';
 
 const testElm = document.body;
 const getAttribute = (name: string) => testElm.getAttribute(name);
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/class.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/class.test.ts
index 3adf4a6..b45e630 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/class.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/class.test.ts
@@ -1,4 +1,4 @@
-import { addClass, removeClass, hasClass, diffClass } from 'support/dom/class';
+import { addClass, removeClass, hasClass, diffClass } from '~/support/dom/class';
 
 const testElm = document.body;
 const removeAllClassNames = () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/create.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/create.test.ts
index 5abba95..445f008 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/create.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/create.test.ts
@@ -1,5 +1,5 @@
-import { each } from 'support/utils';
-import { createDiv, createDOM } from 'support/dom/create';
+import { each } from '~/support/utils';
+import { createDiv, createDOM } from '~/support/dom/create';
 
 const slotElm = document.body;
 const testHTML =
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/dimensions.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/dimensions.test.ts
index 2ad1726..215f3fb 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/dimensions.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/dimensions.test.ts
@@ -1,5 +1,5 @@
-import { isNumber, isPlainObject } from 'support/utils/types';
-import { createDiv } from 'support/dom/create';
+import { isNumber, isPlainObject } from '~/support/utils/types';
+import { createDiv } from '~/support/dom/create';
 import {
   windowSize,
   offsetSize,
@@ -8,7 +8,7 @@ import {
   fractionalSize,
   getBoundingClientRect,
   hasDimensions,
-} from 'support/dom/dimensions';
+} from '~/support/dom/dimensions';
 
 describe('dom dimensions', () => {
   describe('offsetSize', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/events.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/events.test.ts
index 37eb515..669cb2e 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/events.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/events.test.ts
@@ -1,10 +1,5 @@
-import {
-  off,
-  preventDefault,
-  stopPropagation,
-  stopAndPrevent,
-  OnOptions,
-} from 'support/dom/events';
+import type { OnOptions } from '~/support/dom/events';
+import { off, preventDefault, stopPropagation, stopAndPrevent } from '~/support/dom/events';
 
 const testElm = document.body;
 const mockEventListener = (
@@ -89,7 +84,7 @@ describe('dom events', () => {
     };
 
     beforeEach(() =>
-      import('support/dom/events').then((module) => {
+      import('~/support/dom/events').then((module) => {
         eventsModule = module;
         jest.resetModules();
       })
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/manipulation.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/manipulation.test.ts
index 8c3c02c..d67de88 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/manipulation.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/manipulation.test.ts
@@ -1,5 +1,13 @@
-import { createDiv, contents, appendChildren, prependChildren, insertBefore, insertAfter, removeElements } from 'support/dom';
-import { each, isArray, isHTMLElement } from 'support/utils';
+import {
+  createDiv,
+  contents,
+  appendChildren,
+  prependChildren,
+  insertBefore,
+  insertAfter,
+  removeElements,
+} from '~/support/dom';
+import { each, isArray, isHTMLElement } from '~/support/utils';
 
 const slotElm = document.body;
 const fillSlotElm = () => {
@@ -19,7 +27,7 @@ const compareToNative = (
   method: string,
   snapshot: Array<Node>,
   elms: Element | Node | Array<Element> | Array<Node>,
-  compareIds = false,
+  compareIds = false
 ) => {
   if (!compareIds) {
     if (!isArray(elms)) {
@@ -47,7 +55,12 @@ const compareToNative = (
           if (isHTMLElement(elm) && child.getAttribute('id') === elm.getAttribute('id')) {
             realElms.push(child);
           }
-          if (compareIds && target !== slotElm && isHTMLElement(target) && child.getAttribute('id') === target.getAttribute('id')) {
+          if (
+            compareIds &&
+            target !== slotElm &&
+            isHTMLElement(target) &&
+            child.getAttribute('id') === target.getAttribute('id')
+          ) {
             target = child;
           }
         }
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/offset.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/offset.test.ts
index 42c7f90..326af83 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/offset.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/offset.test.ts
@@ -1,5 +1,5 @@
-import { isNumber, isPlainObject } from 'support/utils/types';
-import { absoluteCoordinates, offsetCoordinates } from 'support/dom/offset';
+import { isNumber, isPlainObject } from '~/support/utils/types';
+import { absoluteCoordinates, offsetCoordinates } from '~/support/dom/offset';
 
 describe('dom offset', () => {
   describe('absoluteCoordinates', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/style.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/style.test.ts
index cd2aef4..26783ac 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/style.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/style.test.ts
@@ -1,6 +1,6 @@
-import { isEmptyObject } from 'support/utils/object';
-import { isString, isPlainObject } from 'support/utils/types';
-import { style, topRightBottomLeft, directionIsRTL } from 'support/dom/style';
+import { isEmptyObject } from '~/support/utils/object';
+import { isString, isPlainObject } from '~/support/utils/types';
+import { style, topRightBottomLeft, directionIsRTL } from '~/support/dom/style';
 
 describe('dom style', () => {
   afterEach(() => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/traversal.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/traversal.test.ts
index 74e5c01..39b3a6d 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/dom/traversal.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/dom/traversal.test.ts
@@ -8,7 +8,7 @@ import {
   createDiv,
   liesBetween,
   createDOM,
-} from 'support/dom';
+} from '~/support/dom';
 
 const slotElm = document.body;
 const testHTML =
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/eventListeners.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/eventListeners.test.ts
index 776208b..8deccd7 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/eventListeners.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/eventListeners.test.ts
@@ -1,4 +1,4 @@
-import { createEventListenerHub } from 'support/eventListeners';
+import { createEventListenerHub } from '~/support/eventListeners';
 
 type EventMap = {
   onBoolean: [a: boolean, b: string];
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/arrays.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/arrays.test.ts
index 8ee4065..bdd7c1a 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/arrays.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/arrays.test.ts
@@ -1,4 +1,4 @@
-import { push, each, from, indexOf, runEachAndClear, isEmptyArray } from 'support/utils/array';
+import { push, each, from, indexOf, runEachAndClear, isEmptyArray } from '~/support/utils/array';
 
 describe('array utilities', () => {
   describe('push', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/equal.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/equal.test.ts
index 7f71516..5de4d4b 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/equal.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/equal.test.ts
@@ -1,4 +1,4 @@
-import { equal, equalTRBL, equalWH, equalXY, equalBCRWH } from 'support/utils/equal';
+import { equal, equalTRBL, equalWH, equalXY, equalBCRWH } from '~/support/utils/equal';
 
 describe('equal', () => {
   test('equal', () => {
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/function.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/function.test.ts
index 877ce6b..e661ae4 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/function.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/function.test.ts
@@ -1,10 +1,10 @@
-import { noop, debounce, selfClearTimeout } from 'support/utils/function';
-import { rAF, cAF, setT, clearT } from 'support/compatibility/apis';
+import { noop, debounce, selfClearTimeout } from '~/support/utils/function';
+import { rAF, cAF, setT, clearT } from '~/support/compatibility/apis';
 
 jest.useFakeTimers();
 
-jest.mock('support/compatibility/apis', () => {
-  const originalModule = jest.requireActual('support/compatibility/apis');
+jest.mock('~/support/compatibility/apis', () => {
+  const originalModule = jest.requireActual('~/support/compatibility/apis');
   const mockRAF = (arg: any) => setTimeout(arg, 0);
   return {
     ...originalModule,
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/object.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/object.test.ts
index da7a5dd..afb55b7 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/object.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/object.test.ts
@@ -1,5 +1,5 @@
-import { assignDeep, keys, hasOwnProperty, isEmptyObject } from 'support/utils/object';
-import { isPlainObject } from 'support/utils/types';
+import { assignDeep, keys, hasOwnProperty, isEmptyObject } from '~/support/utils/object';
+import { isPlainObject } from '~/support/utils/types';
 
 describe('object utilities', () => {
   // https://github.com/jquery/jquery/blob/master/test/unit/core.js#L965
@@ -28,7 +28,13 @@ describe('object utilities', () => {
       let settings: Settings = { xnumber1: 5, xnumber2: 7, xstring1: 'peter', xstring2: 'pan' };
       const options: Settings = { xnumber2: 1, xstring2: 'x', xxx: 'newstring' };
       const optionsCopy: Settings = { xnumber2: 1, xstring2: 'x', xxx: 'newstring' };
-      const merged: Settings = { xnumber1: 5, xnumber2: 1, xstring1: 'peter', xstring2: 'x', xxx: 'newstring' };
+      const merged: Settings = {
+        xnumber1: 5,
+        xnumber2: 1,
+        xstring1: 'peter',
+        xstring2: 'x',
+        xxx: 'newstring',
+      };
 
       assignDeep(settings, options);
       expect(settings).toEqual(merged);
@@ -134,7 +140,13 @@ describe('object utilities', () => {
       const options1Copy = { xnumber2: 1, xstring2: 'x' };
       const options2 = { xstring2: 'xx', xxx: 'newstringx' };
       const options2Copy = { xstring2: 'xx', xxx: 'newstringx' };
-      const merged2 = { xnumber1: 5, xnumber2: 1, xstring1: 'peter', xstring2: 'xx', xxx: 'newstringx' };
+      const merged2 = {
+        xnumber1: 5,
+        xnumber2: 1,
+        xstring1: 'peter',
+        xstring2: 'xx',
+        xxx: 'newstringx',
+      };
 
       settings = assignDeep({}, defaults, options1, options2);
       expect(settings).toEqual(merged2);
@@ -143,8 +155,14 @@ describe('object utilities', () => {
       expect(options2).toEqual(options2Copy);
 
       expect(assignDeep('', { foo: 1 })).toEqual({ foo: 1 });
-      expect(assignDeep(null, { foo: null, deep: { foo: null } })).toEqual({ foo: null, deep: { foo: null } });
-      expect(assignDeep(12, { foo: 1, deep: { foo: null, text: '' } })).toEqual({ foo: 1, deep: { foo: null, text: '' } });
+      expect(assignDeep(null, { foo: null, deep: { foo: null } })).toEqual({
+        foo: null,
+        deep: { foo: null },
+      });
+      expect(assignDeep(12, { foo: 1, deep: { foo: null, text: '' } })).toEqual({
+        foo: 1,
+        deep: { foo: null, text: '' },
+      });
     });
   });
 
diff --git a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/types.test.ts b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/types.test.ts
index 703f8a9..98d621e 100644
--- a/packages/overlayscrollbars/tests/jest-jsdom/support/utils/types.test.ts
+++ b/packages/overlayscrollbars/tests/jest-jsdom/support/utils/types.test.ts
@@ -1,4 +1,4 @@
-import { createDOM } from 'support/dom/create';
+import { createDOM } from '~/support/dom/create';
 import {
   type,
   isNumber,
@@ -13,7 +13,7 @@ import {
   isPlainObject,
   isElement,
   isHTMLElement,
-} from 'support/utils/types';
+} from '~/support/utils/types';
 
 const testfn = function () {};
 const testfnAsync = async function () {};
diff --git a/packages/overlayscrollbars/tests/jest-node/treeshaking.test.js b/packages/overlayscrollbars/tests/jest-node/treeshaking.test.js
index 0b206be..73200d2 100644
--- a/packages/overlayscrollbars/tests/jest-node/treeshaking.test.js
+++ b/packages/overlayscrollbars/tests/jest-node/treeshaking.test.js
@@ -5,8 +5,8 @@ import { webpack } from 'webpack';
 import { build } from 'esbuild';
 import { terser } from 'rollup-plugin-terser';
 
-import pkg from '../../package.json';
-import rollupConfig from '../../rollup.config';
+import pkg from '~/../package.json';
+import rollupConfig from '~/../rollup.config';
 
 const cleanBundle = true;
 const cleanFixture = true;
diff --git a/packages/overlayscrollbars/tests/playwright/environment/index.browser.ts b/packages/overlayscrollbars/tests/playwright/environment/index.browser.ts
index 0a7fb4e..b2f6559 100644
--- a/packages/overlayscrollbars/tests/playwright/environment/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/environment/index.browser.ts
@@ -1,6 +1,6 @@
-import 'index.scss';
-import { createDOM, appendChildren } from 'support';
-import { getEnvironment } from 'environment';
+import '~/index.scss';
+import { createDOM, appendChildren } from '~/support';
+import { getEnvironment } from '~/environment';
 
 const envInstance = getEnvironment();
 appendChildren(document.body, createDOM(`<div>${JSON.stringify(envInstance)}</div>`)[0]);
diff --git a/packages/overlayscrollbars/tests/playwright/environment/index.test.ts b/packages/overlayscrollbars/tests/playwright/environment/index.test.ts
index f94c004..6a1db92 100644
--- a/packages/overlayscrollbars/tests/playwright/environment/index.test.ts
+++ b/packages/overlayscrollbars/tests/playwright/environment/index.test.ts
@@ -1,7 +1,7 @@
 /*
 import { playwrightRollup } from '@~local/playwright-tooling';
 import { test } from '@playwright/test';
-import { InternalEnvironment } from 'environment';
+import { InternalEnvironment } from '~/environment';
 
 playwrightRollup();
 
diff --git a/packages/overlayscrollbars/tests/playwright/observers/domObserver/index.browser.ts b/packages/overlayscrollbars/tests/playwright/observers/domObserver/index.browser.ts
index d5adcfc..e93f9e8 100644
--- a/packages/overlayscrollbars/tests/playwright/observers/domObserver/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/observers/domObserver/index.browser.ts
@@ -1,4 +1,4 @@
-import 'index.scss';
+import '~/index.scss';
 import './index.scss';
 import should from 'should';
 import {
@@ -20,9 +20,8 @@ import {
   removeClass,
   diffClass,
   on,
-} from 'support';
-
-import { createDOMObserver } from 'observers';
+} from '~/support';
+import { createDOMObserver } from '~/observers';
 
 type DOMContentObserverResult = {
   contentChange: boolean;
diff --git a/packages/overlayscrollbars/tests/playwright/observers/sizeObserver/index.browser.ts b/packages/overlayscrollbars/tests/playwright/observers/sizeObserver/index.browser.ts
index f172283..a48ee9c 100644
--- a/packages/overlayscrollbars/tests/playwright/observers/sizeObserver/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/observers/sizeObserver/index.browser.ts
@@ -1,4 +1,4 @@
-import 'index.scss';
+import '~/index.scss';
 import './index.scss';
 import './handleEnvironment';
 import should from 'should';
@@ -10,9 +10,10 @@ import {
   setTestResult,
   waitForOrFailTest,
 } from '@~local/browser-testing';
-import { hasDimensions, offsetSize, WH, style } from 'support';
-import { addPlugin, SizeObserverPlugin } from 'plugins';
-import { createSizeObserver } from 'observers';
+import type { WH } from '~/support';
+import { hasDimensions, offsetSize, style } from '~/support';
+import { addPlugin, SizeObserverPlugin } from '~/plugins';
+import { createSizeObserver } from '~/observers';
 
 if (!window.ResizeObserver) {
   addPlugin(SizeObserverPlugin);
diff --git a/packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.browser.ts b/packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.browser.ts
index 93838f0..4fc77c2 100644
--- a/packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/observers/trinsicObserver/index.browser.ts
@@ -1,4 +1,4 @@
-import 'index.scss';
+import '~/index.scss';
 import './index.scss';
 import './handleEnvironment';
 import should from 'should';
@@ -10,9 +10,9 @@ import {
   setTestResult,
   waitForOrFailTest,
 } from '@~local/browser-testing';
-import { offsetSize } from 'support';
-import { createTrinsicObserver } from 'observers';
-import { addPlugin, SizeObserverPlugin } from 'plugins';
+import { offsetSize } from '~/support';
+import { createTrinsicObserver } from '~/observers';
+import { addPlugin, SizeObserverPlugin } from '~/plugins';
 
 if (!window.ResizeObserver) {
   addPlugin(SizeObserverPlugin);
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/body/index.browser.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/body/index.browser.ts
index 0a980c0..2725637 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/body/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/body/index.browser.ts
@@ -1,6 +1,6 @@
+import '~/index.scss';
 import './index.scss';
-import 'index.scss';
-import { OverlayScrollbars } from 'overlayscrollbars';
+import { OverlayScrollbars } from '~/overlayscrollbars';
 
 // test with different cancel values for body
 
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts
index 2f61b4f..2636311 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/nesting/index.browser.ts
@@ -1,10 +1,10 @@
+import '~/index.scss';
 import './index.scss';
-import 'index.scss';
 import should from 'should';
 import { timeout, setTestResult, waitForOrFailTest, resize } from '@~local/browser-testing';
-import { OverlayScrollbars } from 'overlayscrollbars';
-import { addClass, each, isArray, removeAttr, style } from 'support';
-import { addPlugin, ScrollbarsHidingPlugin, SizeObserverPlugin } from 'plugins';
+import { OverlayScrollbars } from '~/overlayscrollbars';
+import { addClass, each, isArray, removeAttr, style } from '~/support';
+import { addPlugin, ScrollbarsHidingPlugin, SizeObserverPlugin } from '~/plugins';
 
 if (!window.ResizeObserver) {
   addPlugin(SizeObserverPlugin);
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/observers/index.browser.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/observers/index.browser.ts
index 85247b1..c5438c9 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/observers/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/observers/index.browser.ts
@@ -1,18 +1,18 @@
 import './index.scss';
-import 'index.scss';
+import '~/index.scss';
 
 // test viewport inheritted attrs (tabindex) for multiple and single element init
 // test appear & resize for multiple and single element init
 // test children changing attr according to dom observer
 
 /*
-import { OverlayScrollbars } from 'overlayscrollbars';
+import { OverlayScrollbars } from '~/overlayscrollbars';
 
-import should from 'should';
-import { resize } from '@/testing-browser/Resize';
-import { timeout } from '@/testing-browser/timeout';
-import { setTestResult, waitForOrFailTest } from '@/testing-browser/TestResult';
-import { addClass, each, isArray, removeAttr, style } from 'support';
+import should from '~/should';
+import { resize } from '~/@/testing-browser/Resize';
+import { timeout } from '~/@/testing-browser/timeout';
+import { setTestResult, waitForOrFailTest } from '~/@/testing-browser/TestResult';
+import { addClass, each, isArray, removeAttr, style } from '~/support';
 
 OverlayScrollbars.env().setInitializationStrategy({
   cancel: { nativeScrollbarsOverlaid: false },
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/handleEnvironment.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/handleEnvironment.ts
index c656a31..85527f4 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/handleEnvironment.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/handleEnvironment.ts
@@ -1,4 +1,4 @@
-import { addClass } from 'support';
+import { addClass } from '~/support';
 
 {
   const { body } = document;
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.browser.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.browser.ts
index 2355aa7..eb2a62a 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.browser.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.browser.ts
@@ -1,8 +1,8 @@
-import 'index.scss';
+import '~/index.scss';
 import './index.scss';
 import './handleEnvironment';
-import { OverlayScrollbars } from 'overlayscrollbars';
-import { classNameViewport } from 'classnames';
+import { OverlayScrollbars } from '~/overlayscrollbars';
+import { classNameViewport } from '~/classnames';
 import should from 'should';
 import {
   generateClassChangeSelectCallback,
@@ -12,6 +12,7 @@ import {
   setTestResult,
   waitForOrFailTest,
 } from '@~local/browser-testing';
+import type { WH } from '~/support';
 import {
   assignDeep,
   clientSize,
@@ -20,7 +21,6 @@ import {
   style,
   parent,
   addClass,
-  WH,
   removeAttr,
   contents,
   appendChildren,
@@ -29,10 +29,15 @@ import {
   createDiv,
   removeElements,
   removeClass,
-} from 'support';
-import { Options } from 'options';
-import { DeepPartial } from 'typings';
-import { addPlugin, ScrollbarsHidingPlugin, SizeObserverPlugin, ClickScrollPlugin } from 'plugins';
+} from '~/support';
+import type { Options } from '~/options';
+import type { DeepPartial } from '~/typings';
+import {
+  addPlugin,
+  ScrollbarsHidingPlugin,
+  SizeObserverPlugin,
+  ClickScrollPlugin,
+} from '~/plugins';
 
 addPlugin(ClickScrollPlugin);
 
diff --git a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.test.ts b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.test.ts
index d978182..62b56f7 100644
--- a/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.test.ts
+++ b/packages/overlayscrollbars/tests/playwright/setups/structureSetup/update/index.test.ts
@@ -1,5 +1,6 @@
 import { playwrightRollup, expectSuccess } from '@~local/playwright-tooling';
-import { test, Page } from '@playwright/test';
+import type { Page } from '@playwright/test';
+import { test } from '@playwright/test';
 
 playwrightRollup();
 
diff --git a/packages/overlayscrollbars/tsconfig.json b/packages/overlayscrollbars/tsconfig.json
index 6229405..d372a5b 100644
--- a/packages/overlayscrollbars/tsconfig.json
+++ b/packages/overlayscrollbars/tsconfig.json
@@ -1,6 +1,8 @@
 {
   "extends": "@~local/tsconfig",
   "compilerOptions": {
-    "baseUrl": "./src"
+    "paths": {
+      "~/*": ["./src/*"]
+    }
   }
 }