From ebb6a4996d51d50125601091fdd2fc3d52f1bba2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Tue, 18 Feb 2025 18:58:21 +0500
Subject: [PATCH] fix: remove aliases (not all before)

---
 package.json                                    | 2 +-
 src/common/helpers/colors.ts                    | 2 +-
 src/common/helpers/common.ts                    | 2 +-
 src/common/interfaces/common.ts                 | 2 +-
 src/common/interfaces/componentsProp.ts         | 4 ++--
 src/common/interfaces/componentsProps.ts        | 4 ++--
 src/components/Button/Button.vue                | 2 +-
 src/components/Carousel/Carousel.vue            | 2 +-
 src/components/Checkbox/Checkbox.vue            | 2 +-
 src/components/ColorPicker/Button.vue           | 2 +-
 src/components/ColorPicker/ColorPicker.vue      | 2 +-
 src/components/Divider/Divider.vue              | 2 +-
 src/components/Drawer/Drawer.vue                | 6 +++---
 src/components/InputDiv/InputDiv.vue            | 2 +-
 src/components/InputDiv/helpers.ts              | 2 +-
 src/components/Knob/Knob.vue                    | 2 +-
 src/components/Knob/helpers.ts                  | 4 ++--
 src/components/MenuDial/MenuDial.vue            | 4 ++--
 src/components/Modal/Modal.vue                  | 6 +++---
 src/components/Paginator/Paginator.vue          | 4 ++--
 src/components/Popup/Popup.vue                  | 4 ++--
 src/components/ProgressBar/ProgressBar.vue      | 2 +-
 src/components/Rating/Rating.vue                | 4 ++--
 src/components/Select/Select.vue                | 6 +++---
 src/components/Select/SelectItem.vue            | 6 +++---
 src/components/Select/helpers.ts                | 4 ++--
 src/components/SelectButton/SelectButton.vue    | 4 ++--
 src/components/Slider/Slider.vue                | 2 +-
 src/components/Table/Table.vue                  | 2 +-
 src/components/Table/components/TableCell.vue   | 4 ++--
 src/components/Table/components/TableHeader.vue | 4 ++--
 src/components/Table/helpers.ts                 | 6 +++---
 src/components/Tag/Tag.vue                      | 4 ++--
 src/components/Toast/Toast.vue                  | 8 ++++----
 src/components/ToggleSwitch/ToggleSwitch.vue    | 2 +-
 src/components/TreeList/TreeItems.vue           | 4 ++--
 src/components/TreeList/TreeList.vue            | 4 ++--
 src/postponed/Cropper/Cropper.vue               | 6 +++---
 38 files changed, 67 insertions(+), 67 deletions(-)

diff --git a/package.json b/package.json
index 22ab991..d95d0ca 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 a96677e..ce608b0 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 d1bff4c..7faca75 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 cd37236..c65d971 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 1f7dcb8..d8bff28 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 f948015..6bd4b15 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 18b1925..a20867b 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 c4096fb..d0ff5e8 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 8cf1e5d..4c0d117 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 74ab496..940fce0 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 d8f31e3..feb1726 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 09a3de2..9188387 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 406a056..c595d4a 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 8c0d7a5..c8e144c 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 4ece187..01a7eaf 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 35be2a7..199d824 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 9d7114e..ada965b 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 13b0014..0994e83 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 a193a46..a5b8f32 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 61a08ba..74ecf2f 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 a450980..1870c99 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 d70ab95..5217340 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 37772ce..489246d 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 fc1a19c..b376de3 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 f1e71f3..3cbb988 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 5f8deb6..c4dfca1 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 6535157..ec3531d 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 95cd9da..affaeb1 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 3b81ba4..59295d5 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 867db26..a4c6aff 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 800d094..a91d709 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 efaf318..ea71236 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 2eb93eb..c6bc653 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 27dd30d..8ddd772 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 168a83e..79578be 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 c9e4881..13c6a14 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 274ed3f..6d6bc87 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 b481c2d..edd3ee3 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,
-- 
GitLab