diff --git a/package.json b/package.json
index 4280762255..137cff4a5e 100644
--- a/package.json
+++ b/package.json
@@ -29,6 +29,51 @@
       "require": "./server/index.js",
       "import": "./server/index.js"
     },
+    "./models": {
+      "types": "./build/esm/models/index.d.ts",
+      "require": "./build/cjs/models/index.js",
+      "import": "./build/esm/models/index.js"
+    },
+    "./utils": {
+      "types": "./build/esm/utils/index.d.ts",
+      "require": "./build/cjs/utils/index.js",
+      "import": "./build/esm/utils/index.js"
+    },
+    "./grid": {
+      "types": "./build/esm/grid/index.d.ts",
+      "require": "./build/cjs/grid/index.js",
+      "import": "./build/esm/grid/index.js"
+    },
+    "./grid/*": {
+      "types": "./build/esm/grid/*.d.ts",
+      "require": "./build/cjs/grid/*.js",
+      "import": "./build/esm/grid/*.js"
+    },
+    "./components": {
+      "types": "./build/esm/components/index.d.ts",
+      "require": "./build/cjs/components/index.js",
+      "import": "./build/esm/components/index.js"
+    },
+    "./components/*": {
+      "types": "./build/esm/components/*.d.ts",
+      "require": "./build/cjs/components/*.js",
+      "import": "./build/esm/components/*.js"
+    },
+    "./sub-blocks/*": {
+      "types": "./build/esm/sub-blocks/*.d.ts",
+      "require": "./build/cjs/sub-blocks/*.js",
+      "import": "./build/esm/sub-blocks/*.js"
+    },
+    "./blocks/*": {
+      "types": "./build/esm/blocks/*.d.ts",
+      "require": "./build/cjs/blocks/*.js",
+      "import": "./build/esm/blocks/*.js"
+    },
+    "./navigation/*": {
+      "types": "./build/esm/navigation/*.d.ts",
+      "require": "./build/cjs/navigation/*.js",
+      "import": "./build/esm/navigation/*.js"
+    },
     "./styles/*": "./styles/*",
     "./widget/*": "./widget/*",
     "./schema/*": "./schema/*"
@@ -46,6 +91,18 @@
       ],
       "server": [
         "./server/index.d.ts"
+      ],
+      "models": [
+        "./build/esm/models/index.d.ts"
+      ],
+      "utils": [
+        "./build/esm/utils/index.d.ts"
+      ],
+      "grid": [
+        "./build/esm/grid/index.d.ts"
+      ],
+      "components": [
+        "./build/esm/components/index.d.ts"
       ]
     }
   },
diff --git a/src/blocks/Banner/Banner.tsx b/src/blocks/Banner/Banner.tsx
index 89a7906fc7..cd3b72a69f 100644
--- a/src/blocks/Banner/Banner.tsx
+++ b/src/blocks/Banner/Banner.tsx
@@ -1,6 +1,6 @@
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import {BannerBlockProps} from '../../models';
-import {BannerCard} from '../../sub-blocks';
+import BannerCard from '../../sub-blocks/BannerCard/BannerCard';
 import {block} from '../../utils';
 
 import './Banner.scss';
diff --git a/src/blocks/CardLayout/CardLayout.tsx b/src/blocks/CardLayout/CardLayout.tsx
index ad6294dfc2..ad9b6312ed 100644
--- a/src/blocks/CardLayout/CardLayout.tsx
+++ b/src/blocks/CardLayout/CardLayout.tsx
@@ -2,7 +2,9 @@ import * as React from 'react';
 
 import isEmpty from 'lodash/isEmpty';
 
-import {AnimateBlock, BackgroundImage, Title} from '../../components';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import BackgroundImage from '../../components/BackgroundImage/BackgroundImage';
+import Title from '../../components/Title/Title';
 import {useTheme} from '../../context/theme';
 import {Col, GridColumnSizesType, GridJustifyContent, Row} from '../../grid';
 import {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';
diff --git a/src/blocks/Companies/Companies.tsx b/src/blocks/Companies/Companies.tsx
index d16d78a05e..567039f52b 100644
--- a/src/blocks/Companies/Companies.tsx
+++ b/src/blocks/Companies/Companies.tsx
@@ -1,5 +1,6 @@
-import {Image, Title} from '../../components';
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import Image from '../../components/Image/Image';
+import Title from '../../components/Title/Title';
 import {useTheme} from '../../context/theme';
 import {CompaniesBlockProps} from '../../models';
 import {block, getThemedValue} from '../../utils';
diff --git a/src/blocks/ContentLayout/ContentLayout.tsx b/src/blocks/ContentLayout/ContentLayout.tsx
index a6cfd666c6..645850c2e9 100644
--- a/src/blocks/ContentLayout/ContentLayout.tsx
+++ b/src/blocks/ContentLayout/ContentLayout.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BackgroundImage, FileLink} from '../../components';
diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx
index bc5e0b8fd8..56c7df34cf 100644
--- a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx
+++ b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx
@@ -1,10 +1,12 @@
-import {AnimateBlock, Title, YFMWrapper} from '../../components/';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
 import Image from '../../components/Image/Image';
 import {getMediaImage} from '../../components/Media/Image/utils';
+import Title from '../../components/Title/Title';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
 import {useTheme} from '../../context/theme';
 import {Col, Row} from '../../grid';
 import {ExtendedFeaturesProps} from '../../models';
-import {Content} from '../../sub-blocks';
+import Content from '../../sub-blocks/Content/Content';
 import {block, getThemedValue} from '../../utils';
 
 import './ExtendedFeatures.scss';
diff --git a/src/blocks/FilterBlock/FilterBlock.tsx b/src/blocks/FilterBlock/FilterBlock.tsx
index 8eb4a81ed4..30f1d52a0d 100644
--- a/src/blocks/FilterBlock/FilterBlock.tsx
+++ b/src/blocks/FilterBlock/FilterBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {CardLayoutBlock} from '..';
diff --git a/src/blocks/FoldableList/FoldableList.tsx b/src/blocks/FoldableList/FoldableList.tsx
index 86dfafd465..4f406347fa 100644
--- a/src/blocks/FoldableList/FoldableList.tsx
+++ b/src/blocks/FoldableList/FoldableList.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Col, Row} from '../../grid';
diff --git a/src/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx b/src/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx
index 97fb3319a2..d42913cb15 100644
--- a/src/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx
+++ b/src/blocks/FoldableList/FoldableListBlockItem/FoldableListBlockItem.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {useActionHandlers} from '@gravity-ui/uikit';
 
 import {Foldable, ToggleArrow, YFMWrapper} from '../../../components';
diff --git a/src/blocks/Footer/Footer.tsx b/src/blocks/Footer/Footer.tsx
index 3d83ae1207..5387974eea 100644
--- a/src/blocks/Footer/Footer.tsx
+++ b/src/blocks/Footer/Footer.tsx
@@ -2,7 +2,8 @@ import * as React from 'react';
 
 import {Link} from '@gravity-ui/uikit';
 
-import {BrandFooter, Image} from '../../components';
+import BrandFooter from '../../components/BrandFooter/BrandFooter';
+import Image from '../../components/Image/Image';
 import {useTheme} from '../../context/theme';
 import {Col, Grid, Row} from '../../grid';
 import {ClassNameProps, FooterBlockProps} from '../../models';
diff --git a/src/blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx b/src/blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx
index 3c7deaf777..1b116a12cc 100644
--- a/src/blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx
+++ b/src/blocks/Footer/components/CopyrightFloor/CopyrightFloor.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DropdownMenu, DropdownMenuItem, Link, useResizeObserver} from '@gravity-ui/uikit';
diff --git a/src/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.tsx b/src/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.tsx
index 102d0b24ff..1e7c4eb18e 100644
--- a/src/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.tsx
+++ b/src/blocks/Footer/components/DisclaimerFloor/DisclaimerFloor.tsx
@@ -1,4 +1,4 @@
-import {YFMWrapper} from '../../../../components';
+import YFMWrapper from '../../../../components/YFMWrapper/YFMWrapper';
 import {Col} from '../../../../grid';
 import {FooterBlockProps} from '../../../../models';
 import {block} from '../../../../utils';
