@skbkontur/react-ui 5.1.4 → 5.1.5

package/cjs/components/DateRangePicker/__docs__/DateRangePicker.mdx

@@ -1,21 +1,19 @@
 import * as DateRangePickerStories from './DateRangePicker.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={DateRangePickerStories} />
 
-# DateRangePicker
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/calendar/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18389)
+<Header
+  component="DateRangePicker"
+  guides="https://guides.kontur.ru/components/input-fields/calendar/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18389"
+/>
 
 <Description />
 
-<br />
-<br />
-
 ## Базовый пример
 
 Компонент выбора периода состоит из 3-х дочерних компонентов:

package/cjs/components/Dropdown/__docs__/Dropdown.mdx

@@ -1,15 +1,16 @@
 import * as DropdownStories from './Dropdown.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={DropdownStories} />
 
-# Dropdown
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/actions/menu-button/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=200%3A2498)
+<Header
+  component="Dropdown"
+  guides="https://guides.kontur.ru/components/actions/menu-button/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=200%3A2498"
+/>
 
 <Description />
 

package/cjs/components/DropdownMenu/__docs__/DropdownMenu.mdx

@@ -1,15 +1,16 @@
 import * as DropdownMenuStories from './DropdownMenu.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={DropdownMenuStories} />
 
-# DropdownMenu
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/actions/menu-button/)
-
-[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=200-2498&t=I8Bp7OCi6jgkyIbR-0)
+<Header
+  component="DropdownMenu"
+  guides="https://guides.kontur.ru/components/actions/menu-button/"
+  figma="https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/⚡-Kontur-UI?node-id=200-2498&t=I8Bp7OCi6jgkyIbR-0"
+/>
 
 <Description />
 

package/cjs/components/FileUploader/__docs__/FileUploader.mdx

@@ -1,15 +1,16 @@
 import * as FileUploaderStories from './FileUploader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={FileUploaderStories} />
 
-# FileUploader
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/file-uploader/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=284%3A11938)
+<Header
+  component="FileUploader"
+  guides="https://guides.kontur.ru/components/input-fields/file-uploader/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=284%3A11938"
+/>
 
 <Description />
 

package/cjs/components/FxInput/__docs__/FxInput.mdx

@@ -1,15 +1,16 @@
 import * as FxInputStories from './FxInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={FxInputStories} />
 
-# FxInput
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/input/#11)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+<Header
+  component="FxInput"
+  guides="https://guides.kontur.ru/components/input-fields/input/#11"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
+/>
 
 <Description />
 

package/cjs/components/Gapped/__docs__/Gapped.mdx

@@ -1,11 +1,12 @@
 import * as GappedStories from './Gapped.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={GappedStories} />
 
-# Gapped
+<Header component="Gapped" />
 
 <Description />
 

package/cjs/components/GlobalLoader/__docs__/GlobalLoader.mdx

@@ -1,15 +1,16 @@
 import * as GlobalLoaderStories from './GlobalLoader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={GlobalLoaderStories} />
 
-# GlobalLoader
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/progress-indicators/global-loader/)
-
-[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=396-15654&t=i9hraypi61DJWRFA-4)
+<Header
+  component="GlobalLoader"
+  guides="https://guides.kontur.ru/components/progress-indicators/global-loader/"
+  figma="https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=396-15654&t=i9hraypi61DJWRFA-4"
+/>
 
 <Description />
 

package/cjs/components/Group/__docs__/Group.mdx

@@ -1,11 +1,12 @@
 import * as GroupStories from './Group.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={GroupStories} />
 
-# Group
+<Header component="Group" />
 
 <Description />
 

package/cjs/components/Hint/__docs__/Hint.mdx

@@ -2,15 +2,16 @@ import * as HintStories from './Hint.docs.stories.tsx';
 
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={HintStories} />
 
-# Hint
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/hint/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5154)
+<Header
+  component="Hint"
+  guides="https://guides.kontur.ru/components/popup-elements/hint/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5154"
+/>
 
 <Description />
 

package/cjs/components/Input/__docs__/Input.mdx

@@ -1,15 +1,16 @@
 import * as InputStories from './Input.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={InputStories} />
 
