Універсальні композиції
Складні універсальні компоненти зі своєю поведінкою, але не доменно-прив'язані. PageHeader, DataTable, Wizard — придатні для будь-якого продукту. Доменні (бухгалтерські) — у окремому розділі.
PageHeader
Заголовок сторінки. Eyebrow + title + description + actions, опційно toolbar нижче.
Журнал проводок
Усі AUTO-проводки за поточний період.
DataTable
Універсальний реєстр з сортуванням / селекшеном / фільтрами / пагінацією зверху і знизу. Sticky header. Per-cell градієнти + isSelected blue override. Деталі — на сторінці Table.
| Дата | Документ | Сума | Статус |
|---|---|---|---|
| 2026-04-21 | Платіж № 1024 | 12 480 ₴ | Сплачено |
| 2026-04-22 | Накладна № 0421 | 1 280,5 ₴ | Очікує |
| 2026-04-23 | Накладна № 0422 | 4 099,99 ₴ | Прострочено |
CommandPalette
⌘K-пошук по платформі. Fuzzy-пошук, групування, keyboard-first. Тут — тригер; реальна паллетка відкривається.
LiquidGlass
Декоративна обгортка зі скляним ефектом — gradient face + backdrop-blur. Картки на цьому зрощуванні.
Тонована скляна поверхня.
Те саме, інша родина.
Можна вкладати в Surface.
ProcessFlow
Багатоетапна схема виробництва/переробки (React Flow). ЕТАП = lane-блок; сировина зверху (📦), напівфабрикати/готове всередині, відходи → 🗑. Спільний для production + accountant — нормалізований ProcessGraph.