diff --git a/src/blocks/Footer/components/LangSwitcher/LangSwitcher.tsx b/src/blocks/Footer/components/LangSwitcher/LangSwitcher.tsx
index 98d653799c..929a1a4460 100644
--- a/src/blocks/Footer/components/LangSwitcher/LangSwitcher.tsx
+++ b/src/blocks/Footer/components/LangSwitcher/LangSwitcher.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {InnerContext} from '../../../../context/innerContext';
diff --git a/src/blocks/Footer/components/NavigationFloor/NavigationFloor.tsx b/src/blocks/Footer/components/NavigationFloor/NavigationFloor.tsx
index f45a39376c..4a552710e5 100644
--- a/src/blocks/Footer/components/NavigationFloor/NavigationFloor.tsx
+++ b/src/blocks/Footer/components/NavigationFloor/NavigationFloor.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Link} from '@gravity-ui/uikit';
diff --git a/src/blocks/Footer/components/SocialFloor/SocialFloor.tsx b/src/blocks/Footer/components/SocialFloor/SocialFloor.tsx
index 9305778a8d..202d81c342 100644
--- a/src/blocks/Footer/components/SocialFloor/SocialFloor.tsx
+++ b/src/blocks/Footer/components/SocialFloor/SocialFloor.tsx
@@ -1,6 +1,6 @@
 import {Flex, Link, Tooltip} from '@gravity-ui/uikit';
 
-import {Image} from '../../../../components';
+import Image from '../../../../components/Image/Image';
 import {useTheme} from '../../../../context/theme';
 import {Col} from '../../../../grid';
 import type {FooterBlockProps, FooterContactItem} from '../../../../models';
diff --git a/src/blocks/Footer/hooks/useOverflowListItems.ts b/src/blocks/Footer/hooks/useOverflowListItems.ts
index 245c6b47f2..c3544aaf8a 100644
--- a/src/blocks/Footer/hooks/useOverflowListItems.ts
+++ b/src/blocks/Footer/hooks/useOverflowListItems.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DropdownMenuItem, useResizeObserver} from '@gravity-ui/uikit';
diff --git a/src/blocks/Form/Form.tsx b/src/blocks/Form/Form.tsx
index c5c20dae49..7e0902fb8d 100644
--- a/src/blocks/Form/Form.tsx
+++ b/src/blocks/Form/Form.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BackgroundImage, Title} from '../../components';
diff --git a/src/blocks/Header/Header.tsx b/src/blocks/Header/Header.tsx
index ccb9369c83..dc0cd089ef 100644
--- a/src/blocks/Header/Header.tsx
+++ b/src/blocks/Header/Header.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 /* eslint-disable complexity */
 import * as React from 'react';
 
diff --git a/src/blocks/Hero/Hero.tsx b/src/blocks/Hero/Hero.tsx
index 7b0da2c601..9bda58ff0a 100644
--- a/src/blocks/Hero/Hero.tsx
+++ b/src/blocks/Hero/Hero.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {HeaderBreadcrumbs, Media, YFMWrapper} from '../../components';
diff --git a/src/blocks/Hero/hooks.ts b/src/blocks/Hero/hooks.ts
index 013dc56d03..928d368713 100644
--- a/src/blocks/Hero/hooks.ts
+++ b/src/blocks/Hero/hooks.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import throttle from 'lodash/throttle';
diff --git a/src/blocks/Icons/Icons.tsx b/src/blocks/Icons/Icons.tsx
index e6ce8c667d..30c0180dc1 100644
--- a/src/blocks/Icons/Icons.tsx
+++ b/src/blocks/Icons/Icons.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Image, Title} from '../../components';
diff --git a/src/blocks/Media/Media.tsx b/src/blocks/Media/Media.tsx
index e8e5720dbf..da9ba76088 100644
--- a/src/blocks/Media/Media.tsx
+++ b/src/blocks/Media/Media.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import Media from '../../components/Media/Media';
diff --git a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
index c30db81f0f..2478a22569 100644
--- a/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
+++ b/src/blocks/Questions/QuestionBlockItem/QuestionBlockItem.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {useActionHandlers} from '@gravity-ui/uikit';
 
 import {Foldable, ToggleArrow, YFMWrapper} from '../../../components';
diff --git a/src/blocks/Questions/Questions.tsx b/src/blocks/Questions/Questions.tsx
index a0160a5df0..2069b3058b 100644
--- a/src/blocks/Questions/Questions.tsx
+++ b/src/blocks/Questions/Questions.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Col, Row} from '../../grid';
diff --git a/src/blocks/Share/Share.tsx b/src/blocks/Share/Share.tsx
index 0c17d7dd88..d908414730 100644
--- a/src/blocks/Share/Share.tsx
+++ b/src/blocks/Share/Share.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Button, Icon} from '@gravity-ui/uikit';
diff --git a/src/blocks/Slider/Arrow/Arrow.tsx b/src/blocks/Slider/Arrow/Arrow.tsx
index ccfd05812a..8f2890a1bf 100644
--- a/src/blocks/Slider/Arrow/Arrow.tsx
+++ b/src/blocks/Slider/Arrow/Arrow.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
 import {ClassNameProps} from '../../../models';
 import {block} from '../../../utils';
diff --git a/src/blocks/Slider/Slider.tsx b/src/blocks/Slider/Slider.tsx
index 55618298c8..dd79430939 100644
--- a/src/blocks/Slider/Slider.tsx
+++ b/src/blocks/Slider/Slider.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import 'swiper/css';
diff --git a/src/blocks/Slider/useSlider.tsx b/src/blocks/Slider/useSlider.tsx
index 3b11483b25..8f7cecf882 100644
--- a/src/blocks/Slider/useSlider.tsx
+++ b/src/blocks/Slider/useSlider.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import type {Swiper} from 'swiper';
diff --git a/src/blocks/SliderOld/Arrow/Arrow.tsx b/src/blocks/SliderOld/Arrow/Arrow.tsx
index b23e6e0640..9a1e13e2ef 100644
--- a/src/blocks/SliderOld/Arrow/Arrow.tsx
+++ b/src/blocks/SliderOld/Arrow/Arrow.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
 import {ClassNameProps} from '../../../models';
 import {block} from '../../../utils';
diff --git a/src/blocks/SliderOld/SliderOld.tsx b/src/blocks/SliderOld/SliderOld.tsx
index e6eea21d0b..688e8c3cef 100644
--- a/src/blocks/SliderOld/SliderOld.tsx
+++ b/src/blocks/SliderOld/SliderOld.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {useUniqId} from '@gravity-ui/uikit';
diff --git a/src/blocks/Table/Table.tsx b/src/blocks/Table/Table.tsx
index b292709574..acd9e77d77 100644
--- a/src/blocks/Table/Table.tsx
+++ b/src/blocks/Table/Table.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Table, YFMWrapper} from '../../components';
diff --git a/src/blocks/Tabs/TabContent/TabContent.tsx b/src/blocks/Tabs/TabContent/TabContent.tsx
index bb503316f6..624fceb83a 100644
--- a/src/blocks/Tabs/TabContent/TabContent.tsx
+++ b/src/blocks/Tabs/TabContent/TabContent.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {useUniqId} from '@gravity-ui/uikit';
diff --git a/src/blocks/Tabs/Tabs.tsx b/src/blocks/Tabs/Tabs.tsx
index 24fcb535e4..9dc931881d 100644
--- a/src/blocks/Tabs/Tabs.tsx
+++ b/src/blocks/Tabs/Tabs.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {getUniqId} from '@gravity-ui/uikit';
diff --git a/src/blocks/Tabs/TabsTextContent/TabsTextContent.tsx b/src/blocks/Tabs/TabsTextContent/TabsTextContent.tsx
index 33850e05b5..442da34a75 100644
--- a/src/blocks/Tabs/TabsTextContent/TabsTextContent.tsx
+++ b/src/blocks/Tabs/TabsTextContent/TabsTextContent.tsx
@@ -1,6 +1,6 @@
 import {Col} from '../../../grid';
 import {ImageDeviceProps, ImageObjectProps, TabsBlockItem, TabsBlockProps} from '../../../models';
-import {Content} from '../../../sub-blocks';
+import Content from '../../../sub-blocks/Content/Content';
 import {block} from '../../../utils';
 
 import './TabsTextContent.scss';
diff --git a/src/components/AnimateBlock/AnimateBlock.tsx b/src/components/AnimateBlock/AnimateBlock.tsx
index 6d3c381f90..db880cd3a0 100644
--- a/src/components/AnimateBlock/AnimateBlock.tsx
+++ b/src/components/AnimateBlock/AnimateBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Waypoint} from 'react-waypoint';
diff --git a/src/components/Author/Author.tsx b/src/components/Author/Author.tsx
index 4d0ca4e3a4..5cbe201f6d 100644
--- a/src/components/Author/Author.tsx
+++ b/src/components/Author/Author.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 
 import {AuthorProps, AuthorType, ImageProps} from '../../models';
 import {block} from '../../utils';
+import Image from '../Image/Image';
 import {getMediaImage} from '../Media/Image/utils';
-import {Image} from '../index';
 
 import './Author.scss';
 
diff --git a/src/components/BackLink/BackLink.tsx b/src/components/BackLink/BackLink.tsx
index e5fdd82073..ba43aede9b 100644
--- a/src/components/BackLink/BackLink.tsx
+++ b/src/components/BackLink/BackLink.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ArrowLeft} from '@gravity-ui/icons';
diff --git a/src/components/BalancedMasonry/BalancedMasonry.tsx b/src/components/BalancedMasonry/BalancedMasonry.tsx
index aaf1367a87..b1c6ddb33f 100644
--- a/src/components/BalancedMasonry/BalancedMasonry.tsx
+++ b/src/components/BalancedMasonry/BalancedMasonry.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 1c73da4c0d..a1ab932783 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {StoreBadge} from '@gravity-ui/components';
diff --git a/src/components/ButtonTabs/ButtonTabs.tsx b/src/components/ButtonTabs/ButtonTabs.tsx
index 585b3c8953..218398738f 100644
--- a/src/components/ButtonTabs/ButtonTabs.tsx
+++ b/src/components/ButtonTabs/ButtonTabs.tsx
@@ -1,10 +1,12 @@
+'use client';
+
 import * as React from 'react';
 
 import {ButtonSize} from '@gravity-ui/uikit';
 
 import {AnalyticsEventsProp, ButtonProps, QAProps} from '../../models';
 import {block} from '../../utils';
-import {Button} from '../index';
+import Button from '../Button/Button';
 
 import './ButtonTabs.scss';
 
diff --git a/src/components/CardBase/CardBase.tsx b/src/components/CardBase/CardBase.tsx
index dd34f4a4ad..1d4aefdb99 100644
--- a/src/components/CardBase/CardBase.tsx
+++ b/src/components/CardBase/CardBase.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Link} from '@gravity-ui/uikit';
diff --git a/src/components/Control/Control.tsx b/src/components/Control/Control.tsx
index 56838c13de..b6bfe25029 100644
--- a/src/components/Control/Control.tsx
+++ b/src/components/Control/Control.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {Icon, IconData} from '@gravity-ui/uikit';
 
 import {block} from '../../utils';
diff --git a/src/components/DefaultVideo/DefaultVideo.tsx b/src/components/DefaultVideo/DefaultVideo.tsx
index 84c4e84b6e..71dcbf3dd6 100644
--- a/src/components/DefaultVideo/DefaultVideo.tsx
+++ b/src/components/DefaultVideo/DefaultVideo.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {CustomControlsType, MediaVideoControlsType, MediaVideoProps} from '../../models';
diff --git a/src/components/ErrorWrapper/ErrorWrapper.tsx b/src/components/ErrorWrapper/ErrorWrapper.tsx
index c35b0245df..2227642b59 100644
--- a/src/components/ErrorWrapper/ErrorWrapper.tsx
+++ b/src/components/ErrorWrapper/ErrorWrapper.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Button} from '@gravity-ui/uikit';
diff --git a/src/components/FileLink/FileLink.tsx b/src/components/FileLink/FileLink.tsx
index eb06a122d6..4bc115f292 100644
--- a/src/components/FileLink/FileLink.tsx
+++ b/src/components/FileLink/FileLink.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Label, LabelProps} from '@gravity-ui/uikit';
diff --git a/src/components/Foldable/Foldable.tsx b/src/components/Foldable/Foldable.tsx
index 81ed7838cd..d9f5dce24a 100644
--- a/src/components/Foldable/Foldable.tsx
+++ b/src/components/Foldable/Foldable.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import useHeightCalculator from '../../hooks/useHeightCalculator';
diff --git a/src/components/FullWidthBackground/FullWidthBackground.tsx b/src/components/FullWidthBackground/FullWidthBackground.tsx
index 60c6fb31a1..db51ec3919 100644
--- a/src/components/FullWidthBackground/FullWidthBackground.tsx
+++ b/src/components/FullWidthBackground/FullWidthBackground.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
diff --git a/src/components/FullscreenImage/FullscreenImage.tsx b/src/components/FullscreenImage/FullscreenImage.tsx
index 7fb6c4c689..51a36bd14a 100644
--- a/src/components/FullscreenImage/FullscreenImage.tsx
+++ b/src/components/FullscreenImage/FullscreenImage.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';
diff --git a/src/components/FullscreenMedia/FullscreenMedia.tsx b/src/components/FullscreenMedia/FullscreenMedia.tsx
index 4d73ba3535..0bcf60e13e 100644
--- a/src/components/FullscreenMedia/FullscreenMedia.tsx
+++ b/src/components/FullscreenMedia/FullscreenMedia.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ChevronsExpandUpRight, Xmark} from '@gravity-ui/icons';
diff --git a/src/components/HTML/HTML.tsx b/src/components/HTML/HTML.tsx
index bb8cb3084b..3fa6cb280e 100644
--- a/src/components/HTML/HTML.tsx
+++ b/src/components/HTML/HTML.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ClassNameProps, QAProps, TagName} from '../../models/common';
diff --git a/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx b/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx
index 8950246f26..bb4b4f00de 100644
--- a/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx
+++ b/src/components/HeaderBreadcrumbs/HeaderBreadcrumbs.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {useAnalytics} from '../../hooks';
diff --git a/src/components/Image/Image.tsx b/src/components/Image/Image.tsx
index 5031e546b4..2cf95bba42 100644
--- a/src/components/Image/Image.tsx
+++ b/src/components/Image/Image.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BREAKPOINTS} from '../../constants';
diff --git a/src/components/ImageBase/ImageBase.tsx b/src/components/ImageBase/ImageBase.tsx
index 09b5d18199..0e86752e11 100644
--- a/src/components/ImageBase/ImageBase.tsx
+++ b/src/components/ImageBase/ImageBase.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ImageContext} from '../../context/imageContext/imageContext';
diff --git a/src/components/InnerForm/InnerForm.tsx b/src/components/InnerForm/InnerForm.tsx
index d9c5249424..e6b7afee86 100644
--- a/src/components/InnerForm/InnerForm.tsx
+++ b/src/components/InnerForm/InnerForm.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {YandexForm} from '..';
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
index 6b9e63303c..bb70bfb2f6 100644
--- a/src/components/Link/Link.tsx
+++ b/src/components/Link/Link.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ChevronRight} from '@gravity-ui/icons';
diff --git a/src/components/Map/GoogleMap.tsx b/src/components/Map/GoogleMap.tsx
index 57065e4907..f9655c0ff3 100644
--- a/src/components/Map/GoogleMap.tsx
+++ b/src/components/Map/GoogleMap.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Lang} from '@gravity-ui/uikit';
diff --git a/src/components/Map/Map.tsx b/src/components/Map/Map.tsx
index 30635807d6..17e31baead 100644
--- a/src/components/Map/Map.tsx
+++ b/src/components/Map/Map.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MapType, MapsContext} from '../../context/mapsContext/mapsContext';
diff --git a/src/components/Map/YMap/YMap.ts b/src/components/Map/YMap/YMap.ts
index a6439f43e9..7ed6b097e0 100644
--- a/src/components/Map/YMap/YMap.ts
+++ b/src/components/Map/YMap/YMap.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import {YMapMarkerLabelPrivate, YMapMarkerPrivate, YMapProps} from '../../../models';
 import {Coordinate} from '../../../models/constructor-items/common';
 