-# Input
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/input/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+<Header
+  component="Input"
+  guides="https://guides.kontur.ru/components/input-fields/input/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
+/>
 
 <Description />
 

package/cjs/components/Kebab/__docs__/Kebab.mdx

@@ -1,15 +1,16 @@
 import * as KebabStories from './Kebab.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={KebabStories} />
 
-# Kebab
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/actions/kebab-menu/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A2540)
+<Header
+  component="Kebab"
+  guides="https://guides.kontur.ru/components/actions/kebab-menu/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A2540"
+/>
 
 <Description />
 

package/cjs/components/Link/__docs__/Link.mdx

@@ -1,15 +1,16 @@
 import * as LinkStories from './Link.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={LinkStories} />
 
-# Link
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/actions/hyperlink/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?type=design&node-id=953%3A23703&mode=design&t=os7wLLJCaKzU1UFM-1)
+<Header
+  component="Link"
+  guides="https://guides.kontur.ru/components/actions/hyperlink/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?type=design&node-id=953%3A23703&mode=design&t=os7wLLJCaKzU1UFM-1"
+/>
 
 <Description />
 

package/cjs/components/Loader/__docs__/Loader.mdx

@@ -1,13 +1,12 @@
 import * as LoaderStories from './Loader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={LoaderStories} />
 
-# Loader
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/progress-indicators/spinner/)
+<Header component="Loader" guides="https://guides.kontur.ru/components/progress-indicators/spinner/" />
 
 <Description />
 

package/cjs/components/MaskedInput/__docs__/MaskedInput.mdx

@@ -1,15 +1,16 @@
 import * as MaskedInputStories from './MaskedInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MaskedInputStories} />
 
-# MaskedInput
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/input/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+<Header
+  component="MaskedInput"
+  guides="https://guides.kontur.ru/components/input-fields/input/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
+/>
 
 <Description />
 

package/cjs/components/MenuFooter/__docs__/MenuFooter.mdx

@@ -1,11 +1,12 @@
 import * as MenuFooterStories from './MenuFooter.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuFooterStories} />
 
-# MenuFooter
+<Header component="MenuFooter" />
 
 <Description />
 

package/cjs/components/MenuHeader/__docs__/MenuHeader.mdx

@@ -1,11 +1,12 @@
 import * as MenuHeaderStories from './MenuHeader.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuHeaderStories} />
 
-# MenuHeader
+<Header component="MenuHeader" />
 
 <Description />
 

package/cjs/components/MenuItem/__docs__/MenuItem.mdx

@@ -1,11 +1,12 @@
 import * as MenuItemStories from './MenuItem.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuItemStories} />
 
-# MenuItem
+<Header component="MenuItem" />
 
 <Description />
 

package/cjs/components/MenuSeparator/__docs__/MenuSeparator.mdx

@@ -1,11 +1,12 @@
 import * as MenuSeparatorStories from './MenuSeparator.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MenuSeparatorStories} />
 
-# MenuSeparator
+<Header component="MenuSeparator" />
 
 <Description />
 

package/cjs/components/MiniModal/__docs__/MiniModal.mdx

@@ -1,15 +1,16 @@
 import * as MiniModalStories from './MiniModal.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={MiniModalStories} />
 
-# MiniModal
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka)
-
-[Компонент в Figma](https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4)
+<Header
+  component="MiniModal"
+  guides="https://guides.kontur.ru/components/popup-elements/modal/#Mini-modalka"
+  figma="https://www.figma.com/design/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI?node-id=21689-33399&t=agVpD90pHKOeCgsR-4"
+/>
 
 <Description />
 

package/cjs/components/Modal/__docs__/Modal.mdx

@@ -1,15 +1,16 @@
 import * as ModalStories from './Modal.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ModalStories} />
 
-# Modal
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/modal/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142)
+<Header
+  component="Modal"
+  guides="https://guides.kontur.ru/components/popup-elements/modal/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142"
+/>
 
 <Description />
 

package/cjs/components/Paging/__docs__/Paging.mdx

@@ -1,15 +1,16 @@
 import * as PagingStories from './Paging.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PagingStories} />
 
-# Paging
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/navigation/paging/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18146)
+<Header
+  component="Paging"
+  guides="https://guides.kontur.ru/components/navigation/paging/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=281%3A18146"
+/>
 
 <Description />
 

