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

package/bundle/components/Slider.md

@@ -0,0 +1,157 @@
+---
+component: Slider
+category: Form Controls
+figma-node: ""
+figma-file: ""
+related: [SliderExtended, SliderRange]
+tokens: []
+stories: stories/Slider/Slider.stories.tsx
+version: "1.0"
+---
+
+# Slider
+
+## Назначение
+
+Готовый слайдер с **одним** ползунком: фиксированная компоновка
+`SliderExtended` (`Rail` → `Dot` → `Track` → `Marks`), tooltip над dot'ом
+если передан `renderTooltipContent`. Под капотом — `SliderExtended` с
+ровно одним `Dot`.
+
+Используй когда: нужно выбрать одно числовое значение в диапазоне
+`min..max`. Для двух точек (диапазон) — `SliderRange`. Для нестандартной
+компоновки (свой Tooltip, отдельные Marks) — `SliderExtended`.
+
+---
+
+## Файловая структура
+
+```text
+src/components/Slider/
+├── Slider.tsx        # FC; склейка SliderExtended + Dot + Tooltip + Marks
+├── index.ts          # Barrel
+└── __tests__/
+```
+
+---
+
+## Варианты и props
+
+### `ISliderProps`
+
+```ts
+extends Omit<ISliderExtendedProps, "onChange" | "step">
+extends Pick<ISliderExtendedDotProps, "onChange" | "value">
+```
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `value` | `number` | — | Текущее значение dot'а. |
+| `onChange` | `(value: number) => void` | — | Изменение значения. |
+| `marks` | `ISliderMark[]` | — | Метки под полосой (`{ value, label }`). |
+| `step?` | `number \| number[]` | `1` | Длина шага или явный массив значений. |
+| `renderTooltipContent?` | `(value: number) => ReactNode` | — | Если передан — рендерится `Tooltip` над dot'ом. |
+| `size` | `EComponentSize.MD \| LG` | — (обязателен из ISliderExtendedProps) | Только MD/LG. |
+| `min` / `max` | `number` | — | От SliderExtended. |
+| `disabled?` / `reverse?` | `boolean` | — | От SliderExtended. |
+| `children?` | `never` | — | Запрещено. |
+
+### `ISliderMark`
+
+```ts
+{ value: number; label: ReactNode }
+```
+
+`value` должен быть в `[min, max]`.
+
+### `step`
+
+- **`number`** — обычный шаг: для `min=0, max=100, step=1` — 100 шагов.
+- **`number[]`** — явный массив возможных значений, **первый = `min`**, **последний = `max`** (контракт).
+
+---
+
+## Ключевые особенности реализации
+
+### Жёстко зашитая структура
+
+```tsx
+<SliderExtended step={step} size={size} {...rest}>
+    <SliderExtended.Rail />
+    <SliderExtended.Dot value={value} onChange={onChange}>
+        {renderTooltipContent && <SliderExtended.Tooltip ...>{renderTooltipContent(value)}</SliderExtended.Tooltip>}
+    </SliderExtended.Dot>
+    <SliderExtended.Track />
+    <SliderExtended.Marks>
+        {marks.map(m => <SliderExtended.Mark key={m.value} value={m.value}>{m.label}</SliderExtended.Mark>)}
+    </SliderExtended.Marks>
+</SliderExtended>
+```
+
+- Порядок: Rail → Dot → Track → Marks. Изменение порядка — менять `Slider.tsx`.
+- Tooltip — вложен в Dot, рендерится только при `renderTooltipContent`.
+
+### `step` default `1`
+
+- Если потребитель не передал — `1`.
+
+### `Tooltip` — над **самим** dot'ом, не на hover
+
+- Рендерится при наличии `renderTooltipContent`. По UX — обычно показывается всегда (см. SliderExtendedTooltip-логику).
+
+### **`children: never`**
+
+- Внутрь Slider'а нельзя положить кастомные элементы — для этого использовать SliderExtended.
+
+### **`FC, не forwardRef`**
+
+- Ref не пробрасывается.
+
+---
+
+## Инварианты
+
+- **Один Dot, фиксированная структура** — Rail/Dot/Track/Marks. Менять только через SliderExtended.
+- **`step` default `1`**.
+- **`marks: ISliderMark[]`** — обязателен, может быть `[]`.
+- **`renderTooltipContent?`** — опционально; без него Tooltip не рендерится.
+- **`size: MD | LG`** — `SM` не поддерживается.
+- **`children: never`**.
+- **`value` ∈ `[min, max]`** — потребитель ответственен (валидации нет).
+- **Если `step` — массив**, первое значение = `min`, последнее = `max`.
+- **`FC, не forwardRef`**.
+
+---
+
+## Accessibility
+
+- Наследуется от `SliderExtended.Dot` (см. SliderExtended-AI; обычно `<span>` с `tabIndex`).
+- Keyboard navigation — стрелки (детали в SliderExtendedDot).
+
+---
+
+## Дизайн-токены
+
+Нет собственных — наследуются от `SliderExtended`.
+
+---
+
+## Связанные компоненты
+
+- `SliderExtended` — низкоуровневая основа (slots).
+- `SliderRange` — два ползунка.
+
+---
+
+## Stories
+
+`stories/Slider/Slider.stories.tsx`
+Примеры: `stories/Slider/examples/`
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |

package/bundle/components/SliderExtended.md

@@ -0,0 +1,210 @@
+---
+component: SliderExtended
+category: Form Controls
+figma-node: ""
+figma-file: ""
+related: [Slider, SliderRange]
+tokens:
+  - --triplex-next-Slider-Rail_Background
+  - --triplex-next-Slider-Rail_Background_Disabled
+  - --triplex-next-Slider-Track_Background_Default
+  - --triplex-next-Slider-Track_Background_Hover
+  - --triplex-next-Slider-Track_Background_Disabled
+  - --triplex-next-Slider-Dot_Background_Default
+  - --triplex-next-Slider-Dot_Background_Hover
+  - --triplex-next-Slider-Dot_Background_Select
+  - --triplex-next-Slider-Dot_Background_Disabled
+  - --triplex-next-Slider-Dot_Inner_Background
+  - --triplex-next-Slider-Dot_Inner_Background_Disabled
+  - --triplex-next-Slider-Dot_Focus
+  - --triplex-next-Slider-Mark_Dot_Background_Default
+  - --triplex-next-Slider-Mark_Dot_Background_Selected
+  - --triplex-next-Slider-Mark_Dot_Background_Selected_Disabled
+  - --triplex-next-Slider-Tooltip_Background
+  - --triplex-next-Slider-Tooltip_Color
+stories: stories/Slider/SliderExtended.stories.tsx
+version: "1.0"
+---
+
+# SliderExtended
+
+## Назначение
+
+Низкоуровневая основа слайдера со slot-компонентами
+(`Rail`, `Dot`, `Track`, `Marks`, `Mark`, `Tooltip`). Контекст хранит состояние
+`dots`, `steps`, `railNode`, `focused`. Потребитель сам собирает структуру.
+
+Используй когда: нужна нестандартная компоновка (произвольное число `Dot`,
+кастомный `Tooltip`, своя шкала `Marks`). Для готовых сценариев — `Slider`
+(один ползунок) или `SliderRange` (два ползунка).
+
+---
+
+## Файловая структура
+
+```text
+src/components/SliderExtended/
+├── SliderExtended.tsx           # FC с Provider + render children
+├── SliderExtendedContext.ts     # ISliderExtendedContext, ISliderExtendedDot, ISliderExtendedStep
+├── SliderExtendedUtils.ts       # getNormalizedValue, getNearestStep, getStepIndexByNormalizedValue...
+├── components/
+│   ├── SliderExtendedRail.tsx
+│   ├── SliderExtendedMoveHandler.tsx
+│   ├── SliderExtendedDot/
+│   │   ├── SliderExtendedDot.tsx
+│   │   ├── SliderExtendedDotActions.ts
+│   │   └── useSliderExtendedDotTabIndex.tsx
+│   ├── SliderExtendedMarks/
+│   │   ├── SliderExtendedMarks.tsx
+│   │   ├── SliderExtendedMark.tsx
+│   │   └── SliderExtendedMarkActions.ts
+│   ├── SliderExtendedTooltip/SliderExtendedTooltip.tsx
+│   └── SliderExtendedTrack/
+│       ├── SliderExtendedTrack.tsx
+│       └── SliderExtendedTrackActions.ts
+├── styles/
+└── index.ts
+```
+
+---
+
+## Slot-компоненты
+
+| Slot | Обязателен | Назначение |
+|---|---|---|
+| `SliderExtended.Rail` | ✅ | Полоса-подложка. Клик по rail перемещает ближайший `Dot` на ближайший `step`. |
+| `SliderExtended.Dot` | ✅ (≥1) | Ползунок. Управление мышью/touch/клавиатурой. |
+| `SliderExtended.Track` | опционально | Полоса между двумя `Dot` (закрашенная зона). Если `dots.length < 2` — не рендерит ничего. |
+| `SliderExtended.Marks` | опционально | Контейнер для `Mark` — шкала под rail. |
+| `SliderExtended.Mark` | опционально | Отдельная метка на шкале (`value`, `children`). Клик → ближайший Dot едет на value. |
+| `SliderExtended.Tooltip` | опционально | Тултип над Dot (рендерится внутри `<Dot>`). |
+
+---
+
+## Варианты и props
+
+### `ISliderExtendedProps` (корневой)
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `min` | `number` | — | Минимальное значение. |
+| `max` | `number` | — | Максимальное значение. |
+| `step` | `number \| number[]` | — | Шаг или массив возможных значений (первый = `min`, последний = `max`). |
+| `size` | `EComponentSize.MD \| LG` | — | Только MD и LG. `SM` запрещён. |
+| `disabled?` | `boolean` | `false` | Блокирует интеракции. |
+| `reverse?` | `boolean` | `false` | Реверсивная ориентация (min справа). |
+| `...HTMLAttributes<HTMLDivElement>` | — | — | Прокидываются на корневой `div`. |
+
+### `ISliderExtendedDotProps`
+
+| Prop | Тип | Описание |
+|---|---|---|
+| `value` | `number` | Текущее значение точки. Должно принадлежать `[min, max]`. |
+| `onChange` | `(value: number) => void` | Вызывается при drag/keyboard/click-on-rail. |
+| `...HTMLAttributes<HTMLSpanElement>` | `Omit<..., "onChange" \| "value">` | Прокидываются на `<span role="slider">`. |
+
+### `ISliderExtendedTrackProps`
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `draggable?` | `boolean` | `true` | Разрешает перетаскивание Track целиком. Работает только при `dots.length > 1`. |
+| `children` | `never` | — | Запрещено. |
+
+### `ISliderExtendedMarkProps`
+
+| Prop | Тип | Описание |
+|---|---|---|
+| `value` | `number` | Позиция метки на шкале. Клик по dot/text метки — ближайший Dot едет на value. |
+| `children` | `ReactNode` | Лейбл метки (оборачивается в `Text` с размером зависимо от `size`). |
+
+### `ISliderExtendedTooltipProps`
+
+| Prop | Тип | Описание |
+|---|---|---|
+| `value?` | `number` | Нужен для расчёта `offset` — сдвига тела tooltip от края, чтобы он не «вылезал» за край rail. |
+
+### `ISliderExtendedRailProps`
+
+| Prop | Тип | Описание |
+|---|---|---|
+| `children` | `never` | Запрещено. Rail — только полоса. |
+
+---
+
+## Контекст (`ISliderExtendedContext`)
+
+Все slot-компоненты работают через `SliderExtendedContext`. Основные поля:
+`addDot / removeDot / updateDot`, `dots`, `steps`, `railNode`, `focused`,
+`isHoverOrDragTrack`, `min`, `max`, `reverse`, `disabled`, `size`.
+
+`steps` генерируются в `useLayoutEffect` из `step` / `min` / `max`:
+- `step: number` → `[...range(min, max, step), max]`
+- `step: number[]` → используется как есть
+
+Нормализованное значение = `(value - min) / (max - min) * 100` (в %).
+`SliderExtended` рендерит `null`, пока `steps.length === 0`.
+
+---
+
+## Инварианты
+
+- **Порядок slot'ов в DOM важен визуально** — Rail под всем, Dot поверх Track, Marks — отдельный блок.
+- **`size: MD | LG`** — `SM` не поддерживается.
+- **`Dot.value` ∈ `[min, max]`** — валидации нет, ответственность на потребителе.
+- **`step: number[]`** — первое значение = `min`, последнее = `max` (контракт, не проверяется).
+- **Track рендерит `null`, если `dots.length < 2`** — не путать с `display:none`.
+- **`Track.children: never`, `Rail.children: never`** — это layout-примитивы.
+- **`role="slider"` на Dot, `role="button"` на Track** — не менять.
+- **FC, не forwardRef** на всех компонентах семейства.
+- **`KeyDownListener` подключается только когда компонент в фокусе** (Dot/Track) — иначе стрелки по странице будут перехватывать все слайдеры на странице.
+- **`throttle(handleMouseMove, 50)` / `throttle(handleMouseMove, 100)`** — значения подобраны под плавность, менять с проверкой.
+
+---
+
+## Accessibility
+
+- `SliderExtended.Dot` — `<span role="slider">` с `aria-valuemin`, `aria-valuenow`, `aria-valuemax`.
+- `SliderExtended.Track` — `<span role="button">` (перетаскиваемый диапазон).
+- Keyboard:
+  - `ArrowLeft` / `ArrowDown` — на предыдущий step.
+  - `ArrowRight` / `ArrowUp` — на следующий step.
+  - `preventDefault` на обработчиках — страница не скроллится при навигации.
+- Фокус:
+  - `useSliderExtendedDotTabIndex` управляет `tabIndex` у Dot (в focus заходит только один Dot за раз).
+  - `Track` получает `tabIndex={2}` только когда `dots.length > 1 && focusedSlider`.
+- Потребитель должен обеспечить осмысленный `aria-label` / `aria-labelledby` на root-элементе, если слайдер не в `FormField`.
+
+---
+
+## Связанные компоненты
+
+- `Slider` — готовый single-dot слайдер поверх SliderExtended.
+- `SliderRange` — готовый range-слайдер с двумя Dot.
+- `Tooltip`, `FormField` — часто используются рядом.
+
+---
+
+## Stories
+
+Основные истории: `stories/Slider/SliderExtended.stories.tsx`
+Файлы примеров: `stories/Slider/examples/SliderExtended/`
+
+| Story | Example file | Что демонстрирует |
+|---|---|---|
+| `Playground` | `PlaygroundExample.tsx` | Интерактивные controls базовой конфигурации |
+| `Default` | `DefaultExample.tsx` | Один Dot + Marks |
+| `Range` | `RangeExample.tsx` | Два Dot + Track |
+| `RangeWithTooltip` | `RangeWithTooltipExample.tsx` | Range + Tooltip на обоих Dot |
+| `WithCustomSteps` | `WithCustomStepsExample.tsx` | `step` как массив значений |
+| `WithoutTooltip` | `WithoutTooltipExample.tsx` | Минимальная конфигурация |
+| `Disabled` | `DisabledExample.tsx` | Состояние disabled |
+| `Reverse` | `ReverseExample.tsx` | Реверсивная ориентация |
+| `Amounts` | `AmountsExample.tsx` | Нелинейная шкала через `step: number[]` |
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |

package/bundle/components/SliderRange.md

@@ -0,0 +1,160 @@
+---
+component: SliderRange
+category: Form Controls
+figma-node: ""
+figma-file: ""
+related: [Slider, SliderExtended]
+tokens: []
+stories: stories/Slider/SliderRange.stories.tsx
+version: "1.0"
+---
+
+# SliderRange
+
+## Назначение
+
+Готовый слайдер с **двумя** ползунками и закрашенной полосой между ними.
+Фиксированная компоновка: `Rail → Dot₁ → Track → Dot₂ → Marks`.
+
+Используй когда: нужно выбрать **диапазон** `[a, b]` из `[min, max]`.
+Для одного значения — `Slider`. Для нестандартной компоновки — `SliderExtended`.
+
+---
+
+## Файловая структура
+
+```text
+src/components/SliderRange/
+├── SliderRange.tsx      # class component, склейка SliderExtended + два Dot + Track
+├── index.ts             # Barrel
+└── __tests__/
+```
+
+---
+
+## Варианты и props
+
+### `ISliderRangeProps`
+
+Extends `Omit<ISliderExtendedProps, "onChange" | "step">`.
+
+| Prop | Тип | Default | Описание |
+|---|---|---|---|
+| `values` | `TSliderRangeValues` (`[number, number]`) | — | Значения обоих ползунков. Оба ∈ `[min, max]`. |
+| `onChange` | `(values: [number, number]) => void` | — | Вызывается с **отсортированным** массивом: `[меньший, больший]`. |
+| `marks` | `ISliderRangeMark[]` | — | Метки `{value, label}` под rail. Обязателен, может быть `[]`. |
+| `step?` | `number \| number[]` | `1` | Шаг или массив возможных значений (первый = `min`, последний = `max`). |
+| `draggableTrack?` | `boolean` | `true` | Track можно перетаскивать (двигает оба Dot одновременно). |
+| `renderTooltipContent?` | `(value: number) => ReactNode` | — | Если передан — Tooltip рендерится над **каждым** Dot. |
+| `size` | `EComponentSize.MD \| LG` | — (из ISliderExtendedProps) | Только MD и LG. |
+| `min` / `max` | `number` | — | От SliderExtended. |
+| `disabled?` / `reverse?` | `boolean` | — | От SliderExtended. |
+| `children` | `never` | — | Запрещено. |
+
+### `TSliderRangeValues`
+
+```ts
+type TSliderRangeValues = [number, number];
+```
+
+Публичный контракт: в `onChange` всегда приходит **отсортированный** массив
+`[min, max]`. Внутри (во время drag) значения могут «переставляться» — это
+состояние `innerValues` и наружу не видно.
+
+### `ISliderRangeMark`
+
+```ts
+{ value: number; label: ReactNode }
+```
+
+`value` ∈ `[min, max]`.
+
+---
+
+## Ключевые особенности реализации
+
+### Class component
+
+В отличие от `Slider` (FC) и `SliderExtended` (FC), `SliderRange` — **`React.Component`**.
+Причина: хранение `innerValues` и логика `validateValues` / `componentDidUpdate`
+со сравнением предыдущих props по `values.join("")`.
+
+### `innerValues` — внутреннее состояние
+
+- При drag левый Dot может «перепрыгнуть» правый → во внутреннем состоянии
+  `innerValues[0] > innerValues[1]`, но в `onChange` наружу летит уже отсортированный массив.
+- При получении новых `values` извне логика восстанавливает соответствие
+  (см. `componentDidUpdate`): если Dot'ы «поменялись», innerValues сохраняются
+  в правильном порядке для их Dot-экземпляров.
+
+### `validateValues`
+
+Если `values[0] > values[1]` — компонент **автоматически** зовёт `onChange`
+с отсортированным массивом. Конструктор и `componentDidUpdate` вызывают
+валидацию на каждом rerender.
+
+### Жёсткая структура
+
+```tsx
+<SliderExtended step={step} size={size} {...rest}>
+    <SliderExtended.Rail />
+    <SliderExtended.Dot key="1" value={innerValues[0]} onChange={...}>
+        {renderTooltipContent && <SliderExtended.Tooltip value={innerValues[0]}>...</SliderExtended.Tooltip>}
+    </SliderExtended.Dot>
+    <SliderExtended.Track draggable={draggableTrack} />
+    <SliderExtended.Dot key="2" value={innerValues[1]} onChange={...}>
+        {renderTooltipContent && <SliderExtended.Tooltip value={innerValues[1]}>...</SliderExtended.Tooltip>}
+    </SliderExtended.Dot>
+    <SliderExtended.Marks>
+        {marks.map(m => <SliderExtended.Mark key={m.value} value={m.value}>{m.label}</SliderExtended.Mark>)}
+    </SliderExtended.Marks>
+</SliderExtended>
+```
+
+---
+
+## Инварианты
+
+- **Два Dot, жёсткая структура** — менять только через SliderExtended.
+- **`onChange` получает отсортированный `[a, b]`** — публичный контракт.
+- **`marks: ISliderRangeMark[]`** — обязателен (может быть `[]`).
+- **`step` default `1`**.
+- **`size: MD | LG`** — `SM` не поддерживается.
+- **`children: never`**.
+- **`values`: оба ∈ `[min, max]`** — потребитель отвечает.
+- **Если `step` — массив**, первое = `min`, последнее = `max`.
+- **`SliderRange` — class component** (не FC, не forwardRef). Ref не пробрасывается.
+- **`renderTooltipContent`** вызывается ДВАЖДЫ за рендер (по разу на Dot) — функция должна быть чистой.
+
+---
+
+## Accessibility
+
+- Наследуется от `SliderExtended.Dot` — оба Dot имеют `role="slider"`,
+  `aria-valuemin/now/max`.
+- `Track` (между Dot'ами) — `role="button"`, `tabIndex={2}` когда слайдер в фокусе:
+  можно двигать весь диапазон с клавиатуры.
+- Keyboard: `ArrowLeft/Right/Up/Down` на focused Dot перемещают его на step;
+  на focused Track — двигают оба Dot'а.
+
+---
+
+## Связанные компоненты
+
+- `Slider` — один Dot.
+- `SliderExtended` — низкоуровневая основа.
+
+---
+
+## Stories
+
+`stories/Slider/SliderRange.stories.tsx`
+Примеры: `stories/Slider/examples/SliderRange/`
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |

package/bundle/components/SmallInput.md

@@ -0,0 +1,101 @@
+---
+component: SmallInput
+category: Form Controls (internal)
+figma-node: ""
+figma-file: ""
+related: [TextField]
+tokens:
+  - --triplex-next-SmallInput-Background
+  - --triplex-next-SmallInput-Color
+  - --triplex-next-SmallInput-PlaceholderColor
+  - --triplex-next-SmallInput-Shadow
+stories: ""
+version: "1.0"
+---
+
+# SmallInput
+
+## Назначение
+
+Примитивное уменьшенное поле ввода (`<input type="text">`) без рамки, для
+использования внутри составных компонентов шапки/панелей (исторически —
+`HeaderPage`). Все props — стандартные `React.InputHTMLAttributes<HTMLInputElement>`
+плюс `className`.
+
+Используй когда: нужен компактный input внутри другого контейнера, где
+полноценный `TextField` избыточен. В формах использовать `TextField` /
+`TextareaField`.
+
+Не используй когда: нужен valid/error-стейт, label, floating label, префиксы/
+суффиксы — для этого есть `TextField`.
+
+---
+
+## Файловая структура
+
+```text
+src/components/SmallInput/
+├── SmallInput.tsx    # forwardRef<HTMLInputElement, ISmallInputProps>
+├── index.ts          # Barrel
+└── styles/SmallInput.module.less
+```
+
+---
+
+## Варианты и props
+
+### `ISmallInputProps`
+
+```ts
+extends React.InputHTMLAttributes<HTMLInputElement>
+```
+
+Нет собственных props — полностью прозрачная обёртка над `<input>`:
+
+| Prop | Источник | Описание |
+|---|---|---|
+| `type` | — | **Всегда `"text"`** (хардкод, любой переданный игнорируется). |
+| `className` | React | Мёржится с внутренним `styles.smallInput` через `clsx`. |
+| `ref` | forwardRef | `HTMLInputElement`. |
+| `...rest` | HTMLInputAttributes | Прокидываются как есть (`value`, `onChange`, `placeholder`, `disabled`, ...). |
+
+---
+
+## Инварианты
+
+- **`forwardRef<HTMLInputElement>`** — не убирать; потребители зависят от ref.
+- **`type="text"`** захардкожен — другие типы не поддерживаются.
+- **Нет собственного state** — всегда управляемый через внешний `value`/`onChange`
+  (или стандартный uncontrolled через `defaultValue`).
+- **Стили минимальны** — компонент рассчитан на вложение в контейнеры,
+  которые диктуют размер.
+
+---
+
+## Accessibility
+
+- Стандартный `<input>`, наследует accessibility поведения браузера.
+- Потребитель обязан обеспечить `aria-label` / `aria-labelledby`, если вход
+  используется без видимого `<label>` рядом.
+
+---
+
+## Связанные компоненты
+
+- `TextField` — полноценный input с label/error/hint.
+- `Header` / `HeaderPage` — исторические потребители SmallInput.
+
+---
+
+## Stories
+
+Отдельных stories нет — компонент внутренний, демонстрируется через stories
+потребителей (Header и т.п.).
+
+---
+
+## История изменений
+
+| Дата | Изменение |
+|---|---|
+| 2026-04-18 | Создан документ |