diff --git a/src/components/Map/YMap/YandexMap.tsx b/src/components/Map/YMap/YandexMap.tsx
index d24167b8ab..6d3cbe0bdc 100644
--- a/src/components/Map/YMap/YandexMap.tsx
+++ b/src/components/Map/YMap/YandexMap.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Spin} from '@gravity-ui/uikit';
diff --git a/src/components/Media/Image/Image.tsx b/src/components/Media/Image/Image.tsx
index 896dc2d97b..1f1b64bd94 100644
--- a/src/components/Media/Image/Image.tsx
+++ b/src/components/Media/Image/Image.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Interpolation, animated, config, useSpring} from '@react-spring/web';
diff --git a/src/components/Media/Media.tsx b/src/components/Media/Media.tsx
index b1fb71a9f7..294dfba95a 100644
--- a/src/components/Media/Media.tsx
+++ b/src/components/Media/Media.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {InnerContext} from '../../context/innerContext';
diff --git a/src/components/Media/Video/Video.tsx b/src/components/Media/Video/Video.tsx
index 89f9541f1a..cf4f72efc0 100644
--- a/src/components/Media/Video/Video.tsx
+++ b/src/components/Media/Video/Video.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MediaComponentVideoProps, MediaVideoType, PlayButtonProps, QAProps} from '../../../models';
diff --git a/src/components/MediaBase/MediaBase.tsx b/src/components/MediaBase/MediaBase.tsx
index 3d94b538da..04fa30de0b 100644
--- a/src/components/MediaBase/MediaBase.tsx
+++ b/src/components/MediaBase/MediaBase.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
diff --git a/src/components/MediaBase/MediaBaseContent.tsx b/src/components/MediaBase/MediaBaseContent.tsx
index 67598c3d5b..3e4b39de5b 100644
--- a/src/components/MediaBase/MediaBaseContent.tsx
+++ b/src/components/MediaBase/MediaBaseContent.tsx
@@ -1,7 +1,7 @@
 import {ButtonSize} from '@gravity-ui/uikit';
 
 import {MediaContentProps} from '../../models';
-import {Content} from '../../sub-blocks';
+import Content from '../../sub-blocks/Content/Content';
 import {block} from '../../utils';
 
 import './MediaBaseContent.scss';
diff --git a/src/components/MetaInfo/MetaInfo.tsx b/src/components/MetaInfo/MetaInfo.tsx
index 658cee7866..2692890399 100644
--- a/src/components/MetaInfo/MetaInfo.tsx
+++ b/src/components/MetaInfo/MetaInfo.tsx
@@ -1,6 +1,6 @@
 import {ClassNameProps} from '../../models';
 import {block} from '../../utils';
-import {YFMWrapper} from '../index';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
 
 import './MetaInfo.scss';
 
diff --git a/src/components/OutsideClick/OutsideClick.tsx b/src/components/OutsideClick/OutsideClick.tsx
index a1a6191be9..48692726ea 100644
--- a/src/components/OutsideClick/OutsideClick.tsx
+++ b/src/components/OutsideClick/OutsideClick.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 //TODO move into cloud components?
 import * as React from 'react';
 
diff --git a/src/components/OverflowScroller/OverflowScroller.tsx b/src/components/OverflowScroller/OverflowScroller.tsx
index 8e15549192..3de303e150 100644
--- a/src/components/OverflowScroller/OverflowScroller.tsx
+++ b/src/components/OverflowScroller/OverflowScroller.tsx
@@ -1,9 +1,11 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
 
-import {ToggleArrow} from '..';
 import {block} from '../../utils';
+import ToggleArrow from '../ToggleArrow/ToggleArrow';
 
 import {i18n} from './i18n';
 
diff --git a/src/components/ReactPlayer/CircleProgress.tsx b/src/components/ReactPlayer/CircleProgress.tsx
index 487a9af87a..6a5307e117 100644
--- a/src/components/ReactPlayer/CircleProgress.tsx
+++ b/src/components/ReactPlayer/CircleProgress.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ClassNameProps} from '../../models';
diff --git a/src/components/ReactPlayer/CustomBarControls.tsx b/src/components/ReactPlayer/CustomBarControls.tsx
index 385ca3d76a..4f392b6ea7 100644
--- a/src/components/ReactPlayer/CustomBarControls.tsx
+++ b/src/components/ReactPlayer/CustomBarControls.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Pause, Play, VolumeFill, VolumeLow, VolumeXmark} from '@gravity-ui/icons';
diff --git a/src/components/ReactPlayer/ReactPlayer.tsx b/src/components/ReactPlayer/ReactPlayer.tsx
index 0b41506e81..0669432d7e 100644
--- a/src/components/ReactPlayer/ReactPlayer.tsx
+++ b/src/components/ReactPlayer/ReactPlayer.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {PlayFill} from '@gravity-ui/icons';
diff --git a/src/components/Table/Table.tsx b/src/components/Table/Table.tsx
index 57be612ef4..3a5cd97678 100644
--- a/src/components/Table/Table.tsx
+++ b/src/components/Table/Table.tsx
@@ -1,11 +1,13 @@
+'use client';
+
 import * as React from 'react';
 
 import {Check, Minus} from '@gravity-ui/icons';
 import {Icon} from '@gravity-ui/uikit';
 
-import {YFMWrapper} from '../';
 import {ClassNameProps, Justify, LegendTableMarkerType, TableProps} from '../../models';
 import {block} from '../../utils';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
 
 import './Table.scss';
 
diff --git a/src/components/Title/TitleItem.tsx b/src/components/Title/TitleItem.tsx
index 717ab76e73..162c63db23 100644
--- a/src/components/Title/TitleItem.tsx
+++ b/src/components/Title/TitleItem.tsx
@@ -1,12 +1,15 @@
+'use client';
+
 import * as React from 'react';
 
-import {ToggleArrow, YFMWrapper} from '../';
 import {LocationContext} from '../../context/locationContext';
 import {MobileContext} from '../../context/mobileContext';
 import {useAnalytics} from '../../hooks';
 import {AnalyticsEventsBase, QAProps, TextSize, TitleItemProps} from '../../models';
 import {block, getHeaderTag, getLinkProps} from '../../utils';
 import Anchor from '../Anchor/Anchor';
+import ToggleArrow from '../ToggleArrow/ToggleArrow';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
 
 import './TitleItem.scss';
 
