@sberbusiness/triplex-next-mcp-server 0.24.0-beta1

package/bundle/components/IconWrapper.md

@@ -0,0 +1,145 @@
+---
+component: IconWrapper
+category: Icons
+figma-node: ""
+figma-file: ""
+related: [ButtonIcon, Button, Link]
+tokens: []
+stories: stories/Icons/IconWrapper/IconWrapper.stories.tsx
+version: "1.0"
+---
+
+# IconWrapper
+
+## Назначение
+
+Минимальный `<span>`-обёртка для иконок из `@sberbusiness/icons-next`,
+которая проставляет **глобальный CSS-класс `hoverable`** + опционально `active`/`disabled`.
+Эти имена используются CSS-правилами из `icons-next/styles/icons.css` для
+смены `fill` у палитры иконок при hover/active/disabled.
+
+Без обёртки иконка имеет фиксированные цвета палитры. С обёрткой — реагирует
+на состояния родителя.
+
+Используй когда: нужно сделать кликабельную/интерактивную иконку вне
+кнопки (например, в строке таблицы, в свободной вёрстке), либо когда
+иконка внутри нестандартного контейнера должна менять цвет при hover/active.
+Не используй когда: иконка внутри `ButtonIcon`/`Button` — там `hoverable`
+уже навешен.
+
+---
+
+## Файловая структура
+
+```text
+src/components/IconWrapper/
+├── IconWrapper.tsx                    # forwardRef, <span>
+├── index.ts                           # Barrel: IconWrapper, IIconWrapperProps
+├── styles/IconWrapper.module.less     # disableInteraction, displayContents (только)
+└── __tests__/IconWrapper.test.tsx
+```
+
+---
+
+## Варианты и props
+
+### `IIconWrapperProps extends HTMLAttributes<HTMLSpanElement>`
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `children` | `ReactNode` | — | Обычно `<SomeIcon16 />` из `@sberbusiness/icons-next`. |
+| `active` | `boolean` | `false` | Принудительно применить стили active-цвета. Класс `active` (глобальный). |
+| `disabled` | `boolean` | `false` | Приглушённый цвет. Класс `disabled` (глобальный). |
+| `disableInteraction` | `boolean` | `false` | `pointer-events: none`. Иконка не ловит hover/click. Полезно, когда иконка внутри disabled-элемента, но сама не должна реагировать. |
+| `displayContents` | `boolean` | `false` | `display: contents` — span не создаёт box'а. Для кейсов, когда обёртка мешает grid/flex лейауту. |
+| `className`, `...HTMLSpanAttributes` | — | — | Стандартные. |
+
+---
+
+## Ключевые особенности реализации
+
+### Глобальные классы `hoverable` / `active` / `disabled`
+
+```tsx
+className={clsx("hoverable", className, {
+    active: !!active,
+    disabled: !!disabled,
+    [styles.disableInteraction]: !!disableInteraction,
+    [styles.displayContents]: !!displayContents,
+})}
+```
+
+- `hoverable`, `active`, `disabled` — **не CSS-Modules классы**, а строковые литералы. Соответствующие правила живут в **`@sberbusiness/icons-next/styles/icons.css`** и выглядят как:
+  ```css
+  @media (hover: hover) { .hoverable:hover ._cdqvp6 { fill: #21A19A; } ... }
+  .hoverable:not(:disabled):active ._cdqvp6, .hoverable.active ._cdqvp6 { fill: #007777; }
+  .hoverable:disabled ._cdqvp6, .hoverable.disabled ._cdqvp6 { fill: ... opacity: .15; }
+  ```
+- Правила написаны для каждого цветового класса палитры иконок (`._cdqvp6`, `._102z8qh` и т.д.). Переопределять их через свой CSS сложно — лучше использовать `paletteIndex` prop иконки.
+- **Не переименовывать `"hoverable"` на camelCase или `styles.hoverable`** — это сломает работу CSS из icons-next.
+
+### `disableInteraction` и `displayContents` — единственное, что у компонента есть в CSS
+
+```less
+.disableInteraction { pointer-events: none; }
+.displayContents { display: contents; }
+```
+
+Всё остальное визуальное поведение приходит от icons.css. Компонент — тонкая обёртка.
+
+### `forwardRef` + typo: ref на `<span>`
+
+`IIconWrapperProps` требует `children: React.ReactNode` как обязательный prop (в отличие от стандартного `HTMLAttributes`, где `children` опциональный).
+
+---
+
+## Инварианты
+
+- **Строковые классы `"hoverable"` / `"active"` / `"disabled"`** — кросс-пакетный контракт с `@sberbusiness/icons-next`. Не менять и не оборачивать в CSS-Modules.
+- **`forwardRef`** — не убирать.
+- **`children` обязателен** по типу — тонкая обёртка без контента бессмысленна.
+- **`displayContents`** — используется там, где wrapper мешает layout'у родителя; если удаляешь, нужно проверить потребителей.
+
+---
+
+## Accessibility
+
+- `<span>` без семантики. Если иконка кликабельна, **потребитель должен** добавить `role="button"`/`tabIndex`/`aria-label` через `...rest` **или лучше** использовать `ButtonIcon`.
+- `disabled` prop — **чисто визуальный**, не делает элемент реально disabled (на `<span>` это невозможно). Для interaction-блокировки используй `disableInteraction`.
+- `aria-hidden` — потребитель сам решает, нужно ли прятать иконку от скринридера (если она декоративная рядом с текстом — обычно да).
+
+---
+
+## Дизайн-токены
+
+Нет собственных. Цвета иконок приходят из CSS-правил `@sberbusiness/icons-next`
+по классам палитры (`_cdqvp6`, `_102z8qh`, ...), которые подставляются
+компонентами иконок автоматически по `paletteIndex`.
+
+---
+
+## Связанные компоненты
+
+- `ButtonIcon` / `Button` — уже добавляют `hoverable` вокруг иконки. Использовать IconWrapper внутри них **не нужно**.
+- `List` / `Table` — используют `IconWrapper` в служебных местах (сортировка, экспанд).
+- `IslandAccordion` — использует прямую строку `"hoverable"` для chevron-иконки (тот же паттерн, без компонента).
+
+---
+
+## Stories
+
+`stories/Icons/IconWrapper/IconWrapper.stories.tsx`
+Примеры: `stories/Icons/IconWrapper/examples/`
+
+| Story | Example file | Что демонстрирует |
+|---|---|---|
+| `Default` | `DefaultExample.tsx` | Базовое использование с иконкой из icons-next. |
+| `States` | `StatesExample.tsx` | `active` / `disabled` / `disableInteraction`. |
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |

package/bundle/components/Island.md

@@ -0,0 +1,197 @@
+---
+component: Island
+category: Layout
+figma-node: ""
+figma-file: ""
+related: [IslandAccordion, IslandWidget, Card, Page]
+tokens:
+  - --triplex-next-Island-Type1_Background
+  - --triplex-next-Island-Type1_Shadow
+  - --triplex-next-Island-Type2_Background
+  - --triplex-next-Island-Type2_Shadow
+  - --triplex-next-Island-Type3_Background
+  - --triplex-next-Island-Type3_Shadow
+stories: stories/Island/Island.stories.tsx
+version: "1.0"
+---
+
+# Island
+
+## Назначение
+
+Карточка-"остров" — контейнер со скруглениями, фоном и тенью. **Compound-компонент**
+с тремя дочерними слотами: `Island.Header`, `Island.Body`, `Island.Footer`.
+Имеет три визуальных типа (`TYPE_1` / `TYPE_2` / `TYPE_3`) — отличаются
+цветом фона и тенью — и три размера (`SM`/`MD`/`LG`) — отличаются
+радиусом, padding'ом и межблочным margin'ом.
+
+Используй когда: нужна базовая карточка с заголовком, контентом и футером.
+Для аккордеона предпочитай `IslandAccordion`, для виджета с иконкой —
+`IslandWidget`.
+
+---
+
+## Файловая структура
+
+```text
+src/components/Island/
+├── Island.tsx                   # Object.assign → Body/Header/Footer
+├── enums.ts                     # EIslandType (TYPE_1/TYPE_2/TYPE_3)
+├── utils.ts                     # mapTypeToClassName(type) → styles.type1/2/3
+├── index.ts                     # Barrel
+├── components/
+│   ├── IslandHeader.tsx         # <div .islandHeader>
+│   ├── IslandBody.tsx           # <div .islandBody>
+│   └── IslandFooter.tsx         # <div .islandFooter>
+└── styles/
+    ├── Island.module.less       # Типы, размеры, mobile-ресайз
+    ├── IslandHeader.module.less
+    ├── IslandBody.module.less
+    └── IslandFooter.module.less
+```
+
+---
+
+## Compound-структура
+
+```tsx
+<Island type={EIslandType.TYPE_1} size={EComponentSize.MD}>
+    <Island.Header>Заголовок</Island.Header>
+    <Island.Body>Основной контент</Island.Body>
+    <Island.Footer>
+        <Button>Действие</Button>
+    </Island.Footer>
+</Island>
+```
+
+Все три слота опциональны. Отступы между ними задаются смежным CSS-селектором
+на корне:
+```less
+.islandHeader + .islandBody,
+.islandHeader + .islandFooter,
+.islandBody + .islandFooter { margin-top: <size>; }
+```
+Размер зазора меняется со `size` (8/12/16 px).
+
+---
+
+## Варианты и props
+
+### Island — `IIslandProps extends HTMLAttributes<HTMLDivElement>`
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `type` | `EIslandType` | `TYPE_1` | Визуальный тип (цвет фона + тень). |
+| `size` | `EComponentSize` | `MD` | Размер — влияет на padding и border-radius. |
+| `className`, `style`, `...HTMLDivAttributes` | — | — | Стандартные. |
+
+### EIslandType
+
+| Значение | Токены |
+|---|---|
+| `TYPE_1` | `--triplex-next-Island-Type1_Background` + `Type1_Shadow` |
+| `TYPE_2` | `...Type2...` |
+| `TYPE_3` | `...Type3...` |
+
+### Размеры
+
+| Size | Desktop (≥ sm+1) | Mobile (≤ @screen-sm-max) | Gap между слотами |
+|---|---|---|---|
+| `SM` | radius 16, padding 16 | radius 16, padding 16 | 8 |
+| `MD` | radius 24, padding 24 | radius 16, padding 16 | 12 |
+| `LG` | radius 32, padding 32 | radius 24, padding 24 | 16 |
+
+На mobile `MD` уменьшается до SM-параметров; `LG` — до размеров близких к MD. Это сохранить при добавлении новых размеров.
+
+### Дочерние — `IIslandHeaderProps`, `IIslandBodyProps`, `IIslandFooterProps`
+
+Все extends `React.HTMLProps<HTMLDivElement>` (не `HTMLAttributes` — заметь разницу: `HTMLProps` шире, включает DOM-специфичные проп'ы вроде `form`, `crossOrigin`). Интерфейсы пустые, просто именованные alias'ы.
+
+`IslandBody` merge'ит `className` через `clsx` — можно передавать свой класс.
+
+**`IslandHeader` / `IslandFooter`** — НЕ merge'ят `className` из props (баг-или-легаси): `clsx(styles.islandHeader)` без пропагации `className`. **Если нужно передать свой класс — исправляй компонент.** Не полагайся на это поведение.
+
+---
+
+## Ключевые особенности реализации
+
+### Compound через `Object.assign`
+
+```tsx
+export const Island = Object.assign(
+    React.forwardRef<HTMLDivElement, IIslandProps>(...),
+    { Body: IslandBody, Header: IslandHeader, Footer: IslandFooter },
+);
+```
+
+### Margin между слотами — через смежный селектор
+
+Отступы между Header/Body/Footer заданы на корне Island, а не на самих слотах. Это значит:
+- если пропустить Body и написать `<Header /><Footer />` — между ними всё равно сработает `margin-top`.
+- если вставить произвольный контент между слотами — смежный селектор не сработает, и придётся выставлять отступ вручную.
+
+### Mobile resize
+
+`@media (max-width: @screen-sm-max)` перекрывает padding/radius для всех размеров — карточка визуально уменьшается на мобильных. Это поведение реализует автоматическую адаптивность без дополнительных пропсов.
+
+### `IslandHeader` / `IslandFooter` игнорируют `className`
+
+В отличие от `IslandBody`, они не мержат `className`. Это по факту баг/неполная реализация, но изменение может затронуть потребителей — не исправлять без согласования.
+
+---
+
+## Инварианты
+
+- **`EIslandType` значения `TYPE_1`/`TYPE_2`/`TYPE_3`** — публичный API. Не переименовывать.
+- **Compound через `Object.assign`** — `Island.Header`, `Island.Body`, `Island.Footer`. Barrel также экспортирует `IslandHeader`/`IslandBody`/`IslandFooter` напрямую.
+- **Margin-логика через `+`-селектор** — изменение на gap-flex сломает существующие интеграции (padding/layout рассчитаны на margin-top).
+- **`forwardRef`** — на всех четырёх компонентах.
+- **Дефолт `type=TYPE_1`, `size=MD`** — не менять.
+- **`HTMLProps<HTMLDivElement>`** (не `HTMLAttributes`) в интерфейсах слотов — сохранить, если потребитель опирается на расширенные атрибуты.
+
+---
+
+## Accessibility
+
+- `<div>`-контейнеры, без ARIA-ролей. Если остров используется как диалог/секция/регион — потребитель передаёт `role` и `aria-label` через `...rest`.
+- `IslandHeader` — не `<header>`/`<h*>`; потребитель сам передаёт нужные семантические теги/заголовки внутрь.
+- Tab-навигация — через интерактивные дети.
+
+---
+
+## Дизайн-токены
+
+```
+--triplex-next-Island-Type1_Background
+--triplex-next-Island-Type1_Shadow
+--triplex-next-Island-Type2_Background
+--triplex-next-Island-Type2_Shadow
+--triplex-next-Island-Type3_Background
+--triplex-next-Island-Type3_Shadow
+```
+
+Размеры (`16/24/32` px) и gap'ы (`8/12/16` px) заданы литералами.
+
+---
+
+## Связанные компоненты
+
+- `IslandAccordion` — остров с раскрытием (содержит `hoverable` chevron-иконку).
+- `IslandWidget` — остров-виджет с иконкой и действиями.
+- `Card` — другая карточная абстракция (интерактивная, с hover-состояниями).
+- `Page` — типовой контейнер страницы, часто содержит Island'ы.
+
+---
+
+## Stories
+
+`stories/Island/Island.stories.tsx`
+Примеры: `stories/Island/examples/`
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |

package/bundle/components/IslandAccordion.md

@@ -0,0 +1,230 @@
+---
+component: IslandAccordion
+category: Layout
+figma-node: ""
+figma-file: ""
+related: [Island, IslandWidget, ExpandAnimation, Step, Button]
+tokens: []
+stories: stories/IslandAccordion/IslandAccordion.stories.tsx
+version: "1.0"
+---
+
+# IslandAccordion
+
+## Назначение
+
+Аккордеон — список раскрывающихся `Island`-карточек. Каждая `Item` хранит
+собственное открытое состояние (либо управляется извне через `opened`),
+анимация раскрытия делегирована `ExpandAnimation`. Поддерживает step-индикатор
+(через `Step`), кнопку удаления (`onRemove`), статусы и размеры (из `EComponentSize`)
+и типы (из `EIslandType`) — оба прокидываются детям через контекст.
+
+Используй когда: нужен последовательный список шагов/секций с раскрытием
+(wizard, FAQ-with-steps). Без step-индикатора — тоже валидный кейс.
+Не используй когда: нужен "плоский" аккордеон без визуала карточек —
+возьми кастомное решение или составь из `ExpandAnimation` напрямую.
+
+---
+
+## Файловая структура
+
+```text
+src/components/IslandAccordion/
+├── IslandAccordion.tsx              # <ul>, Provider контекста (size/type), Object.assign → Item
+├── IslandAccordionContext.ts        # IIslandAccordionContext = { size, type }
+├── index.ts                         # Barrel
+├── components/
+│   ├── IslandAccordionItem.tsx      # <li>, Island.Header с кнопкой + ExpandAnimation + Step/Remove
+│   ├── IslandAccordionContent.tsx   # Тонкая обёртка над Island.Body
+│   ├── IslandAccordionFooter.tsx    # Тонкая обёртка над Island.Footer
+│   └── index.ts
+└── styles/IslandAccordion.module.less
+```
+
+---
+
+## Compound-структура
+
+```tsx
+<IslandAccordion size={EComponentSize.MD} type={EIslandType.TYPE_1}>
+    <IslandAccordion.Item
+        id="step-1"
+        title="Шаг первый"
+        num={1}
+        status={EStepStatus.COMPLETED}
+        opened={isFirstOpen}
+        onToggle={(next, id) => setFirstOpen(next)}
+        onRemove={(id) => removeStep(id)}
+    >
+        <IslandAccordionContent>
+            {/* ... произвольный контент шага ... */}
+        </IslandAccordionContent>
+        <IslandAccordionFooter>
+            <Button>Следующий шаг</Button>
+        </IslandAccordionFooter>
+    </IslandAccordion.Item>
+</IslandAccordion>
+```
+
+---
+
+## Варианты и props
+
+### IslandAccordion — `IIslandAccordionProps extends HTMLAttributes<HTMLUListElement>, Pick<IIslandProps, "type">`
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `size` | `EComponentSize` | `MD` | Передаётся детям через контекст. |
+| `type` | `EIslandType` | `TYPE_1` | Передаётся детям через контекст. |
+| `...ulAttributes` | — | — | Обычные `<ul>`-атрибуты. |
+
+### IslandAccordion.Item — `IIslandAccordionItemProps extends Omit<HTMLAttributes<HTMLLIElement>, "title">`
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `title` | `ReactNode` | — | Заголовок. Обязателен. |
+| `id` | `string` | — | Уникальный id (обязателен, используется как ключ и для ARIA). |
+| `num` | `number` | — | Цифра в кружке Step. Применяется только вместе со `status`. |
+| `status` | `EStepStatus` | — | Статус шага; рендерит `Step` при наличии `num`. |
+| `stepHint` | `string` | — | Подсказка рядом с цифрой. Игнорируется в `disabled`. |
+| `opened` | `boolean` | — (uncontrolled) | Управляемое состояние раскрытия. Если не передан — item uncontrolled, хранит своё состояние через `useState`. |
+| `disabled` | `boolean` | `false` | Блокирует клик по заголовку и удаление. |
+| `onToggle` | `(newOpened, id) => void` | — | Срабатывает даже в disabled? Нет — ранний return при `disabled`. |
+| `onRemove` | `(id) => void` | — | Рендерит крестик справа; при клике вызывает `onRemove(id)`. |
+| `transitionProps` | `IExpandAnimationProps["transitionProps"]` | — | Проброс в `ExpandAnimation`. |
+
+### IslandAccordion.Item.Content / Footer
+
+Тонкие обёртки над `Island.Body` / `Island.Footer` с добавлением нужных
+отступов (`styles.body`, `styles.footer`).
+
+---
+
+## Ключевые особенности реализации
+
+### Controlled / uncontrolled по `opened`
+
+- Если `opened !== undefined` — controlled; `useEffect` синхронизирует
+  внутренний `isOpen` с `opened` при изменении.
+- Если `opened === undefined` — uncontrolled; `handleHeaderClick` переключает
+  локальный `isOpen` через `setIsOpen(newOpened)`.
+- В обоих случаях вызывается `onToggle(newOpened, id)`.
+
+### Размеры через маппинги
+
+```ts
+SIZE_TO_TITLE_SIZE_MAP = { SM: H3, MD: H3, LG: H2 }   // Title внутри заголовка
+```
+
+Размер `size` также влияет на общий layout через CSS-классы (`.sm`, `.md`, `.lg`).
+
+### Типы через локальный map
+
+```ts
+TYPE_TO_CLASS_NAME_MAP = { TYPE_1: styles.type1, TYPE_2: styles.type2, TYPE_3: styles.type3 }
+```
+
+Дублирует `Island.utils.mapTypeToClassName`, но использует **локальные** стили
+аккордеона (в `IslandAccordion.module.less`), а не Island'овские.
+
+### Чип `hoverable` на свёрнутом заголовке
+
+```tsx
+className={clsx(styles.header, { hoverable: !isOpen })}
+```
+
+Когда item закрыт — иконка chevron реагирует на hover (меняет цвет через
+правила из `@sberbusiness/icons-next/styles/icons.css`). Когда открыт —
+класс не ставится, иконка статична.
+
+### ARIA-связка через `uniqueId`
+
+- `instanceId` генерируется через `useRef(uniqueId()).current` — НЕ SSR-safe.
+  Для SSR-сценариев потребителю нужно передавать стабильный `id`.
+- `aria-expanded`, `aria-controls` (кнопка → контент), `role="region"`,
+  `aria-labelledby` (контент → кнопка) проставляются.
+- Контент рендерится внутри `ExpandAnimation` с этими ARIA-атрибутами;
+  даже в свёрнутом состоянии `ExpandAnimation` может оставлять элемент в DOM
+  (зависит от реализации) — не полагайся на "нет DOM = нет фокусируемых".
+
+### Кнопка удаления — снаружи карточки
+
+```tsx
+{onRemove && (
+    <span className={styles.remove}>
+        <ButtonIcon onClick={handleRemoveClick} disabled={disabled} title="Удалить">
+            <CrossStrokeSrvIcon24 paletteIndex={5} />
+        </ButtonIcon>
+    </span>
+)}
+```
+
+Это **хардкод русского текста `title="Удалить"`** — нарушение правил
+мультиязычности (`aria-label`/`title` не должны быть на конкретном языке).
+**Technical debt.** Кандидат на рефакторинг: вынести в prop `removeTitle`
+или полностью убрать, оставив потребителю.
+
+### `// eslint-disable-next-line react-hooks/refs`
+
+```ts
+const instanceId = useRef(uniqueId()).current;
+```
+
+Паттерн создаёт id один раз на монтировании. ESLint ругается, но это
+осознанный legacy-подход; в новом коде лучше `React.useId()`.
+
+---
+
+## Инварианты
+
+- **`IslandAccordionContext` shape** (`size`, `type`) — при изменении подхватят все items; передать извне только `type` и `size` — контекст public.
+- **`Object.assign` на `IslandAccordion` → `Item`**, на `Item` → `Content`/`Footer`. Двухуровневый compound.
+- **`<ul>` / `<li>`** — семантика списка, её нельзя заменить на `<div>` без согласования (ломает скринридеры и существующую стилизацию).
+- **`onRemove` title="Удалить"** — захардкоженный текст. Не дублировать паттерн в других компонентах; при переводе библиотеки — первая точка исправления.
+- **`forwardRef`** на корне и на `Item`; `Content`/`Footer` — `React.FC`.
+- **`opened` управляемое/неуправляемое поведение** — не нарушать (ломает интеграции).
+- **`id` обязателен** на Item — используется как React key и в ARIA.
+- **`uniqueId` из lodash** — не SSR-safe; потребители для SSR должны передавать `id` явно.
+
+---
+
+## Accessibility
+
+- **`<button>`-заголовок** — полная клавиатурная навигация (Tab, Enter, Space).
+- `aria-expanded` на заголовке, `aria-controls` → id контента.
+- `role="region"` + `aria-labelledby` на контенте — скринридер объявляет секцию при входе.
+- `disabled` — нативный HTML-атрибут на `<button>` + класс `.disabled` для CSS.
+- **Иконка chevron** — `aria-hidden="true"`, правильно (вся семантика на кнопке).
+- **Кнопка удаления** — title="Удалить" (см. debt выше). Для корректной мультиязычности потребитель должен переопределить через передаваемые пропы в будущем или не использовать `onRemove`.
+
+---
+
+## Дизайн-токены
+
+Нет прямых — цвет/тень приходят от `Island` (`--triplex-next-Island-*`).
+Chevron-цвета — из `@sberbusiness/icons-next` (palette 5).
+
+---
+
+## Связанные компоненты
+
+- `Island` — корневая карточка каждого Item.
+- `ExpandAnimation` — раскрытие контента.
+- `Step` — номер+статус в заголовке.
+- `Typography.Title` — заголовок.
+- `ButtonIcon` — кнопка удаления.
+
+---
+
+## Stories
+
+`stories/IslandAccordion/IslandAccordion.stories.tsx`
+Примеры: `stories/IslandAccordion/examples/`
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |