main 🧊 change theme

docs/.vitepress/theme/global.css

@@ -0,0 +1,14 @@
+:root {
+  --vp-c-bg: #ffffff;
+
+  --vp-c-brand-1: #51bde3;
+  --vp-c-brand-2: #4ca8c6;
+  --vp-c-brand-3: #5fc6e9;
+}
+
+.dark {
+  --vp-c-bg: #181818;
+  --vp-c-bg-soft: rgb(32, 32, 32);
+  --vp-c-bg-alt: #1d1c1c;
+  --vp-c-bg-elv: #2a2a2a;
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,5 @@
+import DefaultTheme from 'vitepress/theme';
+
+import './global.css';
+
+export default DefaultTheme;

package.json

@@ -72,20 +72,20 @@
   },
   "devDependencies": {
     "@siberiacancode/builder": "^1.3.17",
-    "@siberiacancode/eslint": "^2.7.0",
+    "@siberiacancode/eslint": "^2.8.0",
     "@siberiacancode/prettier": "^1.2.0",
     "@siberiacancode/vitest": "^1.2.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
     "@types/doctrine": "^0.0.9",
-    "@types/node": "^22.12.0",
+    "@types/node": "^22.13.1",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.2",
     "comment-parser": "^1.4.1",
     "core-js": "^3.40.0",
     "doctrine": "^3.0.0",
     "husky": "^9.1.7",
-    "lint-staged": "^15.3.0",
+    "lint-staged": "^15.4.3",
     "markdown-table": "^3.0.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

src/hooks/useFocus/useFocus.ts

@@ -43,7 +43,7 @@ export interface UseFocus {
  * @returns {UseFocusReturn} An object with a `focus` boolean state value
  *
  * @example
- * const { focus, blur, focused } = useFocus(target);
+ * const { focus, blur, focused } = useFocus(ref);
  *
  * @overload
  * @param {boolean} [options.initialValue=false] The initial focus state of the target

src/hooks/useMouse/useMouse.ts

@@ -46,7 +46,7 @@ export interface UseMouse {
  * @returns {UseMouseReturn} An object with the current mouse position
  *
  * @example
- * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(target);
+ * const { x, y, elementX, elementY, elementPositionX, elementPositionY } = useMouse(ref);
  *
  * @overload
  * @template Target The target element

src/hooks/useParallax/useParallax.ts

@@ -54,7 +54,7 @@ export interface UseParallax {
  * @returns {UseParallaxReturn} An object with the current mouse position
  *
  * @example
- * const { roll, tilt, source } = useParallax(target);
+ * const { roll, tilt, source } = useParallax(ref);
  *
  * @overload
  * @template Target The target element for the parallax effect