Use @ alias imports. Formatted files.

src/hooks/animation.ts

@@ -1,4 +1,4 @@
-import { useRef, useCallback } from "react";
+import { useCallback, useRef } from "react";
 
 export function useSmoothAnimation() {
   const animationRef = useRef<number | null>(null);

src/hooks/crosshair.tsx

@@ -1,13 +1,13 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import type { Dispatch, SetStateAction } from "react";
 
-import type { CartesianSpace } from "../types";
+import type { CartesianSpace } from "@/types";
 import {
   extractEventCoordinates,
   isLeftMouseButton,
   isTouchEvent,
   minmax,
-} from "../util";
+} from "@/util";
 
 if (typeof TouchEvent === "undefined") {
   // @ts-ignore - intentionally creating global

src/hooks/dragAndDrop.tsx

@@ -5,7 +5,7 @@ import {
   extractEventCoordinates,
   isLeftMouseButton,
   isTouchEvent,
-} from "../util";
+} from "@/util";
 
 type DragAction<T> =
   | { type: "resetItems"; items: T[] }

src/hooks/scroll.ts

@@ -1,4 +1,4 @@
-import { useState, useRef, useEffect, useCallback } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import type { RefObject } from "react";
 
 export function handleScroll(

src/hooks/slider.tsx

@@ -1,13 +1,14 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import type { Dispatch, SetStateAction } from "react";
 
-import type { CartesianSpace } from "../types";
+import type { CartesianSpace } from "@/types";
 import {
   extractEventCoordinates,
   isLeftMouseButton,
   isTouchEvent,
   minmax,
-} from "../util";
+} from "@/util";
+
 import { useScroll } from "./scroll";
 
 if (typeof TouchEvent === "undefined") {

src/hooks/tests/crosshairTest.cy.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from "react";
 
-import type { CartesianSpace } from "../../types";
+import type { CartesianSpace } from "@/types";
+
 import { useCrosshair } from "../crosshair";
 
 // Test Fixtures

src/hooks/tests/dragAndDropTest.cy.tsx

@@ -1,6 +1,7 @@
+import { useState } from "react";
+
 import clsx from "clsx";
 import { motion } from "motion/react";
-import { useState } from "react";
 
 import { useDragAndDrop } from "../dragAndDrop";
 import styles from "./dragAndDropTest.module.css";

src/hooks/tests/sliderTest.cy.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from "react";
 
-import type { CartesianSpace } from "../../types";
+import type { CartesianSpace } from "@/types";
+
 import { Direction, useSlider } from "../slider";
 
 // Test Fixtures