diff --git a/src/components/VideoBlock/VideoBlock.tsx b/src/components/VideoBlock/VideoBlock.tsx
index 1da63b40a8..0101fce676 100644
--- a/src/components/VideoBlock/VideoBlock.tsx
+++ b/src/components/VideoBlock/VideoBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {PlayFill} from '@gravity-ui/icons';
diff --git a/src/components/YFMWrapper/YFMWrapper.tsx b/src/components/YFMWrapper/YFMWrapper.tsx
index 1d7f3cce96..22ba885087 100644
--- a/src/components/YFMWrapper/YFMWrapper.tsx
+++ b/src/components/YFMWrapper/YFMWrapper.tsx
@@ -4,11 +4,10 @@ import * as React from 'react';
 
 import toSnakeCase from 'snakecase-keys';
 
-import {HTML} from '../../components';
 import {ClassNameProps, Modifiers} from '../../models';
 import {QAProps} from '../../models/common';
 import {cn} from '../../utils';
-import {HTMLExtraProps} from '../HTML/HTML';
+import HTML, {HTMLExtraProps} from '../HTML/HTML';
 
 const yfm = cn('yfm');
 
diff --git a/src/components/YandexForm/YandexForm.tsx b/src/components/YandexForm/YandexForm.tsx
index 213de82827..862e9ca083 100644
--- a/src/components/YandexForm/YandexForm.tsx
+++ b/src/components/YandexForm/YandexForm.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {LocaleContext} from '../../context/localeContext';
diff --git a/src/containers/Loadable/Loadable.tsx b/src/containers/Loadable/Loadable.tsx
index cec6db89fc..e223c03561 100644
--- a/src/containers/Loadable/Loadable.tsx
+++ b/src/containers/Loadable/Loadable.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Spin} from '@gravity-ui/uikit';
diff --git a/src/containers/PageConstructor/PageConstructor.tsx b/src/containers/PageConstructor/PageConstructor.tsx
index 3a9713453f..c612a0a1b7 100644
--- a/src/containers/PageConstructor/PageConstructor.tsx
+++ b/src/containers/PageConstructor/PageConstructor.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';
diff --git a/src/containers/PageConstructor/Provider.tsx b/src/containers/PageConstructor/Provider.tsx
index 7e3203039a..0f71ef2465 100644
--- a/src/containers/PageConstructor/Provider.tsx
+++ b/src/containers/PageConstructor/Provider.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DEFAULT_THEME} from '../../components/constants';
diff --git a/src/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx b/src/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx
index b41b5bc182..8ecce95f68 100644
--- a/src/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx
+++ b/src/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import pick from 'lodash/pick';
diff --git a/src/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx b/src/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx
index 5ce480b4b2..ab10dee27a 100644
--- a/src/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx
+++ b/src/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import get from 'lodash/get';
diff --git a/src/containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx b/src/containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx
index ce6af6d3f6..cce5bf7b69 100644
--- a/src/containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx
+++ b/src/containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BlockIdContext} from '../../../../context/blockIdContext';
diff --git a/src/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx b/src/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx
index 4488dd6f2c..9264548a01 100644
--- a/src/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx
+++ b/src/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BlockIdContext} from '../../../../context/blockIdContext';
diff --git a/src/context/analyticsContext/analyticsContext.tsx b/src/context/analyticsContext/analyticsContext.tsx
index 1d1838e740..db1e56d290 100644
--- a/src/context/analyticsContext/analyticsContext.tsx
+++ b/src/context/analyticsContext/analyticsContext.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {AnalyticsEvent} from '../../models';
diff --git a/src/context/animateContext/AnimateContext.tsx b/src/context/animateContext/AnimateContext.tsx
index 427d810357..b56a4cae73 100644
--- a/src/context/animateContext/AnimateContext.tsx
+++ b/src/context/animateContext/AnimateContext.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export interface AnimateContextProps {
diff --git a/src/context/blockIdContext/blockIdContext.ts b/src/context/blockIdContext/blockIdContext.ts
index 289ed964df..f4d379a0f5 100644
--- a/src/context/blockIdContext/blockIdContext.ts
+++ b/src/context/blockIdContext/blockIdContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export type BlockIdContextProp = string;
diff --git a/src/context/formsContext/FormsContext.ts b/src/context/formsContext/FormsContext.ts
index 1b71d016f2..f51cbacf12 100644
--- a/src/context/formsContext/FormsContext.ts
+++ b/src/context/formsContext/FormsContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {YandexFormProps} from '../../models/constructor-items/common';
diff --git a/src/context/imageContext/imageContext.ts b/src/context/imageContext/imageContext.ts
index 8a6240a3a9..2f2a5fc2a1 100644
--- a/src/context/imageContext/imageContext.ts
+++ b/src/context/imageContext/imageContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import type {ImageBaseProps} from '../../components';
diff --git a/src/context/innerContext/InnerContext.ts b/src/context/innerContext/InnerContext.ts
index 404fa02c55..2a1369e66c 100644
--- a/src/context/innerContext/InnerContext.ts
+++ b/src/context/innerContext/InnerContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ItemMap, NavItemMap} from '../../containers/PageConstructor/PageConstructor';
diff --git a/src/context/mapsContext/mapsContext.ts b/src/context/mapsContext/mapsContext.ts
index 19590662f9..256232a37f 100644
--- a/src/context/mapsContext/mapsContext.ts
+++ b/src/context/mapsContext/mapsContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export enum MapType {
diff --git a/src/context/mapsContext/mapsProvider.tsx b/src/context/mapsContext/mapsProvider.tsx
index 431a9140c7..246f017140 100644
--- a/src/context/mapsContext/mapsProvider.tsx
+++ b/src/context/mapsContext/mapsProvider.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MapType, MapsContext} from './mapsContext';
diff --git a/src/context/mapsContext/useMap.ts b/src/context/mapsContext/useMap.ts
index 4cff63e489..6e83465eb1 100644
--- a/src/context/mapsContext/useMap.ts
+++ b/src/context/mapsContext/useMap.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MapsContext, MapsContextType} from './mapsContext';
diff --git a/src/context/projectSettingsContext/ProjectSettingsContext.ts b/src/context/projectSettingsContext/ProjectSettingsContext.ts
index 1a753aeb86..28a9595c17 100644
--- a/src/context/projectSettingsContext/ProjectSettingsContext.ts
+++ b/src/context/projectSettingsContext/ProjectSettingsContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export interface ProjectSettingsContextProps {
     disableCompress?: boolean;
diff --git a/src/context/ssrContext/SSRContext.ts b/src/context/ssrContext/SSRContext.ts
index ca50b1bb67..b34b4b7e70 100644
--- a/src/context/ssrContext/SSRContext.ts
+++ b/src/context/ssrContext/SSRContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export interface SSRContextProps {
     isServer?: boolean;
diff --git a/src/context/stylesContext/StylesContext.ts b/src/context/stylesContext/StylesContext.ts
index e4cb6afd6b..a081412453 100644
--- a/src/context/stylesContext/StylesContext.ts
+++ b/src/context/stylesContext/StylesContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 export interface StylesContextProps {
     setStyles: (newValues: Record<string, string>) => void;
diff --git a/src/context/theme/withTheme.tsx b/src/context/theme/withTheme.tsx
index 043efac7de..9d9f82b60e 100644
--- a/src/context/theme/withTheme.tsx
+++ b/src/context/theme/withTheme.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Subtract} from 'utility-types';
diff --git a/src/context/videoContext/VideoContext.ts b/src/context/videoContext/VideoContext.ts
index 34e1cff34d..7db84a3bfc 100644
--- a/src/context/videoContext/VideoContext.ts
+++ b/src/context/videoContext/VideoContext.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export interface VideoContextProps {
diff --git a/src/context/windowWidthContext/WindowWidthContext.tsx b/src/context/windowWidthContext/WindowWidthContext.tsx
index 388b76477e..27c2f13b54 100644
--- a/src/context/windowWidthContext/WindowWidthContext.tsx
+++ b/src/context/windowWidthContext/WindowWidthContext.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import throttle from 'lodash/throttle';
diff --git a/src/editor/components/AddBlock/AddBlock.tsx b/src/editor/components/AddBlock/AddBlock.tsx
index 1211b41a83..2a1249b90b 100644
--- a/src/editor/components/AddBlock/AddBlock.tsx
+++ b/src/editor/components/AddBlock/AddBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Plus} from '@gravity-ui/icons';
diff --git a/src/editor/components/BlockForm/BlockForm.tsx b/src/editor/components/BlockForm/BlockForm.tsx
index 44686ebfa2..1982857db5 100644
--- a/src/editor/components/BlockForm/BlockForm.tsx
+++ b/src/editor/components/BlockForm/BlockForm.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DynamicField, SimpleVerticalAccordeon, Spec} from '@gravity-ui/dynamic-forms';
diff --git a/src/editor/components/CodeEditor/CodeEditor.tsx b/src/editor/components/CodeEditor/CodeEditor.tsx
index de0978a5c4..4ebcf739b9 100644
--- a/src/editor/components/CodeEditor/CodeEditor.tsx
+++ b/src/editor/components/CodeEditor/CodeEditor.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';
diff --git a/src/editor/components/ControlPanel/ControlPanel.tsx b/src/editor/components/ControlPanel/ControlPanel.tsx
index be4158f796..f8c8d3b246 100644
--- a/src/editor/components/ControlPanel/ControlPanel.tsx
+++ b/src/editor/components/ControlPanel/ControlPanel.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {Code, Display, Eye, Smartphone, SquareDashedText} from '@gravity-ui/icons';
 import {SegmentedRadioGroup, Select} from '@gravity-ui/uikit';
 
diff --git a/src/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx b/src/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx
index 2c3dbdbb66..f1d0c8640f 100644
--- a/src/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx
+++ b/src/editor/components/DeviceEmulation/DeviceEmulationMobile/DeviceEmulationMobile.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {block} from '../../../../utils';
diff --git a/src/editor/components/EditBlock/EditBlock.tsx b/src/editor/components/EditBlock/EditBlock.tsx
index 100d392617..fb0bd4d21c 100644
--- a/src/editor/components/EditBlock/EditBlock.tsx
+++ b/src/editor/components/EditBlock/EditBlock.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin} from '@gravity-ui/icons';
diff --git a/src/editor/components/ErrorBoundary/ErrorBoundary.tsx b/src/editor/components/ErrorBoundary/ErrorBoundary.tsx
index c901863400..ad69b52b35 100644
--- a/src/editor/components/ErrorBoundary/ErrorBoundary.tsx
+++ b/src/editor/components/ErrorBoundary/ErrorBoundary.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BlockDecorationProps} from '../../../models';
diff --git a/src/editor/components/PageSettings/PageSettings.tsx b/src/editor/components/PageSettings/PageSettings.tsx
index 06b0758493..f991280961 100644
--- a/src/editor/components/PageSettings/PageSettings.tsx
+++ b/src/editor/components/PageSettings/PageSettings.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DynamicField, Spec} from '@gravity-ui/dynamic-forms';
diff --git a/src/editor/containers/Editor/Editor.tsx b/src/editor/containers/Editor/Editor.tsx
index b19e2d1dd1..d9905805c8 100644
--- a/src/editor/containers/Editor/Editor.tsx
+++ b/src/editor/containers/Editor/Editor.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {PageConstructor, PageConstructorProvider} from '../../../containers/PageConstructor';
 import {block} from '../../../utils';
 import AddBlock from '../../components/AddBlock/AddBlock';
