Обновление зависимостей, добавление новых компонентов и улучшение стилей. Включены библиотеки Radix UI для улучшения интерфейса, добавлены новые переменные CSS для темной темы и улучшены взаимодействия с пользователем на главной странице. Удалена документация SECURE-T и архив проекта.
This commit is contained in:
Bivekich
@ -1,491 +0,0 @@
|
||||
# SECURE-T - Документация
|
||||
|
||||
## Содержание
|
||||
1. [Обзор системы](#обзор-системы)
|
||||
2. [Основные решения](#основные-решения)
|
||||
3. [Технологии](#технологии)
|
||||
4. [Архитектура](#архитектура)
|
||||
5. [Установка и настройка](#установка-и-настройка)
|
||||
6. [Руководство пользователя](#руководство-пользователя)
|
||||
7. [API документация](#api-документация)
|
||||
8. [Безопасность](#безопасность)
|
||||
9. [Поддержка](#поддержка)
|
||||
|
||||
---
|
||||
|
||||
## Обзор системы
|
||||
|
||||
**SECURE-T** — это комплексная система информационной безопасности, разработанная для защиты корпоративных данных и IT-инфраструктуры от современных киберугроз.
|
||||
|
||||
### Основные преимущества
|
||||
- ✅ Комплексная защита данных
|
||||
- ✅ Современные криптографические алгоритмы
|
||||
- ✅ Интеграция с существующей инфраструктурой
|
||||
- ✅ Централизованное управление безопасностью
|
||||
- ✅ Соответствие российским и международным стандартам
|
||||
|
||||
### Целевая аудитория
|
||||
- Крупные корпорации
|
||||
- Государственные учреждения
|
||||
- Финансовые организации
|
||||
- Медицинские учреждения
|
||||
- Образовательные институты
|
||||
|
||||
---
|
||||
|
||||
## Основные решения
|
||||
|
||||
### 🔐 Криптографическая защита
|
||||
Обеспечивает надежное шифрование данных с использованием современных алгоритмов.
|
||||
|
||||
**Возможности:**
|
||||
- Шифрование файлов и баз данных
|
||||
- Защита каналов связи
|
||||
- Цифровая подпись документов
|
||||
- Управление ключами шифрования
|
||||
|
||||
**Поддерживаемые алгоритмы:**
|
||||
- AES-256 (симметричное шифрование)
|
||||
- RSA-4096 (асимметричное шифрование)
|
||||
- SHA-3 (хеширование)
|
||||
|
||||
### 🛡️ Сетевая безопасность
|
||||
Комплексная защита сетевой инфраструктуры от внешних и внутренних угроз.
|
||||
|
||||
**Компоненты:**
|
||||
- Межсетевые экраны (Firewall)
|
||||
- Системы обнаружения вторжений (IDS/IPS)
|
||||
- Веб-защита (WAF)
|
||||
- VPN-шлюзы
|
||||
|
||||
**Функции:**
|
||||
- Фильтрация трафика
|
||||
- Блокировка вредоносных соединений
|
||||
- Мониторинг сетевой активности
|
||||
- Защита от DDoS-атак
|
||||
|
||||
### 📊 Мониторинг безопасности
|
||||
Система непрерывного мониторинга и анализа событий безопасности.
|
||||
|
||||
**Возможности:**
|
||||
- Сбор и анализ журналов событий
|
||||
- Корреляция инцидентов
|
||||
- Автоматическое реагирование на угрозы
|
||||
- Генерация отчетов о безопасности
|
||||
|
||||
**Интеграция с SIEM:**
|
||||
- Централизованный сбор данных
|
||||
- Анализ в реальном времени
|
||||
- Настраиваемые правила корреляции
|
||||
- Панель управления безопасностью
|
||||
|
||||
### 🔍 Аудит безопасности
|
||||
Проведение комплексного анализа систем информационной безопасности.
|
||||
|
||||
**Виды аудита:**
|
||||
- Технический аудит инфраструктуры
|
||||
- Аудит соответствия стандартам
|
||||
- Анализ уязвимостей
|
||||
- Оценка рисков информационной безопасности
|
||||
|
||||
### ⚙️ Интеграция систем
|
||||
Бесшовная интеграция с существующей IT-инфраструктурой.
|
||||
|
||||
**Поддерживаемые системы:**
|
||||
- Active Directory
|
||||
- LDAP
|
||||
- Oracle Database
|
||||
- Microsoft SQL Server
|
||||
- VMware vCenter
|
||||
- Cisco Network Equipment
|
||||
|
||||
### 📚 Обучение персонала
|
||||
Комплексные программы повышения квалификации в области информационной безопасности.
|
||||
|
||||
**Программы обучения:**
|
||||
- Основы информационной безопасности
|
||||
- Работа с системами SECURE-T
|
||||
- Реагирование на инциденты
|
||||
- Администрирование систем безопасности
|
||||
|
||||
---
|
||||
|
||||
## Технологии
|
||||
|
||||
### Криптографические технологии
|
||||
| Технология | Назначение | Стандарт |
|
||||
|------------|------------|----------|
|
||||
| **AES-256** | Симметричное шифрование данных | FIPS 197 |
|
||||
| **RSA-4096** | Асимметричное шифрование | PKCS #1 |
|
||||
| **SHA-3** | Криптографическое хеширование | FIPS 202 |
|
||||
| **PKI** | Инфраструктура открытых ключей | RFC 5280 |
|
||||
|
||||
### Системы безопасности
|
||||
| Технология | Описание |
|
||||
|------------|----------|
|
||||
| **SIEM** | Управление информацией и событиями безопасности |
|
||||
| **DLP** | Предотвращение утечек данных |
|
||||
| **WAF** | Веб-защита приложений |
|
||||
| **IDS/IPS** | Обнаружение и предотвращение вторжений |
|
||||
|
||||
---
|
||||
|
||||
## Архитектура
|
||||
|
||||
### Архитектурная схема
|
||||
```
|
||||
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐
|
||||
│ Пользователи │ │ Приложения │ │ Данные │
|
||||
└─────────┬───────┘ └─────────┬───────┘ └─────────┬───────┘
|
||||
│ │ │
|
||||
▼ ▼ ▼
|
||||
┌─────────────────────────────────────────────────────────────────┐
|
||||
│ SECURE-T Platform │
|
||||
├─────────────────┬─────────────────┬─────────────────────────────┤
|
||||
│ Аутентификация │ Авторизация │ Аудит │
|
||||
├─────────────────┼─────────────────┼─────────────────────────────┤
|
||||
│ Шифрование │ Мониторинг │ Управление │
|
||||
└─────────────────┴─────────────────┴─────────────────────────────┘
|
||||
```
|
||||
|
||||
### Компоненты системы
|
||||
|
||||
#### Центр управления безопасностью (SOC)
|
||||
- Централизованная консоль управления
|
||||
- Мониторинг в реальном времени
|
||||
- Управление инцидентами
|
||||
- Отчетность и аналитика
|
||||
|
||||
#### Модуль криптографической защиты
|
||||
- Управление ключами шифрования
|
||||
- Шифрование/дешифрование данных
|
||||
- Цифровая подпись
|
||||
- Проверка целостности
|
||||
|
||||
#### Сетевой модуль безопасности
|
||||
- Межсетевые экраны
|
||||
- Системы обнаружения вторжений
|
||||
- VPN-шлюзы
|
||||
- Анализ трафика
|
||||
|
||||
---
|
||||
|
||||
## Установка и настройка
|
||||
|
||||
### Системные требования
|
||||
|
||||
#### Минимальные требования
|
||||
- **ОС:** Windows Server 2019/2022, Linux (Ubuntu 20.04+, CentOS 8+)
|
||||
- **Процессор:** Intel Xeon E5-2600 v4 или аналогичный
|
||||
- **ОЗУ:** 16 GB
|
||||
- **Дисковое пространство:** 500 GB SSD
|
||||
- **Сеть:** Gigabit Ethernet
|
||||
|
||||
#### Рекомендуемые требования
|
||||
- **Процессор:** Intel Xeon Gold 6200 или аналогичный
|
||||
- **ОЗУ:** 64 GB
|
||||
- **Дисковое пространство:** 2 TB NVMe SSD
|
||||
- **Сеть:** 10 Gigabit Ethernet
|
||||
|
||||
### Процедура установки
|
||||
|
||||
#### 1. Подготовка инфраструктуры
|
||||
```bash
|
||||
# Обновление системы
|
||||
sudo apt update && sudo apt upgrade -y
|
||||
|
||||
# Установка зависимостей
|
||||
sudo apt install -y docker.io docker-compose postgresql-client
|
||||
```
|
||||
|
||||
#### 2. Установка SECURE-T
|
||||
```bash
|
||||
# Загрузка установочного пакета
|
||||
wget https://releases.secure-t.com/latest/secure-t-installer.tar.gz
|
||||
|
||||
# Распаковка
|
||||
tar -xzf secure-t-installer.tar.gz
|
||||
|
||||
# Запуск установки
|
||||
sudo ./install.sh
|
||||
```
|
||||
|
||||
#### 3. Первоначальная настройка
|
||||
```bash
|
||||
# Инициализация базы данных
|
||||
secure-t-admin init-db
|
||||
|
||||
# Создание администратора
|
||||
secure-t-admin create-admin --username admin --password <password>
|
||||
|
||||
# Запуск сервисов
|
||||
systemctl start secure-t
|
||||
systemctl enable secure-t
|
||||
```
|
||||
|
||||
### Конфигурация
|
||||
|
||||
#### Основной файл конфигурации
|
||||
```yaml
|
||||
# /etc/secure-t/config.yaml
|
||||
server:
|
||||
host: "0.0.0.0"
|
||||
port: 8443
|
||||
ssl:
|
||||
enabled: true
|
||||
cert_file: "/etc/secure-t/ssl/server.crt"
|
||||
key_file: "/etc/secure-t/ssl/server.key"
|
||||
|
||||
database:
|
||||
type: "postgresql"
|
||||
host: "localhost"
|
||||
port: 5432
|
||||
name: "secure_t"
|
||||
username: "secure_t_user"
|
||||
password: "secure_password"
|
||||
|
||||
crypto:
|
||||
default_algorithm: "AES-256-GCM"
|
||||
key_derivation: "PBKDF2"
|
||||
hash_algorithm: "SHA-3-256"
|
||||
|
||||
logging:
|
||||
level: "INFO"
|
||||
file: "/var/log/secure-t/secure-t.log"
|
||||
max_size: "100MB"
|
||||
max_files: 10
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Руководство пользователя
|
||||
|
||||
### Веб-интерфейс
|
||||
|
||||
#### Вход в систему
|
||||
1. Откройте браузер и перейдите по адресу: `https://your-server:8443`
|
||||
2. Введите логин и пароль
|
||||
3. Пройдите двухфакторную аутентификацию (если настроена)
|
||||
|
||||
#### Главная панель управления
|
||||
- **Дашборд** - общая информация о состоянии безопасности
|
||||
- **События** - журнал событий безопасности
|
||||
- **Политики** - настройка политик безопасности
|
||||
- **Пользователи** - управление пользователями и ролями
|
||||
- **Отчеты** - генерация отчетов
|
||||
|
||||
### Основные операции
|
||||
|
||||
#### Создание политики шифрования
|
||||
1. Перейдите в раздел "Политики"
|
||||
2. Нажмите "Создать новую политику"
|
||||
3. Выберите тип данных для шифрования
|
||||
4. Настройте параметры шифрования
|
||||
5. Примените политику к нужным ресурсам
|
||||
|
||||
#### Мониторинг событий
|
||||
1. Откройте раздел "События"
|
||||
2. Используйте фильтры для поиска нужных событий
|
||||
3. Просмотрите детали события
|
||||
4. При необходимости создайте инцидент
|
||||
|
||||
#### Управление пользователями
|
||||
1. Перейдите в раздел "Пользователи"
|
||||
2. Добавьте нового пользователя
|
||||
3. Назначьте роли и права доступа
|
||||
4. Настройте двухфакторную аутентификацию
|
||||
|
||||
---
|
||||
|
||||
## API документация
|
||||
|
||||
### Аутентификация
|
||||
|
||||
Все API запросы должны содержать токен аутентификации в заголовке:
|
||||
```
|
||||
Authorization: Bearer <your-token>
|
||||
```
|
||||
|
||||
### Получение токена
|
||||
```http
|
||||
POST /api/v1/auth/login
|
||||
Content-Type: application/json
|
||||
|
||||
{
|
||||
"username": "admin",
|
||||
"password": "password"
|
||||
}
|
||||
```
|
||||
|
||||
**Ответ:**
|
||||
```json
|
||||
{
|
||||
"token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...",
|
||||
"expires_in": 3600
|
||||
}
|
||||
```
|
||||
|
||||
### Основные эндпоинты
|
||||
|
||||
#### Управление пользователями
|
||||
```http
|
||||
GET /api/v1/users
|
||||
POST /api/v1/users
|
||||
PUT /api/v1/users/{id}
|
||||
DELETE /api/v1/users/{id}
|
||||
```
|
||||
|
||||
#### События безопасности
|
||||
```http
|
||||
GET /api/v1/events
|
||||
GET /api/v1/events/{id}
|
||||
POST /api/v1/events/search
|
||||
```
|
||||
|
||||
#### Политики безопасности
|
||||
```http
|
||||
GET /api/v1/policies
|
||||
POST /api/v1/policies
|
||||
PUT /api/v1/policies/{id}
|
||||
DELETE /api/v1/policies/{id}
|
||||
```
|
||||
|
||||
### Примеры использования
|
||||
|
||||
#### Получение списка событий
|
||||
```bash
|
||||
curl -X GET \
|
||||
https://your-server:8443/api/v1/events \
|
||||
-H 'Authorization: Bearer <token>' \
|
||||
-H 'Content-Type: application/json'
|
||||
```
|
||||
|
||||
#### Создание нового пользователя
|
||||
```bash
|
||||
curl -X POST \
|
||||
https://your-server:8443/api/v1/users \
|
||||
-H 'Authorization: Bearer <token>' \
|
||||
-H 'Content-Type: application/json' \
|
||||
-d '{
|
||||
"username": "newuser",
|
||||
"email": "user@example.com",
|
||||
"role": "operator"
|
||||
}'
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## Безопасность
|
||||
|
||||
### Рекомендации по безопасности
|
||||
|
||||
#### Настройка SSL/TLS
|
||||
- Используйте только TLS 1.2 или выше
|
||||
- Настройте сильные шифры
|
||||
- Регулярно обновляйте SSL-сертификаты
|
||||
|
||||
#### Управление паролями
|
||||
- Минимальная длина пароля: 12 символов
|
||||
- Обязательное использование спецсимволов
|
||||
- Регулярная смена паролей (каждые 90 дней)
|
||||
- Запрет на повторное использование последних 12 паролей
|
||||
|
||||
#### Двухфакторная аутентификация
|
||||
- Обязательна для всех администраторов
|
||||
- Поддержка TOTP (Google Authenticator, Authy)
|
||||
- Резервные коды для восстановления доступа
|
||||
|
||||
#### Аудит и мониторинг
|
||||
- Включите детальное логирование всех операций
|
||||
- Настройте автоматические уведомления о критических событиях
|
||||
- Регулярно проводите анализ журналов безопасности
|
||||
|
||||
### Соответствие стандартам
|
||||
|
||||
SECURE-T соответствует следующим стандартам:
|
||||
- **ГОСТ Р 57580.1-2017** - Безопасность финансовых услуг
|
||||
- **ISO 27001** - Системы менеджмента информационной безопасности
|
||||
- **NIST Cybersecurity Framework** - Основы кибербезопасности
|
||||
- **PCI DSS** - Стандарт безопасности данных платежных карт
|
||||
|
||||
---
|
||||
|
||||
## Поддержка
|
||||
|
||||
### Техническая поддержка
|
||||
|
||||
#### Контактная информация
|
||||
- **Email:** support@secure-t.com
|
||||
- **Телефон:** +7 (495) 123-45-67
|
||||
- **Время работы:** 24/7
|
||||
|
||||
#### Уровни поддержки
|
||||
- **Критический** - отклик в течение 1 часа
|
||||
- **Высокий** - отклик в течение 4 часов
|
||||
- **Средний** - отклик в течение 8 часов
|
||||
- **Низкий** - отклик в течение 24 часов
|
||||
|
||||
### Обновления и патчи
|
||||
|
||||
#### Автоматические обновления
|
||||
```bash
|
||||
# Включение автоматических обновлений
|
||||
secure-t-admin config set auto-update enabled
|
||||
|
||||
# Настройка расписания обновлений
|
||||
secure-t-admin config set update-schedule "0 2 * * 0"
|
||||
```
|
||||
|
||||
#### Ручные обновления
|
||||
```bash
|
||||
# Проверка доступных обновлений
|
||||
secure-t-admin update check
|
||||
|
||||
# Установка обновлений
|
||||
secure-t-admin update install
|
||||
|
||||
# Откат к предыдущей версии
|
||||
secure-t-admin update rollback
|
||||
```
|
||||
|
||||
### Документация и ресурсы
|
||||
|
||||
#### Дополнительные материалы
|
||||
- 📄 **Техническая документация** - подробные руководства по настройке
|
||||
- 🎯 **Методические материалы** - лучшие практики безопасности
|
||||
- 🔧 **Инструменты настройки** - утилиты для конфигурирования
|
||||
- 📊 **Отчеты и аналитика** - шаблоны отчетов
|
||||
- 🎓 **Обучающие материалы** - курсы и тренинги
|
||||
- 📋 **Сертификаты и лицензии** - документы о соответствии
|
||||
|
||||
#### Полезные ссылки
|
||||
- [Официальный сайт](https://secure-t.com)
|
||||
- [База знаний](https://kb.secure-t.com)
|
||||
- [Форум сообщества](https://community.secure-t.com)
|
||||
- [GitHub репозиторий](https://github.com/secure-t/secure-t)
|
||||
|
||||
---
|
||||
|
||||
## Приложения
|
||||
|
||||
### Приложение A: Коды ошибок
|
||||
| Код | Описание | Решение |
|
||||
|-----|----------|---------|
|
||||
| ST-001 | Ошибка аутентификации | Проверьте логин и пароль |
|
||||
| ST-002 | Недостаточно прав | Обратитесь к администратору |
|
||||
| ST-003 | Ошибка шифрования | Проверьте настройки криптографии |
|
||||
| ST-004 | Сетевая ошибка | Проверьте сетевые подключения |
|
||||
|
||||
### Приложение B: Глоссарий
|
||||
- **AES** - Advanced Encryption Standard, стандарт шифрования
|
||||
- **DLP** - Data Loss Prevention, предотвращение утечек данных
|
||||
- **IDS/IPS** - Intrusion Detection/Prevention System
|
||||
- **PKI** - Public Key Infrastructure, инфраструктура открытых ключей
|
||||
- **SIEM** - Security Information and Event Management
|
||||
- **WAF** - Web Application Firewall, веб-защита приложений
|
||||
|
||||
---
|
||||
|
||||
*Документация SECURE-T версия 1.0*
|
||||
*Последнее обновление: 2024*
|
||||
*© GUNDYREV. Все права защищены.*
|
||||
967
package-lock.json
generated
967
package-lock.json
generated
@ -8,20 +8,32 @@
|
||||
"name": "my-app",
|
||||
"version": "0.1.0",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-avatar": "^1.1.10",
|
||||
"@radix-ui/react-dialog": "^1.1.14",
|
||||
"@radix-ui/react-label": "^2.1.7",
|
||||
"@radix-ui/react-navigation-menu": "^1.2.13",
|
||||
"@radix-ui/react-progress": "^1.1.7",
|
||||
"@radix-ui/react-select": "^2.2.5",
|
||||
"@radix-ui/react-separator": "^1.1.7",
|
||||
"@radix-ui/react-slot": "^1.2.3",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"geist": "^1.4.2",
|
||||
"lucide-react": "^0.525.0",
|
||||
"next": "15.3.4",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0"
|
||||
"react-dom": "^19.0.0",
|
||||
"tailwind-merge": "^3.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/eslintrc": "^3",
|
||||
"@tailwindcss/postcss": "^4",
|
||||
"@tailwindcss/postcss": "^4.1.11",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"eslint": "^9",
|
||||
"eslint-config-next": "15.3.4",
|
||||
"tailwindcss": "^4",
|
||||
"tw-animate-css": "^1.3.5",
|
||||
"typescript": "^5"
|
||||
}
|
||||
},
|
||||
@ -239,6 +251,44 @@
|
||||
"node": "^18.18.0 || ^20.9.0 || >=21.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/core": {
|
||||
"version": "1.7.2",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.2.tgz",
|
||||
"integrity": "sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@floating-ui/utils": "^0.2.10"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/dom": {
|
||||
"version": "1.7.2",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.2.tgz",
|
||||
"integrity": "sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@floating-ui/core": "^1.7.2",
|
||||
"@floating-ui/utils": "^0.2.10"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/react-dom": {
|
||||
"version": "2.1.4",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.4.tgz",
|
||||
"integrity": "sha512-JbbpPhp38UmXDDAu60RJmbeme37Jbgsm7NrHGgzYYFKmblzRUh6Pa641dII6LsjwF4XlScDrde2UAzDo/b9KPw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@floating-ui/dom": "^1.7.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"react": ">=16.8.0",
|
||||
"react-dom": ">=16.8.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@floating-ui/utils": {
|
||||
"version": "0.2.10",
|
||||
"resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
|
||||
"integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@humanfs/core": {
|
||||
"version": "0.19.1",
|
||||
"resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
|
||||
@ -972,6 +1022,713 @@
|
||||
"node": ">=12.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/number": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.1.tgz",
|
||||
"integrity": "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@radix-ui/primitive": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.2.tgz",
|
||||
"integrity": "sha512-XnbHrrprsNqZKQhStrSwgRUQzoCI1glLzdw79xiZPoofhGICeZRSQ3dIxAKH1gb3OHfNf4d6f+vAv3kil2eggA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@radix-ui/react-arrow": {
|
||||
"version": "1.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.7.tgz",
|
||||
"integrity": "sha512-F+M1tLhO+mlQaOWspE8Wstg+z6PwxwRd8oQ8IXceWz92kfAmalTRf0EjrouQeo7QssEPfCn05B4Ihs1K9WQ/7w==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-primitive": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-avatar": {
|
||||
"version": "1.1.10",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.10.tgz",
|
||||
"integrity": "sha512-V8piFfWapM5OmNCXTzVQY+E1rDa53zY+MQ4Y7356v4fFz6vqCyUtIz2rUD44ZEdwg78/jKmMJHj07+C/Z/rcog==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1",
|
||||
"@radix-ui/react-use-is-hydrated": "0.1.0",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-collection": {
|
||||
"version": "1.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.7.tgz",
|
||||
"integrity": "sha512-Fh9rGN0MoI4ZFUNyfFVNU4y9LUz93u9/0K+yLgA2bwRojxM8JU1DyvvMBabnZPBgMWREAJvU2jjVzq+LrFUglw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-slot": "1.2.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-compose-refs": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
|
||||
"integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-context": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.2.tgz",
|
||||
"integrity": "sha512-jCi/QKUM2r1Ju5a3J64TH2A5SpKAgh0LpknyqdQ4m6DCV0xJ2HG1xARRwNGPQfi1SLdLWZ1OJz6F4OMBBNiGJA==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-dialog": {
|
||||
"version": "1.1.14",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.14.tgz",
|
||||
"integrity": "sha512-+CpweKjqpzTmwRwcYECQcNYbI8V9VSQt0SNFKeEBLgfucbsLssU6Ppq7wUdNXEGb573bMjFhVjKVll8rmV6zMw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/primitive": "1.1.2",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-dismissable-layer": "1.1.10",
|
||||
"@radix-ui/react-focus-guards": "1.1.2",
|
||||
"@radix-ui/react-focus-scope": "1.1.7",
|
||||
"@radix-ui/react-id": "1.1.1",
|
||||
"@radix-ui/react-portal": "1.1.9",
|
||||
"@radix-ui/react-presence": "1.1.4",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-slot": "1.2.3",
|
||||
"@radix-ui/react-use-controllable-state": "1.2.2",
|
||||
"aria-hidden": "^1.2.4",
|
||||
"react-remove-scroll": "^2.6.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-direction": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.1.tgz",
|
||||
"integrity": "sha512-1UEWRX6jnOA2y4H5WczZ44gOOjTEmlqv1uNW4GAJEO5+bauCBhv8snY65Iw5/VOS/ghKN9gr2KjnLKxrsvoMVw==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-dismissable-layer": {
|
||||
"version": "1.1.10",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.10.tgz",
|
||||
"integrity": "sha512-IM1zzRV4W3HtVgftdQiiOmA0AdJlCtMLe00FXaHwgt3rAnNsIyDqshvkIW3hj/iu5hu8ERP7KIYki6NkqDxAwQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/primitive": "1.1.2",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1",
|
||||
"@radix-ui/react-use-escape-keydown": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-focus-guards": {
|
||||
"version": "1.1.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.2.tgz",
|
||||
"integrity": "sha512-fyjAACV62oPV925xFCrH8DR5xWhg9KYtJT4s3u54jxp+L/hbpTY2kIeEFFbFe+a/HCE94zGQMZLIpVTPVZDhaA==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-focus-scope": {
|
||||
"version": "1.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.7.tgz",
|
||||
"integrity": "sha512-t2ODlkXBQyn7jkl6TNaw/MtVEVvIGelJDCG41Okq/KwUsJBwQ4XVZsHAVUkK4mBv3ewiAS3PGuUWuY2BoK4ZUw==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-id": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.1.tgz",
|
||||
"integrity": "sha512-kGkGegYIdQsOb4XjsfM97rXsiHaBwco+hFI66oO4s9LU+PLAC5oJ7khdOVFxkhsmlbpUqDAvXw11CluXP+jkHg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-label": {
|
||||
"version": "2.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.7.tgz",
|
||||
"integrity": "sha512-YT1GqPSL8kJn20djelMX7/cTRp/Y9w5IZHvfxQTVHrOqa2yMl7i/UfMqKRU5V7mEyKTrUVgJXhNQPVCG8PBLoQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-primitive": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-navigation-menu": {
|
||||
"version": "1.2.13",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.13.tgz",
|
||||
"integrity": "sha512-WG8wWfDiJlSF5hELjwfjSGOXcBR/ZMhBFCGYe8vERpC39CQYZeq1PQ2kaYHdye3V95d06H89KGMsVCIE4LWo3g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/primitive": "1.1.2",
|
||||
"@radix-ui/react-collection": "1.1.7",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-direction": "1.1.1",
|
||||
"@radix-ui/react-dismissable-layer": "1.1.10",
|
||||
"@radix-ui/react-id": "1.1.1",
|
||||
"@radix-ui/react-presence": "1.1.4",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1",
|
||||
"@radix-ui/react-use-controllable-state": "1.2.2",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1",
|
||||
"@radix-ui/react-use-previous": "1.1.1",
|
||||
"@radix-ui/react-visually-hidden": "1.2.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-popper": {
|
||||
"version": "1.2.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.7.tgz",
|
||||
"integrity": "sha512-IUFAccz1JyKcf/RjB552PlWwxjeCJB8/4KxT7EhBHOJM+mN7LdW+B3kacJXILm32xawcMMjb2i0cIZpo+f9kiQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@floating-ui/react-dom": "^2.0.0",
|
||||
"@radix-ui/react-arrow": "1.1.7",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1",
|
||||
"@radix-ui/react-use-rect": "1.1.1",
|
||||
"@radix-ui/react-use-size": "1.1.1",
|
||||
"@radix-ui/rect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-portal": {
|
||||
"version": "1.1.9",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.9.tgz",
|
||||
"integrity": "sha512-bpIxvq03if6UNwXZ+HTK71JLh4APvnXntDc6XOX8UVq4XQOVl7lwok0AvIl+b8zgCw3fSaVTZMpAPPagXbKmHQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-presence": {
|
||||
"version": "1.1.4",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.4.tgz",
|
||||
"integrity": "sha512-ueDqRbdc4/bkaQT3GIpLQssRlFgWaL/U2z/S31qRwwLWoxHLgry3SIfCwhxeQNbirEUXFa+lq3RL3oBYXtcmIA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-primitive": {
|
||||
"version": "2.1.3",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
|
||||
"integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-slot": "1.2.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-progress": {
|
||||
"version": "1.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.7.tgz",
|
||||
"integrity": "sha512-vPdg/tF6YC/ynuBIJlk1mm7Le0VgW6ub6J2UWnTQ7/D23KXcPI1qy+0vBkgKgd38RCMJavBXpB83HPNFMTb0Fg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-primitive": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-select": {
|
||||
"version": "2.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.5.tgz",
|
||||
"integrity": "sha512-HnMTdXEVuuyzx63ME0ut4+sEMYW6oouHWNGUZc7ddvUWIcfCva/AMoqEW/3wnEllriMWBa0RHspCYnfCWJQYmA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/number": "1.1.1",
|
||||
"@radix-ui/primitive": "1.1.2",
|
||||
"@radix-ui/react-collection": "1.1.7",
|
||||
"@radix-ui/react-compose-refs": "1.1.2",
|
||||
"@radix-ui/react-context": "1.1.2",
|
||||
"@radix-ui/react-direction": "1.1.1",
|
||||
"@radix-ui/react-dismissable-layer": "1.1.10",
|
||||
"@radix-ui/react-focus-guards": "1.1.2",
|
||||
"@radix-ui/react-focus-scope": "1.1.7",
|
||||
"@radix-ui/react-id": "1.1.1",
|
||||
"@radix-ui/react-popper": "1.2.7",
|
||||
"@radix-ui/react-portal": "1.1.9",
|
||||
"@radix-ui/react-primitive": "2.1.3",
|
||||
"@radix-ui/react-slot": "1.2.3",
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1",
|
||||
"@radix-ui/react-use-controllable-state": "1.2.2",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1",
|
||||
"@radix-ui/react-use-previous": "1.1.1",
|
||||
"@radix-ui/react-visually-hidden": "1.2.3",
|
||||
"aria-hidden": "^1.2.4",
|
||||
"react-remove-scroll": "^2.6.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-separator": {
|
||||
"version": "1.1.7",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.7.tgz",
|
||||
"integrity": "sha512-0HEb8R9E8A+jZjvmFCy/J4xhbXy3TV+9XSnGJ3KvTtjlIUy/YQ/p6UYZvi7YbeoeXdyU9+Y3scizK6hkY37baA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-primitive": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-slot": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
|
||||
"integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-compose-refs": "1.1.2"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-callback-ref": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.1.tgz",
|
||||
"integrity": "sha512-FkBMwD+qbGQeMu1cOHnuGB6x4yzPjho8ap5WtbEJ26umhgqVXbhekKUQO+hZEL1vU92a3wHwdp0HAcqAUF5iDg==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-controllable-state": {
|
||||
"version": "1.2.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
|
||||
"integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-use-effect-event": "0.0.2",
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-effect-event": {
|
||||
"version": "0.0.2",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
|
||||
"integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-escape-keydown": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.1.tgz",
|
||||
"integrity": "sha512-Il0+boE7w/XebUHyBjroE+DbByORGR9KKmITzbR7MyQ4akpORYP/ZmbhAr0DG7RmmBqoOnZdy2QlvajJ2QA59g==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-use-callback-ref": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-is-hydrated": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.0.tgz",
|
||||
"integrity": "sha512-U+UORVEq+cTnRIaostJv9AGdV3G6Y+zbVd+12e18jQ5A3c0xL03IhnHuiU4UV69wolOQp5GfR58NW/EgdQhwOA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"use-sync-external-store": "^1.5.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-layout-effect": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
|
||||
"integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-previous": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.1.tgz",
|
||||
"integrity": "sha512-2dHfToCj/pzca2Ck724OZ5L0EVrr3eHRNsG/b3xQJLA2hZpVCS99bLAX+hm1IHXDEnzU6by5z/5MIY794/a8NQ==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-rect": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.1.tgz",
|
||||
"integrity": "sha512-QTYuDesS0VtuHNNvMh+CjlKJ4LJickCMUAqjlE3+j8w+RlRpwyX3apEQKGFzbZGdo7XNG1tXa+bQqIE7HIXT2w==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/rect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-use-size": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.1.tgz",
|
||||
"integrity": "sha512-ewrXRDTAqAXlkl6t/fkXWNAhFX9I+CkKlw6zjEwk86RSPKwZr3xpBRso655aqYafwtnbpHLj6toFzmd6xdVptQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-use-layout-effect": "1.1.1"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/react-visually-hidden": {
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.3.tgz",
|
||||
"integrity": "sha512-pzJq12tEaaIhqjbzpCuv/OypJY/BPavOofm+dbab+MHLajy277+1lLm6JFcGgF5eskJ6mquGirhXY2GD/8u8Ug==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@radix-ui/react-primitive": "2.1.3"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"@types/react-dom": "*",
|
||||
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
},
|
||||
"@types/react-dom": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/@radix-ui/rect": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.1.tgz",
|
||||
"integrity": "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/@rtsao/scc": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
|
||||
@ -1323,7 +2080,7 @@
|
||||
"version": "19.1.8",
|
||||
"resolved": "https://registry.npmjs.org/@types/react/-/react-19.1.8.tgz",
|
||||
"integrity": "sha512-AwAfQ2Wa5bCx9WP8nZL2uMZWod7J7/JSplxbTmBQ5ms6QpqNYm672H0Vu9ZVKVngQ+ii4R/byguVEUZQyeg44g==",
|
||||
"dev": true,
|
||||
"devOptional": true,
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"csstype": "^3.0.2"
|
||||
@ -1333,7 +2090,7 @@
|
||||
"version": "19.1.6",
|
||||
"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.1.6.tgz",
|
||||
"integrity": "sha512-4hOiT/dwO8Ko0gV1m/TJZYk3y0KBnY9vzDh7W+DH17b2HFSOGgdj33dhihPeuy3l0q23+4e+hoXHV6hCC4dCXw==",
|
||||
"dev": true,
|
||||
"devOptional": true,
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"@types/react": "^19.0.0"
|
||||
@ -1958,6 +2715,18 @@
|
||||
"dev": true,
|
||||
"license": "Python-2.0"
|
||||
},
|
||||
"node_modules/aria-hidden": {
|
||||
"version": "1.2.6",
|
||||
"resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
|
||||
"integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"tslib": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
}
|
||||
},
|
||||
"node_modules/aria-query": {
|
||||
"version": "5.3.2",
|
||||
"resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
|
||||
@ -2330,12 +3099,33 @@
|
||||
"node": ">=18"
|
||||
}
|
||||
},
|
||||
"node_modules/class-variance-authority": {
|
||||
"version": "0.7.1",
|
||||
"resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
|
||||
"integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"clsx": "^2.1.1"
|
||||
},
|
||||
"funding": {
|
||||
"url": "https://polar.sh/cva"
|
||||
}
|
||||
},
|
||||
"node_modules/client-only": {
|
||||
"version": "0.0.1",
|
||||
"resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
|
||||
"integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/clsx": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
|
||||
"integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/color": {
|
||||
"version": "4.2.3",
|
||||
"resolved": "https://registry.npmjs.org/color/-/color-4.2.3.tgz",
|
||||
@ -2407,7 +3197,7 @@
|
||||
"version": "3.1.3",
|
||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
|
||||
"dev": true,
|
||||
"devOptional": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/damerau-levenshtein": {
|
||||
@ -2542,6 +3332,12 @@
|
||||
"node": ">=8"
|
||||
}
|
||||
},
|
||||
"node_modules/detect-node-es": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
|
||||
"integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/doctrine": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
|
||||
@ -3423,6 +4219,15 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/get-nonce": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
|
||||
"integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
|
||||
"license": "MIT",
|
||||
"engines": {
|
||||
"node": ">=6"
|
||||
}
|
||||
},
|
||||
"node_modules/get-proto": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
|
||||
@ -4523,6 +5328,15 @@
|
||||
"loose-envify": "cli.js"
|
||||
}
|
||||
},
|
||||
"node_modules/lucide-react": {
|
||||
"version": "0.525.0",
|
||||
"resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.525.0.tgz",
|
||||
"integrity": "sha512-Tm1txJ2OkymCGkvwoHt33Y2JpN5xucVq1slHcgE6Lk0WjDfjgKWor5CdVER8U6DvcfMwh4M8XxmpTiyzfmfDYQ==",
|
||||
"license": "ISC",
|
||||
"peerDependencies": {
|
||||
"react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/magic-string": {
|
||||
"version": "0.30.17",
|
||||
"resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
|
||||
@ -5129,6 +5943,75 @@
|
||||
"dev": true,
|
||||
"license": "MIT"
|
||||
},
|
||||
"node_modules/react-remove-scroll": {
|
||||
"version": "2.7.1",
|
||||
"resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.1.tgz",
|
||||
"integrity": "sha512-HpMh8+oahmIdOuS5aFKKY6Pyog+FNaZV/XyJOq7b4YFwsFHe5yYfdbIalI4k3vU2nSDql7YskmUseHsRrJqIPA==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"react-remove-scroll-bar": "^2.3.7",
|
||||
"react-style-singleton": "^2.2.3",
|
||||
"tslib": "^2.1.0",
|
||||
"use-callback-ref": "^1.3.3",
|
||||
"use-sidecar": "^1.1.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/react-remove-scroll-bar": {
|
||||
"version": "2.3.8",
|
||||
"resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
|
||||
"integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"react-style-singleton": "^2.2.2",
|
||||
"tslib": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/react-style-singleton": {
|
||||
"version": "2.2.3",
|
||||
"resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
|
||||
"integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"get-nonce": "^1.0.0",
|
||||
"tslib": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/reflect.getprototypeof": {
|
||||
"version": "1.0.10",
|
||||
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
|
||||
@ -5746,6 +6629,16 @@
|
||||
"url": "https://github.com/sponsors/ljharb"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwind-merge": {
|
||||
"version": "3.3.1",
|
||||
"resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.3.1.tgz",
|
||||
"integrity": "sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==",
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/dcastil"
|
||||
}
|
||||
},
|
||||
"node_modules/tailwindcss": {
|
||||
"version": "4.1.11",
|
||||
"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.11.tgz",
|
||||
@ -5871,6 +6764,16 @@
|
||||
"integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
|
||||
"license": "0BSD"
|
||||
},
|
||||
"node_modules/tw-animate-css": {
|
||||
"version": "1.3.5",
|
||||
"resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.3.5.tgz",
|
||||
"integrity": "sha512-t3u+0YNoloIhj1mMXs779P6MO9q3p3mvGn4k1n3nJPqJw/glZcuijG2qTSN4z4mgNRfW5ZC3aXJFLwDtiipZXA==",
|
||||
"dev": true,
|
||||
"license": "MIT",
|
||||
"funding": {
|
||||
"url": "https://github.com/sponsors/Wombosvideo"
|
||||
}
|
||||
},
|
||||
"node_modules/type-check": {
|
||||
"version": "0.4.0",
|
||||
"resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
|
||||
@ -6047,6 +6950,58 @@
|
||||
"punycode": "^2.1.0"
|
||||
}
|
||||
},
|
||||
"node_modules/use-callback-ref": {
|
||||
"version": "1.3.3",
|
||||
"resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
|
||||
"integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"tslib": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/use-sidecar": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
|
||||
"integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"detect-node-es": "^1.1.0",
|
||||
"tslib": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@types/react": "*",
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"@types/react": {
|
||||
"optional": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node_modules/use-sync-external-store": {
|
||||
"version": "1.5.0",
|
||||
"resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.5.0.tgz",
|
||||
"integrity": "sha512-Rb46I4cGGVBmjamjphe8L/UnvJD+uPPtTkNvX5mZgqdbavhI4EbgIWJiIHXJ8bc/i9EQGPRh4DwEURJ552Do0A==",
|
||||
"license": "MIT",
|
||||
"peerDependencies": {
|
||||
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/which": {
|
||||
"version": "2.0.2",
|
||||
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
|
||||
|
||||
18
package.json
18
package.json
@ -9,20 +9,32 @@
|
||||
"lint": "next lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@radix-ui/react-avatar": "^1.1.10",
|
||||
"@radix-ui/react-dialog": "^1.1.14",
|
||||
"@radix-ui/react-label": "^2.1.7",
|
||||
"@radix-ui/react-navigation-menu": "^1.2.13",
|
||||
"@radix-ui/react-progress": "^1.1.7",
|
||||
"@radix-ui/react-select": "^2.2.5",
|
||||
"@radix-ui/react-separator": "^1.1.7",
|
||||
"@radix-ui/react-slot": "^1.2.3",
|
||||
"class-variance-authority": "^0.7.1",
|
||||
"clsx": "^2.1.1",
|
||||
"geist": "^1.4.2",
|
||||
"lucide-react": "^0.525.0",
|
||||
"next": "15.3.4",
|
||||
"react": "^19.0.0",
|
||||
"react-dom": "^19.0.0"
|
||||
"react-dom": "^19.0.0",
|
||||
"tailwind-merge": "^3.3.1"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@eslint/eslintrc": "^3",
|
||||
"@tailwindcss/postcss": "^4",
|
||||
"@tailwindcss/postcss": "^4.1.11",
|
||||
"@types/node": "^20",
|
||||
"@types/react": "^19",
|
||||
"@types/react-dom": "^19",
|
||||
"eslint": "^9",
|
||||
"eslint-config-next": "15.3.4",
|
||||
"tailwindcss": "^4",
|
||||
"tw-animate-css": "^1.3.5",
|
||||
"typescript": "^5"
|
||||
}
|
||||
}
|
||||
|
||||
Binary file not shown.
@ -1,28 +1,42 @@
|
||||
'use client';
|
||||
|
||||
import { useState } from 'react';
|
||||
import { useState, useEffect } from 'react';
|
||||
import {
|
||||
MessageCircle,
|
||||
Briefcase,
|
||||
Settings,
|
||||
Lightbulb,
|
||||
Phone,
|
||||
Mail,
|
||||
X
|
||||
} from 'lucide-react';
|
||||
|
||||
interface ContactModalProps {
|
||||
export interface ContactModalProps {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
defaultType?: string;
|
||||
title?: string;
|
||||
}
|
||||
|
||||
export default function ContactModal({
|
||||
isOpen,
|
||||
onClose,
|
||||
defaultType = 'general',
|
||||
title = 'Связаться с нами'
|
||||
}: ContactModalProps) {
|
||||
export default function ContactModal({ isOpen, onClose, defaultType = 'general', title = 'Связаться с нами' }: ContactModalProps) {
|
||||
const [formData, setFormData] = useState({
|
||||
name: '',
|
||||
email: '',
|
||||
phone: '',
|
||||
company: '',
|
||||
message: '',
|
||||
type: defaultType
|
||||
type: defaultType,
|
||||
message: ''
|
||||
});
|
||||
const [isSubmitting, setIsSubmitting] = useState(false);
|
||||
const [submitStatus, setSubmitStatus] = useState<'idle' | 'success' | 'error'>('idle');
|
||||
|
||||
const contactTypes = [
|
||||
{ id: 'general', label: 'Общие вопросы', icon: <MessageCircle className="w-5 h-5" /> },
|
||||
{ id: 'sales', label: 'Отдел продаж', icon: <Briefcase className="w-5 h-5" /> },
|
||||
{ id: 'support', label: 'Техподдержка', icon: <Settings className="w-5 h-5" /> },
|
||||
{ id: 'development', label: 'Разработка', icon: <Settings className="w-5 h-5" /> },
|
||||
{ id: 'consultation', label: 'Консультация', icon: <Lightbulb className="w-5 h-5" /> },
|
||||
];
|
||||
|
||||
const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>) => {
|
||||
const { name, value } = e.target;
|
||||
@ -39,15 +53,6 @@ export default function ContactModal({
|
||||
onClose();
|
||||
};
|
||||
|
||||
const contactTypes = [
|
||||
{ id: 'general', label: 'Общие вопросы', icon: '💬' },
|
||||
{ id: 'sales', label: 'Отдел продаж', icon: '💼' },
|
||||
{ id: 'support', label: 'Техподдержка', icon: '🔧' },
|
||||
{ id: 'partnership', label: 'Партнёрство', icon: '🤝' },
|
||||
{ id: 'consultation', label: 'Консультация', icon: '💡' },
|
||||
{ id: 'demo', label: 'Демонстрация', icon: '🖥️' }
|
||||
];
|
||||
|
||||
if (!isOpen) return null;
|
||||
|
||||
return (
|
||||
@ -173,9 +178,9 @@ export default function ContactModal({
|
||||
<p className="text-sm text-gray-400 text-center">
|
||||
Или свяжитесь с нами напрямую:
|
||||
<br />
|
||||
📞 <a href="tel:+74951234567" className="text-green-400 hover:text-green-300">+7 (495) 123-45-67</a>
|
||||
<Phone className="w-4 h-4 inline mr-1" /> <a href="tel:+74951234567" className="text-green-400 hover:text-green-300">+7 (495) 123-45-67</a>
|
||||
<br />
|
||||
📧 <a href="mailto:info@gundyrev.ru" className="text-green-400 hover:text-green-300">info@gundyrev.ru</a>
|
||||
<Mail className="w-4 h-4 inline mr-1" /> <a href="mailto:info@gundyrev.ru" className="text-green-400 hover:text-green-300">info@gundyrev.ru</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
import { Phone, Lightbulb } from 'lucide-react';
|
||||
import ContactModal from './ContactModal';
|
||||
|
||||
export default function FloatingCTA() {
|
||||
@ -44,9 +45,7 @@ export default function FloatingCTA() {
|
||||
}}
|
||||
>
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="transition-all duration-300 group-hover:scale-110">
|
||||
📞
|
||||
</span>
|
||||
<Phone className="w-5 h-5 transition-all duration-300 group-hover:scale-110" />
|
||||
<span className="transition-all duration-300">
|
||||
{ctaTexts[currentText]}
|
||||
</span>
|
||||
@ -66,7 +65,8 @@ export default function FloatingCTA() {
|
||||
className="block w-full px-4 py-2 bg-blue-500 text-white text-sm rounded-lg hover:bg-blue-600 transition-colors duration-200"
|
||||
title="Заказать консультацию"
|
||||
>
|
||||
💡 Консультация
|
||||
<Lightbulb className="w-4 h-4 inline mr-1" />
|
||||
Консультация
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsModalOpen(true)}
|
||||
|
||||
@ -2,6 +2,7 @@
|
||||
|
||||
import { useState } from 'react';
|
||||
import ContactModal from './ContactModal';
|
||||
import { Phone, Mail, Landmark, Shield } from 'lucide-react';
|
||||
|
||||
export default function Footer() {
|
||||
const [isContactModalOpen, setIsContactModalOpen] = useState(false);
|
||||
@ -83,7 +84,7 @@ export default function Footer() {
|
||||
<h4 className="text-lg font-semibold text-white mb-4">Контакты</h4>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li className="flex items-center space-x-2">
|
||||
<span>📞</span>
|
||||
<Phone className="w-4 h-4 text-green-400" />
|
||||
<a
|
||||
href="tel:+74951234567"
|
||||
className="text-gray-300 hover:text-white transition-colors"
|
||||
@ -92,7 +93,7 @@ export default function Footer() {
|
||||
</a>
|
||||
</li>
|
||||
<li className="flex items-center space-x-2">
|
||||
<span>📧</span>
|
||||
<Mail className="w-4 h-4 text-green-400" />
|
||||
<a
|
||||
href="mailto:info@gundyrev.ru"
|
||||
className="text-gray-300 hover:text-white transition-colors"
|
||||
@ -260,11 +261,13 @@ export default function Footer() {
|
||||
<div className="mt-4 pt-4 border-t border-gray-800">
|
||||
<div className="grid md:grid-cols-2 gap-4 text-xs text-gray-500">
|
||||
<div>
|
||||
<p>
|
||||
🏛️ Работаем с государственными закупками по 44-ФЗ и 223-ФЗ
|
||||
<p className="flex items-center gap-2">
|
||||
<Landmark className="w-4 h-4" />
|
||||
Работаем с государственными закупками по 44-ФЗ и 223-ФЗ
|
||||
</p>
|
||||
<p className="mt-1">
|
||||
🛡️ Соответствуем требованиям информационной безопасности
|
||||
<p className="mt-1 flex items-center gap-2">
|
||||
<Shield className="w-4 h-4" />
|
||||
Соответствуем требованиям информационной безопасности
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
@ -2,6 +2,13 @@
|
||||
|
||||
import { useState, useEffect, useRef, useCallback } from 'react';
|
||||
import Link from 'next/link';
|
||||
import {
|
||||
Monitor,
|
||||
Zap,
|
||||
Shield,
|
||||
Bird,
|
||||
Settings
|
||||
} from 'lucide-react';
|
||||
import DraggableCard from './DraggableCard';
|
||||
|
||||
export default function InteractiveBlocks() {
|
||||
@ -62,7 +69,7 @@ export default function InteractiveBlocks() {
|
||||
id: 1,
|
||||
title: "Разработка ПО",
|
||||
description: "Веб, мобильные и десктопные приложения",
|
||||
icon: "💻",
|
||||
icon: <Monitor className="w-10 h-10" />,
|
||||
color: "from-purple-500 to-indigo-500",
|
||||
link: "/development",
|
||||
},
|
||||
@ -70,7 +77,7 @@ export default function InteractiveBlocks() {
|
||||
id: 2,
|
||||
title: "Поставка электроники",
|
||||
description: "B2B/B2G поставки по 44-ФЗ и 223-ФЗ",
|
||||
icon: "⚡",
|
||||
icon: <Zap className="w-10 h-10" />,
|
||||
color: "from-cyan-500 to-teal-500",
|
||||
link: "/electronics",
|
||||
},
|
||||
@ -78,7 +85,7 @@ export default function InteractiveBlocks() {
|
||||
id: 3,
|
||||
title: "UX Софт",
|
||||
description: "Улучшение пользовательского опыта",
|
||||
icon: "🔒",
|
||||
icon: <Shield className="w-10 h-10" />,
|
||||
color: "from-blue-500 to-purple-500",
|
||||
link: "/ux-software",
|
||||
},
|
||||
@ -86,7 +93,7 @@ export default function InteractiveBlocks() {
|
||||
id: 4,
|
||||
title: "Соловей",
|
||||
description: "Платформа видеосвязи",
|
||||
icon: "🐦",
|
||||
icon: <Bird className="w-10 h-10" />,
|
||||
color: "from-amber-500 to-yellow-500",
|
||||
link: "/solovey",
|
||||
},
|
||||
@ -94,7 +101,7 @@ export default function InteractiveBlocks() {
|
||||
id: 5,
|
||||
title: "Secure-T",
|
||||
description: "Информационная безопасность",
|
||||
icon: "🛡️",
|
||||
icon: <Shield className="w-10 h-10" />,
|
||||
color: "from-red-500 to-orange-500",
|
||||
link: "/secure-t",
|
||||
},
|
||||
@ -102,7 +109,7 @@ export default function InteractiveBlocks() {
|
||||
id: 6,
|
||||
title: "Dr.Web",
|
||||
description: "Антивирусные решения",
|
||||
icon: "🔧",
|
||||
icon: <Settings className="w-10 h-10" />,
|
||||
color: "from-green-500 to-emerald-500",
|
||||
link: "/drweb",
|
||||
},
|
||||
@ -164,7 +171,7 @@ export default function InteractiveBlocks() {
|
||||
onDragEnd={handleDragEnd}
|
||||
>
|
||||
<div
|
||||
className={`glass-effect p-6 rounded-lg bg-gradient-to-br ${block.color} bg-opacity-20 hover-glow transition-all duration-300 border border-white/10 cursor-pointer`}
|
||||
className={`glass-effect p-6 rounded-lg bg-gradient-to-br ${block.color} bg-opacity-10 hover:bg-opacity-20 hover-glow transition-all duration-300 border border-white/10 cursor-pointer hover:scale-105`}
|
||||
onClick={(e) => {
|
||||
// Предотвращаем переход если сейчас идет перетаскивание или недавно было перетаскивание
|
||||
if (isDragging || wasRecentlyDragged) {
|
||||
@ -179,63 +186,21 @@ export default function InteractiveBlocks() {
|
||||
}}
|
||||
>
|
||||
<div className="flex items-center space-x-4 mb-4">
|
||||
<div className="text-4xl">{block.icon}</div>
|
||||
<div className="text-white">{block.icon}</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-bold text-white">{block.title}</h3>
|
||||
<p className="text-gray-300 text-sm">{block.description}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center justify-between mt-4">
|
||||
<div className="text-center mt-4">
|
||||
<span className="text-xs text-gray-400">Кликните для перехода →</span>
|
||||
<div className="w-6 h-6 bg-white/20 rounded-full flex items-center justify-center">
|
||||
<div className="w-2 h-2 bg-white rounded-full animate-pulse"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</DraggableCard>
|
||||
);
|
||||
})}
|
||||
|
||||
{/* Декоративные элементы */}
|
||||
<div className="absolute inset-0 pointer-events-none">
|
||||
<div className="absolute top-1/4 left-1/4 w-96 h-96 bg-green-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||
<div className="absolute bottom-1/4 right-1/4 w-96 h-96 bg-blue-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||
<div className="absolute top-1/2 left-1/2 w-96 h-96 bg-purple-500 rounded-full blur-3xl opacity-10 animate-pulse"></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
{/* Сетка для визуального ориентира */}
|
||||
<div className="absolute inset-0 pointer-events-none opacity-5">
|
||||
<div
|
||||
className="w-full h-full"
|
||||
style={{
|
||||
backgroundImage: `
|
||||
linear-gradient(rgba(0,255,136,0.1) 1px, transparent 1px),
|
||||
linear-gradient(90deg, rgba(0,255,136,0.1) 1px, transparent 1px)
|
||||
`,
|
||||
backgroundSize: '50px 50px'
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Floating particles */}
|
||||
<div className="absolute inset-0 pointer-events-none">
|
||||
{[...Array(15)].map((_, i) => (
|
||||
<div
|
||||
key={i}
|
||||
className="absolute w-1 h-1 bg-green-400 rounded-full floating-particle"
|
||||
style={{
|
||||
left: `${(i * 7 + 13) % 100}%`,
|
||||
top: `${(i * 11 + 23) % 100}%`,
|
||||
animationDelay: `${i * 0.5}s`,
|
||||
animationDuration: `${3 + (i % 4)}s`,
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -2,6 +2,16 @@
|
||||
|
||||
import Link from 'next/link';
|
||||
import { useState } from 'react';
|
||||
import {
|
||||
Shield,
|
||||
Settings,
|
||||
Zap,
|
||||
Monitor,
|
||||
Bird,
|
||||
Phone,
|
||||
Moon,
|
||||
Sun
|
||||
} from 'lucide-react';
|
||||
import { useTheme } from '../contexts/ThemeContext';
|
||||
import ContactModal from './ContactModal';
|
||||
|
||||
@ -15,22 +25,22 @@ export default function Navigation() {
|
||||
{
|
||||
category: 'Безопасность',
|
||||
items: [
|
||||
{ href: '/ux-software', label: 'UX-софт', description: 'Улучшение пользовательского опыта', icon: '🔒' },
|
||||
{ href: '/secure-t', label: 'Secure-T', description: 'Комплексная защита', icon: '🛡️' },
|
||||
{ href: '/drweb', label: 'Dr.Web', description: 'Антивирусная защита', icon: '🔧' },
|
||||
{ href: '/ux-software', label: 'UX-софт', description: 'Улучшение пользовательского опыта', icon: <Shield className="w-5 h-5" /> },
|
||||
{ href: '/secure-t', label: 'Secure-T', description: 'Комплексная защита', icon: <Shield className="w-5 h-5" /> },
|
||||
{ href: '/drweb', label: 'Dr.Web', description: 'Антивирусная защита', icon: <Settings className="w-5 h-5" /> },
|
||||
]
|
||||
},
|
||||
{
|
||||
category: 'Разработка',
|
||||
items: [
|
||||
{ href: '/development', label: 'Веб-разработка', description: 'Сайты и приложения', icon: '💻' },
|
||||
{ href: '/solovey', label: 'Соловей', description: 'Платформа видеосвязи', icon: '🐦' },
|
||||
{ href: '/development', label: 'Веб-разработка', description: 'Сайты и приложения', icon: <Monitor className="w-5 h-5" /> },
|
||||
{ href: '/solovey', label: 'Соловей', description: 'Платформа видеосвязи', icon: <Bird className="w-5 h-5" /> },
|
||||
]
|
||||
},
|
||||
{
|
||||
category: 'Поставки',
|
||||
items: [
|
||||
{ href: '/electronics', label: 'Электроника', description: 'B2B/B2G поставки', icon: '⚡' },
|
||||
{ href: '/electronics', label: 'Электроника', description: 'B2B/B2G поставки', icon: <Zap className="w-5 h-5" /> },
|
||||
]
|
||||
}
|
||||
];
|
||||
@ -81,9 +91,9 @@ export default function Navigation() {
|
||||
href={item.href}
|
||||
className="flex items-center px-2 py-2 text-sm text-gray-300 hover:text-white hover:bg-gray-700/30 rounded-md transition-all duration-200 group"
|
||||
>
|
||||
<span className="text-lg mr-3 group-hover:scale-110 transition-transform duration-200">
|
||||
<div className="text-green-400 mr-3 group-hover:scale-110 transition-transform duration-200">
|
||||
{item.icon}
|
||||
</span>
|
||||
</div>
|
||||
<div className="flex-1">
|
||||
<div className="font-medium">{item.label}</div>
|
||||
<div className="text-xs text-gray-400 mt-1">{item.description}</div>
|
||||
@ -113,9 +123,10 @@ export default function Navigation() {
|
||||
{/* Кнопка "Оставить заявку" */}
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="bg-gradient-to-r from-green-500 to-emerald-500 text-white px-4 py-2 rounded-lg font-medium text-sm hover:from-green-600 hover:to-emerald-600 transition-all duration-200 hover:scale-105 shadow-lg hover:shadow-xl"
|
||||
className="bg-gradient-to-r from-green-500 to-emerald-500 text-white px-4 py-2 rounded-lg font-medium text-sm hover:from-green-600 hover:to-emerald-600 transition-all duration-200 hover:scale-105 shadow-lg hover:shadow-xl flex items-center gap-2"
|
||||
>
|
||||
📞 Оставить заявку
|
||||
<Phone className="w-4 h-4" />
|
||||
Оставить заявку
|
||||
</button>
|
||||
|
||||
{/* Улучшенный переключатель темы */}
|
||||
@ -126,20 +137,16 @@ export default function Navigation() {
|
||||
aria-label="Переключить тему"
|
||||
title={theme === 'dark' ? 'Переключить на светлую тему' : 'Переключить на тёмную тему'}
|
||||
>
|
||||
<span
|
||||
className={`theme-toggle-icon transition-all duration-300 ${
|
||||
<Moon
|
||||
className={`w-4 h-4 transition-all duration-300 ${
|
||||
theme === 'dark' ? 'scale-110 opacity-100' : 'scale-75 opacity-50'
|
||||
}`}
|
||||
>
|
||||
🌙
|
||||
</span>
|
||||
<span
|
||||
className={`theme-toggle-icon transition-all duration-300 ${
|
||||
/>
|
||||
<Sun
|
||||
className={`w-4 h-4 transition-all duration-300 ${
|
||||
theme === 'light' ? 'scale-110 opacity-100' : 'scale-75 opacity-50'
|
||||
}`}
|
||||
>
|
||||
☀️
|
||||
</span>
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -151,7 +158,7 @@ export default function Navigation() {
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="bg-gradient-to-r from-green-500 to-emerald-500 text-white px-3 py-1.5 rounded-md font-medium text-xs hover:from-green-600 hover:to-emerald-600 transition-all duration-200"
|
||||
>
|
||||
📞
|
||||
<Phone className="w-4 h-4" />
|
||||
</button>
|
||||
|
||||
{/* Мобильный переключатель темы */}
|
||||
@ -161,20 +168,16 @@ export default function Navigation() {
|
||||
aria-label="Переключить тему"
|
||||
title={theme === 'dark' ? 'Переключить на светлую тему' : 'Переключить на тёмную тему'}
|
||||
>
|
||||
<span
|
||||
className={`theme-toggle-icon transition-all duration-300 ${
|
||||
<Moon
|
||||
className={`w-4 h-4 transition-all duration-300 ${
|
||||
theme === 'dark' ? 'scale-110 opacity-100' : 'scale-75 opacity-50'
|
||||
}`}
|
||||
>
|
||||
🌙
|
||||
</span>
|
||||
<span
|
||||
className={`theme-toggle-icon transition-all duration-300 ${
|
||||
/>
|
||||
<Sun
|
||||
className={`w-4 h-4 transition-all duration-300 ${
|
||||
theme === 'light' ? 'scale-110 opacity-100' : 'scale-75 opacity-50'
|
||||
}`}
|
||||
>
|
||||
☀️
|
||||
</span>
|
||||
/>
|
||||
</button>
|
||||
|
||||
<button
|
||||
@ -209,7 +212,7 @@ export default function Navigation() {
|
||||
className="flex items-center px-3 py-2 text-gray-300 hover:text-white transition-colors duration-200 text-sm font-medium rounded-md hover:bg-gray-700/30"
|
||||
onClick={() => setIsMenuOpen(false)}
|
||||
>
|
||||
<span className="text-lg mr-3">{item.icon}</span>
|
||||
<div className="text-green-400 mr-3">{item.icon}</div>
|
||||
<div className="flex-1">
|
||||
<div>{item.label}</div>
|
||||
<div className="text-xs text-gray-400 mt-1">{item.description}</div>
|
||||
@ -238,9 +241,10 @@ export default function Navigation() {
|
||||
setIsContactModalOpen(true);
|
||||
setIsMenuOpen(false);
|
||||
}}
|
||||
className="w-full text-left px-3 py-2 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-medium rounded-md hover:from-green-600 hover:to-emerald-600 transition-all duration-200 mt-2"
|
||||
className="w-full text-left px-3 py-2 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-medium rounded-md hover:from-green-600 hover:to-emerald-600 transition-all duration-200 mt-2 flex items-center gap-2"
|
||||
>
|
||||
📞 Оставить заявку
|
||||
<Phone className="w-4 h-4" />
|
||||
Оставить заявку
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,9 +1,10 @@
|
||||
@import "tailwindcss";
|
||||
@import "tw-animate-css";
|
||||
|
||||
@custom-variant dark (&:is(.dark *));
|
||||
|
||||
:root {
|
||||
--background: #0a0a0a;
|
||||
--foreground: #ffffff;
|
||||
--accent: #00ff88;
|
||||
--accent: oklch(0.97 0 0);
|
||||
--gray: #333333;
|
||||
--light-gray: #666666;
|
||||
--glass-bg: rgba(255, 255, 255, 0.05);
|
||||
@ -12,6 +13,37 @@
|
||||
--text-primary: #ffffff;
|
||||
--text-secondary: #d1d5db;
|
||||
--text-muted: #9ca3af;
|
||||
--radius: 0.625rem;
|
||||
--background: oklch(1 0 0);
|
||||
--foreground: oklch(0.145 0 0);
|
||||
--card: oklch(1 0 0);
|
||||
--card-foreground: oklch(0.145 0 0);
|
||||
--popover: oklch(1 0 0);
|
||||
--popover-foreground: oklch(0.145 0 0);
|
||||
--primary: oklch(0.205 0 0);
|
||||
--primary-foreground: oklch(0.985 0 0);
|
||||
--secondary: oklch(0.97 0 0);
|
||||
--secondary-foreground: oklch(0.205 0 0);
|
||||
--muted: oklch(0.97 0 0);
|
||||
--muted-foreground: oklch(0.556 0 0);
|
||||
--accent-foreground: oklch(0.205 0 0);
|
||||
--destructive: oklch(0.577 0.245 27.325);
|
||||
--border: oklch(0.922 0 0);
|
||||
--input: oklch(0.922 0 0);
|
||||
--ring: oklch(0.708 0 0);
|
||||
--chart-1: oklch(0.646 0.222 41.116);
|
||||
--chart-2: oklch(0.6 0.118 184.704);
|
||||
--chart-3: oklch(0.398 0.07 227.392);
|
||||
--chart-4: oklch(0.828 0.189 84.429);
|
||||
--chart-5: oklch(0.769 0.188 70.08);
|
||||
--sidebar: oklch(0.985 0 0);
|
||||
--sidebar-foreground: oklch(0.145 0 0);
|
||||
--sidebar-primary: oklch(0.205 0 0);
|
||||
--sidebar-primary-foreground: oklch(0.985 0 0);
|
||||
--sidebar-accent: oklch(0.97 0 0);
|
||||
--sidebar-accent-foreground: oklch(0.205 0 0);
|
||||
--sidebar-border: oklch(0.922 0 0);
|
||||
--sidebar-ring: oklch(0.708 0 0);
|
||||
}
|
||||
|
||||
.light {
|
||||
@ -42,11 +74,41 @@
|
||||
--color-light-gray: var(--light-gray);
|
||||
--font-sans: var(--font-geist-sans);
|
||||
--font-mono: var(--font-geist-mono);
|
||||
--color-sidebar-ring: var(--sidebar-ring);
|
||||
--color-sidebar-border: var(--sidebar-border);
|
||||
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
||||
--color-sidebar-accent: var(--sidebar-accent);
|
||||
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
||||
--color-sidebar-primary: var(--sidebar-primary);
|
||||
--color-sidebar-foreground: var(--sidebar-foreground);
|
||||
--color-sidebar: var(--sidebar);
|
||||
--color-chart-5: var(--chart-5);
|
||||
--color-chart-4: var(--chart-4);
|
||||
--color-chart-3: var(--chart-3);
|
||||
--color-chart-2: var(--chart-2);
|
||||
--color-chart-1: var(--chart-1);
|
||||
--color-ring: var(--ring);
|
||||
--color-input: var(--input);
|
||||
--color-border: var(--border);
|
||||
--color-destructive: var(--destructive);
|
||||
--color-accent-foreground: var(--accent-foreground);
|
||||
--color-muted-foreground: var(--muted-foreground);
|
||||
--color-muted: var(--muted);
|
||||
--color-secondary-foreground: var(--secondary-foreground);
|
||||
--color-secondary: var(--secondary);
|
||||
--color-primary-foreground: var(--primary-foreground);
|
||||
--color-primary: var(--primary);
|
||||
--color-popover-foreground: var(--popover-foreground);
|
||||
--color-popover: var(--popover);
|
||||
--color-card-foreground: var(--card-foreground);
|
||||
--color-card: var(--card);
|
||||
--radius-sm: calc(var(--radius) - 4px);
|
||||
--radius-md: calc(var(--radius) - 2px);
|
||||
--radius-lg: var(--radius);
|
||||
--radius-xl: calc(var(--radius) + 4px);
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-sans), Arial, Helvetica, sans-serif;
|
||||
line-height: 1.6;
|
||||
overflow-x: hidden;
|
||||
@ -663,29 +725,29 @@ body {
|
||||
.section-padding {
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
|
||||
.draggable-card {
|
||||
width: 280px !important;
|
||||
}
|
||||
|
||||
|
||||
.glass-effect {
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
|
||||
|
||||
.holographic-text {
|
||||
text-shadow:
|
||||
0 0 5px rgba(0, 255, 136, 0.3),
|
||||
0 0 10px rgba(0, 255, 136, 0.2);
|
||||
}
|
||||
|
||||
|
||||
.animate-spin-slow {
|
||||
animation-duration: 30s;
|
||||
}
|
||||
|
||||
|
||||
.animate-spin-reverse {
|
||||
animation-duration: 25s;
|
||||
}
|
||||
|
||||
|
||||
.tech-sphere-item {
|
||||
font-size: 0.75rem;
|
||||
padding: 0.25rem 0.5rem;
|
||||
@ -697,7 +759,7 @@ body {
|
||||
.hover-glow:hover {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.draggable-card:active {
|
||||
transform: scale(0.95);
|
||||
}
|
||||
@ -712,7 +774,7 @@ body {
|
||||
.tech-sphere-item {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
|
||||
.hover-lift:hover {
|
||||
transform: none;
|
||||
}
|
||||
@ -2198,4 +2260,47 @@ body {
|
||||
box-shadow:
|
||||
0 6px 24px rgba(102, 126, 234, 0.15),
|
||||
0 3px 12px rgba(0, 0, 0, 0.08) !important;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: oklch(0.145 0 0);
|
||||
--foreground: oklch(0.985 0 0);
|
||||
--card: oklch(0.205 0 0);
|
||||
--card-foreground: oklch(0.985 0 0);
|
||||
--popover: oklch(0.205 0 0);
|
||||
--popover-foreground: oklch(0.985 0 0);
|
||||
--primary: oklch(0.922 0 0);
|
||||
--primary-foreground: oklch(0.205 0 0);
|
||||
--secondary: oklch(0.269 0 0);
|
||||
--secondary-foreground: oklch(0.985 0 0);
|
||||
--muted: oklch(0.269 0 0);
|
||||
--muted-foreground: oklch(0.708 0 0);
|
||||
--accent: oklch(0.269 0 0);
|
||||
--accent-foreground: oklch(0.985 0 0);
|
||||
--destructive: oklch(0.704 0.191 22.216);
|
||||
--border: oklch(1 0 0 / 10%);
|
||||
--input: oklch(1 0 0 / 15%);
|
||||
--ring: oklch(0.556 0 0);
|
||||
--chart-1: oklch(0.488 0.243 264.376);
|
||||
--chart-2: oklch(0.696 0.17 162.48);
|
||||
--chart-3: oklch(0.769 0.188 70.08);
|
||||
--chart-4: oklch(0.627 0.265 303.9);
|
||||
--chart-5: oklch(0.645 0.246 16.439);
|
||||
--sidebar: oklch(0.205 0 0);
|
||||
--sidebar-foreground: oklch(0.985 0 0);
|
||||
--sidebar-primary: oklch(0.488 0.243 264.376);
|
||||
--sidebar-primary-foreground: oklch(0.985 0 0);
|
||||
--sidebar-accent: oklch(0.269 0 0);
|
||||
--sidebar-accent-foreground: oklch(0.985 0 0);
|
||||
--sidebar-border: oklch(1 0 0 / 10%);
|
||||
--sidebar-ring: oklch(0.556 0 0);
|
||||
}
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border outline-ring/50;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
467
src/app/page.tsx
467
src/app/page.tsx
@ -1,10 +1,33 @@
|
||||
'use client';
|
||||
|
||||
import { useState, useEffect } from 'react';
|
||||
import {
|
||||
Rocket,
|
||||
Lightbulb,
|
||||
BarChart3,
|
||||
Palette,
|
||||
Settings,
|
||||
Database,
|
||||
Zap,
|
||||
Building,
|
||||
GraduationCap,
|
||||
Hospital,
|
||||
Landmark,
|
||||
DollarSign,
|
||||
Factory,
|
||||
Cpu,
|
||||
Star,
|
||||
ClipboardList,
|
||||
Trophy,
|
||||
Shield,
|
||||
Briefcase,
|
||||
Mail,
|
||||
Phone,
|
||||
MessageCircle
|
||||
} from 'lucide-react';
|
||||
import Navigation from './components/Navigation';
|
||||
import InteractiveBlocks from './components/InteractiveBlocks';
|
||||
import ContactModal from './components/ContactModal';
|
||||
import Footer from './components/Footer';
|
||||
|
||||
export default function Home() {
|
||||
const [mounted, setMounted] = useState(false);
|
||||
@ -228,21 +251,24 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center mb-12">
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105"
|
||||
className="px-8 py-3 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
🚀 Обсудить проект
|
||||
<Rocket className="w-5 h-5" />
|
||||
Обсудить проект
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-blue-500 to-indigo-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105"
|
||||
className="px-8 py-3 bg-gradient-to-r from-blue-500 to-indigo-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
💡 Получить консультацию
|
||||
<Lightbulb className="w-5 h-5" />
|
||||
Получить консультацию
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300"
|
||||
className="px-8 py-3 glass-effect text-white font-semibold rounded-lg hover:bg-white/10 transition-all duration-300 flex items-center gap-2 justify-center"
|
||||
>
|
||||
📊 Заказать презентацию
|
||||
<BarChart3 className="w-5 h-5" />
|
||||
Заказать презентацию
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -292,28 +318,28 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
{[
|
||||
{
|
||||
category: 'Frontend',
|
||||
icon: '🎨',
|
||||
icon: <Palette className="w-8 h-8" />,
|
||||
color: 'from-purple-500 to-pink-500',
|
||||
techs: ['React', 'Next.js', 'Vue.js', 'TypeScript', 'Tailwind CSS'],
|
||||
description: 'Современные пользовательские интерфейсы'
|
||||
},
|
||||
{
|
||||
category: 'Backend',
|
||||
icon: '⚙️',
|
||||
icon: <Settings className="w-8 h-8" />,
|
||||
color: 'from-blue-500 to-cyan-500',
|
||||
techs: ['Node.js', 'Python', 'Express', 'FastAPI', 'GraphQL'],
|
||||
description: 'Мощные серверные решения'
|
||||
},
|
||||
{
|
||||
category: 'Database',
|
||||
icon: '🗄️',
|
||||
icon: <Database className="w-8 h-8" />,
|
||||
color: 'from-green-500 to-emerald-500',
|
||||
techs: ['PostgreSQL', 'MongoDB', 'Redis', 'MySQL', 'Elasticsearch'],
|
||||
description: 'Надежное хранение данных'
|
||||
},
|
||||
{
|
||||
category: 'DevOps',
|
||||
icon: '🚀',
|
||||
icon: <Zap className="w-8 h-8" />,
|
||||
color: 'from-orange-500 to-red-500',
|
||||
techs: ['Docker', 'Kubernetes', 'AWS', 'Jenkins', 'Terraform'],
|
||||
description: 'Автоматизация и развертывание'
|
||||
@ -326,7 +352,7 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
animationDelay: `${categoryIndex * 0.2}s`
|
||||
}}
|
||||
>
|
||||
<div className={`w-16 h-16 bg-gradient-to-br ${category.color} rounded-full flex items-center justify-center text-2xl mb-4 mx-auto group-hover:scale-110 transition-transform duration-300`}>
|
||||
<div className={`w-16 h-16 bg-gradient-to-br ${category.color} rounded-full flex items-center justify-center mb-4 mx-auto group-hover:scale-110 transition-transform duration-300 text-white`}>
|
||||
{category.icon}
|
||||
</div>
|
||||
|
||||
@ -522,21 +548,30 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
|
||||
<div className="space-y-6">
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<h4 className="text-lg font-bold mb-3 text-green-400">🚀 Современные технологии</h4>
|
||||
<h4 className="text-lg font-bold mb-3 text-green-400 flex items-center gap-2">
|
||||
<Rocket className="w-5 h-5" />
|
||||
Современные технологии
|
||||
</h4>
|
||||
<p className="text-gray-300">
|
||||
Используем последние версии фреймворков и библиотек для создания производительных приложений
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<h4 className="text-lg font-bold mb-3 text-blue-400">🔧 Чистый код</h4>
|
||||
<h4 className="text-lg font-bold mb-3 text-blue-400 flex items-center gap-2">
|
||||
<Settings className="w-5 h-5" />
|
||||
Чистый код
|
||||
</h4>
|
||||
<p className="text-gray-300">
|
||||
Следуем принципам SOLID, используем TypeScript и покрываем код тестами
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<h4 className="text-lg font-bold mb-3 text-purple-400">⚡ Высокая производительность</h4>
|
||||
<h4 className="text-lg font-bold mb-3 text-purple-400 flex items-center gap-2">
|
||||
<Zap className="w-5 h-5" />
|
||||
Высокая производительность
|
||||
</h4>
|
||||
<p className="text-gray-300">
|
||||
Оптимизируем каждую строчку кода для максимальной скорости работы
|
||||
</p>
|
||||
@ -600,6 +635,396 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Our Clients Section */}
|
||||
<section className="section-padding bg-gradient-to-b from-transparent to-gray-900/30">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-4xl md:text-6xl font-bold mb-6 gradient-text">Наши клиенты</h2>
|
||||
<p className="text-xl text-gray-300 max-w-3xl mx-auto">
|
||||
Нам доверяют ведущие организации и компании России
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Client Statistics */}
|
||||
<div className="grid md:grid-cols-4 gap-6 mb-16">
|
||||
<div className="glass-effect p-6 rounded-xl text-center hover-glow transition-all duration-300 hover:scale-105">
|
||||
<div className="text-green-400 mb-3 flex justify-center">
|
||||
<Landmark className="w-10 h-10" />
|
||||
</div>
|
||||
<div className="text-3xl font-bold gradient-text mb-2">15+</div>
|
||||
<div className="text-gray-400">Госорганы</div>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-xl text-center hover-glow transition-all duration-300 hover:scale-105">
|
||||
<div className="text-blue-400 mb-3 flex justify-center">
|
||||
<Building className="w-10 h-10" />
|
||||
</div>
|
||||
<div className="text-3xl font-bold gradient-text mb-2">30+</div>
|
||||
<div className="text-gray-400">Коммерческие организации</div>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-xl text-center hover-glow transition-all duration-300 hover:scale-105">
|
||||
<div className="text-purple-400 mb-3 flex justify-center">
|
||||
<GraduationCap className="w-10 h-10" />
|
||||
</div>
|
||||
<div className="text-3xl font-bold gradient-text mb-2">8+</div>
|
||||
<div className="text-gray-400">Образовательные учреждения</div>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-xl text-center hover-glow transition-all duration-300 hover:scale-105">
|
||||
<div className="text-red-400 mb-3 flex justify-center">
|
||||
<Hospital className="w-10 h-10" />
|
||||
</div>
|
||||
<div className="text-3xl font-bold gradient-text mb-2">12+</div>
|
||||
<div className="text-gray-400">Медицинские организации</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Client Types Showcase */}
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
|
||||
{[
|
||||
{
|
||||
category: 'Государственные структуры',
|
||||
icon: <Landmark className="w-8 h-8" />,
|
||||
description: 'Министерства, ведомства, муниципальные образования',
|
||||
examples: ['Администрации регионов', 'Министерства', 'Муниципальные учреждения'],
|
||||
color: 'from-blue-500 to-indigo-600',
|
||||
projects: '25+ проектов'
|
||||
},
|
||||
{
|
||||
category: 'Финансовые организации',
|
||||
icon: <DollarSign className="w-8 h-8" />,
|
||||
description: 'Банки, страховые компании, инвестиционные фонды',
|
||||
examples: ['Региональные банки', 'Страховые компании', 'Микрофинансовые организации'],
|
||||
color: 'from-green-500 to-emerald-600',
|
||||
projects: '18+ проектов'
|
||||
},
|
||||
{
|
||||
category: 'Производственные предприятия',
|
||||
icon: <Factory className="w-8 h-8" />,
|
||||
description: 'Промышленные компании и производители',
|
||||
examples: ['Машиностроительные заводы', 'Пищевые производства', 'Текстильные фабрики'],
|
||||
color: 'from-orange-500 to-red-600',
|
||||
projects: '22+ проектов'
|
||||
},
|
||||
{
|
||||
category: 'IT и Телеком',
|
||||
icon: <Cpu className="w-8 h-8" />,
|
||||
description: 'Технологические компании и операторы связи',
|
||||
examples: ['IT-интеграторы', 'Провайдеры связи', 'Разработчики ПО'],
|
||||
color: 'from-purple-500 to-pink-600',
|
||||
projects: '15+ проектов'
|
||||
},
|
||||
{
|
||||
category: 'Образование и наука',
|
||||
icon: <GraduationCap className="w-8 h-8" />,
|
||||
description: 'Университеты, школы, научные институты',
|
||||
examples: ['Высшие учебные заведения', 'Школы и лицеи', 'НИИ и лаборатории'],
|
||||
color: 'from-cyan-500 to-blue-600',
|
||||
projects: '12+ проектов'
|
||||
},
|
||||
{
|
||||
category: 'Медицина и здравоохранение',
|
||||
icon: <Hospital className="w-8 h-8" />,
|
||||
description: 'Больницы, клиники, медицинские центры',
|
||||
examples: ['Региональные больницы', 'Частные клиники', 'Диагностические центры'],
|
||||
color: 'from-teal-500 to-green-600',
|
||||
projects: '14+ проектов'
|
||||
}
|
||||
].map((clientType, index) => (
|
||||
<div
|
||||
key={clientType.category}
|
||||
className="glass-effect p-6 rounded-xl hover-glow transition-all duration-500 group hover:scale-105"
|
||||
style={{ animationDelay: `${index * 0.1}s` }}
|
||||
>
|
||||
<div className={`w-16 h-16 bg-gradient-to-br ${clientType.color} rounded-full flex items-center justify-center text-2xl mb-4 group-hover:scale-110 transition-transform duration-300`}>
|
||||
{clientType.icon}
|
||||
</div>
|
||||
|
||||
<h3 className="text-xl font-bold text-white mb-3">{clientType.category}</h3>
|
||||
<p className="text-gray-400 text-sm mb-4">{clientType.description}</p>
|
||||
|
||||
<div className="space-y-2 mb-4">
|
||||
{clientType.examples.map((example, exampleIndex) => (
|
||||
<div
|
||||
key={example}
|
||||
className="text-sm text-gray-300 flex items-center"
|
||||
>
|
||||
<span className="text-green-400 mr-2">•</span>
|
||||
{example}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className={`inline-block px-3 py-1 rounded-full text-xs font-medium bg-gradient-to-r ${clientType.color} text-white`}>
|
||||
{clientType.projects}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Client Testimonials */}
|
||||
<div className="mb-16">
|
||||
<h3 className="text-3xl font-bold text-center mb-12 gradient-text">Отзывы клиентов</h3>
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
{[
|
||||
{
|
||||
text: "Команда GUNDYREV профессионально подошла к решению наших задач по автоматизации документооборота. Проект выполнен качественно и в срок.",
|
||||
author: "Александр Петров",
|
||||
position: "Начальник IT-отдела",
|
||||
company: "Администрация г. Вологда",
|
||||
rating: 5
|
||||
},
|
||||
{
|
||||
text: "Отличная работа по поставке серверного оборудования. Все требования 44-ФЗ соблюдены, документооборот организован четко.",
|
||||
author: "Мария Сидорова",
|
||||
position: "Заместитель директора",
|
||||
company: "ГБУЗ ВО \"Областная больница\"",
|
||||
rating: 5
|
||||
},
|
||||
{
|
||||
text: "Разработали для нас комплексную систему управления производством. Результат превзошел ожидания, ROI достигнут за 8 месяцев.",
|
||||
author: "Дмитрий Козлов",
|
||||
position: "Технический директор",
|
||||
company: "ООО \"ВологдаМаш\"",
|
||||
rating: 5
|
||||
}
|
||||
].map((testimonial, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="glass-effect p-6 rounded-xl hover-glow transition-all duration-300 group"
|
||||
style={{ animationDelay: `${index * 0.2}s` }}
|
||||
>
|
||||
<div className="flex mb-4">
|
||||
{[...Array(testimonial.rating)].map((_, i) => (
|
||||
<Star key={i} className="w-5 h-5 text-yellow-400 fill-current" />
|
||||
))}
|
||||
</div>
|
||||
|
||||
<p className="text-gray-300 mb-6 italic">“{testimonial.text}”</p>
|
||||
|
||||
<div className="border-t border-gray-700 pt-4">
|
||||
<div className="font-semibold text-white">{testimonial.author}</div>
|
||||
<div className="text-sm text-gray-400">{testimonial.position}</div>
|
||||
<div className="text-sm text-green-400">{testimonial.company}</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Why Choose Us for Clients */}
|
||||
<div className="glass-effect p-8 rounded-xl">
|
||||
<h3 className="text-3xl font-bold text-center mb-8 gradient-text">Почему нас выбирают</h3>
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[
|
||||
{
|
||||
icon: <ClipboardList className="w-8 h-8" />,
|
||||
title: 'Работа по 44-ФЗ и 223-ФЗ',
|
||||
description: 'Полное соблюдение требований государственных закупок'
|
||||
},
|
||||
{
|
||||
icon: <Trophy className="w-8 h-8" />,
|
||||
title: 'Высокое качество',
|
||||
description: '98% проектов сдаются с первого раза без доработок'
|
||||
},
|
||||
{
|
||||
icon: <Zap className="w-8 h-8" />,
|
||||
title: 'Быстрая реализация',
|
||||
description: 'Средний срок проекта на 30% меньше рыночного'
|
||||
},
|
||||
{
|
||||
icon: <Shield className="w-8 h-8" />,
|
||||
title: 'Гарантии и поддержка',
|
||||
description: 'Расширенная гарантия и техподдержка 24/7'
|
||||
}
|
||||
].map((advantage, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="text-center p-4 hover:bg-white/5 rounded-lg transition-all duration-300"
|
||||
>
|
||||
<div className="text-green-400 mb-3 flex justify-center">{advantage.icon}</div>
|
||||
<h4 className="font-semibold text-white mb-2">{advantage.title}</h4>
|
||||
<p className="text-gray-400 text-sm">{advantage.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* CTA for Potential Clients */}
|
||||
<div className="text-center mt-16">
|
||||
<h3 className="text-2xl font-bold mb-6 text-white">Хотите стать нашим клиентом?</h3>
|
||||
<p className="text-gray-300 mb-8 max-w-2xl mx-auto">
|
||||
Присоединяйтесь к числу довольных клиентов GUNDYREV. Мы готовы обсудить ваш проект и предложить оптимальное решение.
|
||||
</p>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
<Briefcase className="w-5 h-5" />
|
||||
Стать клиентом
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-blue-500 to-indigo-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
<BarChart3 className="w-5 h-5" />
|
||||
Посмотреть портфолио
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Government Procurement Section */}
|
||||
<section className="section-padding bg-gradient-to-b from-green-900/20 to-emerald-900/20">
|
||||
<div className="max-w-7xl mx-auto px-6">
|
||||
<div className="text-center mb-16">
|
||||
<h2 className="text-4xl md:text-6xl font-bold mb-6">
|
||||
<span className="gradient-text">Работаем с госзакупками</span>
|
||||
</h2>
|
||||
<p className="text-xl text-gray-300 max-w-4xl mx-auto mb-8">
|
||||
Профессиональное участие в государственных и корпоративных закупках.
|
||||
Соответствуем всем требованиям 44-ФЗ и 223-ФЗ.
|
||||
</p>
|
||||
|
||||
{/* Яркие бейджи для снабженцев */}
|
||||
<div className="flex flex-wrap justify-center gap-4 mb-12">
|
||||
<div className="glass-effect px-6 py-3 rounded-full border-2 border-green-500 bg-green-500/20 hover-glow transition-all duration-300">
|
||||
<span className="text-green-400 font-bold text-lg">44-ФЗ</span>
|
||||
<span className="text-white ml-2">Госзакупки</span>
|
||||
</div>
|
||||
<div className="glass-effect px-6 py-3 rounded-full border-2 border-blue-500 bg-blue-500/20 hover-glow transition-all duration-300">
|
||||
<span className="text-blue-400 font-bold text-lg">223-ФЗ</span>
|
||||
<span className="text-white ml-2">Корпоративные закупки</span>
|
||||
</div>
|
||||
<div className="glass-effect px-6 py-3 rounded-full border-2 border-purple-500 bg-purple-500/20 hover-glow transition-all duration-300">
|
||||
<span className="text-purple-400 font-bold text-lg">Реестр ОПО</span>
|
||||
<span className="text-white ml-2">Отечественное ПО</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16">
|
||||
{[
|
||||
{
|
||||
title: 'IT-решения',
|
||||
description: 'Разработка и поставка программного обеспечения',
|
||||
features: ['SECURE-T', 'Соловей', 'Веб-приложения'],
|
||||
icon: <Cpu className="w-8 h-8" />,
|
||||
color: 'from-blue-500 to-indigo-600'
|
||||
},
|
||||
{
|
||||
title: 'Оборудование',
|
||||
description: 'Поставка компьютерной техники и электроники',
|
||||
features: ['Серверы', 'Компьютеры', 'Сетевое оборудование'],
|
||||
icon: <Zap className="w-8 h-8" />,
|
||||
color: 'from-cyan-500 to-teal-600'
|
||||
},
|
||||
{
|
||||
title: 'Антивирусы',
|
||||
description: 'Лицензии Dr.Web для организаций',
|
||||
features: ['Enterprise Suite', 'Security Space', 'Mobile Security'],
|
||||
icon: <Shield className="w-8 h-8" />,
|
||||
color: 'from-green-500 to-emerald-600'
|
||||
},
|
||||
{
|
||||
title: 'Консультации',
|
||||
description: 'Техническая поддержка и сопровождение',
|
||||
features: ['Внедрение', 'Обучение', 'Поддержка 24/7'],
|
||||
icon: <Settings className="w-8 h-8" />,
|
||||
color: 'from-purple-500 to-pink-600'
|
||||
}
|
||||
].map((service, index) => (
|
||||
<div
|
||||
key={service.title}
|
||||
className="glass-effect p-6 rounded-xl hover-glow transition-all duration-300 group hover:scale-105"
|
||||
style={{ animationDelay: `${index * 0.1}s` }}
|
||||
>
|
||||
<div className={`w-16 h-16 bg-gradient-to-br ${service.color} rounded-full flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-300 text-white`}>
|
||||
{service.icon}
|
||||
</div>
|
||||
|
||||
<h3 className="text-xl font-bold text-white mb-3">{service.title}</h3>
|
||||
<p className="text-gray-400 text-sm mb-4">{service.description}</p>
|
||||
|
||||
<div className="space-y-2">
|
||||
{service.features.map((feature, featureIndex) => (
|
||||
<div
|
||||
key={feature}
|
||||
className="text-sm text-gray-300 flex items-center"
|
||||
>
|
||||
<span className="text-green-400 mr-2">•</span>
|
||||
{feature}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* CTA для снабженцев */}
|
||||
<div className="glass-effect p-8 rounded-xl border-2 border-green-500/50">
|
||||
<div className="text-center">
|
||||
<h3 className="text-3xl font-bold mb-4">
|
||||
<span className="gradient-text">Для снабженцев и закупщиков</span>
|
||||
</h3>
|
||||
<p className="text-gray-300 mb-8 max-w-3xl mx-auto text-lg">
|
||||
Получите полный пакет документов для участия в тендере, включая сертификаты,
|
||||
лицензии и техническую документацию. Поможем с подготовкой заявки.
|
||||
</p>
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-6 mb-8">
|
||||
<div className="text-center">
|
||||
<div className="text-green-400 mb-3 flex justify-center">
|
||||
<ClipboardList className="w-8 h-8" />
|
||||
</div>
|
||||
<h4 className="font-bold mb-2">Полный пакет документов</h4>
|
||||
<p className="text-gray-400 text-sm">Сертификаты, лицензии, ТТХ</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="text-blue-400 mb-3 flex justify-center">
|
||||
<Phone className="w-8 h-8" />
|
||||
</div>
|
||||
<h4 className="font-bold mb-2">Консультации</h4>
|
||||
<p className="text-gray-400 text-sm">Помощь в подготовке заявки</p>
|
||||
</div>
|
||||
|
||||
<div className="text-center">
|
||||
<div className="text-purple-400 mb-3 flex justify-center">
|
||||
<Zap className="w-8 h-8" />
|
||||
</div>
|
||||
<h4 className="font-bold mb-2">Быстрая реакция</h4>
|
||||
<p className="text-gray-400 text-sm">Ответ в течение 2 часов</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-green-500 to-emerald-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
<ClipboardList className="w-5 h-5" />
|
||||
Получить документы
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setIsContactModalOpen(true)}
|
||||
className="px-8 py-3 bg-gradient-to-r from-blue-500 to-indigo-500 text-white font-semibold rounded-lg hover-glow transition-all duration-300 hover:scale-105 flex items-center gap-2 justify-center"
|
||||
>
|
||||
<Phone className="w-5 h-5" />
|
||||
Консультация по тендеру
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* Interactive Services Section */}
|
||||
<section className="section-padding bg-gradient-to-b from-transparent to-gray-900/50">
|
||||
<div className="max-w-6xl mx-auto px-6 text-center mb-12">
|
||||
@ -623,19 +1048,25 @@ model.compile(optimizer='adam', loss='sparse_categorical_crossentropy')`
|
||||
|
||||
<div className="grid md:grid-cols-3 gap-8">
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<div className="text-3xl mb-4">📧</div>
|
||||
<div className="text-green-400 mb-4 flex justify-center">
|
||||
<Mail className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-2 text-white">Email</h3>
|
||||
<p className="text-gray-300">info@gundyrev.ru</p>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<div className="text-3xl mb-4">📱</div>
|
||||
<div className="text-blue-400 mb-4 flex justify-center">
|
||||
<Phone className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-2 text-white">Телефон</h3>
|
||||
<p className="text-gray-300">+7 (XXX) XXX-XX-XX</p>
|
||||
</div>
|
||||
|
||||
<div className="glass-effect p-6 rounded-lg hover-glow transition-all duration-300">
|
||||
<div className="text-3xl mb-4">💬</div>
|
||||
<div className="text-purple-400 mb-4 flex justify-center">
|
||||
<MessageCircle className="w-8 h-8" />
|
||||
</div>
|
||||
<h3 className="text-xl font-bold mb-2 text-white">Telegram</h3>
|
||||
<p className="text-gray-300">@gundyrev</p>
|
||||
</div>
|
||||
|
||||
@ -397,10 +397,37 @@ export default function SecureT() {
|
||||
<h1 className="text-5xl md:text-7xl font-bold mb-6">
|
||||
<span className="gradient-text animate-pulse-secure">SECURE-T</span>
|
||||
</h1>
|
||||
<p className="text-xl md:text-2xl text-gray-300 mb-8 max-w-4xl mx-auto">
|
||||
<p className="text-xl md:text-2xl text-gray-300 mb-6 max-w-4xl mx-auto">
|
||||
Комплексные решения для информационной безопасности и защиты данных
|
||||
</p>
|
||||
|
||||
{/* Краткое описание продукта */}
|
||||
<div className="glass-effect p-6 rounded-lg max-w-3xl mx-auto mb-8 border border-red-500/30">
|
||||
<h2 className="text-2xl font-bold mb-4 text-red-400">Что такое SECURE-T?</h2>
|
||||
<p className="text-gray-300 text-lg mb-4">
|
||||
SECURE-T — это российская система защиты информации, сертифицированная ФСТЭК России.
|
||||
Обеспечивает комплексную защиту корпоративных данных от внешних и внутренних угроз.
|
||||
</p>
|
||||
<div className="grid md:grid-cols-2 gap-4 text-sm">
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="text-green-400">✓</span>
|
||||
<span>Сертификат ФСТЭК РФ</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="text-green-400">✓</span>
|
||||
<span>Соответствие 44-ФЗ и 223-ФЗ</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="text-green-400">✓</span>
|
||||
<span>Реестр отечественного ПО</span>
|
||||
</div>
|
||||
<div className="flex items-center space-x-2">
|
||||
<span className="text-green-400">✓</span>
|
||||
<span>Техподдержка 24/7</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Живая статистика */}
|
||||
<div className="grid grid-cols-2 md:grid-cols-4 gap-6 mb-8 max-w-4xl mx-auto">
|
||||
<div className="glass-effect p-4 rounded-lg animate-secure-glow">
|
||||
|
||||
53
src/components/ui/avatar.tsx
Normal file
53
src/components/ui/avatar.tsx
Normal file
@ -0,0 +1,53 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as AvatarPrimitive from "@radix-ui/react-avatar"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Avatar({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
|
||||
return (
|
||||
<AvatarPrimitive.Root
|
||||
data-slot="avatar"
|
||||
className={cn(
|
||||
"relative flex size-8 shrink-0 overflow-hidden rounded-full",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function AvatarImage({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
|
||||
return (
|
||||
<AvatarPrimitive.Image
|
||||
data-slot="avatar-image"
|
||||
className={cn("aspect-square size-full", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function AvatarFallback({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
|
||||
return (
|
||||
<AvatarPrimitive.Fallback
|
||||
data-slot="avatar-fallback"
|
||||
className={cn(
|
||||
"bg-muted flex size-full items-center justify-center rounded-full",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Avatar, AvatarImage, AvatarFallback }
|
||||
46
src/components/ui/badge.tsx
Normal file
46
src/components/ui/badge.tsx
Normal file
@ -0,0 +1,46 @@
|
||||
import * as React from "react"
|
||||
import { Slot } from "@radix-ui/react-slot"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const badgeVariants = cva(
|
||||
"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
||||
secondary:
|
||||
"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
||||
destructive:
|
||||
"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
||||
outline:
|
||||
"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
function Badge({
|
||||
className,
|
||||
variant,
|
||||
asChild = false,
|
||||
...props
|
||||
}: React.ComponentProps<"span"> &
|
||||
VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
|
||||
const Comp = asChild ? Slot : "span"
|
||||
|
||||
return (
|
||||
<Comp
|
||||
data-slot="badge"
|
||||
className={cn(badgeVariants({ variant }), className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Badge, badgeVariants }
|
||||
59
src/components/ui/button.tsx
Normal file
59
src/components/ui/button.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
import * as React from "react"
|
||||
import { Slot } from "@radix-ui/react-slot"
|
||||
import { cva, type VariantProps } from "class-variance-authority"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
const buttonVariants = cva(
|
||||
"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
||||
{
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
|
||||
destructive:
|
||||
"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
||||
outline:
|
||||
"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
||||
secondary:
|
||||
"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
||||
ghost:
|
||||
"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
||||
link: "text-primary underline-offset-4 hover:underline",
|
||||
},
|
||||
size: {
|
||||
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
||||
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
||||
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
||||
icon: "size-9",
|
||||
},
|
||||
},
|
||||
defaultVariants: {
|
||||
variant: "default",
|
||||
size: "default",
|
||||
},
|
||||
}
|
||||
)
|
||||
|
||||
function Button({
|
||||
className,
|
||||
variant,
|
||||
size,
|
||||
asChild = false,
|
||||
...props
|
||||
}: React.ComponentProps<"button"> &
|
||||
VariantProps<typeof buttonVariants> & {
|
||||
asChild?: boolean
|
||||
}) {
|
||||
const Comp = asChild ? Slot : "button"
|
||||
|
||||
return (
|
||||
<Comp
|
||||
data-slot="button"
|
||||
className={cn(buttonVariants({ variant, size, className }))}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Button, buttonVariants }
|
||||
92
src/components/ui/card.tsx
Normal file
92
src/components/ui/card.tsx
Normal file
@ -0,0 +1,92 @@
|
||||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Card({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card"
|
||||
className={cn(
|
||||
"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-header"
|
||||
className={cn(
|
||||
"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-title"
|
||||
className={cn("leading-none font-semibold", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-description"
|
||||
className={cn("text-muted-foreground text-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardAction({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-action"
|
||||
className={cn(
|
||||
"col-start-2 row-span-2 row-start-1 self-start justify-self-end",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardContent({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-content"
|
||||
className={cn("px-6", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="card-footer"
|
||||
className={cn("flex items-center px-6 [.border-t]:pt-6", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export {
|
||||
Card,
|
||||
CardHeader,
|
||||
CardFooter,
|
||||
CardTitle,
|
||||
CardAction,
|
||||
CardDescription,
|
||||
CardContent,
|
||||
}
|
||||
143
src/components/ui/dialog.tsx
Normal file
143
src/components/ui/dialog.tsx
Normal file
@ -0,0 +1,143 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as DialogPrimitive from "@radix-ui/react-dialog"
|
||||
import { XIcon } from "lucide-react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Dialog({
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Root>) {
|
||||
return <DialogPrimitive.Root data-slot="dialog" {...props} />
|
||||
}
|
||||
|
||||
function DialogTrigger({
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
|
||||
return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
|
||||
}
|
||||
|
||||
function DialogPortal({
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
|
||||
return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
|
||||
}
|
||||
|
||||
function DialogClose({
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Close>) {
|
||||
return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
|
||||
}
|
||||
|
||||
function DialogOverlay({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
|
||||
return (
|
||||
<DialogPrimitive.Overlay
|
||||
data-slot="dialog-overlay"
|
||||
className={cn(
|
||||
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function DialogContent({
|
||||
className,
|
||||
children,
|
||||
showCloseButton = true,
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Content> & {
|
||||
showCloseButton?: boolean
|
||||
}) {
|
||||
return (
|
||||
<DialogPortal data-slot="dialog-portal">
|
||||
<DialogOverlay />
|
||||
<DialogPrimitive.Content
|
||||
data-slot="dialog-content"
|
||||
className={cn(
|
||||
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
{showCloseButton && (
|
||||
<DialogPrimitive.Close
|
||||
data-slot="dialog-close"
|
||||
className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
|
||||
>
|
||||
<XIcon />
|
||||
<span className="sr-only">Close</span>
|
||||
</DialogPrimitive.Close>
|
||||
)}
|
||||
</DialogPrimitive.Content>
|
||||
</DialogPortal>
|
||||
)
|
||||
}
|
||||
|
||||
function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="dialog-header"
|
||||
className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="dialog-footer"
|
||||
className={cn(
|
||||
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function DialogTitle({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Title>) {
|
||||
return (
|
||||
<DialogPrimitive.Title
|
||||
data-slot="dialog-title"
|
||||
className={cn("text-lg leading-none font-semibold", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function DialogDescription({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof DialogPrimitive.Description>) {
|
||||
return (
|
||||
<DialogPrimitive.Description
|
||||
data-slot="dialog-description"
|
||||
className={cn("text-muted-foreground text-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export {
|
||||
Dialog,
|
||||
DialogClose,
|
||||
DialogContent,
|
||||
DialogDescription,
|
||||
DialogFooter,
|
||||
DialogHeader,
|
||||
DialogOverlay,
|
||||
DialogPortal,
|
||||
DialogTitle,
|
||||
DialogTrigger,
|
||||
}
|
||||
21
src/components/ui/input.tsx
Normal file
21
src/components/ui/input.tsx
Normal file
@ -0,0 +1,21 @@
|
||||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Input({ className, type, ...props }: React.ComponentProps<"input">) {
|
||||
return (
|
||||
<input
|
||||
type={type}
|
||||
data-slot="input"
|
||||
className={cn(
|
||||
"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
||||
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
||||
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Input }
|
||||
24
src/components/ui/label.tsx
Normal file
24
src/components/ui/label.tsx
Normal file
@ -0,0 +1,24 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as LabelPrimitive from "@radix-ui/react-label"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Label({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
|
||||
return (
|
||||
<LabelPrimitive.Root
|
||||
data-slot="label"
|
||||
className={cn(
|
||||
"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Label }
|
||||
168
src/components/ui/navigation-menu.tsx
Normal file
168
src/components/ui/navigation-menu.tsx
Normal file
@ -0,0 +1,168 @@
|
||||
import * as React from "react"
|
||||
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu"
|
||||
import { cva } from "class-variance-authority"
|
||||
import { ChevronDownIcon } from "lucide-react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function NavigationMenu({
|
||||
className,
|
||||
children,
|
||||
viewport = true,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
|
||||
viewport?: boolean
|
||||
}) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Root
|
||||
data-slot="navigation-menu"
|
||||
data-viewport={viewport}
|
||||
className={cn(
|
||||
"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
{viewport && <NavigationMenuViewport />}
|
||||
</NavigationMenuPrimitive.Root>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuList({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.List
|
||||
data-slot="navigation-menu-list"
|
||||
className={cn(
|
||||
"group flex flex-1 list-none items-center justify-center gap-1",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuItem({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Item
|
||||
data-slot="navigation-menu-item"
|
||||
className={cn("relative", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
const navigationMenuTriggerStyle = cva(
|
||||
"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
|
||||
)
|
||||
|
||||
function NavigationMenuTrigger({
|
||||
className,
|
||||
children,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Trigger
|
||||
data-slot="navigation-menu-trigger"
|
||||
className={cn(navigationMenuTriggerStyle(), "group", className)}
|
||||
{...props}
|
||||
>
|
||||
{children}{" "}
|
||||
<ChevronDownIcon
|
||||
className="relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
</NavigationMenuPrimitive.Trigger>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuContent({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Content
|
||||
data-slot="navigation-menu-content"
|
||||
className={cn(
|
||||
"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto",
|
||||
"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuViewport({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {
|
||||
return (
|
||||
<div
|
||||
className={cn(
|
||||
"absolute top-full left-0 isolate z-50 flex justify-center"
|
||||
)}
|
||||
>
|
||||
<NavigationMenuPrimitive.Viewport
|
||||
data-slot="navigation-menu-viewport"
|
||||
className={cn(
|
||||
"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuLink({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Link
|
||||
data-slot="navigation-menu-link"
|
||||
className={cn(
|
||||
"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function NavigationMenuIndicator({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {
|
||||
return (
|
||||
<NavigationMenuPrimitive.Indicator
|
||||
data-slot="navigation-menu-indicator"
|
||||
className={cn(
|
||||
"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<div className="bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" />
|
||||
</NavigationMenuPrimitive.Indicator>
|
||||
)
|
||||
}
|
||||
|
||||
export {
|
||||
NavigationMenu,
|
||||
NavigationMenuList,
|
||||
NavigationMenuItem,
|
||||
NavigationMenuContent,
|
||||
NavigationMenuTrigger,
|
||||
NavigationMenuLink,
|
||||
NavigationMenuIndicator,
|
||||
NavigationMenuViewport,
|
||||
navigationMenuTriggerStyle,
|
||||
}
|
||||
31
src/components/ui/progress.tsx
Normal file
31
src/components/ui/progress.tsx
Normal file
@ -0,0 +1,31 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as ProgressPrimitive from "@radix-ui/react-progress"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Progress({
|
||||
className,
|
||||
value,
|
||||
...props
|
||||
}: React.ComponentProps<typeof ProgressPrimitive.Root>) {
|
||||
return (
|
||||
<ProgressPrimitive.Root
|
||||
data-slot="progress"
|
||||
className={cn(
|
||||
"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<ProgressPrimitive.Indicator
|
||||
data-slot="progress-indicator"
|
||||
className="bg-primary h-full w-full flex-1 transition-all"
|
||||
style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
|
||||
/>
|
||||
</ProgressPrimitive.Root>
|
||||
)
|
||||
}
|
||||
|
||||
export { Progress }
|
||||
185
src/components/ui/select.tsx
Normal file
185
src/components/ui/select.tsx
Normal file
@ -0,0 +1,185 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as SelectPrimitive from "@radix-ui/react-select"
|
||||
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Select({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Root>) {
|
||||
return <SelectPrimitive.Root data-slot="select" {...props} />
|
||||
}
|
||||
|
||||
function SelectGroup({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Group>) {
|
||||
return <SelectPrimitive.Group data-slot="select-group" {...props} />
|
||||
}
|
||||
|
||||
function SelectValue({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Value>) {
|
||||
return <SelectPrimitive.Value data-slot="select-value" {...props} />
|
||||
}
|
||||
|
||||
function SelectTrigger({
|
||||
className,
|
||||
size = "default",
|
||||
children,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
|
||||
size?: "sm" | "default"
|
||||
}) {
|
||||
return (
|
||||
<SelectPrimitive.Trigger
|
||||
data-slot="select-trigger"
|
||||
data-size={size}
|
||||
className={cn(
|
||||
"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
<SelectPrimitive.Icon asChild>
|
||||
<ChevronDownIcon className="size-4 opacity-50" />
|
||||
</SelectPrimitive.Icon>
|
||||
</SelectPrimitive.Trigger>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectContent({
|
||||
className,
|
||||
children,
|
||||
position = "popper",
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Content>) {
|
||||
return (
|
||||
<SelectPrimitive.Portal>
|
||||
<SelectPrimitive.Content
|
||||
data-slot="select-content"
|
||||
className={cn(
|
||||
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
|
||||
position === "popper" &&
|
||||
"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
|
||||
className
|
||||
)}
|
||||
position={position}
|
||||
{...props}
|
||||
>
|
||||
<SelectScrollUpButton />
|
||||
<SelectPrimitive.Viewport
|
||||
className={cn(
|
||||
"p-1",
|
||||
position === "popper" &&
|
||||
"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
</SelectPrimitive.Viewport>
|
||||
<SelectScrollDownButton />
|
||||
</SelectPrimitive.Content>
|
||||
</SelectPrimitive.Portal>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectLabel({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Label>) {
|
||||
return (
|
||||
<SelectPrimitive.Label
|
||||
data-slot="select-label"
|
||||
className={cn("text-muted-foreground px-2 py-1.5 text-xs", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectItem({
|
||||
className,
|
||||
children,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Item>) {
|
||||
return (
|
||||
<SelectPrimitive.Item
|
||||
data-slot="select-item"
|
||||
className={cn(
|
||||
"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<span className="absolute right-2 flex size-3.5 items-center justify-center">
|
||||
<SelectPrimitive.ItemIndicator>
|
||||
<CheckIcon className="size-4" />
|
||||
</SelectPrimitive.ItemIndicator>
|
||||
</span>
|
||||
<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
|
||||
</SelectPrimitive.Item>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectSeparator({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
|
||||
return (
|
||||
<SelectPrimitive.Separator
|
||||
data-slot="select-separator"
|
||||
className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectScrollUpButton({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
|
||||
return (
|
||||
<SelectPrimitive.ScrollUpButton
|
||||
data-slot="select-scroll-up-button"
|
||||
className={cn(
|
||||
"flex cursor-default items-center justify-center py-1",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<ChevronUpIcon className="size-4" />
|
||||
</SelectPrimitive.ScrollUpButton>
|
||||
)
|
||||
}
|
||||
|
||||
function SelectScrollDownButton({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
|
||||
return (
|
||||
<SelectPrimitive.ScrollDownButton
|
||||
data-slot="select-scroll-down-button"
|
||||
className={cn(
|
||||
"flex cursor-default items-center justify-center py-1",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
<ChevronDownIcon className="size-4" />
|
||||
</SelectPrimitive.ScrollDownButton>
|
||||
)
|
||||
}
|
||||
|
||||
export {
|
||||
Select,
|
||||
SelectContent,
|
||||
SelectGroup,
|
||||
SelectItem,
|
||||
SelectLabel,
|
||||
SelectScrollDownButton,
|
||||
SelectScrollUpButton,
|
||||
SelectSeparator,
|
||||
SelectTrigger,
|
||||
SelectValue,
|
||||
}
|
||||
28
src/components/ui/separator.tsx
Normal file
28
src/components/ui/separator.tsx
Normal file
@ -0,0 +1,28 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as SeparatorPrimitive from "@radix-ui/react-separator"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Separator({
|
||||
className,
|
||||
orientation = "horizontal",
|
||||
decorative = true,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
|
||||
return (
|
||||
<SeparatorPrimitive.Root
|
||||
data-slot="separator"
|
||||
decorative={decorative}
|
||||
orientation={orientation}
|
||||
className={cn(
|
||||
"bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Separator }
|
||||
139
src/components/ui/sheet.tsx
Normal file
139
src/components/ui/sheet.tsx
Normal file
@ -0,0 +1,139 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
import * as SheetPrimitive from "@radix-ui/react-dialog"
|
||||
import { XIcon } from "lucide-react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
|
||||
return <SheetPrimitive.Root data-slot="sheet" {...props} />
|
||||
}
|
||||
|
||||
function SheetTrigger({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
|
||||
return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
|
||||
}
|
||||
|
||||
function SheetClose({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Close>) {
|
||||
return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
|
||||
}
|
||||
|
||||
function SheetPortal({
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
|
||||
return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
|
||||
}
|
||||
|
||||
function SheetOverlay({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
|
||||
return (
|
||||
<SheetPrimitive.Overlay
|
||||
data-slot="sheet-overlay"
|
||||
className={cn(
|
||||
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SheetContent({
|
||||
className,
|
||||
children,
|
||||
side = "right",
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Content> & {
|
||||
side?: "top" | "right" | "bottom" | "left"
|
||||
}) {
|
||||
return (
|
||||
<SheetPortal>
|
||||
<SheetOverlay />
|
||||
<SheetPrimitive.Content
|
||||
data-slot="sheet-content"
|
||||
className={cn(
|
||||
"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
||||
side === "right" &&
|
||||
"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
|
||||
side === "left" &&
|
||||
"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
|
||||
side === "top" &&
|
||||
"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
|
||||
side === "bottom" &&
|
||||
"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
<SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
|
||||
<XIcon className="size-4" />
|
||||
<span className="sr-only">Close</span>
|
||||
</SheetPrimitive.Close>
|
||||
</SheetPrimitive.Content>
|
||||
</SheetPortal>
|
||||
)
|
||||
}
|
||||
|
||||
function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="sheet-header"
|
||||
className={cn("flex flex-col gap-1.5 p-4", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="sheet-footer"
|
||||
className={cn("mt-auto flex flex-col gap-2 p-4", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SheetTitle({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Title>) {
|
||||
return (
|
||||
<SheetPrimitive.Title
|
||||
data-slot="sheet-title"
|
||||
className={cn("text-foreground font-semibold", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
function SheetDescription({
|
||||
className,
|
||||
...props
|
||||
}: React.ComponentProps<typeof SheetPrimitive.Description>) {
|
||||
return (
|
||||
<SheetPrimitive.Description
|
||||
data-slot="sheet-description"
|
||||
className={cn("text-muted-foreground text-sm", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export {
|
||||
Sheet,
|
||||
SheetTrigger,
|
||||
SheetClose,
|
||||
SheetContent,
|
||||
SheetHeader,
|
||||
SheetFooter,
|
||||
SheetTitle,
|
||||
SheetDescription,
|
||||
}
|
||||
13
src/components/ui/skeleton.tsx
Normal file
13
src/components/ui/skeleton.tsx
Normal file
@ -0,0 +1,13 @@
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
|
||||
return (
|
||||
<div
|
||||
data-slot="skeleton"
|
||||
className={cn("bg-accent animate-pulse rounded-md", className)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Skeleton }
|
||||
18
src/components/ui/textarea.tsx
Normal file
18
src/components/ui/textarea.tsx
Normal file
@ -0,0 +1,18 @@
|
||||
import * as React from "react"
|
||||
|
||||
import { cn } from "@/lib/utils"
|
||||
|
||||
function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
|
||||
return (
|
||||
<textarea
|
||||
data-slot="textarea"
|
||||
className={cn(
|
||||
"border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export { Textarea }
|
||||
6
src/lib/utils.ts
Normal file
6
src/lib/utils.ts
Normal file
@ -0,0 +1,6 @@
|
||||
import { clsx, type ClassValue } from "clsx"
|
||||
import { twMerge } from "tailwind-merge"
|
||||
|
||||
export function cn(...inputs: ClassValue[]) {
|
||||
return twMerge(clsx(inputs))
|
||||
}
|
||||
Reference in New Issue
Block a user