From 7085900b5ef1c5409f2bfa833f48e302e943485d 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: Sat, 18 Jan 2025 17:12:00 +0500
Subject: [PATCH] fix: build and move 'components' and 'icons' dirs from
 'stories' dir to 'src'

---
 src/App.vue                                   | 222 +++++++++---------
 src/Playground.vue                            |  42 ++--
 src/common/constants/icons.ts                 | 222 +++++++++---------
 .../components/Button/Button.stories.ts       |   0
 .../components/Button/Button.vue              |   0
 .../components/Checkbox/Checkbox.stories.ts   |   1 -
 .../components/Checkbox/Checkbox.vue          |   2 +-
 .../components/Divider/Divider.stories.ts     |   0
 .../components/Divider/Divider.vue            |   0
 .../components/Drawer/Drawer.stories.ts       |   0
 .../components/Drawer/Drawer.vue              |   0
 .../components/Knob/Knob.stories.ts           |   1 -
 src/{stories => }/components/Knob/Knob.vue    |  10 +-
 src/{stories => }/components/Knob/helpers.ts  |   0
 .../components/MenuDial/MenuDial.stories.ts   |   0
 .../components/MenuDial/MenuDial.vue          |   2 +-
 .../components/Modal/Modal.stories.ts         |   0
 src/{stories => }/components/Modal/Modal.vue  |   0
 .../components/Popup/Popup.stories.ts         |   2 +-
 src/{stories => }/components/Popup/Popup.vue  |   0
 .../components/Rating/Rating.stories.ts       |   0
 .../components/Rating/Rating.vue              |   2 +-
 .../components/Select/Select.stories.ts       |   0
 .../components/Select/Select.vue              |   6 +-
 .../components/Select/SelectItem.vue          |   0
 .../components/Select/helpers.ts              |   0
 .../SelectButton/SelectButton.stories.ts      |   0
 .../components/SelectButton/SelectButton.vue  |   0
 .../components/Slider/Slider.stories.ts       |   0
 .../components/Slider/Slider.vue              |   0
 .../components/Table/Table.stories.ts         |   1 -
 src/{stories => }/components/Table/Table.vue  |   4 +-
 .../components/Table/TableHeader.vue          |  18 +-
 src/{stories => }/components/Table/helpers.ts |   0
 .../components/Tag/Tag.stories.ts             |   0
 src/{stories => }/components/Tag/Tag.vue      |   0
 .../ToggleSwitch/ToggleSwitch.stories.ts      |   1 -
 .../components/ToggleSwitch/ToggleSwitch.vue  |   0
 .../components/TreeList/TreeItems.vue         |   2 +-
 .../components/TreeList/TreeList.stories.ts   |   0
 .../components/TreeList/TreeList.vue          |   2 +-
 src/{stories => }/icons/Mono/Age18Icon.vue    |   0
 src/{stories => }/icons/Mono/AirplaneIcon.vue |   0
 src/{stories => }/icons/Mono/AlarmIcon.vue    |   0
 .../icons/Mono/AlignCenterIcon.vue            |   0
 .../icons/Mono/AlignLeftIcon.vue              |   0
 .../icons/Mono/AlignRightIcon.vue             |   0
 src/{stories => }/icons/Mono/AnchorIcon.vue   |   0
 .../icons/Mono/AnchorLinkIcon.vue             |   0
 src/{stories => }/icons/Mono/ArchiveIcon.vue  |   0
 .../icons/Mono/ArrowForwardIcon.vue           |   0
 .../icons/Mono/ArrowLeftIcon.vue              |   0
 .../icons/Mono/ArrowRightIcon.vue             |   0
 .../icons/Mono/ArrowShortDownIcon.vue         |   0
 .../icons/Mono/ArrowsVerticalIcon.vue         |   0
 src/{stories => }/icons/Mono/AtIcon.vue       |   0
 src/{stories => }/icons/Mono/AwardIcon.vue    |   0
 .../icons/Mono/BackspaceIcon.vue              |   0
 src/{stories => }/icons/Mono/BadgeIcon.vue    |   0
 .../icons/Mono/BallFootballIcon.vue           |   0
 src/{stories => }/icons/Mono/BallIcon.vue     |   0
 src/{stories => }/icons/Mono/BanknoteIcon.vue |   0
 src/{stories => }/icons/Mono/BellIcon.vue     |   0
 src/{stories => }/icons/Mono/BellOffIcon.vue  |   0
 src/{stories => }/icons/Mono/BoxIcon.vue      |   0
 .../icons/Mono/BrightnessIcon.vue             |   0
 src/{stories => }/icons/Mono/BulbIcon.vue     |   0
 .../icons/Mono/CalculatorIcon.vue             |   0
 .../icons/Mono/CalendarAddIcon.vue            |   0
 src/{stories => }/icons/Mono/CalendarIcon.vue |   0
 .../icons/Mono/CalendarRemoveIcon.vue         |   0
 src/{stories => }/icons/Mono/CardsIcon.vue    |   0
 .../icons/Mono/ChartLineIcon.vue              |   0
 src/{stories => }/icons/Mono/ChartPieIcon.vue |   0
 src/{stories => }/icons/Mono/ChatIcon.vue     |   0
 .../icons/Mono/ChatWritingIcon.vue            |   0
 .../icons/Mono/CheckMarkIcon.vue              |   0
 .../icons/Mono/ChemistryFlaskIcon.vue         |   0
 src/{stories => }/icons/Mono/CodeIcon.vue     |   0
 src/{stories => }/icons/Mono/CoinsIcon.vue    |   0
 .../icons/Mono/ColorPaletteIcon.vue           |   0
 src/{stories => }/icons/Mono/CompassIcon.vue  |   0
 .../icons/Mono/ConstructionWorkerIcon.vue     |   0
 src/{stories => }/icons/Mono/ContactsIcon.vue |   0
 src/{stories => }/icons/Mono/CropIcon.vue     |   0
 .../icons/Mono/CrossCircleIcon.vue            |   0
 src/{stories => }/icons/Mono/CrossIcon.vue    |   0
 src/{stories => }/icons/Mono/CubeIcon.vue     |   0
 src/{stories => }/icons/Mono/CupIcon.vue      |   0
 src/{stories => }/icons/Mono/CursorIcon.vue   |   0
 src/{stories => }/icons/Mono/DiamondIcon.vue  |   0
 src/{stories => }/icons/Mono/DiaryIcon.vue    |   0
 src/{stories => }/icons/Mono/DiceIcon.vue     |   0
 src/{stories => }/icons/Mono/DigIcon.vue      |   0
 src/{stories => }/icons/Mono/DislikeIcon.vue  |   0
 src/{stories => }/icons/Mono/DisplayIcon.vue  |   0
 .../icons/Mono/DocumentAddIcon.vue            |   0
 .../icons/Mono/DocumentDeleteIcon.vue         |   0
 .../icons/Mono/DocumentEditIcon.vue           |   0
 src/{stories => }/icons/Mono/DocumentIcon.vue |   0
 src/{stories => }/icons/Mono/DollarIcon.vue   |   0
 .../icons/Mono/DotsHorizontalIcon.vue         |   0
 .../icons/Mono/DotsVerticalIcon.vue           |   0
 src/{stories => }/icons/Mono/DownloadIcon.vue |   0
 src/{stories => }/icons/Mono/DropIcon.vue     |   0
 src/{stories => }/icons/Mono/DumbbelIcon.vue  |   0
 src/{stories => }/icons/Mono/EarthIcon.vue    |   0
 src/{stories => }/icons/Mono/EditIcon.vue     |   0
 .../icons/Mono/EncyclopediaIcon.vue           |   0
 src/{stories => }/icons/Mono/ExitIcon.vue     |   0
 src/{stories => }/icons/Mono/EyeIcon.vue      |   0
 src/{stories => }/icons/Mono/FeedbackIcon.vue |   0
 src/{stories => }/icons/Mono/FilterIcon.vue   |   0
 .../icons/Mono/FingerprintIcon.vue            |   0
 src/{stories => }/icons/Mono/FireIcon.vue     |   0
 src/{stories => }/icons/Mono/FlagIcon.vue     |   0
 src/{stories => }/icons/Mono/FlashIcon.vue    |   0
 .../icons/Mono/FlashlightIcon.vue             |   0
 .../icons/Mono/FolderLockIcon.vue             |   0
 src/{stories => }/icons/Mono/FrameIcon.vue    |   0
 .../icons/Mono/FullScreenIcon.vue             |   0
 .../icons/Mono/GameControllerIcon.vue         |   0
 src/{stories => }/icons/Mono/GiftIcon.vue     |   0
 src/{stories => }/icons/Mono/GlassesIcon.vue  |   0
 .../icons/Mono/HamburgerIcon.vue              |   0
 src/{stories => }/icons/Mono/HandIcon.vue     |   0
 src/{stories => }/icons/Mono/HomeIcon.vue     |   0
 .../icons/Mono/ImageEditIcon.vue              |   0
 src/{stories => }/icons/Mono/ImageIcon.vue    |   0
 .../icons/Mono/LineDashedIcon.vue             |   0
 .../icons/Mono/LineDiagonalIcon.vue           |   0
 .../icons/Mono/LineDottedIcon.vue             |   0
 src/{stories => }/icons/Mono/LineIcon.vue     |   0
 src/{stories => }/icons/Mono/MoveIcon.vue     |   0
 .../icons/Mono/ParagraphIcon.vue              |   0
 .../icons/Mono/PhoneHandsetIcon.vue           |   0
 .../icons/Mono/PlusCircleIcon.vue             |   0
 src/{stories => }/icons/Mono/PlusIcon.vue     |   0
 src/{stories => }/icons/Mono/PointerIcon.vue  |   0
 src/{stories => }/icons/Mono/SaveIcon.vue     |   0
 src/{stories => }/icons/Mono/SearchIcon.vue   |   0
 src/{stories => }/icons/Mono/SettingsIcon.vue |   0
 src/{stories => }/icons/Mono/SortDownIcon.vue |   0
 .../icons/Mono/SortHorizontalIcon.vue         |   0
 src/{stories => }/icons/Mono/SortUpIcon.vue   |   0
 .../icons/Mono/SortVerticalIcon.vue           |   0
 .../icons/Mono/StarFilledIcon.vue             |   0
 src/{stories => }/icons/Mono/StarIcon.vue     |   0
 src/{stories => }/icons/Mono/TableIcon.vue    |   0
 src/{stories => }/icons/Mono/TrashIcon.vue    |   0
 src/{stories => }/icons/Mono/TriangleIcon.vue |   0
 src/{stories => }/icons/Mono/UserIcon.vue     |   0
 tsconfig.app.json                             |   2 +-
 vite.config.ts                                |   2 +-
 154 files changed, 267 insertions(+), 277 deletions(-)
 rename src/{stories => }/components/Button/Button.stories.ts (100%)
 rename src/{stories => }/components/Button/Button.vue (100%)
 rename src/{stories => }/components/Checkbox/Checkbox.stories.ts (98%)
 rename src/{stories => }/components/Checkbox/Checkbox.vue (98%)
 rename src/{stories => }/components/Divider/Divider.stories.ts (100%)
 rename src/{stories => }/components/Divider/Divider.vue (100%)
 rename src/{stories => }/components/Drawer/Drawer.stories.ts (100%)
 rename src/{stories => }/components/Drawer/Drawer.vue (100%)
 rename src/{stories => }/components/Knob/Knob.stories.ts (98%)
 rename src/{stories => }/components/Knob/Knob.vue (96%)
 rename src/{stories => }/components/Knob/helpers.ts (100%)
 rename src/{stories => }/components/MenuDial/MenuDial.stories.ts (100%)
 rename src/{stories => }/components/MenuDial/MenuDial.vue (98%)
 rename src/{stories => }/components/Modal/Modal.stories.ts (100%)
 rename src/{stories => }/components/Modal/Modal.vue (100%)
 rename src/{stories => }/components/Popup/Popup.stories.ts (97%)
 rename src/{stories => }/components/Popup/Popup.vue (100%)
 rename src/{stories => }/components/Rating/Rating.stories.ts (100%)
 rename src/{stories => }/components/Rating/Rating.vue (97%)
 rename src/{stories => }/components/Select/Select.stories.ts (100%)
 rename src/{stories => }/components/Select/Select.vue (97%)
 rename src/{stories => }/components/Select/SelectItem.vue (100%)
 rename src/{stories => }/components/Select/helpers.ts (100%)
 rename src/{stories => }/components/SelectButton/SelectButton.stories.ts (100%)
 rename src/{stories => }/components/SelectButton/SelectButton.vue (100%)
 rename src/{stories => }/components/Slider/Slider.stories.ts (100%)
 rename src/{stories => }/components/Slider/Slider.vue (100%)
 rename src/{stories => }/components/Table/Table.stories.ts (99%)
 rename src/{stories => }/components/Table/Table.vue (96%)
 rename src/{stories => }/components/Table/TableHeader.vue (88%)
 rename src/{stories => }/components/Table/helpers.ts (100%)
 rename src/{stories => }/components/Tag/Tag.stories.ts (100%)
 rename src/{stories => }/components/Tag/Tag.vue (100%)
 rename src/{stories => }/components/ToggleSwitch/ToggleSwitch.stories.ts (98%)
 rename src/{stories => }/components/ToggleSwitch/ToggleSwitch.vue (100%)
 rename src/{stories => }/components/TreeList/TreeItems.vue (98%)
 rename src/{stories => }/components/TreeList/TreeList.stories.ts (100%)
 rename src/{stories => }/components/TreeList/TreeList.vue (96%)
 rename src/{stories => }/icons/Mono/Age18Icon.vue (100%)
 rename src/{stories => }/icons/Mono/AirplaneIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AlarmIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AlignCenterIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AlignLeftIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AlignRightIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AnchorIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AnchorLinkIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArchiveIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArrowForwardIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArrowLeftIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArrowRightIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArrowShortDownIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ArrowsVerticalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AtIcon.vue (100%)
 rename src/{stories => }/icons/Mono/AwardIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BackspaceIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BadgeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BallFootballIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BallIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BanknoteIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BellIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BellOffIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BoxIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BrightnessIcon.vue (100%)
 rename src/{stories => }/icons/Mono/BulbIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CalculatorIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CalendarAddIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CalendarIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CalendarRemoveIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CardsIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ChartLineIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ChartPieIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ChatIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ChatWritingIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CheckMarkIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ChemistryFlaskIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CodeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CoinsIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ColorPaletteIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CompassIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ConstructionWorkerIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ContactsIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CropIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CrossCircleIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CrossIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CubeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CupIcon.vue (100%)
 rename src/{stories => }/icons/Mono/CursorIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DiamondIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DiaryIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DiceIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DigIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DislikeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DisplayIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DocumentAddIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DocumentDeleteIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DocumentEditIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DocumentIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DollarIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DotsHorizontalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DotsVerticalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DownloadIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DropIcon.vue (100%)
 rename src/{stories => }/icons/Mono/DumbbelIcon.vue (100%)
 rename src/{stories => }/icons/Mono/EarthIcon.vue (100%)
 rename src/{stories => }/icons/Mono/EditIcon.vue (100%)
 rename src/{stories => }/icons/Mono/EncyclopediaIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ExitIcon.vue (100%)
 rename src/{stories => }/icons/Mono/EyeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FeedbackIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FilterIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FingerprintIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FireIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FlagIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FlashIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FlashlightIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FolderLockIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FrameIcon.vue (100%)
 rename src/{stories => }/icons/Mono/FullScreenIcon.vue (100%)
 rename src/{stories => }/icons/Mono/GameControllerIcon.vue (100%)
 rename src/{stories => }/icons/Mono/GiftIcon.vue (100%)
 rename src/{stories => }/icons/Mono/GlassesIcon.vue (100%)
 rename src/{stories => }/icons/Mono/HamburgerIcon.vue (100%)
 rename src/{stories => }/icons/Mono/HandIcon.vue (100%)
 rename src/{stories => }/icons/Mono/HomeIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ImageEditIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ImageIcon.vue (100%)
 rename src/{stories => }/icons/Mono/LineDashedIcon.vue (100%)
 rename src/{stories => }/icons/Mono/LineDiagonalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/LineDottedIcon.vue (100%)
 rename src/{stories => }/icons/Mono/LineIcon.vue (100%)
 rename src/{stories => }/icons/Mono/MoveIcon.vue (100%)
 rename src/{stories => }/icons/Mono/ParagraphIcon.vue (100%)
 rename src/{stories => }/icons/Mono/PhoneHandsetIcon.vue (100%)
 rename src/{stories => }/icons/Mono/PlusCircleIcon.vue (100%)
 rename src/{stories => }/icons/Mono/PlusIcon.vue (100%)
 rename src/{stories => }/icons/Mono/PointerIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SaveIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SearchIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SettingsIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SortDownIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SortHorizontalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SortUpIcon.vue (100%)
 rename src/{stories => }/icons/Mono/SortVerticalIcon.vue (100%)
 rename src/{stories => }/icons/Mono/StarFilledIcon.vue (100%)
 rename src/{stories => }/icons/Mono/StarIcon.vue (100%)
 rename src/{stories => }/icons/Mono/TableIcon.vue (100%)
 rename src/{stories => }/icons/Mono/TrashIcon.vue (100%)
 rename src/{stories => }/icons/Mono/TriangleIcon.vue (100%)
 rename src/{stories => }/icons/Mono/UserIcon.vue (100%)