diff --git a/src/editor/containers/Editor/hooks/useCode.ts b/src/editor/containers/Editor/hooks/useCode.ts
index 2c33b46032..fe56ff3850 100644
--- a/src/editor/containers/Editor/hooks/useCode.ts
+++ b/src/editor/containers/Editor/hooks/useCode.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import yaml from 'js-yaml';
diff --git a/src/editor/containers/Editor/hooks/useEditorState.tsx b/src/editor/containers/Editor/hooks/useEditorState.tsx
index 3f2824b296..7504acacee 100644
--- a/src/editor/containers/Editor/hooks/useEditorState.tsx
+++ b/src/editor/containers/Editor/hooks/useEditorState.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BlockDecorationProps} from '../../../../models';
diff --git a/src/editor/containers/Form/Form.tsx b/src/editor/containers/Form/Form.tsx
index 9d03b3a4dc..1a0c304005 100644
--- a/src/editor/containers/Form/Form.tsx
+++ b/src/editor/containers/Form/Form.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Text} from '@gravity-ui/uikit';
diff --git a/src/editor/context.ts b/src/editor/context.ts
index 4d16e74ff9..f15ddd1fdd 100644
--- a/src/editor/context.ts
+++ b/src/editor/context.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {PageConstructorProps, PageConstructorProviderProps} from '../containers/PageConstructor';
diff --git a/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx b/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx
index ee7a2f400c..5776146dd3 100644
--- a/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx
+++ b/src/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {
diff --git a/src/editor/dynamic-forms-custom/hooks/useOneOf.tsx b/src/editor/dynamic-forms-custom/hooks/useOneOf.tsx
index 10cd043ff1..7820cff49a 100644
--- a/src/editor/dynamic-forms-custom/hooks/useOneOf.tsx
+++ b/src/editor/dynamic-forms-custom/hooks/useOneOf.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {
diff --git a/src/editor/hooks/useCodeValidator.ts b/src/editor/hooks/useCodeValidator.ts
index 290cec25b4..6aa19580a9 100644
--- a/src/editor/hooks/useCodeValidator.ts
+++ b/src/editor/hooks/useCodeValidator.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {JSONSchema4} from 'json-schema';
diff --git a/src/editor/hooks/useFormSpec.ts b/src/editor/hooks/useFormSpec.ts
index 8011f510bc..7e2acb032b 100644
--- a/src/editor/hooks/useFormSpec.ts
+++ b/src/editor/hooks/useFormSpec.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {JSONSchema4} from 'json-schema';
diff --git a/src/editor/hooks/usePreviousValue.ts b/src/editor/hooks/usePreviousValue.ts
index fdbf6bcc48..9ee1cbf4fc 100644
--- a/src/editor/hooks/usePreviousValue.ts
+++ b/src/editor/hooks/usePreviousValue.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 export default function usePreviousValue<T>(value: T) {
diff --git a/src/editor/store/main/index.ts b/src/editor/store/main/index.ts
index ac2874cffd..3ad4eb0b47 100644
--- a/src/editor/store/main/index.ts
+++ b/src/editor/store/main/index.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {DEFAULT_THEME} from '../../../components/constants';
diff --git a/src/editor/store/settings/index.ts b/src/editor/store/settings/index.ts
index 0fecbd93f0..c2869ebe67 100644
--- a/src/editor/store/settings/index.ts
+++ b/src/editor/store/settings/index.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Theme} from '../../../models';
diff --git a/src/grid/Row/Row.tsx b/src/grid/Row/Row.tsx
index 7288aad228..d850ccdc6a 100644
--- a/src/grid/Row/Row.tsx
+++ b/src/grid/Row/Row.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {AriaProps, Roleable} from '../../models';
diff --git a/src/hooks/hubspot.ts b/src/hooks/hubspot.ts
index 2a05de598e..d6e01be9a9 100644
--- a/src/hooks/hubspot.ts
+++ b/src/hooks/hubspot.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {HubspotEventHandlers, handleHubspotEvents, loopBackHabspotEvents} from '../utils/hubspot';
diff --git a/src/hooks/useAnalytics.ts b/src/hooks/useAnalytics.ts
index 5eb1768d9d..bacb627a09 100644
--- a/src/hooks/useAnalytics.ts
+++ b/src/hooks/useAnalytics.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {AnalyticsContext} from '../context/analyticsContext';
diff --git a/src/hooks/useDeviceValue.ts b/src/hooks/useDeviceValue.ts
index b5b93ad544..16d596e585 100644
--- a/src/hooks/useDeviceValue.ts
+++ b/src/hooks/useDeviceValue.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {BREAKPOINTS} from '../constants';
diff --git a/src/hooks/useFocus.ts b/src/hooks/useFocus.ts
index 6238bf300f..abec0ac18f 100644
--- a/src/hooks/useFocus.ts
+++ b/src/hooks/useFocus.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import noop from 'lodash/noop';
diff --git a/src/hooks/useHeightCalculator.ts b/src/hooks/useHeightCalculator.ts
index 6017e4b2e3..64c8b5a181 100644
--- a/src/hooks/useHeightCalculator.ts
+++ b/src/hooks/useHeightCalculator.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
diff --git a/src/hooks/useImageSize.ts b/src/hooks/useImageSize.ts
index f9d3dd8295..e9bfd40e96 100644
--- a/src/hooks/useImageSize.ts
+++ b/src/hooks/useImageSize.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MediaAllProps} from '../components/Media/Media';
diff --git a/src/hooks/useMount.ts b/src/hooks/useMount.ts
index 53735c8375..fd5be48c24 100644
--- a/src/hooks/useMount.ts
+++ b/src/hooks/useMount.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 type Unsubscribe = () => void;
diff --git a/src/hooks/useWindowBreakpoint.ts b/src/hooks/useWindowBreakpoint.ts
index 6a1e8d4a40..51ca96b145 100644
--- a/src/hooks/useWindowBreakpoint.ts
+++ b/src/hooks/useWindowBreakpoint.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
diff --git a/src/models/constructor-items/blocks.ts b/src/models/constructor-items/blocks.ts
index 120756cd87..dcffb17641 100644
--- a/src/models/constructor-items/blocks.ts
+++ b/src/models/constructor-items/blocks.ts
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {ButtonSize} from '@gravity-ui/uikit';
+import type {ButtonSize} from '@gravity-ui/uikit';
 
 import {GridColumnSize, GridColumnSizesType, IndentValue} from '../../grid/types';
 import {ThemeSupporting} from '../../utils';
diff --git a/src/models/constructor-items/common.ts b/src/models/constructor-items/common.ts
index 71f4bcdb1b..33770aa819 100644
--- a/src/models/constructor-items/common.ts
+++ b/src/models/constructor-items/common.ts
@@ -1,7 +1,7 @@
 import * as React from 'react';
 
 import * as icons from '@gravity-ui/icons';
-import {ButtonView, IconData, ButtonProps as UikitButtonProps} from '@gravity-ui/uikit';
+import type {ButtonView, IconData, ButtonProps as UikitButtonProps} from '@gravity-ui/uikit';
 
 import {ThemeSupporting} from '../../utils';
 import {AnalyticsEventsBase, AnalyticsEventsProp, ClassNameProps, QAProps} from '../common';
diff --git a/src/navigation/components/DesktopNavigation/DesktopNavigation.tsx b/src/navigation/components/DesktopNavigation/DesktopNavigation.tsx
index ccc88837d3..7e2fb2a578 100644
--- a/src/navigation/components/DesktopNavigation/DesktopNavigation.tsx
+++ b/src/navigation/components/DesktopNavigation/DesktopNavigation.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';
 import {block} from '../../../utils';
 import {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';
diff --git a/src/navigation/components/MobileMenuButton/MobileMenuButton.tsx b/src/navigation/components/MobileMenuButton/MobileMenuButton.tsx
index 3d912276b3..a262afd813 100644
--- a/src/navigation/components/MobileMenuButton/MobileMenuButton.tsx
+++ b/src/navigation/components/MobileMenuButton/MobileMenuButton.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Bars, Xmark} from '@gravity-ui/icons';
diff --git a/src/navigation/components/MobileNavigation/MobileNavigation.tsx b/src/navigation/components/MobileNavigation/MobileNavigation.tsx
index 6ed7609d61..8121f76fee 100644
--- a/src/navigation/components/MobileNavigation/MobileNavigation.tsx
+++ b/src/navigation/components/MobileNavigation/MobileNavigation.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Portal} from '@gravity-ui/uikit';
diff --git a/src/navigation/components/Navigation/Navigation.tsx b/src/navigation/components/Navigation/Navigation.tsx
index 6116f80ac5..7cbe96b59b 100644
--- a/src/navigation/components/Navigation/Navigation.tsx
+++ b/src/navigation/components/Navigation/Navigation.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import OutsideClick from '../../../components/OutsideClick/OutsideClick';
diff --git a/src/navigation/components/NavigationItem/NavigationItem.tsx b/src/navigation/components/NavigationItem/NavigationItem.tsx
index fb6db07fe1..d9e31af921 100644
--- a/src/navigation/components/NavigationItem/NavigationItem.tsx
+++ b/src/navigation/components/NavigationItem/NavigationItem.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import omit from 'lodash/omit';
diff --git a/src/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx b/src/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx
index a89f01f164..e493086408 100644
--- a/src/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx
+++ b/src/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Image} from '../../../../../components';
diff --git a/src/navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx b/src/navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx
index 7d3a5e3cff..0452671509 100644
--- a/src/navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx
+++ b/src/navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';
diff --git a/src/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx b/src/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx
index 0eded43742..79ae8ce704 100644
--- a/src/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx
+++ b/src/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {Button, RouterLink} from '../../../../../components';
 import {BlockIdContext} from '../../../../../context/blockIdContext';
 import {ButtonProps} from '../../../../../models';
