refactor(build): replace paths aliases with relative paths

Using paths aliases starting with "@" can be confusing and can lead to
conflict with existings modules. I prefer to use relative paths to
avoid extra configuration in tools because of these aliases.

23 files changed, 40 insertions, 39 deletions

diff --git a/src/components/molecules/forms/ackee-toggle.test.tsx b/src/components/molecules/forms/ackee-toggle.test.tsx
index 5bcd018..a4d36b3 100644
--- a/src/components/molecules/forms/ackee-toggle.test.tsx
+++ b/src/components/molecules/forms/ackee-toggle.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import AckeeToggle from './ackee-toggle';
 import { storageKey } from './ackee-toggle.fixture';
 
diff --git a/src/components/molecules/forms/ackee-toggle.tsx b/src/components/molecules/forms/ackee-toggle.tsx
index 67a3644..ba77c10 100644
--- a/src/components/molecules/forms/ackee-toggle.tsx
+++ b/src/components/molecules/forms/ackee-toggle.tsx
@@ -1,9 +1,9 @@
-import useLocalStorage from '@utils/hooks/use-local-storage';
-import useUpdateAckeeOptions, {
-  type AckeeOptions,
-} from '@utils/hooks/use-update-ackee-options';
 import { FC } from 'react';
 import { useIntl } from 'react-intl';
