Catalyst UI Kit i nowy widget Nadchodzące wydarzenia

Dashboard — widget Nadchodzące wydarzenia

Pierwszy widget dashboardu otrzymał nowy, bardziej użyteczny układ. Po lewej stronie pojawia się lista nadchodzących zadań i wydarzeń z systemu, a po prawej interaktywny mini-kalendarz.

Każde wydarzenie wyświetla datę i miesiąc, tytuł, przypisaną osobę oraz lokalizację (jeśli podana). Priorytet zdarzenia sygnalizowany jest kolorową lewą krawędzią: czerwoną dla pilnych, pomarańczową dla wysokich, niebieską dla średnich.

Przełącznik "Wybrany dzień / Wszystkie" pozwala przełączać widok między zdarzeniami wybranego dnia a pełną listą nadchodzących. Kliknięcie dowolnego dnia w kalendarzu filtruje listę po lewej stronie — widoczne są tylko zadania zaplanowane na ten dzień. Przycisk "Dzisiaj" szybko powraca do bieżącej daty.

Catalyst UI Kit — pełna integracja

Do katalogu src/components/catalyst/ dodano kompletny zestaw komponentów Catalyst UI Kit, zaadaptowanych dla Next.js bez zależności od @headlessui/react.

Dostępne teraz komponenty:

• Button — wielokolorowy przycisk z wariantami solid, outline i plain
• Input / InputGroup — pole tekstowe z obsługą ikon i walidacji
• Select — natywny select z własną strzałką
• Textarea — pole wielolinijkowe z opcją wyłączenia resizable
• Fieldset, Field, Label, Description, ErrorMessage — kompletny system pól formularza
• Checkbox / CheckboxGroup — pole wyboru ze stylowanym wskaźnikiem, 18 kolorów
• Switch / SwitchField — przełącznik toggle z animowanym thumb, obsługa controlled i uncontrolled
• Radio / RadioGroup — przycisk radiowy z React Context dla grupy
• Dialog / Alert — modal i alert dialog oparte na @radix-ui/react-dialog
• Combobox — wyszukiwarka z listą opcji, obsługa klawiatury i filtrowania
• Dropdown — menu kontekstowe oparte na @radix-ui/react-dropdown-menu

Wszystkie komponenty eksportowane są przez src/components/catalyst/index.js i gotowe do użycia w całej aplikacji.