diff --git a/src/App.vue b/src/App.vue
index d843398..fc3bf13 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,116 +1,116 @@
 <script setup lang="ts">
-import Age18Icon from '@stories/icons/Mono/Age18Icon.vue';
-import AlarmIcon from '@stories/icons/Mono/AlarmIcon.vue';
-import AirplaneIcon from '@stories/icons/Mono/AirplaneIcon.vue';
-import ArrowLeftIcon from '@stories/icons/Mono/ArrowLeftIcon.vue';
-import ArrowForwardIcon from '@stories/icons/Mono/ArrowForwardIcon.vue';
-import ArchiveIcon from '@stories/icons/Mono/ArchiveIcon.vue';
-import AnchorLinkIcon from '@stories/icons/Mono/AnchorLinkIcon.vue';
-import AnchorIcon from '@stories/icons/Mono/AnchorIcon.vue';
-import AlignRightIcon from '@stories/icons/Mono/AlignRightIcon.vue';
-import AlignLeftIcon from '@stories/icons/Mono/AlignLeftIcon.vue';
-import AlignCenterIcon from '@stories/icons/Mono/AlignCenterIcon.vue';
-import ArrowRightIcon from '@stories/icons/Mono/ArrowRightIcon.vue';
-import AtIcon from '@stories/icons/Mono/AtIcon.vue';
-import AwardIcon from '@stories/icons/Mono/AwardIcon.vue';
-import BackspaceIcon from '@stories/icons/Mono/BackspaceIcon.vue';
-import BadgeIcon from '@stories/icons/Mono/BadgeIcon.vue';
-import BallFootballIcon from '@stories/icons/Mono/BallFootballIcon.vue';
-import BallIcon from '@stories/icons/Mono/BallIcon.vue';
-import BanknoteIcon from '@stories/icons/Mono/BanknoteIcon.vue';
-import BellIcon from '@stories/icons/Mono/BellIcon.vue';
-import BellOffIcon from '@stories/icons/Mono/BellOffIcon.vue';
-import BoxIcon from '@stories/icons/Mono/BoxIcon.vue';
-import BrightnessIcon from '@stories/icons/Mono/BrightnessIcon.vue';
-import BulbIcon from '@stories/icons/Mono/BulbIcon.vue';
-import CalculatorIcon from '@stories/icons/Mono/CalculatorIcon.vue';
-import CalendarIcon from '@stories/icons/Mono/CalendarIcon.vue';
-import CalendarAddIcon from '@stories/icons/Mono/CalendarAddIcon.vue';
-import CalendarRemoveIcon from '@stories/icons/Mono/CalendarRemoveIcon.vue';
-import CardsIcon from '@stories/icons/Mono/CardsIcon.vue';
-import ChartLineIcon from '@stories/icons/Mono/ChartLineIcon.vue';
-import ChartPieIcon from '@stories/icons/Mono/ChartPieIcon.vue';
-import ChatIcon from '@stories/icons/Mono/ChatIcon.vue';
-import ChatWritingIcon from '@stories/icons/Mono/ChatWritingIcon.vue';
-import CheckMarkIcon from '@stories/icons/Mono/CheckMarkIcon.vue';
-import ChemistryFlaskIcon from '@stories/icons/Mono/ChemistryFlaskIcon.vue';
-import CodeIcon from '@stories/icons/Mono/CodeIcon.vue';
-import CoinsIcon from '@stories/icons/Mono/CoinsIcon.vue';
-import ColorPaletteIcon from '@stories/icons/Mono/ColorPaletteIcon.vue';
-import CompassIcon from '@stories/icons/Mono/CompassIcon.vue';
-import ConstructionWorkerIcon from '@stories/icons/Mono/ConstructionWorkerIcon.vue';
-import ContactsIcon from '@stories/icons/Mono/ContactsIcon.vue';
-import CropIcon from '@stories/icons/Mono/CropIcon.vue';
-import CrossCircleIcon from '@stories/icons/Mono/CrossCircleIcon.vue';
-import CrossIcon from '@stories/icons/Mono/CrossIcon.vue';
-import CubeIcon from '@stories/icons/Mono/CubeIcon.vue';
-import CupIcon from '@stories/icons/Mono/CupIcon.vue';
-import CursorIcon from '@stories/icons/Mono/CursorIcon.vue';
-import LineDashedIcon from '@stories/icons/Mono/LineDashedIcon.vue';
-import LineDiagonalIcon from '@stories/icons/Mono/LineDiagonalIcon.vue';
-import DiamondIcon from '@stories/icons/Mono/DiamondIcon.vue';
-import DiaryIcon from '@stories/icons/Mono/DiaryIcon.vue';
-import DiceIcon from '@stories/icons/Mono/DiceIcon.vue';
-import DigIcon from '@stories/icons/Mono/DigIcon.vue';
-import DislikeIcon from '@stories/icons/Mono/DislikeIcon.vue';
-import DisplayIcon from '@stories/icons/Mono/DisplayIcon.vue';
-import DocumentIcon from '@stories/icons/Mono/DocumentIcon.vue';
-import DollarIcon from '@stories/icons/Mono/DollarIcon.vue';
-import DotsHorizontalIcon from '@stories/icons/Mono/DotsHorizontalIcon.vue';
-import DotsVerticalIcon from '@stories/icons/Mono/DotsVerticalIcon.vue';
-import LineDottedIcon from '@stories/icons/Mono/LineDottedIcon.vue';
-import DownloadIcon from '@stories/icons/Mono/DownloadIcon.vue';
-import DropIcon from '@stories/icons/Mono/DropIcon.vue';
-import DumbbelIcon from '@stories/icons/Mono/DumbbelIcon.vue';
-import EarthIcon from '@stories/icons/Mono/EarthIcon.vue';
-import EditIcon from '@stories/icons/Mono/EditIcon.vue';
-import EyeIcon from '@stories/icons/Mono/EyeIcon.vue';
-import EncyclopediaIcon from '@stories/icons/Mono/EncyclopediaIcon.vue';
-import ExitIcon from '@stories/icons/Mono/ExitIcon.vue';
-import FeedbackIcon from '@stories/icons/Mono/FeedbackIcon.vue';
-import FilterIcon from '@stories/icons/Mono/FilterIcon.vue';
-import FingerprintIcon from '@stories/icons/Mono/FingerprintIcon.vue';
-import FireIcon from '@stories/icons/Mono/FireIcon.vue';
-import FlagIcon from '@stories/icons/Mono/FlagIcon.vue';
-import FlashIcon from '@stories/icons/Mono/FlashIcon.vue';
-import FlashlightIcon from '@stories/icons/Mono/FlashlightIcon.vue';
-import FolderLockIcon from '@stories/icons/Mono/FolderLockIcon.vue';
-import FrameIcon from '@stories/icons/Mono/FrameIcon.vue';
-import FullScreenIcon from '@stories/icons/Mono/FullScreenIcon.vue';
-import GameControllerIcon from '@stories/icons/Mono/GameControllerIcon.vue';
-import GiftIcon from '@stories/icons/Mono/GiftIcon.vue';
-import GlassesIcon from '@stories/icons/Mono/GlassesIcon.vue';
-import HamburgerIcon from '@stories/icons/Mono/HamburgerIcon.vue';
-import HandIcon from '@stories/icons/Mono/HandIcon.vue';
-import HomeIcon from '@stories/icons/Mono/HomeIcon.vue';
-import ImageEditIcon from '@stories/icons/Mono/ImageEditIcon.vue';
-import ImageIcon from '@stories/icons/Mono/ImageIcon.vue';
-import MoveIcon from '@stories/icons/Mono/MoveIcon.vue';
-import DocumentAddIcon from '@stories/icons/Mono/DocumentAddIcon.vue';
-import DocumentDeleteIcon from '@stories/icons/Mono/DocumentDeleteIcon.vue';
-import DocumentEditIcon from '@stories/icons/Mono/DocumentEditIcon.vue';
-import ParagraphIcon from '@stories/icons/Mono/ParagraphIcon.vue';
-import PhoneHandsetIcon from '@stories/icons/Mono/PhoneHandsetIcon.vue';
-import PlusCircleIcon from '@stories/icons/Mono/PlusCircleIcon.vue';
-import PlusIcon from '@stories/icons/Mono/PlusIcon.vue';
-import PointerIcon from '@stories/icons/Mono/PointerIcon.vue';
-import SaveIcon from '@stories/icons/Mono/SaveIcon.vue';
-import SearchIcon from '@stories/icons/Mono/SearchIcon.vue';
-import SettingsIcon from '@stories/icons/Mono/SettingsIcon.vue';
-import SortHorizontalIcon from '@stories/icons/Mono/SortHorizontalIcon.vue';
-import SortDownIcon from '@stories/icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@stories/icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@stories/icons/Mono/SortVerticalIcon.vue';
-import LineIcon from '@stories/icons/Mono/LineIcon.vue';
-import TableIcon from '@stories/icons/Mono/TableIcon.vue';
-import TrashIcon from '@stories/icons/Mono/TrashIcon.vue';
-import UserIcon from '@stories/icons/Mono/UserIcon.vue';
-import ArrowsVerticalIcon from '@stories/icons/Mono/ArrowsVerticalIcon.vue';
-import TriangleIcon from '@stories/icons/Mono/TriangleIcon.vue';
+import Age18Icon from '@icons/Mono/Age18Icon.vue';
+import AlarmIcon from '@icons/Mono/AlarmIcon.vue';
+import AirplaneIcon from '@icons/Mono/AirplaneIcon.vue';
+import ArrowLeftIcon from '@icons/Mono/ArrowLeftIcon.vue';
+import ArrowForwardIcon from '@icons/Mono/ArrowForwardIcon.vue';
+import ArchiveIcon from '@icons/Mono/ArchiveIcon.vue';
+import AnchorLinkIcon from '@icons/Mono/AnchorLinkIcon.vue';
+import AnchorIcon from '@icons/Mono/AnchorIcon.vue';
+import AlignRightIcon from '@icons/Mono/AlignRightIcon.vue';
+import AlignLeftIcon from '@icons/Mono/AlignLeftIcon.vue';
+import AlignCenterIcon from '@icons/Mono/AlignCenterIcon.vue';
+import ArrowRightIcon from '@icons/Mono/ArrowRightIcon.vue';
+import AtIcon from '@icons/Mono/AtIcon.vue';
+import AwardIcon from '@icons/Mono/AwardIcon.vue';
+import BackspaceIcon from '@icons/Mono/BackspaceIcon.vue';
+import BadgeIcon from '@icons/Mono/BadgeIcon.vue';
+import BallFootballIcon from '@icons/Mono/BallFootballIcon.vue';
+import BallIcon from '@icons/Mono/BallIcon.vue';
+import BanknoteIcon from '@icons/Mono/BanknoteIcon.vue';
+import BellIcon from '@icons/Mono/BellIcon.vue';
+import BellOffIcon from '@icons/Mono/BellOffIcon.vue';
+import BoxIcon from '@icons/Mono/BoxIcon.vue';
+import BrightnessIcon from '@icons/Mono/BrightnessIcon.vue';
+import BulbIcon from '@icons/Mono/BulbIcon.vue';
+import CalculatorIcon from '@icons/Mono/CalculatorIcon.vue';
+import CalendarIcon from '@icons/Mono/CalendarIcon.vue';
+import CalendarAddIcon from '@icons/Mono/CalendarAddIcon.vue';
+import CalendarRemoveIcon from '@icons/Mono/CalendarRemoveIcon.vue';
+import CardsIcon from '@icons/Mono/CardsIcon.vue';
+import ChartLineIcon from '@icons/Mono/ChartLineIcon.vue';
+import ChartPieIcon from '@icons/Mono/ChartPieIcon.vue';
+import ChatIcon from '@icons/Mono/ChatIcon.vue';
+import ChatWritingIcon from '@icons/Mono/ChatWritingIcon.vue';
+import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
+import ChemistryFlaskIcon from '@icons/Mono/ChemistryFlaskIcon.vue';
+import CodeIcon from '@icons/Mono/CodeIcon.vue';
+import CoinsIcon from '@icons/Mono/CoinsIcon.vue';
+import ColorPaletteIcon from '@icons/Mono/ColorPaletteIcon.vue';
+import CompassIcon from '@icons/Mono/CompassIcon.vue';
+import ConstructionWorkerIcon from '@icons/Mono/ConstructionWorkerIcon.vue';
+import ContactsIcon from '@icons/Mono/ContactsIcon.vue';
+import CropIcon from '@icons/Mono/CropIcon.vue';
+import CrossCircleIcon from '@icons/Mono/CrossCircleIcon.vue';
+import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import CubeIcon from '@icons/Mono/CubeIcon.vue';
+import CupIcon from '@icons/Mono/CupIcon.vue';
+import CursorIcon from '@icons/Mono/CursorIcon.vue';
+import LineDashedIcon from '@icons/Mono/LineDashedIcon.vue';
+import LineDiagonalIcon from '@icons/Mono/LineDiagonalIcon.vue';
+import DiamondIcon from '@icons/Mono/DiamondIcon.vue';
+import DiaryIcon from '@icons/Mono/DiaryIcon.vue';
+import DiceIcon from '@icons/Mono/DiceIcon.vue';
+import DigIcon from '@icons/Mono/DigIcon.vue';
+import DislikeIcon from '@icons/Mono/DislikeIcon.vue';
+import DisplayIcon from '@icons/Mono/DisplayIcon.vue';
+import DocumentIcon from '@icons/Mono/DocumentIcon.vue';
+import DollarIcon from '@icons/Mono/DollarIcon.vue';
+import DotsHorizontalIcon from '@icons/Mono/DotsHorizontalIcon.vue';
+import DotsVerticalIcon from '@icons/Mono/DotsVerticalIcon.vue';
+import LineDottedIcon from '@icons/Mono/LineDottedIcon.vue';
+import DownloadIcon from '@icons/Mono/DownloadIcon.vue';
+import DropIcon from '@icons/Mono/DropIcon.vue';
+import DumbbelIcon from '@icons/Mono/DumbbelIcon.vue';
+import EarthIcon from '@icons/Mono/EarthIcon.vue';
+import EditIcon from '@icons/Mono/EditIcon.vue';
+import EyeIcon from '@icons/Mono/EyeIcon.vue';
+import EncyclopediaIcon from '@icons/Mono/EncyclopediaIcon.vue';
+import ExitIcon from '@icons/Mono/ExitIcon.vue';
+import FeedbackIcon from '@icons/Mono/FeedbackIcon.vue';
+import FilterIcon from '@icons/Mono/FilterIcon.vue';
+import FingerprintIcon from '@icons/Mono/FingerprintIcon.vue';
+import FireIcon from '@icons/Mono/FireIcon.vue';
+import FlagIcon from '@icons/Mono/FlagIcon.vue';
+import FlashIcon from '@icons/Mono/FlashIcon.vue';
+import FlashlightIcon from '@icons/Mono/FlashlightIcon.vue';
+import FolderLockIcon from '@icons/Mono/FolderLockIcon.vue';
+import FrameIcon from '@icons/Mono/FrameIcon.vue';
+import FullScreenIcon from '@icons/Mono/FullScreenIcon.vue';
+import GameControllerIcon from '@icons/Mono/GameControllerIcon.vue';
+import GiftIcon from '@icons/Mono/GiftIcon.vue';
+import GlassesIcon from '@icons/Mono/GlassesIcon.vue';
+import HamburgerIcon from '@icons/Mono/HamburgerIcon.vue';
+import HandIcon from '@icons/Mono/HandIcon.vue';
+import HomeIcon from '@icons/Mono/HomeIcon.vue';
+import ImageEditIcon from '@icons/Mono/ImageEditIcon.vue';
+import ImageIcon from '@icons/Mono/ImageIcon.vue';
+import MoveIcon from '@icons/Mono/MoveIcon.vue';
+import DocumentAddIcon from '@icons/Mono/DocumentAddIcon.vue';
+import DocumentDeleteIcon from '@icons/Mono/DocumentDeleteIcon.vue';
+import DocumentEditIcon from '@icons/Mono/DocumentEditIcon.vue';
+import ParagraphIcon from '@icons/Mono/ParagraphIcon.vue';
+import PhoneHandsetIcon from '@icons/Mono/PhoneHandsetIcon.vue';
+import PlusCircleIcon from '@icons/Mono/PlusCircleIcon.vue';
+import PlusIcon from '@icons/Mono/PlusIcon.vue';
+import PointerIcon from '@icons/Mono/PointerIcon.vue';
+import SaveIcon from '@icons/Mono/SaveIcon.vue';
+import SearchIcon from '@icons/Mono/SearchIcon.vue';
+import SettingsIcon from '@icons/Mono/SettingsIcon.vue';
+import SortHorizontalIcon from '@icons/Mono/SortHorizontalIcon.vue';
+import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
+import LineIcon from '@icons/Mono/LineIcon.vue';
+import TableIcon from '@icons/Mono/TableIcon.vue';
+import TrashIcon from '@icons/Mono/TrashIcon.vue';
+import UserIcon from '@icons/Mono/UserIcon.vue';
+import ArrowsVerticalIcon from '@icons/Mono/ArrowsVerticalIcon.vue';
+import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
 import Playground from '@/Playground.vue';