+import useLocalStorage from '../../../utils/hooks/use-local-storage';
+import useUpdateAckeeOptions, {
+  type AckeeOptions,
+} from '../../../utils/hooks/use-update-ackee-options';
 import RadioGroup, {
   type RadioGroupCallback,
   type RadioGroupCallbackProps,
diff --git a/src/components/molecules/forms/fieldset.test.tsx b/src/components/molecules/forms/fieldset.test.tsx
index cfddc9e..aec7a51 100644
--- a/src/components/molecules/forms/fieldset.test.tsx
+++ b/src/components/molecules/forms/fieldset.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import Fieldset from './fieldset';
 import { body, legend, Tooltip } from './fieldset.fixture';
 
diff --git a/src/components/molecules/forms/fieldset.tsx b/src/components/molecules/forms/fieldset.tsx
index 961ec6d..4cbf71d 100644
--- a/src/components/molecules/forms/fieldset.tsx
+++ b/src/components/molecules/forms/fieldset.tsx
@@ -1,4 +1,3 @@
-import useOnClickOutside from '@utils/hooks/use-on-click-outside';
 import {
   cloneElement,
   FC,
@@ -7,6 +6,7 @@ import {
   useRef,
   useState,
 } from 'react';
+import useOnClickOutside from '../../../utils/hooks/use-on-click-outside';
 import HelpButton from '../buttons/help-button';
 import Tooltip from '../modals/tooltip';
 import styles from './fieldset.module.scss';
diff --git a/src/components/molecules/forms/flipping-label.module.scss b/src/components/molecules/forms/flipping-label.module.scss
index e650ebe..b0452fe 100644
--- a/src/components/molecules/forms/flipping-label.module.scss
+++ b/src/components/molecules/forms/flipping-label.module.scss
@@ -1,4 +1,4 @@
-@use "@styles/abstracts/functions" as fun;
+@use "../../../styles/abstracts/functions" as fun;
 
 .label {
   display: block;
diff --git a/src/components/molecules/forms/flipping-label.stories.tsx b/src/components/molecules/forms/flipping-label.stories.tsx
index b8d17ec..9391fd2 100644
--- a/src/components/molecules/forms/flipping-label.stories.tsx
+++ b/src/components/molecules/forms/flipping-label.stories.tsx
@@ -1,6 +1,6 @@
-import MagnifyingGlass from '@components/atoms/icons/magnifying-glass';
 import { ComponentMeta, ComponentStory } from '@storybook/react';
 import { useState } from 'react';
+import MagnifyingGlass from '../../atoms/icons/magnifying-glass';
 import FlippingLabel from './flipping-label';
 
 export default {
diff --git a/src/components/molecules/forms/flipping-label.test.tsx b/src/components/molecules/forms/flipping-label.test.tsx
index a1aab97..61864fd 100644
--- a/src/components/molecules/forms/flipping-label.test.tsx
+++ b/src/components/molecules/forms/flipping-label.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import FlippingLabel from './flipping-label';
 
 describe('FlippingLabel', () => {
diff --git a/src/components/molecules/forms/flipping-label.tsx b/src/components/molecules/forms/flipping-label.tsx
index 12f8d8d..ca83c6d 100644
--- a/src/components/molecules/forms/flipping-label.tsx
+++ b/src/components/molecules/forms/flipping-label.tsx
@@ -1,6 +1,6 @@
-import Label, { LabelProps } from '@components/atoms/forms/label';
-import Close from '@components/atoms/icons/close';
 import { FC } from 'react';
+import Label, { LabelProps } from '../../atoms/forms/label';
+import Close from '../../atoms/icons/close';
 import styles from './flipping-label.module.scss';
 
 export type FlippingLabelProps = Pick<
diff --git a/src/components/molecules/forms/labelled-boolean-field.test.tsx b/src/components/molecules/forms/labelled-boolean-field.test.tsx
index 7e01853..4e7728c 100644
--- a/src/components/molecules/forms/labelled-boolean-field.test.tsx
+++ b/src/components/molecules/forms/labelled-boolean-field.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import LabelledBooleanField from './labelled-boolean-field';
 import { label } from './labelled-boolean-field.fixture';
 
diff --git a/src/components/molecules/forms/labelled-boolean-field.tsx b/src/components/molecules/forms/labelled-boolean-field.tsx
index 46eb080..661e549 100644
--- a/src/components/molecules/forms/labelled-boolean-field.tsx
+++ b/src/components/molecules/forms/labelled-boolean-field.tsx
@@ -1,8 +1,8 @@
+import { FC } from 'react';
 import BooleanField, {
   type BooleanFieldProps,
-} from '@components/atoms/forms/boolean-field';
-import Label, { type LabelProps } from '@components/atoms/forms/label';
-import { FC } from 'react';
+} from '../../atoms/forms/boolean-field';
+import Label, { type LabelProps } from '../../atoms/forms/label';
 import styles from './labelled-boolean-field.module.scss';
 
 export type LabelledBooleanFieldProps = Omit<
diff --git a/src/components/molecules/forms/labelled-field.test.tsx b/src/components/molecules/forms/labelled-field.test.tsx
index 030ec7c..97681dc 100644
--- a/src/components/molecules/forms/labelled-field.test.tsx
+++ b/src/components/molecules/forms/labelled-field.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import LabelledField from './labelled-field';
 
 describe('LabelledField', () => {
diff --git a/src/components/molecules/forms/labelled-field.tsx b/src/components/molecules/forms/labelled-field.tsx
index 6a00a3e..63c91fe 100644
--- a/src/components/molecules/forms/labelled-field.tsx
+++ b/src/components/molecules/forms/labelled-field.tsx
@@ -1,6 +1,6 @@
-import Field, { type FieldProps } from '@components/atoms/forms/field';
-import Label from '@components/atoms/forms/label';
 import { forwardRef, ForwardRefRenderFunction } from 'react';
+import Field, { type FieldProps } from '../../atoms/forms/field';
+import Label from '../../atoms/forms/label';
 import styles from './labelled-field.module.scss';
 
 export type LabelledFieldProps = FieldProps & {
diff --git a/src/components/molecules/forms/labelled-select.test.tsx b/src/components/molecules/forms/labelled-select.test.tsx
index 1346e7c..3823117 100644
--- a/src/components/molecules/forms/labelled-select.test.tsx
+++ b/src/components/molecules/forms/labelled-select.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import LabelledSelect from './labelled-select';
 
 const selectOptions = [
diff --git a/src/components/molecules/forms/labelled-select.tsx b/src/components/molecules/forms/labelled-select.tsx
index 23057d0..a12956c 100644
--- a/src/components/molecules/forms/labelled-select.tsx
+++ b/src/components/molecules/forms/labelled-select.tsx
@@ -1,6 +1,6 @@
-import Label, { type LabelProps } from '@components/atoms/forms/label';
-import Select, { type SelectProps } from '@components/atoms/forms/select';
 import { FC } from 'react';
+import Label, { type LabelProps } from '../../atoms/forms/label';
+import Select, { type SelectProps } from '../../atoms/forms/select';
 import styles from './labelled-select.module.scss';
 
 export type LabelledSelectProps = Omit<
diff --git a/src/components/molecules/forms/motion-toggle.test.tsx b/src/components/molecules/forms/motion-toggle.test.tsx
index 8b66758..f6cf3ac 100644
--- a/src/components/molecules/forms/motion-toggle.test.tsx
+++ b/src/components/molecules/forms/motion-toggle.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import MotionToggle from './motion-toggle';
 import { storageKey } from './motion-toggle.fixture';
 
diff --git a/src/components/molecules/forms/motion-toggle.tsx b/src/components/molecules/forms/motion-toggle.tsx
index ad47b33..7e150ca 100644
--- a/src/components/molecules/forms/motion-toggle.tsx
+++ b/src/components/molecules/forms/motion-toggle.tsx
@@ -1,7 +1,7 @@
-import useAttributes from '@utils/hooks/use-attributes';
-import useLocalStorage from '@utils/hooks/use-local-storage';
 import { FC } from 'react';
 import { useIntl } from 'react-intl';
+import useAttributes from '../../../utils/hooks/use-attributes';
+import useLocalStorage from '../../../utils/hooks/use-local-storage';
 import RadioGroup, {
   type RadioGroupCallback,
   type RadioGroupCallbackProps,
diff --git a/src/components/molecules/forms/prism-theme-toggle.test.tsx b/src/components/molecules/forms/prism-theme-toggle.test.tsx
index 1fc537b..a488720 100644
--- a/src/components/molecules/forms/prism-theme-toggle.test.tsx
+++ b/src/components/molecules/forms/prism-theme-toggle.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import PrismThemeToggle from './prism-theme-toggle';
 
 describe('PrismThemeToggle', () => {
diff --git a/src/components/molecules/forms/prism-theme-toggle.tsx b/src/components/molecules/forms/prism-theme-toggle.tsx
index 5a4d8a9..b058230 100644
--- a/src/components/molecules/forms/prism-theme-toggle.tsx
+++ b/src/components/molecules/forms/prism-theme-toggle.tsx
@@ -1,8 +1,11 @@
-import Moon from '@components/atoms/icons/moon';
-import Sun from '@components/atoms/icons/sun';
-import { type PrismTheme, usePrismTheme } from '@utils/providers/prism-theme';
 import { FC } from 'react';
 import { useIntl } from 'react-intl';
+import {
+  type PrismTheme,
+  usePrismTheme,
+} from '../../../utils/providers/prism-theme';
+import Moon from '../../atoms/icons/moon';
+import Sun from '../../atoms/icons/sun';
 import RadioGroup, {
   type RadioGroupCallback,
   type RadioGroupCallbackProps,
diff --git a/src/components/molecules/forms/radio-group.module.scss b/src/components/molecules/forms/radio-group.module.scss
index f363d1b..cadff46 100644
--- a/src/components/molecules/forms/radio-group.module.scss
+++ b/src/components/molecules/forms/radio-group.module.scss
@@ -1,5 +1,5 @@
-@use "@styles/abstracts/functions" as fun;
-@use "@styles/abstracts/mixins" as mix;
+@use "../../../styles/abstracts/functions" as fun;
+@use "../../../styles/abstracts/mixins" as mix;
 
 .wrapper {
   &--inline {
diff --git a/src/components/molecules/forms/radio-group.test.tsx b/src/components/molecules/forms/radio-group.test.tsx
index fda505b..9fb4249 100644
--- a/src/components/molecules/forms/radio-group.test.tsx
+++ b/src/components/molecules/forms/radio-group.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import RadioGroup from './radio-group';
 import { getOptions, initialChoice, legend } from './radio-group.fixture';
 
diff --git a/src/components/molecules/forms/radio-group.tsx b/src/components/molecules/forms/radio-group.tsx
index 3930908..7f47673 100644
--- a/src/components/molecules/forms/radio-group.tsx
+++ b/src/components/molecules/forms/radio-group.tsx
@@ -1,8 +1,6 @@
-import Fieldset, {
-  type FieldsetProps,
-} from '@components/molecules/forms/fieldset';
-import useStateChange from '@utils/hooks/use-state-change';
 import { ChangeEvent, FC, MouseEvent, SetStateAction } from 'react';
+import useStateChange from '../../../utils/hooks/use-state-change';
+import Fieldset, { type FieldsetProps } from '../forms/fieldset';
 import LabelledBooleanField, {
   type LabelledBooleanFieldProps,
 } from './labelled-boolean-field';
diff --git a/src/components/molecules/forms/theme-toggle.test.tsx b/src/components/molecules/forms/theme-toggle.test.tsx
index 7c056b8..d379423 100644
--- a/src/components/molecules/forms/theme-toggle.test.tsx
+++ b/src/components/molecules/forms/theme-toggle.test.tsx
@@ -1,4 +1,4 @@
-import { render, screen } from '@tests/utils';
+import { render, screen } from '../../../../tests/utils';
 import ThemeToggle from './theme-toggle';
 
 describe('ThemeToggle', () => {
diff --git a/src/components/molecules/forms/theme-toggle.tsx b/src/components/molecules/forms/theme-toggle.tsx
index 6a676a9..e0a6683 100644
--- a/src/components/molecules/forms/theme-toggle.tsx
+++ b/src/components/molecules/forms/theme-toggle.tsx
@@ -1,8 +1,8 @@
-import Moon from '@components/atoms/icons/moon';
-import Sun from '@components/atoms/icons/sun';
 import { useTheme } from 'next-themes';
 import { FC } from 'react';
 import { useIntl } from 'react-intl';
+import Moon from '../../atoms/icons/moon';
+import Sun from '../../atoms/icons/sun';
 import RadioGroup, {
   type RadioGroupCallback,
   type RadioGroupCallbackProps,