package/cjs/components/PasswordInput/__docs__/PasswordInput.mdx

@@ -1,15 +1,16 @@
 import * as PasswordInputStories from './PasswordInput.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={PasswordInputStories} />
 
-# PasswordInput
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/input-fields/password/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602)
+<Header
+  component="PasswordInput"
+  guides="https://guides.kontur.ru/components/input-fields/password/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A1602"
+/>
 
 <Description />
 

package/cjs/components/Radio/__docs__/Radio.mdx

@@ -1,15 +1,16 @@
 import * as RadioStories from './Radio.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioStories} />
 
-# Radio
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/radio/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669)
+<Header
+  component="Radio"
+  guides="https://guides.kontur.ru/components/selection-elements/radio/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669"
+/>
 
 <Description />
 

package/cjs/components/RadioGroup/__docs__/RadioGroup.mdx

@@ -1,15 +1,16 @@
 import * as RadioGroupStories from './RadioGroup.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={RadioGroupStories} />
 
-# RadioGroup
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/radio/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669)
+<Header
+  component="RadioGroup"
+  guides="https://guides.kontur.ru/components/selection-elements/radio/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2669"
+/>
 
 <Description />
 

package/cjs/components/ResponsiveLayout/__docs__/ResponsiveLayout.mdx

@@ -1,11 +1,12 @@
 import * as ResponsiveLayoutStories from './ResponsiveLayout.docs.stories.tsx';
 import { ArgTypes, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ResponsiveLayoutStories} />
 
-# ResponsiveLayout
+<Header component="ResponsiveLayout" />
 
 <Description />
 

package/cjs/components/ScrollContainer/__docs__/ScrollContainer.mdx

@@ -1,11 +1,12 @@
 import * as ScrollContainerStories from './ScrollContainer.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={ScrollContainerStories} />
 
-# ScrollContainer
+<Header component="ScrollContainer" />
 
 <Description />
 

package/cjs/components/Select/__docs__/Select.mdx

@@ -1,15 +1,16 @@
 import * as SelectStories from './Select.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SelectStories} />
 
-# Select
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/selection-elements/select/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2514)
+<Header
+  component="Select"
+  guides="https://guides.kontur.ru/components/selection-elements/select/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=203%3A2514"
+/>
 
 <Description />
 

package/cjs/components/SidePage/__docs__/SidePage.mdx

@@ -1,15 +1,16 @@
 import * as SidePageStories from './SidePage.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SidePageStories} />
 
-# SidePage
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/sidepage/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142)
+<Header
+  component="SidePage"
+  guides="https://guides.kontur.ru/components/popup-elements/sidepage/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A11142"
+/>
 
 <Description />
 

package/cjs/components/SingleToast/__docs__/SingleToast.mdx

@@ -1,15 +1,16 @@
 import * as SingleToastStories from './SingleToast.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SingleToastStories} />
 
-# SingleToast
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/popup-elements/toast/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203)
+<Header
+  component="SingleToast"
+  guides="https://guides.kontur.ru/components/popup-elements/toast/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=230%3A5203"
+/>
 
 <Description />
 

package/cjs/components/Spinner/__docs__/Spinner.mdx

@@ -1,15 +1,16 @@
 import * as SpinnerStories from './Spinner.docs.stories.tsx';
 import { Primary, ArgTypes, Stories, Description } from '@storybook/blocks';
 import { Meta } from '../../../.storybook/Meta';
+import { Header } from '../../../.storybook/Header';
 import { PropsTable } from '../../../.storybook/PropsTable';
 
 <Meta of={SpinnerStories} />
 
-# Spinner
-
-[Компонент в Контур.Гайдах](https://guides.kontur.ru/components/progress-indicators/spinner/)
-
-[Компонент в Figma](https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=396%3A15631)
+<Header
+  component="Spinner"
+  guides="https://guides.kontur.ru/components/progress-indicators/spinner/"
+  figma="https://www.figma.com/file/87ScqxPzJpF9DcVBNYWOjM/%E2%9A%A1-Kontur-UI-Modern-Layout?node-id=396%3A15631"
+/>
 
 <Description />