diff --git a/package.json b/package.json
index 22ab9917b77da79ac738f42d6564d7a1feb1aaa9..d95d0ca065bba3f41ac90a5d05477eaee66251da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@d.malygin/UI_storybook",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/common/helpers/colors.ts b/src/common/helpers/colors.ts
index a96677eebd48b921fb6e5d9b4b1c1427b6d749d0..ce608b07d06cd062a0a806b47e95ae3848d22b43 100644
--- a/src/common/helpers/colors.ts
+++ b/src/common/helpers/colors.ts
@@ -1,4 +1,4 @@
-import type { TThemeColor } from '@interfaces/common';
+import type { TThemeColor } from '../interfaces/common';
 
 export const convert100ThemeToColor = (theme: TThemeColor) => {
   switch (theme) {
diff --git a/src/common/helpers/common.ts b/src/common/helpers/common.ts
index d1bff4c036f0d7c9386a4cd47c22a72faf721f54..7faca75290ce442ab9bf27bd95f056c5e1e32ac0 100644
--- a/src/common/helpers/common.ts
+++ b/src/common/helpers/common.ts
@@ -1,4 +1,4 @@
-import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '@interfaces/common';
+import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '../interfaces/common';
 import {
   convert100ThemeToColor,
   convert200ThemeToColor,
diff --git a/src/common/interfaces/common.ts b/src/common/interfaces/common.ts
index cd3723629357a19406b4cae9cd1a10817bd35dc4..c65d971a96fcfd5980c77f98425f012eb601cf6d 100644
--- a/src/common/interfaces/common.ts
+++ b/src/common/interfaces/common.ts
@@ -1,4 +1,4 @@
-import type { iconsSet } from '@/common/constants/icons';
+import type { iconsSet } from '../constants/icons';
 
 export type TIcon = keyof typeof iconsSet;
 
diff --git a/src/common/interfaces/componentsProp.ts b/src/common/interfaces/componentsProp.ts
index 1f7dcb89159df0d269849e4ab735d34f3b6035cd..d8bff28b18793c3ee76b0538418b2e2b9faa4729 100644
--- a/src/common/interfaces/componentsProp.ts
+++ b/src/common/interfaces/componentsProp.ts
@@ -1,11 +1,11 @@
-import type { TDarkness, TIcon, TPosition, TTextStyle, TThemeColor } from '@interfaces/common';
+import type { TDarkness, TIcon, TPosition, TTextStyle, TThemeColor } from '../interfaces/common';
 import type {
   ICheckboxProps,
   IKnobProps,
   IProgressBarProps,
   IRatingProps,
   ISelectProps,
-} from '@interfaces/componentsProps';
+} from '../interfaces/componentsProps';
 
 export interface ITableColumn {
   name: string;
diff --git a/src/common/interfaces/componentsProps.ts b/src/common/interfaces/componentsProps.ts
index f9480158568f02a991d690c62a27765963d82d27..6bd4b15278ce840a324463249000f2bb808c9a22 100644
--- a/src/common/interfaces/componentsProps.ts
+++ b/src/common/interfaces/componentsProps.ts
@@ -9,7 +9,7 @@ import type {
   TTextStyle,
   TThemeColor,
   TThemeColorNoWhite,
-} from '@interfaces/common';
+} from '../interfaces/common';
 import type {
   IColorGap,
   IMDItemProps,
@@ -21,7 +21,7 @@ import type {
   ITreeItem,
   TInputDivScheme,
   TToastType,
-} from '@interfaces/componentsProp';
+} from '../interfaces/componentsProp';
 
 export interface ITableProps {
   data?: unknown[][];
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
index 18b192563ba73ee197a4782364621b7c5b1d04cb..a20867bbf460d7e8eaa4a01e1937d052063d8f7e 100644
--- a/src/components/Button/Button.vue
+++ b/src/components/Button/Button.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { IButtonProps } from '@interfaces/componentsProps';
+import type { IButtonProps } from '../../common/interfaces/componentsProps';
 import {
   convertThemeToSecondaryColor,
   convertThemeToColor,
diff --git a/src/components/Carousel/Carousel.vue b/src/components/Carousel/Carousel.vue
index c4096fb8dcfd1882e4411408df6003720b24a1df..d0ff5e8166e14d82abde9f97088d89ee1bb5c262 100644
--- a/src/components/Carousel/Carousel.vue
+++ b/src/components/Carousel/Carousel.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ICarouselProps } from '@interfaces/componentsProps';
+import type { ICarouselProps } from '../../common/interfaces/componentsProps';
 import CarouselButtonContainer from './CarouselButtonContainer.vue';
 import { computed, ref } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
diff --git a/src/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
index 8cf1e5d491df77119e0f9431e9805bb1d1d76a44..4c0d11738ca76f8746b10ed3539b1f7dbcc5b022 100644
--- a/src/components/Checkbox/Checkbox.vue
+++ b/src/components/Checkbox/Checkbox.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ICheckboxProps } from '@interfaces/componentsProps';
+import type { ICheckboxProps } from '../../common/interfaces/componentsProps';
 import { computed, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
 import CheckMarkIcon from '../../icons/Mono/CheckMarkIcon.vue';
diff --git a/src/components/ColorPicker/Button.vue b/src/components/ColorPicker/Button.vue
index 74ab49607a43c67bcdda89726217647d89fa7d37..940fce0443c2a4ce1463e794f70e2ab12be79f94 100644
--- a/src/components/ColorPicker/Button.vue
+++ b/src/components/ColorPicker/Button.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { IButtonProps } from '@interfaces/componentsProps';
+import type { IButtonProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToSecondaryColor, convertThemeToColor } from '../../common/helpers/common';
 
 interface Props extends IButtonProps {
diff --git a/src/components/ColorPicker/ColorPicker.vue b/src/components/ColorPicker/ColorPicker.vue
index d8f31e3fd53e53ff8bb3fab3ba10b5db0c7ada81..feb172691489688bc5939627549e5ac0bbbbd4fc 100644
--- a/src/components/ColorPicker/ColorPicker.vue
+++ b/src/components/ColorPicker/ColorPicker.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { IColorPickerProps } from '@interfaces/componentsProps';
+import type { IColorPickerProps } from '../../common/interfaces/componentsProps';
 import { computed, type Ref } from 'vue';
 import Button from './Button.vue';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
diff --git a/src/components/Divider/Divider.vue b/src/components/Divider/Divider.vue
index 09a3de26318ee74729055e76ac9e199653c95ee7..91883873114c87300e8c004767b1e4c41d36156f 100644
--- a/src/components/Divider/Divider.vue
+++ b/src/components/Divider/Divider.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { IDividerProps } from '@interfaces/componentsProps';
+import type { IDividerProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToColor } from '../../common/helpers/common';
 
 const props = withDefaults(defineProps<IDividerProps>(), {
diff --git a/src/components/Drawer/Drawer.vue b/src/components/Drawer/Drawer.vue
index 406a05688bfc6937976f4874fc107bdc4fc34987..c595d4a8c27833bb922fe7e833420cf41f70ee02 100644
--- a/src/components/Drawer/Drawer.vue
+++ b/src/components/Drawer/Drawer.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed, type Ref, watch } from 'vue';
-import { iconsSet } from '@/common/constants/icons';
-import type { IDrawerProps } from '@interfaces/componentsProps';
+import { iconsSet } from '../../common/constants/icons';
+import type { IDrawerProps } from '../../common/interfaces/componentsProps';
 import {
   convertThemeToColor,
   convertThemeToSecondaryColor,
   convertThemeToTextColor,
 } from '../../common/helpers/common';
-import type { CustomWindow } from '@interfaces/common';
+import type { CustomWindow } from '../../common/interfaces/common';
 
 const props = withDefaults(defineProps<IDrawerProps>(), {
   position: 'left',
diff --git a/src/components/InputDiv/InputDiv.vue b/src/components/InputDiv/InputDiv.vue
index 8c0d7a5850e1ac7b7c14eecd7f47ae0257f1d232..c8e144cbc06e6e66532ba439bd4d24d2710a23fb 100644
--- a/src/components/InputDiv/InputDiv.vue
+++ b/src/components/InputDiv/InputDiv.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { IInputDivProps } from '@interfaces/componentsProps';
+import type { IInputDivProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, type Ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
 import { calcIndexesToValueindex, calcPartsBy, calcPartsDash, changeInputHandler, moveFocus } from './helpers';
diff --git a/src/components/InputDiv/helpers.ts b/src/components/InputDiv/helpers.ts
index 4ece187e8d457c023f6c5788e4db58627da2333c..01a7eaffb06d922c5961fb61e100f314c7cc39c9 100644
--- a/src/components/InputDiv/helpers.ts
+++ b/src/components/InputDiv/helpers.ts
@@ -1,4 +1,4 @@
-import type { TInputDivScheme } from '@interfaces/componentsProp';
+import type { TInputDivScheme } from '../../common/interfaces/componentsProp';
 
 export const changeInputHandler = (
   target: any,
diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index 35be2a79ffafee33bfb8082b7ef1393069feb400..199d82438cbef0e9147df549f1f6027cfcbcea99 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { IKnobProps } from '@interfaces/componentsProps';
+import type { IKnobProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, type Ref, watch } from 'vue';
 import { convertThemeToColor } from '../../common/helpers/common';
 import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from './helpers';
diff --git a/src/components/Knob/helpers.ts b/src/components/Knob/helpers.ts
index 9d7114e07836d7ceecd42c85e5a75c0639ac723c..ada965bb2fbb8244c795793aadf26aba6d330c6a 100644
--- a/src/components/Knob/helpers.ts
+++ b/src/components/Knob/helpers.ts
@@ -1,6 +1,6 @@
 import { convertThemeToColor } from '../../common/helpers/common';
-import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '@interfaces/common';
-import type { IColorGap } from '@interfaces/componentsProp';
+import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '../../common/interfaces/common';
+import type { IColorGap } from '../../common/interfaces/componentsProp';
 
 export const calcNewValue = (
   event: MouseEvent,
diff --git a/src/components/MenuDial/MenuDial.vue b/src/components/MenuDial/MenuDial.vue
index 13b001448919009be716fd13e105c419df888a5a..0994e83ddde52b6923c37bd61f974aed0c97fd46 100644
--- a/src/components/MenuDial/MenuDial.vue
+++ b/src/components/MenuDial/MenuDial.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed } from 'vue';
-import type { IMDProps } from '@interfaces/componentsProps';
+import type { IMDProps } from '../../common/interfaces/componentsProps';
 import PlusIcon from '../../icons/Mono/PlusIcon.vue';
 import {
   convertThemeToSecondaryColor,
   convertThemeToColor,
   convertThemeToTextColor,
 } from '../../common/helpers/common';
-import type { IMDItemProps } from '@interfaces/componentsProp';
+import type { IMDItemProps } from '../../common/interfaces/componentsProp';
 
 const props = withDefaults(defineProps<IMDProps>(), {
   theme: 'white',
diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
index a193a468e2dde64b6a0c0cfdc8e0aa8ea0cb91b3..a5b8f32a47743cb3d400fd4fab124e326d2f28ff 100644
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import { computed, watch } from 'vue';
-import type { IModalProps } from '@interfaces/componentsProps';
-import { iconsSet } from '@/common/constants/icons';
+import type { IModalProps } from '../../common/interfaces/componentsProps';
+import { iconsSet } from '../../common/constants/icons';
 import {
   convertThemeToColor,
   convertThemeToSecondaryColor,
   convertThemeToTextColor,
 } from '../../common/helpers/common';
-import type { CustomWindow } from '@interfaces/common';
+import type { CustomWindow } from '../../common/interfaces/common';
 
 const props = withDefaults(defineProps<IModalProps>(), {
   visible: false,
diff --git a/src/components/Paginator/Paginator.vue b/src/components/Paginator/Paginator.vue
index 61a08ba2d4c29b3eb51c48a07d699b23426534f8..74ecf2f8f37f88c175d0366d0d6c10c43eca3e2d 100644
--- a/src/components/Paginator/Paginator.vue
+++ b/src/components/Paginator/Paginator.vue
@@ -3,11 +3,11 @@ import ArrowDoubleLeftShortIcon from '../../icons/Mono/ArrowDoubleLeftShortIcon.
 import ArrowDoubleRightShortIcon from '../../icons/Mono/ArrowDoubleRightShortIcon.vue';
 import ArrowLeftShortIcon from '../../icons/Mono/ArrowLeftShortIcon.vue';
 import ArrowRightShortIcon from '../../icons/Mono/ArrowRightShortIcon.vue';
-import type { IPaginatorProps } from '@interfaces/componentsProps';
+import type { IPaginatorProps } from '../../common/interfaces/componentsProps';
 import PaginatorItem from './PaginatorItem.vue';
 import { computed, type Ref, watch } from 'vue';
 import Select from '../Select/Select.vue';
-import type { ISelectOption } from '@interfaces/componentsProp';
+import type { ISelectOption } from '../../common/interfaces/componentsProp';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
 
 const props = withDefaults(defineProps<IPaginatorProps>(), {
diff --git a/src/components/Popup/Popup.vue b/src/components/Popup/Popup.vue
index a450980c2aa9d758dfabd662a4eae33f2a226beb..1870c991e673b96a0d5da54383e5322f4e5777f1 100644
--- a/src/components/Popup/Popup.vue
+++ b/src/components/Popup/Popup.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { IPopupProps } from '@interfaces/componentsProps';
+import type { IPopupProps } from '../../common/interfaces/componentsProps';
 import { computed, type Ref, ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToSecondaryColor } from '../../common/helpers/common';
-import type { CustomWindow } from '@interfaces/common';
+import type { CustomWindow } from '../../common/interfaces/common';
 
 const props = withDefaults(defineProps<IPopupProps>(), {
   parentSelector: 'body',
diff --git a/src/components/ProgressBar/ProgressBar.vue b/src/components/ProgressBar/ProgressBar.vue
index d70ab958e37a9e2313e91da0b6687807eb33074f..5217340aca9f4b41eadd88a0d371a4413037b913 100644
--- a/src/components/ProgressBar/ProgressBar.vue
+++ b/src/components/ProgressBar/ProgressBar.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { IProgressBarProps } from '@interfaces/componentsProps';
+import type { IProgressBarProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, type Ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
 
diff --git a/src/components/Rating/Rating.vue b/src/components/Rating/Rating.vue
index 37772cef5d1f98baed8686aa7844bb7e24ff1694..489246da3840f3a42775280799f790a68522807c 100644
--- a/src/components/Rating/Rating.vue
+++ b/src/components/Rating/Rating.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { IRatingProps } from '@interfaces/componentsProps';
+import type { IRatingProps } from '../../common/interfaces/componentsProps';
 import { computed, type Ref, ref, watch } from 'vue';
-import { iconsSet } from '@/common/constants/icons';
+import { iconsSet } from '../../common/constants/icons';
 import StarFilledIcon from '../../icons/Mono/StarFilledIcon.vue';
 import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
 
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index fc1a19ca113f9ff7071f30522f2ef2f7823d5616..b376de342f60753951ef76cb1d4ccdbb624fe563 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { ISelectProps } from '@interfaces/componentsProps';
+import type { ISelectProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
-import { iconsSet } from '@/common/constants/icons';
-import type { TThemeColor } from '@interfaces/common';
+import { iconsSet } from '../../common/constants/icons';
+import type { TThemeColor } from '../../common/interfaces/common';
 import SelectItem from './SelectItem.vue';
 import SearchIcon from '../../icons/Mono/SearchIcon.vue';
 import { calcFontSize, calcPadding, getOptionsGroups } from './helpers';
diff --git a/src/components/Select/SelectItem.vue b/src/components/Select/SelectItem.vue
index f1e71f31e472659c8eb9e99cc149aa04b45cc679..3cbb9887552e43805872fdaeb1a63a0de0b98cda 100644
--- a/src/components/Select/SelectItem.vue
+++ b/src/components/Select/SelectItem.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { iconsSet } from '@/common/constants/icons';
-import type { ISelectOption } from '@interfaces/componentsProp';
-import type { TThemeColor } from '@interfaces/common';
+import { iconsSet } from '../../common/constants/icons';
+import type { ISelectOption } from '../../common/interfaces/componentsProp';
+import type { TThemeColor } from '../../common/interfaces/common';
 import { convertThemeToColor } from '../../common/helpers/common';
 interface IProps {
   option: ISelectOption | undefined;
diff --git a/src/components/Select/helpers.ts b/src/components/Select/helpers.ts
index 5f8deb6066499f39cd85605db4f94abfa29f35b3..c4dfca13be3178ac95d7847fca7ab459e67c6066 100644
--- a/src/components/Select/helpers.ts
+++ b/src/components/Select/helpers.ts
@@ -1,5 +1,5 @@
-import type { TSize } from '@interfaces/common';
-import type { ISelectGroup, ISelectOption } from '@interfaces/componentsProp';
+import type { TSize } from '../../common/interfaces/common';
+import type { ISelectGroup, ISelectOption } from '../../common/interfaces/componentsProp';
 
 export const getOptionsGroups = (options: ISelectOption[], groups: ISelectGroup[] | undefined, filter: string) => {
   if (!groups?.length) return [];
diff --git a/src/components/SelectButton/SelectButton.vue b/src/components/SelectButton/SelectButton.vue
index 65351578bd078f626bacf34fcdab92b7259c0c3b..ec3531d4cd635b7d9fd1fff8370155d785e98d54 100644
--- a/src/components/SelectButton/SelectButton.vue
+++ b/src/components/SelectButton/SelectButton.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { computed, type Ref } from 'vue';
-import type { ISBProps } from '@interfaces/componentsProps';
+import type { ISBProps } from '../../common/interfaces/componentsProps';
 import {
   convertThemeToSecondaryColor,
   convertThemeToColor,
   convertThemeToTextColor,
 } from '../../common/helpers/common';
-import type { ISBOption } from '@interfaces/componentsProp';
+import type { ISBOption } from '../../common/interfaces/componentsProp';
 
 const props = withDefaults(defineProps<ISBProps>(), {
   size: 'normal',
diff --git a/src/components/Slider/Slider.vue b/src/components/Slider/Slider.vue
index 95cd9dab01864e2cd818112957635294309ab1e5..affaeb1ff41be84d74ead85e76dcb7b23f188f8e 100644
--- a/src/components/Slider/Slider.vue
+++ b/src/components/Slider/Slider.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, watch } from 'vue';
-import type { ISliderProps } from '@interfaces/componentsProps';
+import type { ISliderProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToColor } from '../../common/helpers/common';
 
 const props = withDefaults(defineProps<ISliderProps>(), {
diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
index 3b81ba461fc6b668ad656a2fe1acbc7d00b01e63..59295d53646885d524ba7e3618815754a5554f73 100644
--- a/src/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ITableProps } from '@interfaces/componentsProps';
+import type { ITableProps } from '../../common/interfaces/componentsProps';
 import { computed, type Ref, ref } from 'vue';
 import {
   convertThemeToColor,
diff --git a/src/components/Table/components/TableCell.vue b/src/components/Table/components/TableCell.vue
index 867db267b02200201ba32469993e265b5846c13c..a4c6aff2dfd944b185be5f1234108fa169e9c64f 100644
--- a/src/components/Table/components/TableCell.vue
+++ b/src/components/Table/components/TableCell.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import { filterCheckboxProps, filterSelectProps } from '../helpers';
-import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
+import type { ITableColumn, TTableColumnType } from '../../../common/interfaces/componentsProp';
 import Checkbox from '../../Checkbox/Checkbox.vue';
 import Select from '../../Select/Select.vue';
 import Rating from '../../Rating/Rating.vue';
 import ProgressBar from '../../ProgressBar/ProgressBar.vue';
 import Knob from '../../Knob/Knob.vue';
-import type { TThemeColor } from '@interfaces/common';
+import type { TThemeColor } from '../../../common/interfaces/common';
 
 interface IProps {
   item: unknown;
diff --git a/src/components/Table/components/TableHeader.vue b/src/components/Table/components/TableHeader.vue
index 800d09451cfb07d2454b024f17326a6bc9552e3a..a91d70984ddb230ea9e051a050036fd34c745a6c 100644
--- a/src/components/Table/components/TableHeader.vue
+++ b/src/components/Table/components/TableHeader.vue
@@ -8,8 +8,8 @@ import Popup from '../../Popup/Popup.vue';
 import Button from '../../Button/Button.vue';
 import CheckMarkIcon from '../../../icons/Mono/CheckMarkIcon.vue';
 import CrossIcon from '../../../icons/Mono/CrossIcon.vue';
-import type { TThemeColor } from '@interfaces/common';
-import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
+import type { TThemeColor } from '../../../common/interfaces/common';
+import type { ITableColumn, TTableColumnType } from '../../../common/interfaces/componentsProp';
 import { computed } from 'vue';
 
 interface Props {
diff --git a/src/components/Table/helpers.ts b/src/components/Table/helpers.ts
index efaf318d928d084a8b9b7cfafb27774628abbdec..ea7123684835d8a7b2476af9e70ffef424b91f9b 100644
--- a/src/components/Table/helpers.ts
+++ b/src/components/Table/helpers.ts
@@ -1,6 +1,6 @@
-import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
-import type { TSize } from '@interfaces/common';
-import type { ICheckboxProps, ISelectProps } from '@interfaces/componentsProps';
+import type { ITableColumn, TTableColumnType } from '../../common/interfaces/componentsProp';
+import type { TSize } from '../../common/interfaces/common';
+import type { ICheckboxProps, ISelectProps } from '../../common/interfaces/componentsProps';
 
 export const calcRows = (
   initRows: unknown[][] | undefined,
diff --git a/src/components/Tag/Tag.vue b/src/components/Tag/Tag.vue
index 2eb93ebe030888b3efd970e562e44dbd00c64178..c6bc653f2e4c1c4b1a94fa5708a9ff455825195a 100644
--- a/src/components/Tag/Tag.vue
+++ b/src/components/Tag/Tag.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ITagProps } from '@interfaces/componentsProps';
+import type { ITagProps } from '../../common/interfaces/componentsProps';
 import { computed } from 'vue';
 import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
-import { iconsSet } from '@/common/constants/icons';
+import { iconsSet } from '../../common/constants/icons';
 
 const props = withDefaults(defineProps<ITagProps>(), {
   value: 'Tag',
diff --git a/src/components/Toast/Toast.vue b/src/components/Toast/Toast.vue
index 27dd30d6fe30dccf940274c915774fd2ecdeb8ee..8ddd772f3d3c903afcb4c39179d5281dc69c14d0 100644
--- a/src/components/Toast/Toast.vue
+++ b/src/components/Toast/Toast.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { IToastProps } from '@interfaces/componentsProps';
+import type { IToastProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, type Ref, watch } from 'vue';
 import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
-import type { TToastType } from '@interfaces/componentsProp';
-import { iconsSet } from '@/common/constants/icons';
+import type { TToastType } from '../../common/interfaces/componentsProp';
+import { iconsSet } from '../../common/constants/icons';
 import CrossIcon from '../../icons/Mono/CrossIcon.vue';
-import type { TThemeColor } from '@interfaces/common';
+import type { TThemeColor } from '../../common/interfaces/common';
 
 const props = withDefaults(defineProps<IToastProps>(), {
   type: 'success',
diff --git a/src/components/ToggleSwitch/ToggleSwitch.vue b/src/components/ToggleSwitch/ToggleSwitch.vue
index 168a83e433e978056e3ab5c1ffe2d5c17f35cb26..79578bec2c11aa4c484e4d30279d2bc69a648b93 100644
--- a/src/components/ToggleSwitch/ToggleSwitch.vue
+++ b/src/components/ToggleSwitch/ToggleSwitch.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, type Ref } from 'vue';
-import type { ITSProps } from '@interfaces/componentsProps';
+import type { ITSProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToColor } from '../../common/helpers/common';
 
 const props = withDefaults(defineProps<ITSProps>(), {
diff --git a/src/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue
index c9e488131f6feefd1722b4581cecdb1b2d3d6973..13c6a14e75e1e9bbf944b6a712a8830a669a25d6 100644
--- a/src/components/TreeList/TreeItems.vue
+++ b/src/components/TreeList/TreeItems.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { iconsSet } from '@/common/constants/icons';
+import { iconsSet } from '../../common/constants/icons';
 import TriangleIcon from '../../icons/Mono/TriangleIcon.vue';
-import type { ITIProps } from '@interfaces/componentsProps';
+import type { ITIProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToColor } from '../../common/helpers/common';
 
 defineProps<ITIProps>();
diff --git a/src/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue
index 274ed3fbb1835cdb6c963ee51b3ad83089060e58..6d6bc87ba2e84d1f844ab9ffab0796ab2e85ea54 100644
--- a/src/components/TreeList/TreeList.vue
+++ b/src/components/TreeList/TreeList.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
-import type { ITreeItem } from '@interfaces/componentsProp';
+import type { ITreeItem } from '../../common/interfaces/componentsProp';
 import TreeItems from './TreeItems.vue';
-import type { ITLProps } from '@interfaces/componentsProps';
+import type { ITLProps } from '../../common/interfaces/componentsProps';
 import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
 
 interface IStateItem {
diff --git a/src/postponed/Cropper/Cropper.vue b/src/postponed/Cropper/Cropper.vue
index b481c2de153137d2ef4c228c5645311584158999..edd3ee35a88dcca39a6cce6ee97d969c72216ab4 100644
--- a/src/postponed/Cropper/Cropper.vue
+++ b/src/postponed/Cropper/Cropper.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import type { ICropperProps } from '@interfaces/componentsProps';
+import type { ICropperProps } from '../../common/interfaces/componentsProps';
 import { computed, ref, watch } from 'vue';
 import Button from '../../components/Button/Button.vue';
 import { convertThemeToTextColor } from '../../common/helpers/common';
 import SaveIcon from '../../icons/Mono/SaveIcon.vue';
-import { calcContainerRect } from '@/postponed/Cropper/helpers';
-import CropperSelectedArea from '@/postponed/Cropper/CropperSelectedArea.vue';
+import { calcContainerRect } from './helpers';
+import CropperSelectedArea from './CropperSelectedArea.vue';
 
 const props = withDefaults(defineProps<ICropperProps>(), {
   width: 300,