-import ArrowShortDownIcon from '@stories/icons/Mono/ArrowShortDownIcon.vue';
-import StarIcon from '@stories/icons/Mono/StarIcon.vue';
-import StarFilledIcon from '@stories/icons/Mono/StarFilledIcon.vue';
+import ArrowShortDownIcon from '@icons/Mono/ArrowShortDownIcon.vue';
+import StarIcon from '@icons/Mono/StarIcon.vue';
+import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
 
 const gentleIcons = {
   Age18Icon,
diff --git a/src/Playground.vue b/src/Playground.vue
index 27fe1cd..cdb68c0 100644
--- a/src/Playground.vue
+++ b/src/Playground.vue
@@ -1,25 +1,25 @@
 <script setup lang="ts">
-import Modal from '@stories/components/Modal/Modal.vue';
-import ToggleSwitch from '@stories/components/ToggleSwitch/ToggleSwitch.vue';
-import AnchorLinkIcon from '@stories/icons/Mono/AnchorLinkIcon.vue';
-import SelectButton from '@stories/components/SelectButton/SelectButton.vue';
-import Drawer from '@stories/components/Drawer/Drawer.vue';
-import Slider from '@stories/components/Slider/Slider.vue';
-import TrashIcon from '@stories/icons/Mono/TrashIcon.vue';
-import CrossIcon from '@stories/icons/Mono/CrossIcon.vue';
-import Button from '@stories/components/Button/Button.vue';
-import MenuDial from '@stories/components/MenuDial/MenuDial.vue';
-import Popup from '@stories/components/Popup/Popup.vue';
-import Table from '@stories/components/Table/Table.vue';
+import Modal from '@components/Modal/Modal.vue';
+import ToggleSwitch from '@components/ToggleSwitch/ToggleSwitch.vue';
+import AnchorLinkIcon from '@icons/Mono/AnchorLinkIcon.vue';
+import SelectButton from '@components/SelectButton/SelectButton.vue';
+import Drawer from '@components/Drawer/Drawer.vue';
+import Slider from '@components/Slider/Slider.vue';
+import TrashIcon from '@icons/Mono/TrashIcon.vue';
+import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import Button from '@components/Button/Button.vue';
+import MenuDial from '@components/MenuDial/MenuDial.vue';
+import Popup from '@components/Popup/Popup.vue';
+import Table from '@components/Table/Table.vue';
 import { ref } from 'vue';
 import type { ISBOption, ISliderOptions, ITableColumn } from '@interfaces/componentsProp';
-import Checkbox from '@stories/components/Checkbox/Checkbox.vue';
-import Tag from '@stories/components/Tag/Tag.vue';
-import Select from '@stories/components/Select/Select.vue';
-import AtIcon from '@stories/icons/Mono/AtIcon.vue';
-import Knob from '@stories/components/Knob/Knob.vue';
-import Rating from '@stories/components/Rating/Rating.vue';
-import HomeIcon from '@stories/icons/Mono/HomeIcon.vue';
+import Checkbox from '@components/Checkbox/Checkbox.vue';
+import Tag from '@components/Tag/Tag.vue';
+import Select from '@components/Select/Select.vue';
+import AtIcon from '@icons/Mono/AtIcon.vue';
+import Knob from '@components/Knob/Knob.vue';
+import Rating from '@components/Rating/Rating.vue';
+import HomeIcon from '@icons/Mono/HomeIcon.vue';
 
 const visibleDrawer = ref(false);
 const sliderOptions: ISliderOptions[] = [
@@ -113,7 +113,7 @@ const tableColumns: ITableColumn[] = [
     type: 'text',
   },
 ];
-const tableData = [
+const tableData = ref([
   [
     {
       value: 'Pete',
@@ -184,7 +184,7 @@ const tableData = [
       value: 'Russia',
     },
   ],
-];
+]);
 const activeCheckbox = ref();
 const selectOptions = [
   {
diff --git a/src/common/constants/icons.ts b/src/common/constants/icons.ts
index 3691b61..fe781d0 100644
--- a/src/common/constants/icons.ts
+++ b/src/common/constants/icons.ts
@@ -1,116 +1,116 @@
 import type { Component } from 'vue';
 
-import Age18Icon from '@stories/icons/Mono/Age18Icon.vue';
-import AirplaneIcon from '@stories/icons/Mono/AirplaneIcon.vue';
-import AlarmIcon from '@stories/icons/Mono/AlarmIcon.vue';
-import AlignCenterIcon from '@stories/icons/Mono/AlignCenterIcon.vue';
-import AlignLeftIcon from '@stories/icons/Mono/AlignLeftIcon.vue';
-import AlignRightIcon from '@stories/icons/Mono/AlignRightIcon.vue';
-import AnchorIcon from '@stories/icons/Mono/AnchorIcon.vue';
-import AnchorLinkIcon from '@stories/icons/Mono/AnchorLinkIcon.vue';
-import ArchiveIcon from '@stories/icons/Mono/ArchiveIcon.vue';
-import ArrowForwardIcon from '@stories/icons/Mono/ArrowForwardIcon.vue';
-import ArrowLeftIcon from '@stories/icons/Mono/ArrowLeftIcon.vue';
-import ArrowRightIcon from '@stories/icons/Mono/ArrowRightIcon.vue';
-import ArrowsVerticalIcon from '@stories/icons/Mono/ArrowsVerticalIcon.vue';
-import AtIcon from '@stories/icons/Mono/AtIcon.vue';
-import AwardIcon from '@stories/icons/Mono/AwardIcon.vue';
-import BackspaceIcon from '@stories/icons/Mono/BackspaceIcon.vue';
-import BadgeIcon from '@stories/icons/Mono/BadgeIcon.vue';
-import BallFootballIcon from '@stories/icons/Mono/BallFootballIcon.vue';
-import BallIcon from '@stories/icons/Mono/BallIcon.vue';
-import BanknoteIcon from '@stories/icons/Mono/BanknoteIcon.vue';
-import BellIcon from '@stories/icons/Mono/BellIcon.vue';
-import BellOffIcon from '@stories/icons/Mono/BellOffIcon.vue';
-import BoxIcon from '@stories/icons/Mono/BoxIcon.vue';
-import BrightnessIcon from '@stories/icons/Mono/BrightnessIcon.vue';
-import BulbIcon from '@stories/icons/Mono/BulbIcon.vue';
-import CalculatorIcon from '@stories/icons/Mono/CalculatorIcon.vue';
-import CalendarAddIcon from '@stories/icons/Mono/CalendarAddIcon.vue';
-import CalendarIcon from '@stories/icons/Mono/CalendarIcon.vue';
-import CalendarRemoveIcon from '@stories/icons/Mono/CalendarRemoveIcon.vue';
-import CardsIcon from '@stories/icons/Mono/CardsIcon.vue';
-import ChartLineIcon from '@stories/icons/Mono/ChartLineIcon.vue';
-import ChartPieIcon from '@stories/icons/Mono/ChartPieIcon.vue';
-import ChatIcon from '@stories/icons/Mono/ChatIcon.vue';
-import CrossCircleIcon from '@stories/icons/Mono/CrossCircleIcon.vue';
-import CropIcon from '@stories/icons/Mono/CropIcon.vue';
-import ChatWritingIcon from '@stories/icons/Mono/ChatWritingIcon.vue';
-import CheckMarkIcon from '@stories/icons/Mono/CheckMarkIcon.vue';
-import ChemistryFlaskIcon from '@stories/icons/Mono/ChemistryFlaskIcon.vue';
-import CodeIcon from '@stories/icons/Mono/CodeIcon.vue';
-import CoinsIcon from '@stories/icons/Mono/CoinsIcon.vue';
-import ColorPaletteIcon from '@stories/icons/Mono/ColorPaletteIcon.vue';
-import CompassIcon from '@stories/icons/Mono/CompassIcon.vue';
-import ConstructionWorkerIcon from '@stories/icons/Mono/ConstructionWorkerIcon.vue';
-import ContactsIcon from '@stories/icons/Mono/ContactsIcon.vue';
-import CrossIcon from '@stories/icons/Mono/CrossIcon.vue';
-import CubeIcon from '@stories/icons/Mono/CubeIcon.vue';
-import CupIcon from '@stories/icons/Mono/CupIcon.vue';
-import CursorIcon from '@stories/icons/Mono/CursorIcon.vue';
-import DiamondIcon from '@stories/icons/Mono/DiamondIcon.vue';
-import DiaryIcon from '@stories/icons/Mono/DiaryIcon.vue';
-import DiceIcon from '@stories/icons/Mono/DiceIcon.vue';
-import DigIcon from '@stories/icons/Mono/DigIcon.vue';
-import DislikeIcon from '@stories/icons/Mono/DislikeIcon.vue';
-import DisplayIcon from '@stories/icons/Mono/DisplayIcon.vue';
-import DocumentIcon from '@stories/icons/Mono/DocumentIcon.vue';
-import DocumentAddIcon from '@stories/icons/Mono/DocumentAddIcon.vue';
-import DocumentDeleteIcon from '@stories/icons/Mono/DocumentDeleteIcon.vue';
-import DocumentEditIcon from '@stories/icons/Mono/DocumentEditIcon.vue';
-import DollarIcon from '@stories/icons/Mono/DollarIcon.vue';
-import DotsHorizontalIcon from '@stories/icons/Mono/DotsHorizontalIcon.vue';
-import DotsVerticalIcon from '@stories/icons/Mono/DotsVerticalIcon.vue';
-import DownloadIcon from '@stories/icons/Mono/DownloadIcon.vue';
-import DropIcon from '@stories/icons/Mono/DropIcon.vue';
-import DumbbelIcon from '@stories/icons/Mono/DumbbelIcon.vue';
-import EarthIcon from '@stories/icons/Mono/EarthIcon.vue';
-import EditIcon from '@stories/icons/Mono/EditIcon.vue';
-import EncyclopediaIcon from '@stories/icons/Mono/EncyclopediaIcon.vue';
-import ExitIcon from '@stories/icons/Mono/ExitIcon.vue';
-import EyeIcon from '@stories/icons/Mono/EyeIcon.vue';
-import FeedbackIcon from '@stories/icons/Mono/FeedbackIcon.vue';
-import FilterIcon from '@stories/icons/Mono/FilterIcon.vue';
-import FingerprintIcon from '@stories/icons/Mono/FingerprintIcon.vue';
-import FireIcon from '@stories/icons/Mono/FireIcon.vue';
-import FlagIcon from '@stories/icons/Mono/FlagIcon.vue';
-import FlashIcon from '@stories/icons/Mono/FlashIcon.vue';
-import FlashlightIcon from '@stories/icons/Mono/FlashlightIcon.vue';
-import FolderLockIcon from '@stories/icons/Mono/FolderLockIcon.vue';
-import FrameIcon from '@stories/icons/Mono/FrameIcon.vue';
-import FullScreenIcon from '@stories/icons/Mono/FullScreenIcon.vue';
-import GameControllerIcon from '@stories/icons/Mono/GameControllerIcon.vue';
-import GiftIcon from '@stories/icons/Mono/GiftIcon.vue';
-import GlassesIcon from '@stories/icons/Mono/GlassesIcon.vue';
-import HamburgerIcon from '@stories/icons/Mono/HamburgerIcon.vue';
-import HandIcon from '@stories/icons/Mono/HandIcon.vue';
-import HomeIcon from '@stories/icons/Mono/HomeIcon.vue';
-import ImageIcon from '@stories/icons/Mono/ImageIcon.vue';
-import ImageEditIcon from '@stories/icons/Mono/ImageEditIcon.vue';
-import LineIcon from '@stories/icons/Mono/LineIcon.vue';
-import LineDashedIcon from '@stories/icons/Mono/LineDashedIcon.vue';
-import LineDottedIcon from '@stories/icons/Mono/LineDottedIcon.vue';
-import LineDiagonalIcon from '@stories/icons/Mono/LineDiagonalIcon.vue';
-import MoveIcon from '@stories/icons/Mono/MoveIcon.vue';
-import ParagraphIcon from '@stories/icons/Mono/ParagraphIcon.vue';
-import PhoneHandsetIcon from '@stories/icons/Mono/PhoneHandsetIcon.vue';
-import PlusCircleIcon from '@stories/icons/Mono/PlusCircleIcon.vue';
-import PlusIcon from '@stories/icons/Mono/PlusIcon.vue';
-import PointerIcon from '@stories/icons/Mono/PointerIcon.vue';
-import SaveIcon from '@stories/icons/Mono/SaveIcon.vue';
-import SettingsIcon from '@stories/icons/Mono/SettingsIcon.vue';
-import TableIcon from '@stories/icons/Mono/TableIcon.vue';
-import TrashIcon from '@stories/icons/Mono/TrashIcon.vue';
-import UserIcon from '@stories/icons/Mono/UserIcon.vue';
-import TriangleIcon from '@stories/icons/Mono/TriangleIcon.vue';
-import SortHorizontalIcon from '@stories/icons/Mono/SortHorizontalIcon.vue';
-import SortDownIcon from '@stories/icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@stories/icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@stories/icons/Mono/SortVerticalIcon.vue';
-import ArrowShortDownIcon from '@stories/icons/Mono/ArrowShortDownIcon.vue';
-import SearchIcon from '@stories/icons/Mono/SearchIcon.vue';
-import StarIcon from '@stories/icons/Mono/StarIcon.vue';
-import StarFilledIcon from '@stories/icons/Mono/StarFilledIcon.vue';
+import Age18Icon from '@icons/Mono/Age18Icon.vue';
+import AirplaneIcon from '@icons/Mono/AirplaneIcon.vue';
+import AlarmIcon from '@icons/Mono/AlarmIcon.vue';
+import AlignCenterIcon from '@icons/Mono/AlignCenterIcon.vue';
+import AlignLeftIcon from '@icons/Mono/AlignLeftIcon.vue';
+import AlignRightIcon from '@icons/Mono/AlignRightIcon.vue';
+import AnchorIcon from '@icons/Mono/AnchorIcon.vue';
+import AnchorLinkIcon from '@icons/Mono/AnchorLinkIcon.vue';
+import ArchiveIcon from '@icons/Mono/ArchiveIcon.vue';
+import ArrowForwardIcon from '@icons/Mono/ArrowForwardIcon.vue';
+import ArrowLeftIcon from '@icons/Mono/ArrowLeftIcon.vue';
+import ArrowRightIcon from '@icons/Mono/ArrowRightIcon.vue';
+import ArrowsVerticalIcon from '@icons/Mono/ArrowsVerticalIcon.vue';
+import AtIcon from '@icons/Mono/AtIcon.vue';
+import AwardIcon from '@icons/Mono/AwardIcon.vue';
+import BackspaceIcon from '@icons/Mono/BackspaceIcon.vue';
+import BadgeIcon from '@icons/Mono/BadgeIcon.vue';
+import BallFootballIcon from '@icons/Mono/BallFootballIcon.vue';
+import BallIcon from '@icons/Mono/BallIcon.vue';
+import BanknoteIcon from '@icons/Mono/BanknoteIcon.vue';
+import BellIcon from '@icons/Mono/BellIcon.vue';
+import BellOffIcon from '@icons/Mono/BellOffIcon.vue';
+import BoxIcon from '@icons/Mono/BoxIcon.vue';
+import BrightnessIcon from '@icons/Mono/BrightnessIcon.vue';
+import BulbIcon from '@icons/Mono/BulbIcon.vue';
+import CalculatorIcon from '@icons/Mono/CalculatorIcon.vue';
+import CalendarAddIcon from '@icons/Mono/CalendarAddIcon.vue';
+import CalendarIcon from '@icons/Mono/CalendarIcon.vue';
+import CalendarRemoveIcon from '@icons/Mono/CalendarRemoveIcon.vue';
+import CardsIcon from '@icons/Mono/CardsIcon.vue';
+import ChartLineIcon from '@icons/Mono/ChartLineIcon.vue';
+import ChartPieIcon from '@icons/Mono/ChartPieIcon.vue';
+import ChatIcon from '@icons/Mono/ChatIcon.vue';
+import CrossCircleIcon from '@icons/Mono/CrossCircleIcon.vue';
+import CropIcon from '@icons/Mono/CropIcon.vue';
+import ChatWritingIcon from '@icons/Mono/ChatWritingIcon.vue';
+import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
+import ChemistryFlaskIcon from '@icons/Mono/ChemistryFlaskIcon.vue';
+import CodeIcon from '@icons/Mono/CodeIcon.vue';
+import CoinsIcon from '@icons/Mono/CoinsIcon.vue';
+import ColorPaletteIcon from '@icons/Mono/ColorPaletteIcon.vue';
+import CompassIcon from '@icons/Mono/CompassIcon.vue';
+import ConstructionWorkerIcon from '@icons/Mono/ConstructionWorkerIcon.vue';
+import ContactsIcon from '@icons/Mono/ContactsIcon.vue';
+import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import CubeIcon from '@icons/Mono/CubeIcon.vue';
+import CupIcon from '@icons/Mono/CupIcon.vue';
+import CursorIcon from '@icons/Mono/CursorIcon.vue';
+import DiamondIcon from '@icons/Mono/DiamondIcon.vue';
+import DiaryIcon from '@icons/Mono/DiaryIcon.vue';
+import DiceIcon from '@icons/Mono/DiceIcon.vue';
+import DigIcon from '@icons/Mono/DigIcon.vue';
+import DislikeIcon from '@icons/Mono/DislikeIcon.vue';
+import DisplayIcon from '@icons/Mono/DisplayIcon.vue';
+import DocumentIcon from '@icons/Mono/DocumentIcon.vue';
+import DocumentAddIcon from '@icons/Mono/DocumentAddIcon.vue';
+import DocumentDeleteIcon from '@icons/Mono/DocumentDeleteIcon.vue';
+import DocumentEditIcon from '@icons/Mono/DocumentEditIcon.vue';
+import DollarIcon from '@icons/Mono/DollarIcon.vue';
+import DotsHorizontalIcon from '@icons/Mono/DotsHorizontalIcon.vue';
+import DotsVerticalIcon from '@icons/Mono/DotsVerticalIcon.vue';
+import DownloadIcon from '@icons/Mono/DownloadIcon.vue';
+import DropIcon from '@icons/Mono/DropIcon.vue';
+import DumbbelIcon from '@icons/Mono/DumbbelIcon.vue';
+import EarthIcon from '@icons/Mono/EarthIcon.vue';
+import EditIcon from '@icons/Mono/EditIcon.vue';
+import EncyclopediaIcon from '@icons/Mono/EncyclopediaIcon.vue';
+import ExitIcon from '@icons/Mono/ExitIcon.vue';
+import EyeIcon from '@icons/Mono/EyeIcon.vue';
+import FeedbackIcon from '@icons/Mono/FeedbackIcon.vue';
+import FilterIcon from '@icons/Mono/FilterIcon.vue';
+import FingerprintIcon from '@icons/Mono/FingerprintIcon.vue';
+import FireIcon from '@icons/Mono/FireIcon.vue';
+import FlagIcon from '@icons/Mono/FlagIcon.vue';
+import FlashIcon from '@icons/Mono/FlashIcon.vue';
+import FlashlightIcon from '@icons/Mono/FlashlightIcon.vue';
+import FolderLockIcon from '@icons/Mono/FolderLockIcon.vue';
+import FrameIcon from '@icons/Mono/FrameIcon.vue';
+import FullScreenIcon from '@icons/Mono/FullScreenIcon.vue';
+import GameControllerIcon from '@icons/Mono/GameControllerIcon.vue';
+import GiftIcon from '@icons/Mono/GiftIcon.vue';
+import GlassesIcon from '@icons/Mono/GlassesIcon.vue';
+import HamburgerIcon from '@icons/Mono/HamburgerIcon.vue';
+import HandIcon from '@icons/Mono/HandIcon.vue';
+import HomeIcon from '@icons/Mono/HomeIcon.vue';
+import ImageIcon from '@icons/Mono/ImageIcon.vue';
+import ImageEditIcon from '@icons/Mono/ImageEditIcon.vue';
+import LineIcon from '@icons/Mono/LineIcon.vue';
+import LineDashedIcon from '@icons/Mono/LineDashedIcon.vue';
+import LineDottedIcon from '@icons/Mono/LineDottedIcon.vue';
+import LineDiagonalIcon from '@icons/Mono/LineDiagonalIcon.vue';
+import MoveIcon from '@icons/Mono/MoveIcon.vue';
+import ParagraphIcon from '@icons/Mono/ParagraphIcon.vue';
+import PhoneHandsetIcon from '@icons/Mono/PhoneHandsetIcon.vue';
+import PlusCircleIcon from '@icons/Mono/PlusCircleIcon.vue';
+import PlusIcon from '@icons/Mono/PlusIcon.vue';
+import PointerIcon from '@icons/Mono/PointerIcon.vue';
+import SaveIcon from '@icons/Mono/SaveIcon.vue';
+import SettingsIcon from '@icons/Mono/SettingsIcon.vue';
+import TableIcon from '@icons/Mono/TableIcon.vue';
+import TrashIcon from '@icons/Mono/TrashIcon.vue';
+import UserIcon from '@icons/Mono/UserIcon.vue';
+import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
+import SortHorizontalIcon from '@icons/Mono/SortHorizontalIcon.vue';
+import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
+import ArrowShortDownIcon from '@icons/Mono/ArrowShortDownIcon.vue';
+import SearchIcon from '@icons/Mono/SearchIcon.vue';
+import StarIcon from '@icons/Mono/StarIcon.vue';
+import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
 
 export const iconsSet: Record<string, Component> = {
   Age18: Age18Icon,
diff --git a/src/stories/components/Button/Button.stories.ts b/src/components/Button/Button.stories.ts
similarity index 100%
rename from src/stories/components/Button/Button.stories.ts
rename to src/components/Button/Button.stories.ts
diff --git a/src/stories/components/Button/Button.vue b/src/components/Button/Button.vue
similarity index 100%
rename from src/stories/components/Button/Button.vue
rename to src/components/Button/Button.vue
diff --git a/src/stories/components/Checkbox/Checkbox.stories.ts b/src/components/Checkbox/Checkbox.stories.ts
similarity index 98%
rename from src/stories/components/Checkbox/Checkbox.stories.ts
rename to src/components/Checkbox/Checkbox.stories.ts
index 9bdc8ac..d377f18 100644
--- a/src/stories/components/Checkbox/Checkbox.stories.ts
+++ b/src/components/Checkbox/Checkbox.stories.ts
@@ -14,7 +14,6 @@ const meta: Meta = {
     },
   },
   argTypes: {
-    active: { control: 'boolean' },
     invalid: { control: 'boolean' },
     disabled: { control: 'boolean' },
     label: { control: 'text' },
diff --git a/src/stories/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
similarity index 98%
rename from src/stories/components/Checkbox/Checkbox.vue
rename to src/components/Checkbox/Checkbox.vue
index d9350f3..b122426 100644
--- a/src/stories/components/Checkbox/Checkbox.vue
+++ b/src/components/Checkbox/Checkbox.vue
@@ -2,7 +2,7 @@
 import type { ICheckboxProps } from '@interfaces/componentsProps';
 import { computed } from 'vue';
 import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
-import CheckMarkIcon from '@stories/icons/Mono/CheckMarkIcon.vue';
+import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
 
 const props = withDefaults(defineProps<ICheckboxProps>(), {
   label: '',
diff --git a/src/stories/components/Divider/Divider.stories.ts b/src/components/Divider/Divider.stories.ts
similarity index 100%
rename from src/stories/components/Divider/Divider.stories.ts
rename to src/components/Divider/Divider.stories.ts
diff --git a/src/stories/components/Divider/Divider.vue b/src/components/Divider/Divider.vue
similarity index 100%
rename from src/stories/components/Divider/Divider.vue
rename to src/components/Divider/Divider.vue
diff --git a/src/stories/components/Drawer/Drawer.stories.ts b/src/components/Drawer/Drawer.stories.ts
similarity index 100%
rename from src/stories/components/Drawer/Drawer.stories.ts
rename to src/components/Drawer/Drawer.stories.ts
diff --git a/src/stories/components/Drawer/Drawer.vue b/src/components/Drawer/Drawer.vue
similarity index 100%
rename from src/stories/components/Drawer/Drawer.vue
rename to src/components/Drawer/Drawer.vue
diff --git a/src/stories/components/Knob/Knob.stories.ts b/src/components/Knob/Knob.stories.ts
similarity index 98%
rename from src/stories/components/Knob/Knob.stories.ts
rename to src/components/Knob/Knob.stories.ts
index 3f40bb0..8376357 100644
--- a/src/stories/components/Knob/Knob.stories.ts
+++ b/src/components/Knob/Knob.stories.ts
@@ -18,7 +18,6 @@ const meta: Meta = {
     showLabel: { control: 'boolean' },
     colorAsTheme: { control: 'boolean' },
     textBold: { control: 'boolean' },
-    value: { control: 'number' },
     min: { control: 'number' },
     max: { control: 'number' },
     step: { control: 'number' },
diff --git a/src/stories/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
similarity index 96%
rename from src/stories/components/Knob/Knob.vue
rename to src/components/Knob/Knob.vue
index 2067af9..6caf768 100644
--- a/src/stories/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -2,14 +2,8 @@
 import type { IKnobProps } from '@interfaces/componentsProps';
 import { computed, ref, type Ref } from 'vue';
 import { convertThemeToColor } from '@helpers/common';
-import {
-  calcCenter,
-  calcStart,
-  calcNewValue,
-  calcThemeColor,
-  calcContainerSize,
-} from '@stories/components/Knob/helpers';
-import Button from '@stories/components/Button/Button.vue';
+import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from '@components/Knob/helpers';
+import Button from '@components/Button/Button.vue';
 
 const props = withDefaults(defineProps<IKnobProps>(), {
   value: 0,
diff --git a/src/stories/components/Knob/helpers.ts b/src/components/Knob/helpers.ts
similarity index 100%
rename from src/stories/components/Knob/helpers.ts
rename to src/components/Knob/helpers.ts
diff --git a/src/stories/components/MenuDial/MenuDial.stories.ts b/src/components/MenuDial/MenuDial.stories.ts
similarity index 100%
rename from src/stories/components/MenuDial/MenuDial.stories.ts
rename to src/components/MenuDial/MenuDial.stories.ts
diff --git a/src/stories/components/MenuDial/MenuDial.vue b/src/components/MenuDial/MenuDial.vue
similarity index 98%
rename from src/stories/components/MenuDial/MenuDial.vue
rename to src/components/MenuDial/MenuDial.vue
index 6b492ac..c7bbc57 100644
--- a/src/stories/components/MenuDial/MenuDial.vue
+++ b/src/components/MenuDial/MenuDial.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import type { IMDProps } from '@interfaces/componentsProps';
-import PlusIcon from '@stories/icons/Mono/PlusIcon.vue';
+import PlusIcon from '@icons/Mono/PlusIcon.vue';
 import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
 import type { IMDItemProps } from '@interfaces/componentsProp';
 
diff --git a/src/stories/components/Modal/Modal.stories.ts b/src/components/Modal/Modal.stories.ts
similarity index 100%
rename from src/stories/components/Modal/Modal.stories.ts
rename to src/components/Modal/Modal.stories.ts
diff --git a/src/stories/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
similarity index 100%
rename from src/stories/components/Modal/Modal.vue
rename to src/components/Modal/Modal.vue
diff --git a/src/stories/components/Popup/Popup.stories.ts b/src/components/Popup/Popup.stories.ts
similarity index 97%
rename from src/stories/components/Popup/Popup.stories.ts
rename to src/components/Popup/Popup.stories.ts
index 29237c6..01a0d75 100644
--- a/src/stories/components/Popup/Popup.stories.ts
+++ b/src/components/Popup/Popup.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
 
 import Popup from './Popup.vue';
-import Button from '@stories/components/Button/Button.vue';
+import Button from '@components/Button/Button.vue';
 
 const meta: Meta = {
   title: 'Components/Popup',
diff --git a/src/stories/components/Popup/Popup.vue b/src/components/Popup/Popup.vue
similarity index 100%
rename from src/stories/components/Popup/Popup.vue
rename to src/components/Popup/Popup.vue
diff --git a/src/stories/components/Rating/Rating.stories.ts b/src/components/Rating/Rating.stories.ts
similarity index 100%
rename from src/stories/components/Rating/Rating.stories.ts
rename to src/components/Rating/Rating.stories.ts
diff --git a/src/stories/components/Rating/Rating.vue b/src/components/Rating/Rating.vue
similarity index 97%
rename from src/stories/components/Rating/Rating.vue
rename to src/components/Rating/Rating.vue
index 6f32d32..b202f46 100644
--- a/src/stories/components/Rating/Rating.vue
+++ b/src/components/Rating/Rating.vue
@@ -2,7 +2,7 @@
 import type { IRatingProps } from '@interfaces/componentsProps';
 import { computed, type Ref, ref } from 'vue';
 import { iconsSet } from '@/common/constants/icons';
-import StarFilledIcon from '@stories/icons/Mono/StarFilledIcon.vue';
+import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
 import { convertThemeToColor } from '@helpers/common';
 
 const props = withDefaults(defineProps<IRatingProps>(), {
diff --git a/src/stories/components/Select/Select.stories.ts b/src/components/Select/Select.stories.ts
similarity index 100%
rename from src/stories/components/Select/Select.stories.ts
rename to src/components/Select/Select.stories.ts
diff --git a/src/stories/components/Select/Select.vue b/src/components/Select/Select.vue
similarity index 97%
rename from src/stories/components/Select/Select.vue
rename to src/components/Select/Select.vue
index 444efff..45fdd28 100644
--- a/src/stories/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -4,9 +4,9 @@ import { computed, ref } from 'vue';
 import { convertThemeToColor } from '@helpers/common';
 import { iconsSet } from '@/common/constants/icons';
 import type { TThemeColor } from '@interfaces/common';
-import SelectItem from '@stories/components/Select/SelectItem.vue';
-import SearchIcon from '@stories/icons/Mono/SearchIcon.vue';
-import { calcFontSize, calcPadding, getOptionsGroups } from '@stories/components/Select/helpers';
+import SelectItem from '@components/Select/SelectItem.vue';
+import SearchIcon from '@icons/Mono/SearchIcon.vue';
+import { calcFontSize, calcPadding, getOptionsGroups } from '@components/Select/helpers';
 
 const props = withDefaults(defineProps<ISelectProps>(), {
   size: 'normal',
diff --git a/src/stories/components/Select/SelectItem.vue b/src/components/Select/SelectItem.vue
similarity index 100%
rename from src/stories/components/Select/SelectItem.vue
rename to src/components/Select/SelectItem.vue
diff --git a/src/stories/components/Select/helpers.ts b/src/components/Select/helpers.ts
similarity index 100%
rename from src/stories/components/Select/helpers.ts
rename to src/components/Select/helpers.ts
diff --git a/src/stories/components/SelectButton/SelectButton.stories.ts b/src/components/SelectButton/SelectButton.stories.ts
similarity index 100%
rename from src/stories/components/SelectButton/SelectButton.stories.ts
rename to src/components/SelectButton/SelectButton.stories.ts
diff --git a/src/stories/components/SelectButton/SelectButton.vue b/src/components/SelectButton/SelectButton.vue
similarity index 100%
rename from src/stories/components/SelectButton/SelectButton.vue
rename to src/components/SelectButton/SelectButton.vue
diff --git a/src/stories/components/Slider/Slider.stories.ts b/src/components/Slider/Slider.stories.ts
similarity index 100%
rename from src/stories/components/Slider/Slider.stories.ts
rename to src/components/Slider/Slider.stories.ts
diff --git a/src/stories/components/Slider/Slider.vue b/src/components/Slider/Slider.vue
similarity index 100%
rename from src/stories/components/Slider/Slider.vue
rename to src/components/Slider/Slider.vue
diff --git a/src/stories/components/Table/Table.stories.ts b/src/components/Table/Table.stories.ts
similarity index 99%
rename from src/stories/components/Table/Table.stories.ts
rename to src/components/Table/Table.stories.ts
index 18c530d..c448481 100644
--- a/src/stories/components/Table/Table.stories.ts
+++ b/src/components/Table/Table.stories.ts
@@ -15,7 +15,6 @@ const meta: Meta = {
   },
   argTypes: {
     columns: { control: 'text' },
-    data: { control: 'text' },
     fontSize: { control: 'text' },
     gap: { control: 'text' },
     size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
diff --git a/src/stories/components/Table/Table.vue b/src/components/Table/Table.vue
similarity index 96%
rename from src/stories/components/Table/Table.vue
rename to src/components/Table/Table.vue
index 43e754a..4ff2397 100644
--- a/src/stories/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -3,8 +3,8 @@ import type { ITableProps } from '@interfaces/componentsProps';
 import { computed, ref, watch } from 'vue';
 import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
 import type { ITableItem } from '@interfaces/componentsProp';
-import { calcAdditionalHeight, calcGap, calcRows } from '@stories/components/Table/helpers';
-import TableHeader from '@stories/components/Table/TableHeader.vue';
+import { calcAdditionalHeight, calcGap, calcRows } from '@components/Table/helpers';
+import TableHeader from '@components/Table/TableHeader.vue';
 
 const props = withDefaults(defineProps<ITableProps>(), {
   size: 'normal',
diff --git a/src/stories/components/Table/TableHeader.vue b/src/components/Table/TableHeader.vue
similarity index 88%
rename from src/stories/components/Table/TableHeader.vue
rename to src/components/Table/TableHeader.vue
index 1326490..c21051f 100644
--- a/src/stories/components/Table/TableHeader.vue
+++ b/src/components/Table/TableHeader.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import FilterIcon from '@stories/icons/Mono/FilterIcon.vue';
-import SortDownIcon from '@stories/icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@stories/icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@stories/icons/Mono/SortVerticalIcon.vue';
-import { calcColumnPadding } from '@stories/components/Table/helpers';
-import Popup from '@stories/components/Popup/Popup.vue';
-import Button from '@stories/components/Button/Button.vue';
-import CheckMarkIcon from '@stories/icons/Mono/CheckMarkIcon.vue';
-import CrossIcon from '@stories/icons/Mono/CrossIcon.vue';
+import FilterIcon from '@icons/Mono/FilterIcon.vue';
+import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
+import { calcColumnPadding } from '@components/Table/helpers';
+import Popup from '@components/Popup/Popup.vue';
+import Button from '@components/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 } from '@interfaces/componentsProp';
 import { computed } from 'vue';
diff --git a/src/stories/components/Table/helpers.ts b/src/components/Table/helpers.ts
similarity index 100%
rename from src/stories/components/Table/helpers.ts
rename to src/components/Table/helpers.ts
diff --git a/src/stories/components/Tag/Tag.stories.ts b/src/components/Tag/Tag.stories.ts
similarity index 100%
rename from src/stories/components/Tag/Tag.stories.ts
rename to src/components/Tag/Tag.stories.ts
diff --git a/src/stories/components/Tag/Tag.vue b/src/components/Tag/Tag.vue
similarity index 100%
rename from src/stories/components/Tag/Tag.vue
rename to src/components/Tag/Tag.vue
diff --git a/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts b/src/components/ToggleSwitch/ToggleSwitch.stories.ts
similarity index 98%
rename from src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts
rename to src/components/ToggleSwitch/ToggleSwitch.stories.ts
index a17df1c..6592302 100644
--- a/src/stories/components/ToggleSwitch/ToggleSwitch.stories.ts
+++ b/src/components/ToggleSwitch/ToggleSwitch.stories.ts
@@ -14,7 +14,6 @@ const meta: Meta = {
     },
   },
   argTypes: {
-    active: { control: 'boolean' },
     size: { control: 'select', options: ['small', 'normal', 'large', 'huge'] },
     negativeTheme: {
       control: 'select',
diff --git a/src/stories/components/ToggleSwitch/ToggleSwitch.vue b/src/components/ToggleSwitch/ToggleSwitch.vue
similarity index 100%
rename from src/stories/components/ToggleSwitch/ToggleSwitch.vue
rename to src/components/ToggleSwitch/ToggleSwitch.vue
diff --git a/src/stories/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue
similarity index 98%
rename from src/stories/components/TreeList/TreeItems.vue
rename to src/components/TreeList/TreeItems.vue
index 81f871e..f396073 100644
--- a/src/stories/components/TreeList/TreeItems.vue
+++ b/src/components/TreeList/TreeItems.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { iconsSet } from '@/common/constants/icons';
-import TriangleIcon from '@stories/icons/Mono/TriangleIcon.vue';
+import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
 import type { ITIProps } from '@interfaces/componentsProps';
 import { convertThemeToColor } from '@helpers/common';
 
diff --git a/src/stories/components/TreeList/TreeList.stories.ts b/src/components/TreeList/TreeList.stories.ts
similarity index 100%
rename from src/stories/components/TreeList/TreeList.stories.ts
rename to src/components/TreeList/TreeList.stories.ts
diff --git a/src/stories/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue
similarity index 96%
rename from src/stories/components/TreeList/TreeList.vue
rename to src/components/TreeList/TreeList.vue
index c7153f0..556c674 100644
--- a/src/stories/components/TreeList/TreeList.vue
+++ b/src/components/TreeList/TreeList.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
 import type { ITreeItem } from '@interfaces/componentsProp';
-import TreeItems from '@stories/components/TreeList/TreeItems.vue';
+import TreeItems from '@components/TreeList/TreeItems.vue';
 import type { ITLProps } from '@interfaces/componentsProps';
 import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
 
diff --git a/src/stories/icons/Mono/Age18Icon.vue b/src/icons/Mono/Age18Icon.vue
similarity index 100%
rename from src/stories/icons/Mono/Age18Icon.vue
rename to src/icons/Mono/Age18Icon.vue
diff --git a/src/stories/icons/Mono/AirplaneIcon.vue b/src/icons/Mono/AirplaneIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AirplaneIcon.vue
rename to src/icons/Mono/AirplaneIcon.vue
diff --git a/src/stories/icons/Mono/AlarmIcon.vue b/src/icons/Mono/AlarmIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AlarmIcon.vue
rename to src/icons/Mono/AlarmIcon.vue
diff --git a/src/stories/icons/Mono/AlignCenterIcon.vue b/src/icons/Mono/AlignCenterIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AlignCenterIcon.vue
rename to src/icons/Mono/AlignCenterIcon.vue
diff --git a/src/stories/icons/Mono/AlignLeftIcon.vue b/src/icons/Mono/AlignLeftIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AlignLeftIcon.vue
rename to src/icons/Mono/AlignLeftIcon.vue
diff --git a/src/stories/icons/Mono/AlignRightIcon.vue b/src/icons/Mono/AlignRightIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AlignRightIcon.vue
rename to src/icons/Mono/AlignRightIcon.vue
diff --git a/src/stories/icons/Mono/AnchorIcon.vue b/src/icons/Mono/AnchorIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AnchorIcon.vue
rename to src/icons/Mono/AnchorIcon.vue
diff --git a/src/stories/icons/Mono/AnchorLinkIcon.vue b/src/icons/Mono/AnchorLinkIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AnchorLinkIcon.vue
rename to src/icons/Mono/AnchorLinkIcon.vue
diff --git a/src/stories/icons/Mono/ArchiveIcon.vue b/src/icons/Mono/ArchiveIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArchiveIcon.vue
rename to src/icons/Mono/ArchiveIcon.vue
diff --git a/src/stories/icons/Mono/ArrowForwardIcon.vue b/src/icons/Mono/ArrowForwardIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArrowForwardIcon.vue
rename to src/icons/Mono/ArrowForwardIcon.vue
diff --git a/src/stories/icons/Mono/ArrowLeftIcon.vue b/src/icons/Mono/ArrowLeftIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArrowLeftIcon.vue
rename to src/icons/Mono/ArrowLeftIcon.vue
diff --git a/src/stories/icons/Mono/ArrowRightIcon.vue b/src/icons/Mono/ArrowRightIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArrowRightIcon.vue
rename to src/icons/Mono/ArrowRightIcon.vue
diff --git a/src/stories/icons/Mono/ArrowShortDownIcon.vue b/src/icons/Mono/ArrowShortDownIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArrowShortDownIcon.vue
rename to src/icons/Mono/ArrowShortDownIcon.vue
diff --git a/src/stories/icons/Mono/ArrowsVerticalIcon.vue b/src/icons/Mono/ArrowsVerticalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ArrowsVerticalIcon.vue
rename to src/icons/Mono/ArrowsVerticalIcon.vue
diff --git a/src/stories/icons/Mono/AtIcon.vue b/src/icons/Mono/AtIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AtIcon.vue
rename to src/icons/Mono/AtIcon.vue
diff --git a/src/stories/icons/Mono/AwardIcon.vue b/src/icons/Mono/AwardIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/AwardIcon.vue
rename to src/icons/Mono/AwardIcon.vue
diff --git a/src/stories/icons/Mono/BackspaceIcon.vue b/src/icons/Mono/BackspaceIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BackspaceIcon.vue
rename to src/icons/Mono/BackspaceIcon.vue
diff --git a/src/stories/icons/Mono/BadgeIcon.vue b/src/icons/Mono/BadgeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BadgeIcon.vue
rename to src/icons/Mono/BadgeIcon.vue
diff --git a/src/stories/icons/Mono/BallFootballIcon.vue b/src/icons/Mono/BallFootballIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BallFootballIcon.vue
rename to src/icons/Mono/BallFootballIcon.vue
diff --git a/src/stories/icons/Mono/BallIcon.vue b/src/icons/Mono/BallIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BallIcon.vue
rename to src/icons/Mono/BallIcon.vue
diff --git a/src/stories/icons/Mono/BanknoteIcon.vue b/src/icons/Mono/BanknoteIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BanknoteIcon.vue
rename to src/icons/Mono/BanknoteIcon.vue
diff --git a/src/stories/icons/Mono/BellIcon.vue b/src/icons/Mono/BellIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BellIcon.vue
rename to src/icons/Mono/BellIcon.vue
diff --git a/src/stories/icons/Mono/BellOffIcon.vue b/src/icons/Mono/BellOffIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BellOffIcon.vue
rename to src/icons/Mono/BellOffIcon.vue
diff --git a/src/stories/icons/Mono/BoxIcon.vue b/src/icons/Mono/BoxIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BoxIcon.vue
rename to src/icons/Mono/BoxIcon.vue
diff --git a/src/stories/icons/Mono/BrightnessIcon.vue b/src/icons/Mono/BrightnessIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BrightnessIcon.vue
rename to src/icons/Mono/BrightnessIcon.vue
diff --git a/src/stories/icons/Mono/BulbIcon.vue b/src/icons/Mono/BulbIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/BulbIcon.vue
rename to src/icons/Mono/BulbIcon.vue
diff --git a/src/stories/icons/Mono/CalculatorIcon.vue b/src/icons/Mono/CalculatorIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CalculatorIcon.vue
rename to src/icons/Mono/CalculatorIcon.vue
diff --git a/src/stories/icons/Mono/CalendarAddIcon.vue b/src/icons/Mono/CalendarAddIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CalendarAddIcon.vue
rename to src/icons/Mono/CalendarAddIcon.vue
diff --git a/src/stories/icons/Mono/CalendarIcon.vue b/src/icons/Mono/CalendarIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CalendarIcon.vue
rename to src/icons/Mono/CalendarIcon.vue
diff --git a/src/stories/icons/Mono/CalendarRemoveIcon.vue b/src/icons/Mono/CalendarRemoveIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CalendarRemoveIcon.vue
rename to src/icons/Mono/CalendarRemoveIcon.vue
diff --git a/src/stories/icons/Mono/CardsIcon.vue b/src/icons/Mono/CardsIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CardsIcon.vue
rename to src/icons/Mono/CardsIcon.vue
diff --git a/src/stories/icons/Mono/ChartLineIcon.vue b/src/icons/Mono/ChartLineIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ChartLineIcon.vue
rename to src/icons/Mono/ChartLineIcon.vue
diff --git a/src/stories/icons/Mono/ChartPieIcon.vue b/src/icons/Mono/ChartPieIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ChartPieIcon.vue
rename to src/icons/Mono/ChartPieIcon.vue
diff --git a/src/stories/icons/Mono/ChatIcon.vue b/src/icons/Mono/ChatIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ChatIcon.vue
rename to src/icons/Mono/ChatIcon.vue
diff --git a/src/stories/icons/Mono/ChatWritingIcon.vue b/src/icons/Mono/ChatWritingIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ChatWritingIcon.vue
rename to src/icons/Mono/ChatWritingIcon.vue
diff --git a/src/stories/icons/Mono/CheckMarkIcon.vue b/src/icons/Mono/CheckMarkIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CheckMarkIcon.vue
rename to src/icons/Mono/CheckMarkIcon.vue
diff --git a/src/stories/icons/Mono/ChemistryFlaskIcon.vue b/src/icons/Mono/ChemistryFlaskIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ChemistryFlaskIcon.vue
rename to src/icons/Mono/ChemistryFlaskIcon.vue
diff --git a/src/stories/icons/Mono/CodeIcon.vue b/src/icons/Mono/CodeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CodeIcon.vue
rename to src/icons/Mono/CodeIcon.vue
diff --git a/src/stories/icons/Mono/CoinsIcon.vue b/src/icons/Mono/CoinsIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CoinsIcon.vue
rename to src/icons/Mono/CoinsIcon.vue
diff --git a/src/stories/icons/Mono/ColorPaletteIcon.vue b/src/icons/Mono/ColorPaletteIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ColorPaletteIcon.vue
rename to src/icons/Mono/ColorPaletteIcon.vue
diff --git a/src/stories/icons/Mono/CompassIcon.vue b/src/icons/Mono/CompassIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CompassIcon.vue
rename to src/icons/Mono/CompassIcon.vue
diff --git a/src/stories/icons/Mono/ConstructionWorkerIcon.vue b/src/icons/Mono/ConstructionWorkerIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ConstructionWorkerIcon.vue
rename to src/icons/Mono/ConstructionWorkerIcon.vue
diff --git a/src/stories/icons/Mono/ContactsIcon.vue b/src/icons/Mono/ContactsIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ContactsIcon.vue
rename to src/icons/Mono/ContactsIcon.vue
diff --git a/src/stories/icons/Mono/CropIcon.vue b/src/icons/Mono/CropIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CropIcon.vue
rename to src/icons/Mono/CropIcon.vue
diff --git a/src/stories/icons/Mono/CrossCircleIcon.vue b/src/icons/Mono/CrossCircleIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CrossCircleIcon.vue
rename to src/icons/Mono/CrossCircleIcon.vue
diff --git a/src/stories/icons/Mono/CrossIcon.vue b/src/icons/Mono/CrossIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CrossIcon.vue
rename to src/icons/Mono/CrossIcon.vue
diff --git a/src/stories/icons/Mono/CubeIcon.vue b/src/icons/Mono/CubeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CubeIcon.vue
rename to src/icons/Mono/CubeIcon.vue
diff --git a/src/stories/icons/Mono/CupIcon.vue b/src/icons/Mono/CupIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CupIcon.vue
rename to src/icons/Mono/CupIcon.vue
diff --git a/src/stories/icons/Mono/CursorIcon.vue b/src/icons/Mono/CursorIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/CursorIcon.vue
rename to src/icons/Mono/CursorIcon.vue
diff --git a/src/stories/icons/Mono/DiamondIcon.vue b/src/icons/Mono/DiamondIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DiamondIcon.vue
rename to src/icons/Mono/DiamondIcon.vue
diff --git a/src/stories/icons/Mono/DiaryIcon.vue b/src/icons/Mono/DiaryIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DiaryIcon.vue
rename to src/icons/Mono/DiaryIcon.vue
diff --git a/src/stories/icons/Mono/DiceIcon.vue b/src/icons/Mono/DiceIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DiceIcon.vue
rename to src/icons/Mono/DiceIcon.vue
diff --git a/src/stories/icons/Mono/DigIcon.vue b/src/icons/Mono/DigIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DigIcon.vue
rename to src/icons/Mono/DigIcon.vue
diff --git a/src/stories/icons/Mono/DislikeIcon.vue b/src/icons/Mono/DislikeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DislikeIcon.vue
rename to src/icons/Mono/DislikeIcon.vue
diff --git a/src/stories/icons/Mono/DisplayIcon.vue b/src/icons/Mono/DisplayIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DisplayIcon.vue
rename to src/icons/Mono/DisplayIcon.vue
diff --git a/src/stories/icons/Mono/DocumentAddIcon.vue b/src/icons/Mono/DocumentAddIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DocumentAddIcon.vue
rename to src/icons/Mono/DocumentAddIcon.vue
diff --git a/src/stories/icons/Mono/DocumentDeleteIcon.vue b/src/icons/Mono/DocumentDeleteIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DocumentDeleteIcon.vue
rename to src/icons/Mono/DocumentDeleteIcon.vue
diff --git a/src/stories/icons/Mono/DocumentEditIcon.vue b/src/icons/Mono/DocumentEditIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DocumentEditIcon.vue
rename to src/icons/Mono/DocumentEditIcon.vue
diff --git a/src/stories/icons/Mono/DocumentIcon.vue b/src/icons/Mono/DocumentIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DocumentIcon.vue
rename to src/icons/Mono/DocumentIcon.vue
diff --git a/src/stories/icons/Mono/DollarIcon.vue b/src/icons/Mono/DollarIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DollarIcon.vue
rename to src/icons/Mono/DollarIcon.vue
diff --git a/src/stories/icons/Mono/DotsHorizontalIcon.vue b/src/icons/Mono/DotsHorizontalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DotsHorizontalIcon.vue
rename to src/icons/Mono/DotsHorizontalIcon.vue
diff --git a/src/stories/icons/Mono/DotsVerticalIcon.vue b/src/icons/Mono/DotsVerticalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DotsVerticalIcon.vue
rename to src/icons/Mono/DotsVerticalIcon.vue
diff --git a/src/stories/icons/Mono/DownloadIcon.vue b/src/icons/Mono/DownloadIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DownloadIcon.vue
rename to src/icons/Mono/DownloadIcon.vue
diff --git a/src/stories/icons/Mono/DropIcon.vue b/src/icons/Mono/DropIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DropIcon.vue
rename to src/icons/Mono/DropIcon.vue
diff --git a/src/stories/icons/Mono/DumbbelIcon.vue b/src/icons/Mono/DumbbelIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/DumbbelIcon.vue
rename to src/icons/Mono/DumbbelIcon.vue
diff --git a/src/stories/icons/Mono/EarthIcon.vue b/src/icons/Mono/EarthIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/EarthIcon.vue
rename to src/icons/Mono/EarthIcon.vue
diff --git a/src/stories/icons/Mono/EditIcon.vue b/src/icons/Mono/EditIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/EditIcon.vue
rename to src/icons/Mono/EditIcon.vue
diff --git a/src/stories/icons/Mono/EncyclopediaIcon.vue b/src/icons/Mono/EncyclopediaIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/EncyclopediaIcon.vue
rename to src/icons/Mono/EncyclopediaIcon.vue
diff --git a/src/stories/icons/Mono/ExitIcon.vue b/src/icons/Mono/ExitIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ExitIcon.vue
rename to src/icons/Mono/ExitIcon.vue
diff --git a/src/stories/icons/Mono/EyeIcon.vue b/src/icons/Mono/EyeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/EyeIcon.vue
rename to src/icons/Mono/EyeIcon.vue
diff --git a/src/stories/icons/Mono/FeedbackIcon.vue b/src/icons/Mono/FeedbackIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FeedbackIcon.vue
rename to src/icons/Mono/FeedbackIcon.vue
diff --git a/src/stories/icons/Mono/FilterIcon.vue b/src/icons/Mono/FilterIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FilterIcon.vue
rename to src/icons/Mono/FilterIcon.vue
diff --git a/src/stories/icons/Mono/FingerprintIcon.vue b/src/icons/Mono/FingerprintIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FingerprintIcon.vue
rename to src/icons/Mono/FingerprintIcon.vue
diff --git a/src/stories/icons/Mono/FireIcon.vue b/src/icons/Mono/FireIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FireIcon.vue
rename to src/icons/Mono/FireIcon.vue
diff --git a/src/stories/icons/Mono/FlagIcon.vue b/src/icons/Mono/FlagIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FlagIcon.vue
rename to src/icons/Mono/FlagIcon.vue
diff --git a/src/stories/icons/Mono/FlashIcon.vue b/src/icons/Mono/FlashIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FlashIcon.vue
rename to src/icons/Mono/FlashIcon.vue
diff --git a/src/stories/icons/Mono/FlashlightIcon.vue b/src/icons/Mono/FlashlightIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FlashlightIcon.vue
rename to src/icons/Mono/FlashlightIcon.vue
diff --git a/src/stories/icons/Mono/FolderLockIcon.vue b/src/icons/Mono/FolderLockIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FolderLockIcon.vue
rename to src/icons/Mono/FolderLockIcon.vue
diff --git a/src/stories/icons/Mono/FrameIcon.vue b/src/icons/Mono/FrameIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FrameIcon.vue
rename to src/icons/Mono/FrameIcon.vue
diff --git a/src/stories/icons/Mono/FullScreenIcon.vue b/src/icons/Mono/FullScreenIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/FullScreenIcon.vue
rename to src/icons/Mono/FullScreenIcon.vue
diff --git a/src/stories/icons/Mono/GameControllerIcon.vue b/src/icons/Mono/GameControllerIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/GameControllerIcon.vue
rename to src/icons/Mono/GameControllerIcon.vue
diff --git a/src/stories/icons/Mono/GiftIcon.vue b/src/icons/Mono/GiftIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/GiftIcon.vue
rename to src/icons/Mono/GiftIcon.vue
diff --git a/src/stories/icons/Mono/GlassesIcon.vue b/src/icons/Mono/GlassesIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/GlassesIcon.vue
rename to src/icons/Mono/GlassesIcon.vue
diff --git a/src/stories/icons/Mono/HamburgerIcon.vue b/src/icons/Mono/HamburgerIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/HamburgerIcon.vue
rename to src/icons/Mono/HamburgerIcon.vue
diff --git a/src/stories/icons/Mono/HandIcon.vue b/src/icons/Mono/HandIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/HandIcon.vue
rename to src/icons/Mono/HandIcon.vue
diff --git a/src/stories/icons/Mono/HomeIcon.vue b/src/icons/Mono/HomeIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/HomeIcon.vue
rename to src/icons/Mono/HomeIcon.vue
diff --git a/src/stories/icons/Mono/ImageEditIcon.vue b/src/icons/Mono/ImageEditIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ImageEditIcon.vue
rename to src/icons/Mono/ImageEditIcon.vue
diff --git a/src/stories/icons/Mono/ImageIcon.vue b/src/icons/Mono/ImageIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ImageIcon.vue
rename to src/icons/Mono/ImageIcon.vue
diff --git a/src/stories/icons/Mono/LineDashedIcon.vue b/src/icons/Mono/LineDashedIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/LineDashedIcon.vue
rename to src/icons/Mono/LineDashedIcon.vue
diff --git a/src/stories/icons/Mono/LineDiagonalIcon.vue b/src/icons/Mono/LineDiagonalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/LineDiagonalIcon.vue
rename to src/icons/Mono/LineDiagonalIcon.vue
diff --git a/src/stories/icons/Mono/LineDottedIcon.vue b/src/icons/Mono/LineDottedIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/LineDottedIcon.vue
rename to src/icons/Mono/LineDottedIcon.vue
diff --git a/src/stories/icons/Mono/LineIcon.vue b/src/icons/Mono/LineIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/LineIcon.vue
rename to src/icons/Mono/LineIcon.vue
diff --git a/src/stories/icons/Mono/MoveIcon.vue b/src/icons/Mono/MoveIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/MoveIcon.vue
rename to src/icons/Mono/MoveIcon.vue
diff --git a/src/stories/icons/Mono/ParagraphIcon.vue b/src/icons/Mono/ParagraphIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/ParagraphIcon.vue
rename to src/icons/Mono/ParagraphIcon.vue
diff --git a/src/stories/icons/Mono/PhoneHandsetIcon.vue b/src/icons/Mono/PhoneHandsetIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/PhoneHandsetIcon.vue
rename to src/icons/Mono/PhoneHandsetIcon.vue
diff --git a/src/stories/icons/Mono/PlusCircleIcon.vue b/src/icons/Mono/PlusCircleIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/PlusCircleIcon.vue
rename to src/icons/Mono/PlusCircleIcon.vue
diff --git a/src/stories/icons/Mono/PlusIcon.vue b/src/icons/Mono/PlusIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/PlusIcon.vue
rename to src/icons/Mono/PlusIcon.vue
diff --git a/src/stories/icons/Mono/PointerIcon.vue b/src/icons/Mono/PointerIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/PointerIcon.vue
rename to src/icons/Mono/PointerIcon.vue
diff --git a/src/stories/icons/Mono/SaveIcon.vue b/src/icons/Mono/SaveIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SaveIcon.vue
rename to src/icons/Mono/SaveIcon.vue
diff --git a/src/stories/icons/Mono/SearchIcon.vue b/src/icons/Mono/SearchIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SearchIcon.vue
rename to src/icons/Mono/SearchIcon.vue
diff --git a/src/stories/icons/Mono/SettingsIcon.vue b/src/icons/Mono/SettingsIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SettingsIcon.vue
rename to src/icons/Mono/SettingsIcon.vue
diff --git a/src/stories/icons/Mono/SortDownIcon.vue b/src/icons/Mono/SortDownIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SortDownIcon.vue
rename to src/icons/Mono/SortDownIcon.vue
diff --git a/src/stories/icons/Mono/SortHorizontalIcon.vue b/src/icons/Mono/SortHorizontalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SortHorizontalIcon.vue
rename to src/icons/Mono/SortHorizontalIcon.vue
diff --git a/src/stories/icons/Mono/SortUpIcon.vue b/src/icons/Mono/SortUpIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SortUpIcon.vue
rename to src/icons/Mono/SortUpIcon.vue
diff --git a/src/stories/icons/Mono/SortVerticalIcon.vue b/src/icons/Mono/SortVerticalIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/SortVerticalIcon.vue
rename to src/icons/Mono/SortVerticalIcon.vue
diff --git a/src/stories/icons/Mono/StarFilledIcon.vue b/src/icons/Mono/StarFilledIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/StarFilledIcon.vue
rename to src/icons/Mono/StarFilledIcon.vue
diff --git a/src/stories/icons/Mono/StarIcon.vue b/src/icons/Mono/StarIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/StarIcon.vue
rename to src/icons/Mono/StarIcon.vue
diff --git a/src/stories/icons/Mono/TableIcon.vue b/src/icons/Mono/TableIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/TableIcon.vue
rename to src/icons/Mono/TableIcon.vue
diff --git a/src/stories/icons/Mono/TrashIcon.vue b/src/icons/Mono/TrashIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/TrashIcon.vue
rename to src/icons/Mono/TrashIcon.vue
diff --git a/src/stories/icons/Mono/TriangleIcon.vue b/src/icons/Mono/TriangleIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/TriangleIcon.vue
rename to src/icons/Mono/TriangleIcon.vue
diff --git a/src/stories/icons/Mono/UserIcon.vue b/src/icons/Mono/UserIcon.vue
similarity index 100%
rename from src/stories/icons/Mono/UserIcon.vue
rename to src/icons/Mono/UserIcon.vue
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 0cd87b1..a7560fb 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -13,7 +13,7 @@
       "@icons/*": ["./src/icons/*"],
       "@helpers/*": ["src/common/helpers/*"],
       "@interfaces/*": ["src/common/interfaces/*"],
-      "@stories/*": ["./src/stories/*"]
+      "@components/*": ["./src/components/*"]
     }
   }
 }
diff --git a/vite.config.ts b/vite.config.ts
index b38c6eb..ed01d64 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -12,7 +12,7 @@ export default defineConfig({
       '@icons': fileURLToPath(new URL('./src/icons', import.meta.url)),
       '@helpers': fileURLToPath(new URL('./src/common/helpers', import.meta.url)),
       '@interfaces': fileURLToPath(new URL('./src/common/interfaces', import.meta.url)),
-      '@stories': fileURLToPath(new URL('./src/stories', import.meta.url)),
+      '@components': fileURLToPath(new URL('./src/components', import.meta.url)),
     },
   },
 });
-- 
GitLab