feat(input-otp): скорректировано поведение компонента

[fabulous-unicorn]

Figma - https://www.figma.com/design/Q1BWgZ7zoV5UzlBOnjW0cM/UI-Kit--DS--v2.1?node-id=484-6034&t=6VbUoPFB63RFGMZB-4
Дальше будет описание от дизайна, но что касается конкретных значений, то приоритет в использовании у токенов на макете.

InputOtp — состояния и сценарии

Состояния ячейки (state)

state	Рамка 1px	Фон	Тень	Цифра	Когда
default	#cecfd2	#ffffff	—	#181a1f	Ячейка пустая или заполненная, фокуса нет
hover	#1dc831	#ffffff	—	#181a1f	Курсор над ячейкой
focus	#1dc831	#ffffff	0 0 0 3.5 #d4fedc	#181a1f + каретка	Активная ячейка ввода — всегда ровно одна
danger	#db3424	#ffffff	0 0 0 3.5 #fff0f0 (в фокусе)	#181a1f	Код неверный или истёк — красными становятся все ячейки
disabled	#cecfd2	#e2e2e4, opacity 50%	—	приглушена	Отправка кода, лимит попыток, ожидание нового кода

Поведение

Действие	Поведение
Клик по любой ячейке	Фокус уходит в первую незаполненную ячейку, не в ту, по которой кликнули
Ввод цифры	Символ ставится, фокус автоматически на следующую ячейку
Ввод в последнюю ячейку	Фокус остаётся, код отправляется на проверку автоматически — без кнопки
Ввод буквы/символа	Игнорируется, ячейка не мигает ошибкой (inputmode=numeric)
Backspace в заполненной	Очищает текущую ячейку, фокус остаётся
Backspace в пустой	Фокус на предыдущую ячейку и очищает её
Вставка кода (Ctrl+V)	Раскладывается по ячейкам целиком, лишние символы отбрасываются, фокус в конец
Автозаполнение из SMS	Работает как вставка (autocomplete=one-time-code)
Проверка кода	Все ячейки disabled на время запроса
Неверный код	Все ячейки danger, фокус в первую, значения не стираются автоматически
Ввод после ошибки	danger снимается с первого же введённого символа
Истёк таймер	Все ячейки disabled, активна ссылка «Отправить код повторно»
Исчерпаны попытки	disabled + сообщение с указанием, когда можно повторить

Сценарии

Сценарий	Конфигурация	Особенность
Подтверждение входа по SMS	4 ячейки	Автосабмит после последней цифры, таймер повторной отправки под полем
Подтверждение операции	4 ячейки	Ошибка не стирает введённое — пользователь правит одну цифру
Код из письма	4 ячейки	Вставка из буфера — основной способ ввода, не ручной набор
Ввод на мобильном	4 ячейки	inputmode=numeric, высота ≥ 44px под касание, автозаполнение из SMS