diff --git a/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx b/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx
index e6d4813fb1..68682db865 100644
--- a/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx
+++ b/src/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {ToggleArrow} from '../../../../../components';
diff --git a/src/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx b/src/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx
index e47665c29a..50913927e3 100644
--- a/src/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx
+++ b/src/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {RouterLink} from '../../../../../components';
diff --git a/src/navigation/components/NavigationItem/hooks/useNavigationItemMap.ts b/src/navigation/components/NavigationItem/hooks/useNavigationItemMap.ts
index da17c34e9e..769a8a416e 100644
--- a/src/navigation/components/NavigationItem/hooks/useNavigationItemMap.ts
+++ b/src/navigation/components/NavigationItem/hooks/useNavigationItemMap.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import isEmpty from 'lodash/isEmpty';
diff --git a/src/navigation/components/NavigationListItem/NavigationListItem.tsx b/src/navigation/components/NavigationListItem/NavigationListItem.tsx
index ff6fb05908..4bd9eb3d15 100644
--- a/src/navigation/components/NavigationListItem/NavigationListItem.tsx
+++ b/src/navigation/components/NavigationListItem/NavigationListItem.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {NavigationListItemProps} from '../../models';
 import {getItemClickHandler} from '../../utils';
 import NavigationItem from '../NavigationItem';
diff --git a/src/navigation/components/SocialIcon/SocialIcon.tsx b/src/navigation/components/SocialIcon/SocialIcon.tsx
index 8d39a99df1..f42bdc299c 100644
--- a/src/navigation/components/SocialIcon/SocialIcon.tsx
+++ b/src/navigation/components/SocialIcon/SocialIcon.tsx
@@ -1,4 +1,4 @@
-import {Image} from '../../../components';
+import Image from '../../../components/Image/Image';
 import {getMediaImage} from '../../../components/Media/Image/utils';
 import {NavigationSocialItem} from '../../../models';
 import {block} from '../../../utils';
diff --git a/src/navigation/hooks/useActiveNavItem.ts b/src/navigation/hooks/useActiveNavItem.ts
index ce4001338d..c9a9f02c04 100644
--- a/src/navigation/hooks/useActiveNavItem.ts
+++ b/src/navigation/hooks/useActiveNavItem.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {NavigationItemModel} from '../../models';
diff --git a/src/navigation/hooks/useShowBorder.ts b/src/navigation/hooks/useShowBorder.ts
index ad552e66dd..4685600963 100644
--- a/src/navigation/hooks/useShowBorder.ts
+++ b/src/navigation/hooks/useShowBorder.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import debounce from 'lodash/debounce';
diff --git a/src/sub-blocks/BannerCard/BannerCard.tsx b/src/sub-blocks/BannerCard/BannerCard.tsx
index 75da986611..22396887ab 100644
--- a/src/sub-blocks/BannerCard/BannerCard.tsx
+++ b/src/sub-blocks/BannerCard/BannerCard.tsx
@@ -1,4 +1,7 @@
-import {BackgroundImage, Button, RouterLink, YFMWrapper} from '../../components';
+import BackgroundImage from '../../components/BackgroundImage/BackgroundImage';
+import Button from '../../components/Button/Button';
+import RouterLink from '../../components/RouterLink/RouterLink';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
 import {useTheme} from '../../context/theme';
 import {BannerCardProps} from '../../models';
 import {block, getThemedValue} from '../../utils';
diff --git a/src/sub-blocks/Content/Content.tsx b/src/sub-blocks/Content/Content.tsx
index 9b9238c24e..a0ef522bc2 100644
--- a/src/sub-blocks/Content/Content.tsx
+++ b/src/sub-blocks/Content/Content.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import {useUniqId} from '@gravity-ui/uikit';
 
 import {Buttons, ContentList, Links, Title, YFMWrapper} from '../../components';
diff --git a/src/sub-blocks/HubspotForm/HubspotFormContainer.tsx b/src/sub-blocks/HubspotForm/HubspotFormContainer.tsx
index 084e46730f..32e5f9abf3 100644
--- a/src/sub-blocks/HubspotForm/HubspotFormContainer.tsx
+++ b/src/sub-blocks/HubspotForm/HubspotFormContainer.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {useMount} from '../../hooks';
diff --git a/src/sub-blocks/HubspotForm/index.tsx b/src/sub-blocks/HubspotForm/index.tsx
index 54a94e431c..51f3ef581c 100644
--- a/src/sub-blocks/HubspotForm/index.tsx
+++ b/src/sub-blocks/HubspotForm/index.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {MobileContext} from '../../context/mobileContext';
diff --git a/src/sub-blocks/HubspotForm/loadHubspotScript.ts b/src/sub-blocks/HubspotForm/loadHubspotScript.ts
index 3b45f743c1..c522766512 100644
--- a/src/sub-blocks/HubspotForm/loadHubspotScript.ts
+++ b/src/sub-blocks/HubspotForm/loadHubspotScript.ts
@@ -1,3 +1,5 @@
+'use client';
+
 let scriptPromise: Promise<unknown>;
 
 const loadHubspotScript = async () => {
diff --git a/src/sub-blocks/ImageCard/ImageCard.tsx b/src/sub-blocks/ImageCard/ImageCard.tsx
index e47285f181..7b51057fef 100644
--- a/src/sub-blocks/ImageCard/ImageCard.tsx
+++ b/src/sub-blocks/ImageCard/ImageCard.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Link, useUniqId} from '@gravity-ui/uikit';
diff --git a/src/sub-blocks/MediaCard/MediaCard.tsx b/src/sub-blocks/MediaCard/MediaCard.tsx
index e74bb3f14e..6fc58f1bfc 100644
--- a/src/sub-blocks/MediaCard/MediaCard.tsx
+++ b/src/sub-blocks/MediaCard/MediaCard.tsx
@@ -1,4 +1,5 @@
-import {CardBase, Media} from '../../components';
+import CardBase from '../../components/CardBase/CardBase';
+import Media from '../../components/Media/Media';
 import {MediaCardProps} from '../../models';
 import {block} from '../../utils';
 
diff --git a/src/sub-blocks/PriceCard/PriceCard.tsx b/src/sub-blocks/PriceCard/PriceCard.tsx
index 5380800bfb..d5b220710c 100644
--- a/src/sub-blocks/PriceCard/PriceCard.tsx
+++ b/src/sub-blocks/PriceCard/PriceCard.tsx
@@ -1,6 +1,11 @@
 import {Check} from '@gravity-ui/icons';
 
-import {BackgroundImage, Buttons, CardBase, ContentList, Links, YFMWrapper} from '../../components';
+import BackgroundImage from '../../components/BackgroundImage/BackgroundImage';
+import Buttons from '../../components/Buttons/Buttons';
+import CardBase from '../../components/CardBase/CardBase';
+import ContentList from '../../components/ContentList/ContentList';
+import Links from '../../components/Links/Links';
+import YFMWrapper from '../../components/YFMWrapper/YFMWrapper';
 import {PriceCardProps} from '../../models';
 import {block} from '../../utils';
 
diff --git a/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx b/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx
index 787a3668ce..42ca8ad2d3 100644
--- a/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx
+++ b/src/sub-blocks/PriceDetailed/CombinedPriceDetailed/CombinedPriceDetailed.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import chunk from 'lodash/chunk';
diff --git a/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx b/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx
index 5e56fbf63a..2a5a1a408b 100644
--- a/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx
+++ b/src/sub-blocks/PriceDetailed/PriceDescription/PriceDescription.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Label, LabelProps} from '@gravity-ui/uikit';
diff --git a/src/sub-blocks/PriceDetailed/PriceDetails/Details/List.tsx b/src/sub-blocks/PriceDetailed/PriceDetails/Details/List.tsx
index dbd0e91581..c8fd22d77d 100644
--- a/src/sub-blocks/PriceDetailed/PriceDetails/Details/List.tsx
+++ b/src/sub-blocks/PriceDetailed/PriceDetails/Details/List.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {YFMWrapper} from '../../../../components';
+import YFMWrapper from '../../../../components/YFMWrapper/YFMWrapper';
 import {PriceDetailsListProps, TextSize} from '../../../../models';
 import {block} from '../../../../utils';
 
diff --git a/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.tsx b/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.tsx
index 88a5b44dfe..9fb027b41c 100644
--- a/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.tsx
+++ b/src/sub-blocks/PriceDetailed/PriceDetails/Details/Settings.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {YFMWrapper} from '../../../../components';
+import YFMWrapper from '../../../../components/YFMWrapper/YFMWrapper';
 import {PriceDetailsSettingsProps, TextSize} from '../../../../models';
 import {block} from '../../../../utils';
 
diff --git a/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.tsx b/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.tsx
index dac4d2a6e6..de1fa81100 100644
--- a/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.tsx
+++ b/src/sub-blocks/PriceDetailed/PriceDetails/PriceDetails.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Foldable, ToggleArrow} from '../../../components';
diff --git a/src/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx b/src/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx
index 3611159baf..ae2cc3371f 100644
--- a/src/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx
+++ b/src/sub-blocks/PriceDetailed/SeparatePriceDetailed/SeparatePriceDetailed.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {CardBase} from '../../../components';
+import CardBase from '../../../components/CardBase/CardBase';
 import {
     CardBorder,
     PriceDescriptionProps,
diff --git a/src/sub-blocks/Quote/Quote.tsx b/src/sub-blocks/Quote/Quote.tsx
index 38a65cfeb2..3149981f32 100644
--- a/src/sub-blocks/Quote/Quote.tsx
+++ b/src/sub-blocks/Quote/Quote.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import * as React from 'react';
 
 import {Author, Button, Image, YFMWrapper} from '../../components';
diff --git a/src/utils/icons.ts b/src/utils/icons.ts
index cbc1112f4a..5467a8369f 100644
--- a/src/utils/icons.ts
+++ b/src/utils/icons.ts
@@ -1,5 +1,5 @@
 import * as GravityIcons from '@gravity-ui/icons';
-import {IconData} from '@gravity-ui/uikit';
+import type {IconData} from '@gravity-ui/uikit';
 
 export function getGravityIcon(iconName: string): IconData | undefined {
     if (hasGravityIcon(iconName)) {