diff --git a/.agent/rules/doc-rule.md b/.agent/rules/doc-rule.md new file mode 100644 index 0000000..9d4e8e0 --- /dev/null +++ b/.agent/rules/doc-rule.md @@ -0,0 +1,333 @@ +--- +trigger: manual +--- + +# 역할 + +시니어 프론트엔드 엔지니어이자 "문서화 전문가". +목표: **코드 변경 없이 주석만 추가**하여 신규 개발자가 파일을 열었을 때 5분 내에 '사용자 행동 흐름'과 '데이터 흐름'을 파악할 수 있게 만든다. + +# 기술 스택 + +- TypeScript + React/Next.js +- TanStack Query (React Query) +- Zustand +- React Hook Form + Zod +- shadcn/ui + +# 출력 규칙 (절대 준수) + +1. **코드 로직 변경 금지**: 타입/런타임/동작/변수명/import 변경 절대 금지 +2. **주석만 추가**: TSDoc/라인주석/블록주석만 삽입 +3. **충분한 인라인 주석**: state, handler, JSX 각 영역에 주석 추가 (과하지 않게 적당히) +4. **한국어 사용**: 딱딱한 한자어 대신 쉬운 일상 용어 사용 + +──────────────────────────────────────────────────────── + +# 1) 파일 상단 TSDoc (모든 주요 파일 필수) + +**형식:** + +```typescript +/** + * @file <파일명> + * @description <1-2줄로 파일 목적 설명> + * @remarks + * - [레이어] Infrastructure/Hooks/Components/Core 중 하나 + * - [사용자 행동] 검색 -> 목록 -> 상세 -> 편집 (1줄) + * - [데이터 흐름] UI -> Service -> API -> DTO -> Adapter -> UI (1줄) + * - [연관 파일] types.ts, useXXXQuery.ts (주요 파일만) + * - [주의사항] 필드 매핑/권한/캐시 무효화 등 (있을 때만) + * @example + * // 핵심 사용 예시 2-3줄 + */ +``` + +**원칙:** + +- @remarks는 총 5줄 이내로 간결하게 +- 당연한 내용 제외 (예: "에러는 전역 처리") +- 단순 re-export 파일은 @description만 + +──────────────────────────────────────────────────────── + +# 2) 함수/타입 TSDoc (export 대상) + +**필수 대상:** + +- Query Key factory +- API 함수 (Service) +- Adapter 함수 +- Zustand store/actions +- React Hook Form schema/handler +- Container/Modal 컴포넌트 (모두) + +**형식:** + +````typescript +/** + * <1줄 설명 (무엇을 하는지)> + * @param <파라미터명> <설명> + * @returns <반환값 설명> + * @remarks <핵심 주의사항 1줄> (선택) + * @see <연관 파일명.tsx의 함수명 - 어떤 역할로 호출하는지> + */ + +## 2-1. 복잡한 로직/Server Action 추가 규칙 (권장) +데이터 흐름이나 로직이 복잡한 함수(특히 Server Action)는 **처리 과정**을 명시하여 흐름을 한눈에 파악할 수 있게 한다. + +**형식:** +```typescript +/** + * [함수명] + * + * <상세 설명> + * + * 처리 과정: + * 1. <데이터 추출/준비> + * 2. <검증 로직> + * 3. <외부 API/DB 호출> + * 4. <분기 처리 (성공/실패)> + * 5. <결과 반환/리다이렉트> + * + * @param ... + */ +```` + +```` + +## ⭐ @see 강화 규칙 (필수) + +모든 함수/컴포넌트에 **@see를 적극적으로 추가**하여 호출 관계를 명확히 한다. + +**@see 작성 패턴:** + +```typescript +/** + * @see OpptyDetailHeader.tsx - handleApprovalClick()에서 다이얼로그 열기 + * @see useContractApproval.ts - onConfirm 콜백으로 날짜 전달 + */ + +/** + * @see LeadDetailPage.tsx - 리드 상세 페이지에서 목록 조회 + * @see LeadSearchForm.tsx - 검색 폼 제출 시 호출 + */ +```` + +**@see 필수 포함 정보:** + +1. **파일명** - 어떤 파일에서 호출하는지 +2. **함수/이벤트명** - 어떤 함수나 이벤트에서 호출하는지 +3. **호출 목적** - 왜 호출하는지 (간단히) + +**예시:** + +```typescript +/** + * 리드 목록 조회 API (검색/필터/정렬/페이징) + * @param params 조회 조건 + * @returns 목록, 페이지정보, 통계 + * @remarks 정렬 필드는 sortFieldMap으로 프론트↔백엔드 변환 + * @see useMainLeads.ts - useQuery의 queryFn으로 호출 + * @see LeadTableContainer.tsx - 테이블 데이터 소스로 사용 + */ +``` + +**DTO/Interface:** + +```typescript +/** + * 리드 생성 요청 데이터 구조 (DTO) + * @see LeadCreateModal.tsx - 리드 생성 폼 제출 시 사용 + */ +export interface CreateLeadRequest { ... } +``` + +**Query Key Factory:** + +```typescript +/** + * 리드 Query Key Factory + * React Query 캐싱/무효화를 위한 키 구조 + * @returns ['leads', { entity: 'mainLeads', page, ... }] 형태 + * @see useLeadsQuery.ts - queryKey로 사용 + * @see useLeadMutations.ts - invalidateQueries 대상 + */ +export const leadKeys = { ... } + +/** 메인 리드 목록 키 */ +mainLeads: (...) => [...], +``` + +──────────────────────────────────────────────────────── + +# 3) 인라인 주석 (적극 활용) + +## 3-1. State 주석 (필수) + +모든 useState/useRef에 역할 주석 추가 + +```typescript +// [State] 선택된 날짜 (기본값: 오늘) +const [selectedDate, setSelectedDate] = useState(new Date()); + +// [State] 캘린더 팝오버 열림 상태 +const [isCalendarOpen, setIsCalendarOpen] = useState(false); + +// [Ref] 파일 input 참조 (프로그래밍 방식 클릭용) +const fileInputRef = useRef(null); +``` + +## 3-2. Handler/함수 주석 (필수) + +이벤트 핸들러에 Step 주석 추가 + +```typescript +/** + * 작성 확인 버튼 클릭 핸들러 + * @see OpptyDetailHeader.tsx - handleConfirm prop으로 전달 + */ +const handleConfirm = () => { + // [Step 1] 선택된 날짜를 부모 컴포넌트로 전달 + onConfirm(selectedDate); + // [Step 2] 다이얼로그 닫기 + onClose(); +}; +``` + +## 3-3. JSX 영역 주석 (필수) + +UI 구조를 파악하기 쉽게 영역별 주석 추가 + +```tsx +return ( + + {/* ========== 헤더 영역 ========== */} + + 제목 + + + {/* ========== 본문: 날짜 선택 영역 ========== */} +
+ {/* 날짜 선택 Popover */} + + {/* 트리거 버튼: 현재 선택된 날짜 표시 */} + ... + {/* 캘린더 컨텐츠: 한국어 로케일 */} + ... + +
+ + {/* ========== 하단: 액션 버튼 영역 ========== */} +
+ + +
+ +); +``` + +**JSX 주석 규칙:** + +- `{/* ========== 영역명 ========== */}` - 큰 섹션 구분 +- `{/* 설명 */}` - 개별 요소 설명 +- 스크롤 없이 UI 구조 파악 가능하게 + +──────────────────────────────────────────────────────── + +# 4) 함수 내부 Step 주석 + +**대상:** +조건/분기/데이터 변환/API 호출/상태 변경이 있는 함수 + +**형식:** + +```typescript +// [Step 1] <무엇을 하는지 간결하게> +// [Step 2] <다음 단계> +// [Step 3] <최종 단계> +``` + +**규칙:** + +- 각 Step은 1줄로 +- 반드시 1번부터 순차적으로 +- "무엇을", "왜"를 명확하게 + +**예시:** + +```typescript +export const getMainLeads = async (params) => { + // [Step 1] UI 정렬 필드를 백엔드 컬럼명으로 매핑 + const mappedField = sortFieldMap[sortField] || sortField; + + // [Step 2] API 요청 파라미터 구성 + const requestParams = { ... }; + + // [Step 3] 리드 목록 조회 API 호출 + const { data } = await axiosInstance.get(...); + + // [Step 4] 응답 데이터 검증 및 기본값 설정 + let dataList = data?.data?.list || []; + + // [Step 5] UI 모델로 변환 및 결과 반환 + return { list: dataList.map(convertToRow), ... }; +} +``` + +──────────────────────────────────────────────────────── + +# 5) 레이어별 특수 규칙 + +## 5-1. Service/API + +- **Step 주석**: API 호출 흐름을 단계별로 명시 +- **@see**: 이 API를 호출하는 모든 훅/컴포넌트 명시 + +## 5-2. Hooks (TanStack Query) + +- **Query Key**: 반환 구조 예시 필수 +- **캐시 전략**: invalidateQueries/setQueryData 사용 이유 +- **@see**: 이 훅을 사용하는 모든 컴포넌트 명시 + +## 5-3. Adapters + +- **간단한 변환**: 주석 불필요 +- **복잡한 변환**: 입력→출력 1줄 설명 + 변환 규칙 + +## 5-4. Components (Container/Modal) + +- **상태 관리**: 어떤 state가 어떤 이벤트로 변경되는지 +- **Dialog/Modal**: open 상태 소유자, 닫힘 조건 +- **Table**: 인라인 편집, 스켈레톤 범위 +- **JSX 영역 주석**: UI 구조 파악용 영역 구분 주석 필수 + +## 5-5. Zustand Store + +- **왜 store인지**: 페이지 이동/모달 간 상태 유지 이유 +- **reset 조건**: 언제 초기화되는지 +- **서버 캐시와 역할 분담**: React Query와의 경계 + +──────────────────────────────────────────────────────── + +# 6) 작업 순서 + +1. 파일 레이어 판별 (Infrastructure/Hooks/UI/Core) +2. 파일 상단 TSDoc 추가 (@see 포함) +3. export 대상에 TSDoc 추가 (@see 필수) +4. State/Ref에 인라인 주석 추가 +5. Handler 함수에 TSDoc + Step 주석 추가 +6. JSX 영역별 구분 주석 추가 +7. Query Key Factory에 반환 구조 예시 추가 + +# 제약사항 + +- **@author는 jihoon87.lee 고정** +- **@see는 필수**: 호출 관계 명확히 +- **Step 주석은 1줄**: 간결하게 +- **JSX 주석 필수**: UI 구조 파악용 +- **@see는 파일명 + 함수명 + 역할**: 전체 경로 불필요 + +# 지금부터 작업 + +내가 주는 코드를 위 규칙에 맞게 "주석만" 보강하라. diff --git a/.env.example b/.env.example index 7264df2..9a1a0d9 100644 --- a/.env.example +++ b/.env.example @@ -4,3 +4,6 @@ NEXT_PUBLIC_SUPABASE_URL= NEXT_PUBLIC_SUPABASE_ANON_KEY= + +# 세션 타임아웃 (분 단위) +NEXT_PUBLIC_SESSION_TIMEOUT_MINUTES=30 diff --git a/AGENTS.md b/AGENTS.md index f9208ce..32ebbe0 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -27,6 +27,12 @@ pm run start - 함수 및 컴포넌트 JSDoc에 @see 필수 (호출 파일, 함수 또는 이벤트 이름, 목적 포함) - 상태 정의, 이벤트 핸들러, 복잡한 JSX 로직에는 인라인 주석을 충분히 작성 +## 브랜드 색상 규칙 +- 메인 컬러는 헤더 로고/프로필 기준의 보라 계열 `brand` 팔레트를 사용. +- 새 UI 작성 시 `indigo/purple/pink` 하드코딩 대신 `brand-*` 토큰 사용. 예: `bg-brand-500`, `text-brand-600`, `from-brand-500 to-brand-700`. +- 기본 액션 색(버튼/포커스)은 `primary`를 사용하고, `primary`는 `app/globals.css`의 `brand` 팔레트와 같은 톤으로 유지. +- 색상 변경이 필요하면 컴포넌트 개별 수정보다 먼저 `app/globals.css` 토큰을 수정. + ## 설명 방식 - 단계별로 짧게, 예시는 1개만. - 사용자가 요청한 변경과 이유를 함께 설명. diff --git a/app/(auth)/forgot-password/page.tsx b/app/(auth)/forgot-password/page.tsx new file mode 100644 index 0000000..cb91677 --- /dev/null +++ b/app/(auth)/forgot-password/page.tsx @@ -0,0 +1,86 @@ +import FormMessage from "@/components/form-message"; +import { requestPasswordReset } from "@/features/auth/actions"; +import { Button } from "@/components/ui/button"; +import { Input } from "@/components/ui/input"; +import { Label } from "@/components/ui/label"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; +import Link from "next/link"; +import { AUTH_ROUTES } from "@/features/auth/constants"; + +/** + * [비밀번호 찾기 페이지] + * + * 사용자가 비밀번호를 잊어버렸을 때 재설정 링크를 요청하는 페이지입니다. + * - 이메일 입력 폼 제공 + * - 서버 액션(requestPasswordReset)과 연동 + */ +export default async function ForgotPasswordPage({ + searchParams, +}: { + searchParams: Promise<{ message?: string }>; +}) { + const { message } = await searchParams; + + return ( +
+ {message && } + + + +
+ MAIL +
+ + 비밀번호 재설정 + + + 가입한 이메일 주소를 입력하시면 비밀번호 재설정 링크를 보내드립니다. +
+ 메일을 받지 못하셨다면 스팸함을 확인해 주세요. + + + + +
+
+ + +
+ + +
+ +
+ + 로그인 페이지로 돌아가기 + +
+ + +
+ ); +} diff --git a/app/(auth)/layout.tsx b/app/(auth)/layout.tsx new file mode 100644 index 0000000..c090e33 --- /dev/null +++ b/app/(auth)/layout.tsx @@ -0,0 +1,33 @@ +import { Header } from "@/features/layout/components/header"; +import { createClient } from "@/utils/supabase/server"; + +export default async function AuthLayout({ + children, +}: { + children: React.ReactNode; +}) { + const supabase = await createClient(); + const { + data: { user }, + } = await supabase.auth.getUser(); + + return ( +
+ {/* ========== 헤더 (홈 이동용) ========== */} +
+ + {/* ========== 배경 그라디언트 레이어 ========== */} +
+
+ + {/* ========== 애니메이션 블러 효과 ========== */} +
+
+ + {/* ========== 메인 콘텐츠 영역 (중앙 정렬) ========== */} +
+ {children} +
+
+ ); +} diff --git a/app/(auth)/login/page.tsx b/app/(auth)/login/page.tsx new file mode 100644 index 0000000..d2e83ec --- /dev/null +++ b/app/(auth)/login/page.tsx @@ -0,0 +1,62 @@ +import FormMessage from "@/components/form-message"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; +import LoginForm from "@/features/auth/components/login-form"; + +/** + * [로그인 페이지 컴포넌트] + * + * Modern UI with glassmorphism effect (유리 형태 디자인) + * - 투명 배경 + 블러 효과로 깊이감 표현 + * - 그라디언트 배경으로 생동감 추가 + * - shadcn/ui 컴포넌트로 일관된 디자인 시스템 유지 + * + * @param searchParams - URL 쿼리 파라미터 (에러 메시지 전달용) + */ +export default async function LoginPage({ + searchParams, +}: { + searchParams: Promise<{ message: string }>; +}) { + // URL에서 메시지 파라미터 추출 (로그인 실패 시 에러 메시지 표시) + const { message } = await searchParams; + + return ( +
+ {/* 에러/성공 메시지 표시 영역 */} + {/* URL 파라미터에 message가 있으면 표시됨 */} + + + {/* ========== 로그인 카드 (Glassmorphism) ========== */} + {/* bg-white/70: 70% 투명도의 흰색 배경 */} + {/* backdrop-blur-xl: 배경 블러 효과 (유리 느낌) */} + + {/* ========== 카드 헤더 영역 ========== */} + + {/* 아이콘 배경: 그라디언트 원형 */} +
+ 👋 +
+ {/* 페이지 제목 */} + + 환영합니다! + + {/* 페이지 설명 */} + + 서비스 이용을 위해 로그인해 주세요. + + + + {/* ========== 카드 콘텐츠 영역 (폼) ========== */} + + + + +
+ ); +} diff --git a/app/(auth)/reset-password/page.tsx b/app/(auth)/reset-password/page.tsx new file mode 100644 index 0000000..bc04848 --- /dev/null +++ b/app/(auth)/reset-password/page.tsx @@ -0,0 +1,61 @@ +import FormMessage from "@/components/form-message"; +import ResetPasswordForm from "@/features/auth/components/reset-password-form"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; +import { createClient } from "@/utils/supabase/server"; +import { redirect } from "next/navigation"; + +/** + * [비밀번호 재설정 페이지] + * + * 이메일 링크를 타고 들어온 사용자가 새 비밀번호를 설정하는 페이지입니다. + * - URL에 포함된 토큰 검증은 Middleware 및 Auth Confirm Route에서 선행됩니다. + * - 유효한 세션(Recovery Mode)이 없으면 로그인 페이지로 리다이렉트됩니다. + */ +export default async function ResetPasswordPage({ + searchParams, +}: { + searchParams: Promise<{ message?: string }>; +}) { + const params = await searchParams; + const supabase = await createClient(); + + const { + data: { user }, + } = await supabase.auth.getUser(); + + if (!user) { + redirect(`/login`); + } + + const { message } = params; + + return ( +
+ {message && } + + + +
+ PW +
+ + 비밀번호 재설정 + + + 새 비밀번호를 입력해 주세요. + + + + + + + +
+ ); +} diff --git a/app/(auth)/signup/page.tsx b/app/(auth)/signup/page.tsx new file mode 100644 index 0000000..21a124a --- /dev/null +++ b/app/(auth)/signup/page.tsx @@ -0,0 +1,56 @@ +import Link from "next/link"; +import { AUTH_ROUTES } from "@/features/auth/constants"; +import FormMessage from "@/components/form-message"; +import SignupForm from "@/features/auth/components/signup-form"; +import { + Card, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/components/ui/card"; + +export default async function SignupPage({ + searchParams, +}: { + searchParams: Promise<{ message: string }>; +}) { + const { message } = await searchParams; + + return ( +
+ {/* 메시지 알림 */} + + + + +
+ 🚀 +
+ + 회원가입 + + + 몇 가지 정보만 입력하면 바로 시작할 수 있습니다. + + + + {/* ========== 폼 영역 ========== */} + + + + {/* ========== 로그인 링크 ========== */} +

+ 이미 계정이 있으신가요?{" "} + + 로그인 하러 가기 + +

+ + +
+ ); +} diff --git a/app/(home)/page.tsx b/app/(home)/page.tsx new file mode 100644 index 0000000..8b5ad6b --- /dev/null +++ b/app/(home)/page.tsx @@ -0,0 +1,226 @@ +/** + * @file app/(home)/page.tsx + * @description 서비스 메인 랜딩 페이지 + * @remarks + * - [레이어] Pages (Server Component) + * - [역할] 비로그인 유저 유입, 브랜드 소개, 로그인/대시보드 유도 + * - [구성요소] Header, Hero Section (Spline 3D), Feature Section (Bento Grid) + * - [데이터 흐름] Server Auth Check -> Client Component Props + */ + +import Link from "next/link"; +import { Button } from "@/components/ui/button"; +import { createClient } from "@/utils/supabase/server"; +import { Header } from "@/features/layout/components/header"; +import { AUTH_ROUTES } from "@/features/auth/constants"; +import { SplineScene } from "@/features/home/components/spline-scene"; + +/** + * 메인 페이지 컴포넌트 (비동기 서버 컴포넌트) + * @returns Landing Page Elements + * @see layout.tsx - RootLayout 내에서 렌더링 + * @see spline-scene.tsx - 3D 인터랙션 + */ +export default async function HomePage() { + // [Step 1] 서버 사이드 인증 상태 확인 + const supabase = await createClient(); + const { + data: { user }, + } = await supabase.auth.getUser(); + + return ( +
+
+ +
+ {/* Background Pattern */} +
+ +
+
+ {/* Badge */} +
+ + The Future of Trading +
+ +

+ 투자의 미래를
+ + 자동화하세요 + +

+ +

+ AutoTrade는 최첨단 알고리즘을 통해 24시간 암호화폐 시장을 + 분석합니다. +
+ 감정 없는 데이터 기반 투자로 안정적인 수익을 경험해보세요. +

+ +
+ {user ? ( + + ) : ( + + )} + {!user && ( + + )} +
+ + {/* Spline Scene - Centered & Wide */} +
+
+ {/* Glow Effect */} +
+ + +
+
+
+
+ + {/* Features Section - Bento Grid */} +
+
+

+ 강력한 기능,{" "} + 직관적인 경험 +

+

+ 성공적인 투자를 위해 필요한 모든 도구가 준비되어 있습니다. +

+
+ +
+ {/* Feature 1 */} +
+
+
+ + + +
+
+

실시간 모니터링

+

+ 초당 수천 건의 트랜잭션을 실시간으로 분석합니다. +
+ 시장 변동성을 놓치지 않고 최적의 진입 시점을 포착하세요. +

+
+
+
+
+ + {/* Feature 2 (Tall) */} +
+
+
+ + + +
+

알고리즘 트레이딩

+

+ 24시간 멈추지 않는 자동 매매 시스템입니다. +

+
+ {[ + "추세 추종 전략", + "변동성 돌파", + "AI 예측 모델", + "리스크 관리", + ].map((item) => ( +
+
+ {item} +
+ ))} +
+
+
+
+ + {/* Feature 3 */} +
+
+
+ + + +
+
+

스마트 포트폴리오

+

+ 목표 수익률 달성 시 자동으로 이익을 실현하고, MDD를 + 최소화하여 +
+ 시장이 하락할 때도 당신의 자산을 안전하게 지킵니다. +

+
+
+
+
+
+
+
+
+ ); +} diff --git a/app/(main)/dashboard/page.tsx b/app/(main)/dashboard/page.tsx new file mode 100644 index 0000000..3d5af51 --- /dev/null +++ b/app/(main)/dashboard/page.tsx @@ -0,0 +1,115 @@ +/** + * @file app/(main)/dashboard/page.tsx + * @description 사용자 대시보드 메인 페이지 (보호된 라우트) + * @remarks + * - [레이어] Pages (Server Component) + * - [역할] 사용자 자산 현황, 최근 활동, 통계 요약을 보여줌 + * - [권한] 로그인한 사용자만 접근 가능 (Middleware에 의해 보호됨) + */ + +import { createClient } from "@/utils/supabase/server"; +import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"; +import { Activity, CreditCard, DollarSign, Users } from "lucide-react"; + +/** + * 대시보드 페이지 (비동기 서버 컴포넌트) + * @returns Dashboard Grid Layout + */ +export default async function DashboardPage() { + // [Step 1] 세션 확인 (Middleware가 1차 방어하지만, 데이터 접근 시 2차 확인) + const supabase = await createClient(); + await supabase.auth.getUser(); + + return ( +
+
+

대시보드

+
+
+ + + 총 수익 + + + +
$45,231.89
+

지난달 대비 +20.1%

+ + + + + 구독자 + + + +
+2350
+

지난달 대비 +180.1%

+ + + + + 판매량 + + + +
+12,234
+

지난달 대비 +19%

+ + + + + 현재 활동 중 + + + +
+573
+

지난 시간 대비 +201

+ + +
+
+ + + 개요 + + + {/* Chart placeholder */} +
+ 차트 영역 (준비 중) +
+ + + + + 최근 활동 +
+ 이번 달 265건의 거래가 있었습니다. +
+ + +
+
+
+

+ 비트코인 매수 +

+

BTC/USDT

+
+
+$1,999.00
+
+
+
+

+ 이더리움 매도 +

+

ETH/USDT

+
+
+$39.00
+
+
+ + +
+
+ ); +} diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx new file mode 100644 index 0000000..f098512 --- /dev/null +++ b/app/(main)/layout.tsx @@ -0,0 +1,24 @@ +import { Header } from "@/features/layout/components/header"; +import { Sidebar } from "@/features/layout/components/sidebar"; +import { createClient } from "@/utils/supabase/server"; + +export default async function MainLayout({ + children, +}: { + children: React.ReactNode; +}) { + const supabase = await createClient(); + const { + data: { user }, + } = await supabase.auth.getUser(); + + return ( +
+
+
+ +
{children}
+
+
+ ); +} diff --git a/app/forgot-password/page.tsx b/app/forgot-password/page.tsx deleted file mode 100644 index 0c561f5..0000000 --- a/app/forgot-password/page.tsx +++ /dev/null @@ -1,94 +0,0 @@ -import FormMessage from "@/components/form-message"; -import { requestPasswordReset } from "@/features/auth/actions"; -import { Button } from "@/components/ui/button"; -import { Input } from "@/components/ui/input"; -import { Label } from "@/components/ui/label"; -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/components/ui/card"; -import Link from "next/link"; - -/** - * [비밀번호 찾기 페이지] - * - * 사용자가 비밀번호를 잊어버렸을 때 재설정 링크를 요청하는 페이지입니다. - * - 이메일 입력 폼 제공 - * - 서버 액션(requestPasswordReset)과 연동 - */ -export default async function ForgotPasswordPage({ - searchParams, -}: { - searchParams: Promise<{ message?: string }>; -}) { - const { message } = await searchParams; - - return ( -
-
-
- -
-
- -
- {message && } - - - -
- MAIL -
- - 비밀번호 재설정 - - - 가입한 이메일 주소를 입력하시면 비밀번호 재설정 링크를 - 보내드립니다. -
- 메일을 받지 못하셨다면 스팸함을 확인해 주세요. - - - - -
-
- - -
- - -
- -
- - 로그인 페이지로 돌아가기 - -
- - -
-
- ); -} diff --git a/app/globals.css b/app/globals.css index 6cf72ed..f3bcce2 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,7 @@ --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); + --font-heading: var(--font-heading); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); @@ -37,6 +38,16 @@ --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); + --color-brand-50: oklch(0.97 0.02 294); + --color-brand-100: oklch(0.93 0.05 294); + --color-brand-200: oklch(0.87 0.1 294); + --color-brand-300: oklch(0.79 0.15 294); + --color-brand-400: oklch(0.7 0.2 294); + --color-brand-500: oklch(0.62 0.24 294); + --color-brand-600: oklch(0.56 0.26 294); + --color-brand-700: oklch(0.49 0.24 295); + --color-brand-800: oklch(0.4 0.2 296); + --color-brand-900: oklch(0.33 0.14 297); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); @@ -44,6 +55,19 @@ --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); + + --animate-gradient-x: gradient-x 15s ease infinite; + + @keyframes gradient-x { + 0%, 100% { + background-size: 200% 200%; + background-position: left center; + } + 50% { + background-size: 200% 200%; + background-position: right center; + } + } } :root { @@ -54,7 +78,7 @@ --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: oklch(0.56 0.26 294); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); @@ -65,7 +89,7 @@ --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); + --ring: oklch(0.62 0.24 294); --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); @@ -73,7 +97,7 @@ --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: oklch(0.56 0.26 294); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); @@ -88,8 +112,8 @@ --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); + --primary: oklch(0.56 0.26 294); + --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); @@ -99,7 +123,7 @@ --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); + --ring: oklch(0.62 0.24 294); --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); @@ -107,7 +131,7 @@ --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: oklch(0.56 0.26 294); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); diff --git a/app/layout.tsx b/app/layout.tsx index ded5050..6aa9c2e 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,18 @@ +/** + * @file app/layout.tsx + * @description 애플리케이션의 최상위 루트 레이아웃 (RootLayout) + * @remarks + * - [레이어] Infrastructure/Layout + * - [역할] 전역 스타일(Font/CSS), 테마(Provider), 세션 관리(Manager) 초기화 + * - [데이터 흐름] Providers -> Children + * - [연관 파일] globals.css, theme-provider.tsx + */ + import type { Metadata } from "next"; -import { Geist, Geist_Mono } from "next/font/google"; +import { Geist, Geist_Mono, Outfit } from "next/font/google"; import { QueryProvider } from "@/providers/query-provider"; +import { ThemeProvider } from "@/components/theme-provider"; +import { SessionManager } from "@/features/auth/components/session-manager"; import "./globals.css"; const geistSans = Geist({ @@ -13,22 +25,43 @@ const geistMono = Geist_Mono({ subsets: ["latin"], }); +const outfit = Outfit({ + variable: "--font-heading", + subsets: ["latin"], + display: "swap", +}); + export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "AutoTrade", + description: "Automated Crypto Trading Platform", }; +/** + * RootLayout 컴포넌트 + * @param children 렌더링할 자식 컴포넌트 + * @returns HTML 구조 및 전역 Provider 래퍼 + * @see theme-provider.tsx - 다크모드 지원 + * @see session-manager.tsx - 세션 타임아웃 감지 + */ export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode; }>) { return ( - + - {children} + + + {children} + ); diff --git a/app/login/page.tsx b/app/login/page.tsx deleted file mode 100644 index 2333e17..0000000 --- a/app/login/page.tsx +++ /dev/null @@ -1,85 +0,0 @@ -import FormMessage from "@/components/form-message"; -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/components/ui/card"; -import LoginForm from "@/features/auth/components/login-form"; - -/** - * [로그인 페이지 컴포넌트] - * - * Modern UI with glassmorphism effect (유리 형태 디자인) - * - 투명 배경 + 블러 효과로 깊이감 표현 - * - 그라디언트 배경으로 생동감 추가 - * - shadcn/ui 컴포넌트로 일관된 디자인 시스템 유지 - * - * @param searchParams - URL 쿼리 파라미터 (에러 메시지 전달용) - */ -export default async function LoginPage({ - searchParams, -}: { - searchParams: Promise<{ message: string }>; -}) { - // URL에서 메시지 파라미터 추출 (로그인 실패 시 에러 메시지 표시) - const { message } = await searchParams; - - return ( -
- {/* ========== 배경 그라디언트 레이어 ========== */} - {/* 웹 페이지 전체 배경을 그라디언트로 채웁니다 */} - {/* 라이트 모드: 부드러운 그레이 톤 (gray → white → gray) */} - {/* 다크 모드: 깊은 블랙 톤으로 고급스러운 느낌 */} - - {/* 추가 그라디언트 효과 1: 우상단에서 시작하는 원형 그라디언트 */} -
- - {/* 추가 그라디언트 효과 2: 좌하단에서 시작하는 원형 그라디언트 */} -
- - {/* ========== 애니메이션 블러 효과 ========== */} - {/* 부드럽게 깜빡이는 원형 블러로 생동감 표현 */} - {/* animate-pulse: 1.5초 주기로 opacity 변화 */} -
- {/* delay-700: 700ms 지연으로 교차 애니메이션 효과 */} -
- - {/* ========== 메인 콘텐츠 영역 ========== */} - {/* z-10: 배경보다 위에 표시 */} - {/* animate-in: 페이지 로드 시 fade-in + slide-up 애니메이션 */} -
- {/* 에러/성공 메시지 표시 영역 */} - {/* URL 파라미터에 message가 있으면 표시됨 */} - - - {/* ========== 로그인 카드 (Glassmorphism) ========== */} - {/* bg-white/70: 70% 투명도의 흰색 배경 */} - {/* backdrop-blur-xl: 배경 블러 효과 (유리 느낌) */} - - {/* ========== 카드 헤더 영역 ========== */} - - {/* 아이콘 배경: 그라디언트 원형 */} -
- 👋 -
- {/* 페이지 제목 */} - - 환영합니다! - - {/* 페이지 설명 */} - - 서비스 이용을 위해 로그인해 주세요. - - - - {/* ========== 카드 콘텐츠 영역 (폼) ========== */} - - - - -
-
- ); -} diff --git a/app/page.tsx b/app/page.tsx deleted file mode 100644 index 5fdcb48..0000000 --- a/app/page.tsx +++ /dev/null @@ -1,114 +0,0 @@ -import Image from "next/image"; -import { signout } from "@/features/auth/actions"; -import { createClient } from "@/utils/supabase/server"; -import { Button } from "@/components/ui/button"; - -/** - * [메인 페이지 컴포넌트] - * - * 로그인한 사용자만 접근 가능 (Middleware에서 보호) - * - 사용자 정보 표시 (이메일, 프로필 아바타) - * - 로그아웃 버튼 제공 - */ -export default async function Home() { - // 현재 로그인한 사용자 정보 가져오기 - // Middleware에서 이미 인증을 확인했으므로 여기서는 user가 항상 존재함 - const supabase = await createClient(); - const { - data: { user }, - } = await supabase.auth.getUser(); - - return ( -
-
- {/* ========== 헤더: 로그인 정보 및 로그아웃 버튼 ========== */} -
- {/* 사용자 프로필 표시 */} -
- {/* 프로필 아바타: 이메일 첫 글자 표시 */} -
- {user?.email?.charAt(0).toUpperCase() || "U"} -
- {/* 이메일 및 로그인 상태 텍스트 */} -
-

- {user?.email || "사용자"} -

-

- 로그인됨 -

-
-
- {/* 로그아웃 폼 */} - {/* formAction: 서버 액션(signout)을 호출하여 로그아웃 처리 */} -
- -
-
- - Next.js logo -
-

- To get started, edit the page.tsx file. -

-

- Looking for a starting point or more instructions? Head over to{" "} - - Templates - {" "} - or the{" "} - - Learning - {" "} - center. -

-
- -
-
- ); -} diff --git a/app/reset-password/page.tsx b/app/reset-password/page.tsx deleted file mode 100644 index 511affb..0000000 --- a/app/reset-password/page.tsx +++ /dev/null @@ -1,72 +0,0 @@ -import FormMessage from "@/components/form-message"; -import ResetPasswordForm from "@/features/auth/components/reset-password-form"; -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/components/ui/card"; -import { createClient } from "@/utils/supabase/server"; -import { redirect } from "next/navigation"; - -/** - * [비밀번호 재설정 페이지] - * - * 이메일 링크를 타고 들어온 사용자가 새 비밀번호를 설정하는 페이지입니다. - * - URL에 포함된 토큰 검증은 Middleware 및 Auth Confirm Route에서 선행됩니다. - * - 유효한 세션(Recovery Mode)이 없으면 로그인 페이지로 리다이렉트됩니다. - */ -export default async function ResetPasswordPage({ - searchParams, -}: { - searchParams: Promise<{ message?: string }>; -}) { - const params = await searchParams; - const supabase = await createClient(); - - const { - data: { user }, - } = await supabase.auth.getUser(); - - if (!user) { - const message = encodeURIComponent( - "유효하지 않은 재설정 링크이거나 만료되었습니다. 다시 시도해 주세요.", - ); - redirect(`/login?message=${message}`); - } - - const { message } = params; - - return ( -
-
-
- -
-
- -
- {message && } - - - -
- PW -
- - 비밀번호 재설정 - - - 새 비밀번호를 입력해 주세요. - - - - - - - -
-
- ); -} diff --git a/app/signup/page.tsx b/app/signup/page.tsx deleted file mode 100644 index ba588ac..0000000 --- a/app/signup/page.tsx +++ /dev/null @@ -1,65 +0,0 @@ -import Link from "next/link"; -import FormMessage from "@/components/form-message"; -import SignupForm from "@/features/auth/components/signup-form"; -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/components/ui/card"; - -export default async function SignupPage({ - searchParams, -}: { - searchParams: Promise<{ message: string }>; -}) { - const { message } = await searchParams; - - return ( -
- {/* 배경 그라데이션 효과 */} -
-
- - {/* 애니메이션 블러 효과 */} -
-
- -
- {/* 메시지 알림 */} - - - - -
- 🚀 -
- - 회원가입 - - - 몇 가지 정보만 입력하면 바로 시작할 수 있습니다. - - - - {/* ========== 폼 영역 ========== */} - - - - {/* ========== 로그인 링크 ========== */} -

- 이미 계정이 있으신가요?{" "} - - 로그인 하러 가기 - -

- - -
-
- ); -} diff --git a/components/form-message.tsx b/components/form-message.tsx index 78c3d5b..a18a680 100644 --- a/components/form-message.tsx +++ b/components/form-message.tsx @@ -1,16 +1,23 @@ +/** + * @file components/form-message.tsx + * @description 폼 제출 결과(성공/에러) 메시지를 표시하는 컴포넌트 + * @remarks + * - [레이어] Components/UI/Feedback + * - [기능] URL 쿼리 파라미터(`message`)를 감지하여 표시 후 URL 정리 + * - [UX] 메시지 확인 후 새로고침 시 메시지가 남지 않도록 히스토리 정리 (History API) + */ + "use client"; import { useEffect } from "react"; -import { usePathname, useRouter, useSearchParams } from "next/navigation"; +import { usePathname, useSearchParams } from "next/navigation"; /** - * [FormMessage 컴포넌트] - * - 로그인/회원가입 실패 메시지를 보여줍니다. - * - [UX 개선] 메시지가 보인 후, URL에서 ?message=... 부분을 지워서 - * 새로고침 시 메시지가 다시 뜨지 않도록 합니다. + * 폼 메시지 컴포넌트 + * @param message 표시할 메시지 텍스트 + * @returns 메시지 박스 또는 null */ export default function FormMessage({ message }: { message: string }) { - const router = useRouter(); const pathname = usePathname(); const searchParams = useSearchParams(); diff --git a/components/theme-provider.tsx b/components/theme-provider.tsx new file mode 100644 index 0000000..aa58aaf --- /dev/null +++ b/components/theme-provider.tsx @@ -0,0 +1,25 @@ +/** + * @file components/theme-provider.tsx + * @description next-themes 라이브러리를 사용한 테마 제공자 (Wrapper) + * @remarks + * - [레이어] Infrastructure/Provider + * - [역할] 앱 전역에 테마 컨텍스트 주입 (Light/Dark 모드 지원) + * - [연관 파일] layout.tsx (사용처) + */ + +"use client"; + +import * as React from "react"; +import { ThemeProvider as NextThemesProvider } from "next-themes"; + +/** + * ThemeProvider 컴포넌트 + * @param props next-themes Provider props + * @returns NextThemesProvider 래퍼 + */ +export function ThemeProvider({ + children, + ...props +}: React.ComponentProps) { + return {children}; +} diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx new file mode 100644 index 0000000..bd9ca0c --- /dev/null +++ b/components/theme-toggle.tsx @@ -0,0 +1,59 @@ +/** + * @file components/theme-toggle.tsx + * @description 라이트/다크/시스템 테마 전환 토글 버튼 + * @remarks + * - [레이어] Components/UI + * - [사용자 행동] 버튼 클릭 -> 드롭다운 메뉴 -> 테마 선택 -> 즉시 반영 + * - [연관 파일] theme-provider.tsx (next-themes) + */ + +"use client"; + +import * as React from "react"; +import { Moon, Sun } from "lucide-react"; +import { useTheme } from "next-themes"; + +import { Button } from "@/components/ui/button"; +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu"; + +/** + * 테마 토글 컴포넌트 + * @remarks next-themes의 useTheme 훅 사용 + * @returns Dropdown 메뉴 형태의 테마 선택기 + */ +export function ThemeToggle() { + const { setTheme } = useTheme(); + + return ( + + {/* ========== 트리거 버튼 ========== */} + + + + + {/* ========== 메뉴 컨텐츠 (우측 정렬) ========== */} + + setTheme("light")}> + Light + + setTheme("dark")}> + Dark + + setTheme("system")}> + System + + + + ); +} diff --git a/components/ui/alert-dialog.tsx b/components/ui/alert-dialog.tsx new file mode 100644 index 0000000..5b06414 --- /dev/null +++ b/components/ui/alert-dialog.tsx @@ -0,0 +1,150 @@ +/** + * @file components/ui/alert-dialog.tsx + * @description 알림 대화상자 (Alert Dialog) 컴포넌트 (Shadcn/ui) + * @remarks + * - [레이어] Components/UI/Primitive + * - [기능] 중요한 작업 확인 컨텍스트 제공 (로그아웃 경고 등) + * @see session-manager.tsx - 로그아웃 경고에 사용 + */ + +"use client"; + +import * as React from "react"; +import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"; + +import { cn } from "@/lib/utils"; +import { buttonVariants } from "@/components/ui/button"; + +const AlertDialog = AlertDialogPrimitive.Root; + +const AlertDialogTrigger = AlertDialogPrimitive.Trigger; + +const AlertDialogPortal = AlertDialogPrimitive.Portal; + +const AlertDialogOverlay = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName; + +const AlertDialogContent = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + + + + +)); +AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName; + +const AlertDialogHeader = ({ + className, + ...props +}: React.HTMLAttributes) => ( +
+); +AlertDialogHeader.displayName = "AlertDialogHeader"; + +const AlertDialogFooter = ({ + className, + ...props +}: React.HTMLAttributes) => ( +
+); +AlertDialogFooter.displayName = "AlertDialogFooter"; + +const AlertDialogTitle = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName; + +const AlertDialogDescription = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +AlertDialogDescription.displayName = + AlertDialogPrimitive.Description.displayName; + +const AlertDialogAction = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName; + +const AlertDialogCancel = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, ...props }, ref) => ( + +)); +AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName; + +export { + AlertDialog, + AlertDialogPortal, + AlertDialogOverlay, + AlertDialogTrigger, + AlertDialogContent, + AlertDialogHeader, + AlertDialogFooter, + AlertDialogTitle, + AlertDialogDescription, + AlertDialogAction, + AlertDialogCancel, +}; diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx new file mode 100644 index 0000000..1ac1570 --- /dev/null +++ b/components/ui/avatar.tsx @@ -0,0 +1,109 @@ +"use client" + +import * as React from "react" +import { Avatar as AvatarPrimitive } from "radix-ui" + +import { cn } from "@/lib/utils" + +function Avatar({ + className, + size = "default", + ...props +}: React.ComponentProps & { + size?: "default" | "sm" | "lg" +}) { + return ( + + ) +} + +function AvatarImage({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function AvatarFallback({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function AvatarBadge({ className, ...props }: React.ComponentProps<"span">) { + return ( + svg]:hidden", + "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", + "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", + className + )} + {...props} + /> + ) +} + +function AvatarGroup({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function AvatarGroupCount({ + className, + ...props +}: React.ComponentProps<"div">) { + return ( +
svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", + className + )} + {...props} + /> + ) +} + +export { + Avatar, + AvatarImage, + AvatarFallback, + AvatarBadge, + AvatarGroup, + AvatarGroupCount, +} diff --git a/components/ui/dropdown-menu.tsx b/components/ui/dropdown-menu.tsx new file mode 100644 index 0000000..bffc327 --- /dev/null +++ b/components/ui/dropdown-menu.tsx @@ -0,0 +1,257 @@ +"use client" + +import * as React from "react" +import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react" +import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui" + +import { cn } from "@/lib/utils" + +function DropdownMenu({ + ...props +}: React.ComponentProps) { + return +} + +function DropdownMenuPortal({ + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DropdownMenuTrigger({ + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DropdownMenuContent({ + className, + sideOffset = 4, + ...props +}: React.ComponentProps) { + return ( + + + + ) +} + +function DropdownMenuGroup({ + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DropdownMenuItem({ + className, + inset, + variant = "default", + ...props +}: React.ComponentProps & { + inset?: boolean + variant?: "default" | "destructive" +}) { + return ( + + ) +} + +function DropdownMenuCheckboxItem({ + className, + children, + checked, + ...props +}: React.ComponentProps) { + return ( + + + + + + + {children} + + ) +} + +function DropdownMenuRadioGroup({ + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DropdownMenuRadioItem({ + className, + children, + ...props +}: React.ComponentProps) { + return ( + + + + + + + {children} + + ) +} + +function DropdownMenuLabel({ + className, + inset, + ...props +}: React.ComponentProps & { + inset?: boolean +}) { + return ( + + ) +} + +function DropdownMenuSeparator({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DropdownMenuShortcut({ + className, + ...props +}: React.ComponentProps<"span">) { + return ( + + ) +} + +function DropdownMenuSub({ + ...props +}: React.ComponentProps) { + return +} + +function DropdownMenuSubTrigger({ + className, + inset, + children, + ...props +}: React.ComponentProps & { + inset?: boolean +}) { + return ( + + {children} + + + ) +} + +function DropdownMenuSubContent({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +export { + DropdownMenu, + DropdownMenuPortal, + DropdownMenuTrigger, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuLabel, + DropdownMenuItem, + DropdownMenuCheckboxItem, + DropdownMenuRadioGroup, + DropdownMenuRadioItem, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuSub, + DropdownMenuSubTrigger, + DropdownMenuSubContent, +} diff --git a/features/auth/actions.ts b/features/auth/actions.ts index 3456e37..0e86be2 100644 --- a/features/auth/actions.ts +++ b/features/auth/actions.ts @@ -1,4 +1,14 @@ -"use server"; +/** + * @file features/auth/actions.ts + * @description 인증 관련 서버 액션 (Server Actions) 모음 + * @remarks + * - [레이어] Service/API (Server Actions) + * - [역할] 로그인, 회원가입, 로그아웃, 비밀번호 재설정 등 인증 로직 처리 + * - [데이터 흐름] Client Form -> Server Action -> Supabase Auth -> Client Redirect + * - [연관 파일] login-form.tsx, signup-form.tsx, utils/supabase/server.ts + */ + +"use server"; import { revalidatePath } from "next/cache"; import { cookies } from "next/headers"; @@ -17,14 +27,9 @@ import { getAuthErrorMessage } from "./errors"; // ======================================== /** - * [FormData 추출 헬퍼] - * - * FormData에서 이메일과 비밀번호를 안전하게 추출합니다. - * - 이메일은 trim()으로 공백 제거 - * - null/undefined 방지를 위해 기본값 "" 사용 - * - * @param formData - HTML form에서 전달된 FormData 객체 - * @returns AuthFormData - 추출된 이메일과 비밀번호 + * FormData 추출 헬퍼 (이메일/비밀번호) + * @param formData HTML form 데이터 + * @returns 이메일(trim 적용), 비밀번호 */ function extractAuthData(formData: FormData): AuthFormData { const email = (formData.get("email") as string)?.trim() || ""; @@ -34,22 +39,13 @@ function extractAuthData(formData: FormData): AuthFormData { } /** - * [비밀번호 강도 검증 함수] - * - * 안전한 비밀번호인지 검사합니다. - * - * 비밀번호 정책: - * - 최소 8자 이상 - * - 대문자 1개 이상 포함 - * - 소문자 1개 이상 포함 - * - 숫자 1개 이상 포함 - * - 특수문자 1개 이상 포함 (!@#$%^&*(),.?":{}|<> 등) - * - * @param password - 검증할 비밀번호 - * @returns AuthError | null - 에러가 있으면 에러 객체, 없으면 null + * 비밀번호 강도 검증 함수 + * @param password 검증할 비밀번호 + * @returns 에러 객체 또는 null + * @remarks 최소 8자, 대/소문자, 숫자, 특수문자 포함 필수 */ function validatePassword(password: string): AuthError | null { - // 1. 최소 길이 체크 (8자 이상) + // [Step 1] 최소 길이 체크 (8자 이상) if (password.length < 8) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_SHORT, @@ -57,7 +53,7 @@ function validatePassword(password: string): AuthError | null { }; } - // 2. 대문자 포함 여부 + // [Step 2] 대문자 포함 여부 if (!/[A-Z]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, @@ -65,7 +61,7 @@ function validatePassword(password: string): AuthError | null { }; } - // 3. 소문자 포함 여부 + // [Step 3] 소문자 포함 여부 if (!/[a-z]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, @@ -73,7 +69,7 @@ function validatePassword(password: string): AuthError | null { }; } - // 4. 숫자 포함 여부 + // [Step 4] 숫자 포함 여부 if (!/[0-9]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, @@ -81,7 +77,7 @@ function validatePassword(password: string): AuthError | null { }; } - // 5. 특수문자 포함 여부 + // [Step 5] 특수문자 포함 여부 if (!/[!@#$%^&*(),.?":{}|<>]/.test(password)) { return { message: AUTH_ERROR_MESSAGES.PASSWORD_TOO_WEAK, @@ -89,26 +85,20 @@ function validatePassword(password: string): AuthError | null { }; } - // 모든 검증 통과 + // [Step 6] 모든 검증 통과 return null; } /** - * [입력값 검증 함수] - * - * 사용자가 입력한 이메일과 비밀번호의 유효성을 검사합니다. - * - * 검증 항목: - * 1. 빈 값 체크 - 이메일 또는 비밀번호가 비어있는지 확인 - * 2. 이메일 형식 - '@' 포함 여부로 간단한 형식 검증 - * 3. 비밀번호 강도 - 8자 이상, 대소문자/숫자/특수문자 포함 확인 - * - * @param email - 사용자 이메일 - * @param password - 사용자 비밀번호 - * @returns AuthError | null - 에러가 있으면 에러 객체, 없으면 null + * 입력값 유효성 검증 함수 + * @param email 사용자 이메일 + * @param password 사용자 비밀번호 + * @returns 에러 객체 또는 null + * @see login - 로그인 액션에서 호출 + * @see signup - 회원가입 액션에서 호출 */ function validateAuthInput(email: string, password: string): AuthError | null { - // 1. 빈 값 체크 + // [Step 1] 빈 값 체크 if (!email || !password) { return { message: AUTH_ERROR_MESSAGES.EMPTY_FIELDS, @@ -116,7 +106,7 @@ function validateAuthInput(email: string, password: string): AuthError | null { }; } - // 2. 이메일 형식 체크 (간단한 @ 포함 여부 확인) + // [Step 2] 이메일 형식 체크 (간단한 @ 포함 여부 확인) if (!email.includes("@")) { return { message: AUTH_ERROR_MESSAGES.INVALID_EMAIL, @@ -124,36 +114,19 @@ function validateAuthInput(email: string, password: string): AuthError | null { }; } - // 3. 비밀번호 강도 체크 + // [Step 3] 비밀번호 강도 체크 const passwordValidation = validatePassword(password); if (passwordValidation) { return passwordValidation; } - // 모든 검증 통과 + // [Step 4] 검증 통과 return null; } -/** - * [에러 메시지 번역 헬퍼] - * - * Supabase의 영문 에러 메시지를 사용자 친화적인 한글로 변환합니다. - * - * @param error - Supabase에서 받은 에러 메시지 - * @returns string - 한글로 번역된 에러 메시지 - */ -// 에러 메시지는 getAuthErrorMessage로 통일합니다. - // ======================================== // Server Actions (서버 액션) // ======================================== -// 흐름 요약 (어디서 호출되는지) -// - /login: features/auth/components/login-form.tsx -> login, signInWithGoogle, signInWithKakao -// - /signup: features/auth/components/signup-form.tsx -> signup -// - /forgot-password: app/forgot-password/page.tsx -> requestPasswordReset -// - /reset-password: features/auth/components/reset-password-form.tsx -> updatePassword -// - 메인(/): app/page.tsx -> signout -// - OAuth: signInWithGoogle/Kakao -> Supabase -> /auth/callback 라우트 /** * [로그인 액션] @@ -164,17 +137,17 @@ function validateAuthInput(email: string, password: string): AuthError | null { * 1. FormData에서 이메일/비밀번호 추출 * 2. 입력값 유효성 검증 (빈 값, 이메일 형식, 비밀번호 길이) * 3. Supabase Auth를 통한 로그인 시도 - * 4. 성공 시 메인 페이지로 리다이렉트 - * 5. 실패 시 에러 메시지와 함께 로그인 페이지로 리다이렉트 + * 4. 로그인 실패 시 에러 메시지와 함께 로그인 페이지로 리다이렉트 + * 5. 로그인 성공 시 캐시 무효화 및 메인 페이지로 리다이렉트 * - * @param formData - HTML form에서 전달된 FormData (이메일, 비밀번호 포함) + * @param formData 이메일, 비밀번호가 포함된 FormData + * @see login-form.tsx - 로그인 폼 제출 시 호출 */ export async function login(formData: FormData) { - // 호출: features/auth/components/login-form.tsx (로그인 폼 action) - // 1. FormData에서 이메일/비밀번호 추출 + // [Step 1] FormData에서 이메일/비밀번호 추출 const { email, password } = extractAuthData(formData); - // 2. 입력값 유효성 검증 + // [Step 2] 입력값 유효성 검증 const validationError = validateAuthInput(email, password); if (validationError) { return redirect( @@ -182,21 +155,20 @@ export async function login(formData: FormData) { ); } - // 3. Supabase 클라이언트 생성 및 로그인 시도 + // [Step 3] Supabase 클라이언트 생성 및 로그인 시도 const supabase = await createClient(); const { error } = await supabase.auth.signInWithPassword({ email, password, }); - // 4. 로그인 실패 시 에러 처리 + // [Step 4] 로그인 실패 시 에러 처리 if (error) { const message = getAuthErrorMessage(error); return redirect(`/login?message=${encodeURIComponent(message)}`); } - // 5. 로그인 성공 - 캐시 무효화 및 메인 페이지로 리다이렉트 - // revalidatePath: Next.js 캐시를 무효화하여 최신 인증 상태 반영 + // [Step 5] 로그인 성공 - 캐시 무효화 및 메인 페이지로 리다이렉트 revalidatePath("/", "layout"); redirect("/"); } @@ -214,14 +186,14 @@ export async function login(formData: FormData) { * 5-1. 즉시 세션 생성 시: 메인 페이지로 리다이렉트 (바로 로그인됨) * 5-2. 이메일 인증 필요 시: 로그인 페이지로 리다이렉트 (안내 메시지 포함) * - * @param formData - HTML form에서 전달된 FormData (이메일, 비밀번호 포함) + * @param formData 이메일, 비밀번호가 포함된 FormData + * @see signup-form.tsx - 회원가입 폼 제출 시 호출 */ export async function signup(formData: FormData) { - // 호출: features/auth/components/signup-form.tsx (회원가입 폼 action) - // 1. FormData에서 이메일/비밀번호 추출 + // [Step 1] FormData에서 이메일/비밀번호 추출 const { email, password } = extractAuthData(formData); - // 2. 입력값 유효성 검증 + // [Step 2] 입력값 유효성 검증 const validationError = validateAuthInput(email, password); if (validationError) { return redirect( @@ -229,35 +201,31 @@ export async function signup(formData: FormData) { ); } - // 3. Supabase 클라이언트 생성 및 회원가입 시도 + // [Step 3] Supabase 클라이언트 생성 및 회원가입 시도 const supabase = await createClient(); const { data, error } = await supabase.auth.signUp({ email, password, options: { // 이메일 인증 완료 후 리다이렉트될 URL - // 로컬 개발 환경: http://localhost:3001/auth/callback - // 프로덕션: NEXT_PUBLIC_BASE_URL 환경 변수에 설정된 주소 emailRedirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/auth/callback?auth_type=signup`, }, }); - // 4. 회원가입 실패 시 에러 처리 + // [Step 4] 회원가입 실패 시 에러 처리 if (error) { const message = getAuthErrorMessage(error); return redirect(`/signup?message=${encodeURIComponent(message)}`); } - // 5. 회원가입 성공 - 세션 생성 여부에 따라 분기 처리 + // [Step 5] 회원가입 성공 처리 if (data.session) { - // 5-1. 즉시 세션이 생성된 경우 (이메일 인증 불필요) - // → 바로 메인 페이지로 이동 + // [Case 1] 즉시 세션 생성됨 (이메일 인증 불필요) revalidatePath("/", "layout"); redirect("/"); } - // 5-2. 이메일 인증이 필요한 경우 - // → 로그인 페이지로 이동 + 안내 메시지 + // [Case 2] 이메일 인증 필요 (로그인 페이지로 이동) revalidatePath("/", "layout"); redirect( `/login?message=${encodeURIComponent("회원가입이 완료되었습니다. 이메일을 확인하여 인증을 완료해 주세요.")}`, @@ -270,32 +238,31 @@ export async function signup(formData: FormData) { * 현재 세션을 종료하고 로그인 페이지로 이동합니다. * * 처리 과정: - * 1. Supabase Auth 세션 종료 - * 2. 캐시 무효화하여 인증 상태 갱신 + * 1. Supabase Auth 세션 종료 (서버 + 클라이언트 쿠키 삭제) + * 2. Next.js 캐시 무효화하여 인증 상태 갱신 * 3. 로그인 페이지로 리다이렉트 + * + * @see user-menu.tsx - 로그아웃 메뉴 클릭 시 호출 + * @see session-manager.tsx - 세션 타임아웃 시 호출 */ export async function signout() { - // 호출: app/page.tsx (로그아웃 버튼의 formAction) const supabase = await createClient(); - // 1. Supabase 세션 종료 (서버 + 클라이언트 쿠키 삭제) + // [Step 1] Supabase 세션 종료 (서버 + 클라이언트 쿠키 삭제) await supabase.auth.signOut(); - // 2. Next.js 캐시 무효화 + // [Step 2] Next.js 캐시 무효화 revalidatePath("/", "layout"); - // 3. 로그인 페이지로 리다이렉트 - redirect("/login"); + // [Step 3] 로그인 페이지로 리다이렉트 + redirect("/"); } /** * [비밀번호 재설정 요청 액션] * * 사용자 이메일로 비밀번호 재설정 링크를 발송합니다. - * - * 보안 고려사항: - * - 이메일 존재 여부와 관계없이 동일한 성공 메시지 표시 - * - 이메일 열거 공격(Email Enumeration) 방지 + * 보안을 위해 이메일 존재 여부와 관계없이 동일한 메시지를 표시합니다. * * 처리 과정: * 1. FormData에서 이메일 추출 @@ -303,14 +270,14 @@ export async function signout() { * 3. Supabase를 통한 재설정 링크 발송 * 4. 성공 메시지와 함께 로그인 페이지로 리다이렉트 * - * @param formData - 이메일이 포함된 FormData + * @param formData 이메일 포함 + * @see forgot-password/page.tsx - 비밀번호 찾기 폼 제출 시 호출 */ export async function requestPasswordReset(formData: FormData) { - // 호출: app/forgot-password/page.tsx (비밀번호 재설정 요청 폼) - // 1. FormData에서 이메일 추출 + // [Step 1] FormData에서 이메일 추출 const email = (formData.get("email") as string)?.trim() || ""; - // 2. 이메일 검증 + // [Step 2] 이메일 유효성 검증 if (!email) { return redirect( `/forgot-password?message=${encodeURIComponent(AUTH_ERROR_MESSAGES.EMPTY_EMAIL)}`, @@ -323,20 +290,20 @@ export async function requestPasswordReset(formData: FormData) { ); } - // 3. Supabase를 통한 재설정 링크 발송 + // [Step 3] Supabase를 통한 재설정 링크 발송 const supabase = await createClient(); const { error } = await supabase.auth.resetPasswordForEmail(email, { redirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/reset-password`, }); - // 4. 에러 처리 + // [Step 4] 에러 처리 if (error) { console.error("Password reset error:", error.message); const message = getAuthErrorMessage(error); return redirect(`/forgot-password?message=${encodeURIComponent(message)}`); } - // 5. 성공 메시지 표시 + // [Step 5] 성공 메시지 표시 (보안상 항상 성공 메시지 리턴 권장) redirect( `/login?message=${encodeURIComponent(AUTH_ERROR_MESSAGES.PASSWORD_RESET_SENT)}`, ); @@ -349,36 +316,44 @@ export async function requestPasswordReset(formData: FormData) { * * 처리 과정: * 1. FormData에서 새 비밀번호 추출 - * 2. 비밀번호 길이 검증 + * 2. 비밀번호 길이 및 강도 검증 * 3. Supabase를 통한 비밀번호 업데이트 - * 4. 성공 시 로그인 페이지로 리다이렉트 + * 4. 실패 시 에러 메시지 반환 + * 5. 성공 시 세션/쿠키 정리 후 로그아웃 및 캐시 무효화 + * 6. 성공 결과 반환 * - * @param formData - 새 비밀번호가 포함된 FormData + * @param formData 새 비밀번호 포함 + * @see reset-password-form.tsx - 비밀번호 재설정 폼 제출 시 호출 */ export async function updatePassword(formData: FormData) { - // 호출: features/auth/components/reset-password-form.tsx (재설정 폼) + // [Step 1] 새 비밀번호 추출 const password = (formData.get("password") as string) || ""; + // [Step 2] 비밀번호 강도 검증 const passwordValidation = validatePassword(password); if (passwordValidation) { return { ok: false, message: passwordValidation.message }; } + // [Step 3] Supabase를 통한 비밀번호 업데이트 const supabase = await createClient(); const { error } = await supabase.auth.updateUser({ password: password, }); + // [Step 4] 에러 처리 if (error) { const message = getAuthErrorMessage(error); return { ok: false, message }; } + // [Step 5] 세션 및 쿠키 정리 후 로그아웃 const cookieStore = await cookies(); cookieStore.delete(RECOVERY_COOKIE_NAME); await supabase.auth.signOut(); revalidatePath("/", "layout"); + // [Step 6] 성공 응답 반환 return { ok: true, message: AUTH_ERROR_MESSAGES.PASSWORD_RESET_SUCCESS, @@ -390,53 +365,47 @@ export async function updatePassword(formData: FormData) { // ======================================== /** - * [OAuth 로그인 헬퍼 함수] + * [OAuth 로그인 공통 헬퍼] * - * Google, Kakao 등의 소셜 로그인 제공자를 통해 인증을 수행합니다. + * 처리 과정: + * 1. Supabase OAuth 로그인 URL 생성 (PKCE) + * 2. 생성 중 에러 발생 시 로그인 페이지로 리다이렉트 (에러 메시지 포함) + * 3. 성공 시 해당 OAuth 제공자 페이지(data.url)로 리다이렉트 * - * PKCE (Proof Key for Code Exchange) 플로우: - * 1. 이 함수가 signInWithOAuth를 호출하면 Supabase가 OAuth URL 반환 - * 2. 사용자를 해당 OAuth 제공자(Google/Kakao) 로그인 페이지로 리다이렉트 - * 3. 사용자가 로그인 및 권한 동의 - * 4. OAuth 제공자가 /auth/callback?code=xxx로 리다이렉트 - * 5. callback 라우트에서 code를 세션으로 교환 (exchangeCodeForSession) - * 6. 메인 페이지로 최종 리다이렉트 - * - * 자동 회원가입: - * - 첫 로그인 시 auth.users 테이블에 자동으로 사용자 생성 - * - 이메일, provider, metadata(프로필 사진, 이름 등) 저장 - * - 기존 사용자는 그냥 로그인 - * - * @param provider - OAuth 제공자 ('google' | 'kakao') + * @param provider 'google' | 'kakao' + * @param extraOptions 추가 옵션 (예: prompt) + * @see signInWithGoogle + * @see signInWithKakao */ -async function signInWithProvider(provider: "google" | "kakao") { - // 호출: 아래 signInWithGoogle / signInWithKakao에서 공통 사용 +async function signInWithProvider( + provider: "google" | "kakao", + extraOptions: { queryParams?: { [key: string]: string } } = {}, +) { const supabase = await createClient(); - // 1. OAuth 인증 시작 + // [Step 1] OAuth 인증 시작 (URL 생성) const { data, error } = await supabase.auth.signInWithOAuth({ provider, options: { // PKCE 플로우를 위한 콜백 URL - // OAuth 제공자 인증 후 이 URL로 code와 함께 리다이렉트됨 redirectTo: `${process.env.NEXT_PUBLIC_BASE_URL || "http://localhost:3001"}/auth/callback`, + ...extraOptions, }, }); - // 2. 에러 처리 + // [Step 2] 에러 처리 if (error) { console.error(`[${provider} OAuth] 로그인 실패:`, error.message); const message = getAuthErrorMessage(error); return redirect(`/login?message=${encodeURIComponent(message)}`); } - // 3. OAuth 제공자 로그인 페이지로 리다이렉트 - // data.url은 Google/Kakao의 인증 페이지 URL + // [Step 3] OAuth 제공자 로그인 페이지로 리다이렉트 if (data.url) { redirect(data.url); } - // 4. URL이 없는 경우 (예상치 못한 상황) + // [Step 4] URL 생성 실패 시 에러 처리 redirect( `/login?message=${encodeURIComponent("로그인 처리 중 오류가 발생했습니다.")}`, ); @@ -444,36 +413,16 @@ async function signInWithProvider(provider: "google" | "kakao") { /** * [Google 로그인 액션] - * - * Google 계정으로 로그인합니다. - * "Google로 로그인" 버튼에서 호출됩니다. - * - * 처리 과정: - * 1. signInWithOAuth 호출하여 Google OAuth URL 받기 - * 2. Google 로그인 페이지로 리다이렉트 - * 3. (사용자가 Google에서 로그인 및 권한 동의) - * 4. /auth/callback으로 돌아와서 세션 생성 - * 5. 메인 페이지로 이동 + * @see login-form.tsx - 구글 로그인 버튼 클릭 시 호출 */ export async function signInWithGoogle() { - // 호출: features/auth/components/login-form.tsx (Google 로그인 버튼) return signInWithProvider("google"); } /** * [Kakao 로그인 액션] - * - * Kakao 계정으로 로그인합니다. - * "Kakao로 로그인" 버튼에서 호출됩니다. - * - * 처리 과정: - * 1. signInWithOAuth 호출하여 Kakao OAuth URL 받기 - * 2. Kakao 로그인 페이지로 리다이렉트 - * 3. (사용자가 Kakao에서 로그인 및 권한 동의) - * 4. /auth/callback으로 돌아와서 세션 생성 - * 5. 메인 페이지로 이동 + * @see login-form.tsx - 카카오 로그인 버튼 클릭 시 호출 */ export async function signInWithKakao() { - // 호출: features/auth/components/login-form.tsx (Kakao 로그인 버튼) - return signInWithProvider("kakao"); + return signInWithProvider("kakao", { queryParams: { prompt: "login" } }); } diff --git a/features/auth/components/login-form.tsx b/features/auth/components/login-form.tsx index bc6e0d0..347a0cb 100644 --- a/features/auth/components/login-form.tsx +++ b/features/auth/components/login-form.tsx @@ -2,6 +2,7 @@ import { useState } from "react"; import Link from "next/link"; +import { AUTH_ROUTES } from "@/features/auth/constants"; import { login, signInWithGoogle, @@ -122,7 +123,7 @@ export default function LoginForm() {
{/* 비밀번호 찾기 링크 */} 비밀번호 찾기 @@ -150,7 +151,7 @@ export default function LoginForm() {

계정이 없으신가요?{" "} 회원가입 하기 diff --git a/features/auth/components/session-manager.tsx b/features/auth/components/session-manager.tsx new file mode 100644 index 0000000..ce12027 --- /dev/null +++ b/features/auth/components/session-manager.tsx @@ -0,0 +1,148 @@ +/** + * @file features/auth/components/session-manager.tsx + * @description 사용자 세션 타임아웃 및 자동 로그아웃 관리 컴포넌트 + * @remarks + * - [레이어] Components/Infrastructure + * - [사용자 행동] 로그인 -> 활동 감지 -> 비활동 -> (경고) -> 로그아웃 + * - [데이터 흐름] Event -> Zustand Store -> Timer -> Logout + * - [연관 파일] stores/session-store.ts, features/auth/constants.ts + */ + +"use client"; + +import { useEffect, useState, useCallback } from "react"; +import { createClient } from "@/utils/supabase/client"; +import { useRouter, usePathname } from "next/navigation"; +import { + AlertDialog, + AlertDialogAction, + AlertDialogContent, + AlertDialogDescription, + AlertDialogFooter, + AlertDialogHeader, + AlertDialogTitle, +} from "@/components/ui/alert-dialog"; +import { useSessionStore } from "@/stores/session-store"; +import { SESSION_TIMEOUT_MS } from "@/features/auth/constants"; +// import { toast } from "sonner"; // Unused for now + +// 설정: 경고 표시 시간 (타임아웃 1분 전) - 현재 미사용 (즉시 로그아웃) +// const WARNING_MS = 60 * 1000; + +/** + * 세션 관리자 컴포넌트 + * 사용자 활동을 감지하여 세션 연장 및 타임아웃 처리 + * @returns 숨겨진 기능성 컴포넌트 (Global Layout에 포함) + * @remarks RootLayout에 포함되어 전역적으로 동작 + * @see layout.tsx - RootLayout에서 렌더링 + * @see session-store.ts - 마지막 활동 시간 관리 + */ +export function SessionManager() { + const router = useRouter(); + const pathname = usePathname(); + + // [State] 타임아웃 경고 모달 표시 여부 (현재 미사용) + const [showWarning, setShowWarning] = useState(false); + + // 인증 페이지에서는 동작하지 않음 + const isAuthPage = ["/login", "/signup", "/forgot-password"].includes( + pathname, + ); + + const { setLastActive } = useSessionStore(); + + /** + * 로그아웃 처리 핸들러 + * @see session-timer.tsx - 타임아웃 시 동일한 로직 필요 가능성 있음 + */ + const handleLogout = useCallback(async () => { + // [Step 1] Supabase 클라이언트 생성 + const supabase = createClient(); + + // [Step 2] 서버 사이드 로그아웃 요청 + await supabase.auth.signOut(); + + // [Step 3] 로컬 스토어 및 세션 정보 초기화 + useSessionStore.persist.clearStorage(); + + // [Step 4] 로그인 페이지로 리다이렉트 및 메시지 표시 + router.push("/login?message=세션이 만료되었습니다. 다시 로그인해주세요."); + router.refresh(); + }, [router]); + + useEffect(() => { + if (isAuthPage) return; + + // 마지막 활동 시간 업데이트 함수 + const updateLastActive = () => { + setLastActive(Date.now()); + if (showWarning) setShowWarning(false); + }; + + // [Step 1] 사용자 활동 이벤트 감지 (마우스, 키보드, 스크롤, 터치) + const events = ["mousedown", "keydown", "scroll", "touchstart"]; + const handleActivity = () => updateLastActive(); + + events.forEach((event) => window.addEventListener(event, handleActivity)); + + // [Step 2] 주기적(1초)으로 세션 만료 여부 확인 + const intervalId = setInterval(async () => { + const currentLastActive = useSessionStore.getState().lastActive; + const now = Date.now(); + const timeSinceLastActive = now - currentLastActive; + + // 타임아웃 초과 시 로그아웃 + if (timeSinceLastActive >= SESSION_TIMEOUT_MS) { + await handleLogout(); + } + // 경고 로직 (현재 비활성) + // else if (timeSinceLastActive >= TIMEOUT_MS - WARNING_MS) { + // setShowWarning(true); + // } + }, 1000); + + // [Step 3] 탭 활성화/컴퓨터 깨어남 감지 (절전 모드 대응) + const handleVisibilityChange = async () => { + if (!document.hidden) { + const currentLastActive = useSessionStore.getState().lastActive; + const now = Date.now(); + + // 절전 모드 복귀 시 즉시 만료 체크 + if (now - currentLastActive >= SESSION_TIMEOUT_MS) { + await handleLogout(); + } + } + }; + document.addEventListener("visibilitychange", handleVisibilityChange); + + return () => { + events.forEach((event) => + window.removeEventListener(event, handleActivity), + ); + clearInterval(intervalId); + document.removeEventListener("visibilitychange", handleVisibilityChange); + }; + }, [pathname, isAuthPage, showWarning, handleLogout, setLastActive]); + + return ( + + + {/* ========== 헤더: 제목 및 설명 ========== */} + + 로그아웃 예정 + + 장시간 활동이 없어 1분 뒤 로그아웃됩니다. 계속 하시려면 아무 키나 + 누르거나 클릭해주세요. + + + + {/* ========== 하단: 액션 버튼 ========== */} + + setShowWarning(false)}> + 로그인 연장 + + + + + ); +} diff --git a/features/auth/components/session-timer.tsx b/features/auth/components/session-timer.tsx new file mode 100644 index 0000000..12078a7 --- /dev/null +++ b/features/auth/components/session-timer.tsx @@ -0,0 +1,70 @@ +/** + * @file features/auth/components/session-timer.tsx + * @description 헤더에 표시되는 세션 만료 카운트다운 컴포넌트 + * @remarks + * - [레이어] Components/UI + * - [사용자 행동] 남은 시간 확인 -> 만료 임박 시 붉은색 경고 + * - [데이터 흐름] Zustand Store -> Calculation -> UI + * - [연관 파일] stores/session-store.ts, features/layout/header.tsx + */ + +"use client"; + +import { useEffect, useState } from "react"; +import { useSessionStore } from "@/stores/session-store"; +import { SESSION_TIMEOUT_MS } from "@/features/auth/constants"; + +/** + * 세션 만료 타이머 컴포넌트 + * 남은 시간을 mm:ss 형태로 표시 (10분 미만 시 경고 스타일) + * @returns 시간 표시 배지 (모바일 숨김) + * @remarks 1초마다 리렌더링 발생 + * @see header.tsx - 로그인 상태일 때 헤더에 표시 + */ +export function SessionTimer() { + const lastActive = useSessionStore((state) => state.lastActive); + + // [State] 남은 시간 (밀리초) + const [timeLeft, setTimeLeft] = useState(SESSION_TIMEOUT_MS); + + useEffect(() => { + const calculateTimeLeft = () => { + const now = Date.now(); + const passed = now - lastActive; + + // [Step 1] 남은 시간 계산 (음수 방지) + const remaining = Math.max(0, SESSION_TIMEOUT_MS - passed); + setTimeLeft(remaining); + }; + + calculateTimeLeft(); // 초기 실행 + + // [Step 2] 1초마다 남은 시간 갱신 + const interval = setInterval(calculateTimeLeft, 1000); + + return () => clearInterval(interval); + }, [lastActive]); + + // [Step 3] 시간 포맷팅 (mm:ss) + const minutes = Math.floor(timeLeft / 60000); + const seconds = Math.floor((timeLeft % 60000) / 1000); + + // [Step 4] 10분 미만일 때 긴급 스타일 적용 + const isUrgent = timeLeft < 10 * 60 * 1000; + + return ( +

+ ); +} diff --git a/features/auth/constants.ts b/features/auth/constants.ts index b42a628..abe356e 100644 --- a/features/auth/constants.ts +++ b/features/auth/constants.ts @@ -1,10 +1,11 @@ /** - * [인증 관련 상수 정의] - * - * 인증 모듈 전체에서 공통으로 사용하는 상수들을 정의합니다. - * - 에러 메시지 - * - 라우트 경로 - * - 검증 규칙 + * @file features/auth/constants.ts + * @description 인증 모듈 전반에서 사용되는 상수, 에러 메시지, 설정값 정의 + * @remarks + * - [레이어] Core/Constants + * - [사용자 행동] 로그인/회원가입/비밀번호 찾기 등 인증 전반 + * - [데이터 흐름] UI/Service -> Constants -> UI (메시지 표시) + * - [주의사항] 환경 변수(SESSION_TIMEOUT_MINUTES)에 의존하는 상수 포함 */ // ======================================== @@ -180,6 +181,7 @@ export const AUTH_ROUTES = { AUTH_CONFIRM: "/auth/confirm", AUTH_CALLBACK: "/auth/callback", HOME: "/", + DASHBOARD: "/dashboard", } as const; /** @@ -219,6 +221,21 @@ export const PASSWORD_RULES = { REQUIRE_SPECIAL_CHAR: true, } as const; +// ======================================== +// 세션 관련 상수 +// ======================================== + +/** + * 세션 타임아웃 시간 (밀리초) + * 환경 변수에서 분 단위를 가져와 밀리초로 변환합니다. + * 기본값: 30분 + */ +export const SESSION_TIMEOUT_MS = + (Number(process.env.NEXT_PUBLIC_SESSION_TIMEOUT_MINUTES) || 30) * 60 * 1000; + +// 경고 표시 시간 (타임아웃 1분 전) +export const SESSION_WARNING_MS = 60 * 1000; + // ======================================== // 타입 정의 // ======================================== diff --git a/features/home/components/spline-scene.tsx b/features/home/components/spline-scene.tsx new file mode 100644 index 0000000..2ddefc8 --- /dev/null +++ b/features/home/components/spline-scene.tsx @@ -0,0 +1,29 @@ +"use client"; + +import Spline from "@splinetool/react-spline"; +import { useState } from "react"; +import { cn } from "@/lib/utils"; + +interface SplineSceneProps { + sceneUrl: string; + className?: string; +} + +export function SplineScene({ sceneUrl, className }: SplineSceneProps) { + const [isLoading, setIsLoading] = useState(true); + + return ( +
+ {isLoading && ( +
+
+
+ )} + setIsLoading(false)} + className="h-full w-full" + /> +
+ ); +} diff --git a/features/layout/components/header.tsx b/features/layout/components/header.tsx new file mode 100644 index 0000000..77afdf5 --- /dev/null +++ b/features/layout/components/header.tsx @@ -0,0 +1,93 @@ +/** + * @file features/layout/components/header.tsx + * @description 애플리케이션 최상단 헤더 컴포넌트 (네비게이션, 테마, 유저 메뉴) + * @remarks + * - [레이어] Components/UI/Layout + * - [사용자 행동] 홈 이동, 테마 변경, 로그인/회원가입 이동, 대시보드 이동 + * - [데이터 흐름] User Prop -> UI Conditional Rendering + * - [연관 파일] layout.tsx, session-timer.tsx, user-menu.tsx + */ + +import Link from "next/link"; +import { User } from "@supabase/supabase-js"; +import { AUTH_ROUTES } from "@/features/auth/constants"; +import { UserMenu } from "@/features/layout/components/user-menu"; +import { ThemeToggle } from "@/components/theme-toggle"; +import { Button } from "@/components/ui/button"; + +import { SessionTimer } from "@/features/auth/components/session-timer"; + +interface HeaderProps { + /** 현재 로그인한 사용자 정보 (없으면 null) */ + user: User | null; + /** 대시보드 링크 표시 여부 */ + showDashboardLink?: boolean; +} + +/** + * 글로벌 헤더 컴포넌트 + * @param user Supabase User 객체 + * @param showDashboardLink 대시보드 바로가기 버튼 노출 여부 + * @returns Header JSX + * @see layout.tsx - RootLayout에서 데이터 주입하여 호출 + */ +export function Header({ user, showDashboardLink = false }: HeaderProps) { + return ( +
+
+ {/* ========== 좌측: 로고 영역 ========== */} + +
+
+
+ + AutoTrade + + + + {/* ========== 우측: 액션 버튼 영역 ========== */} +
+ {/* 테마 토글 */} + + + {user ? ( + // [Case 1] 로그인 상태 + <> + {/* 세션 타임아웃 타이머 */} + + + {showDashboardLink && ( + + )} + + {/* 사용자 드롭다운 메뉴 */} + + + ) : ( + // [Case 2] 비로그인 상태 +
+ + +
+ )} +
+
+
+ ); +} diff --git a/features/layout/components/sidebar.tsx b/features/layout/components/sidebar.tsx new file mode 100644 index 0000000..6b15b3f --- /dev/null +++ b/features/layout/components/sidebar.tsx @@ -0,0 +1,80 @@ +"use client"; + +import { cn } from "@/lib/utils"; +import { BarChart2, Home, Settings, User, Wallet } from "lucide-react"; +import Link from "next/link"; +import { usePathname } from "next/navigation"; +import { MenuItem } from "../types"; + +const MENU_ITEMS: MenuItem[] = [ + { + title: "대시보드", + href: "/", + icon: Home, + variant: "default", + matchExact: true, + }, + { + title: "자동매매", + href: "/trade", + icon: BarChart2, + variant: "ghost", + }, + { + title: "자산현황", + href: "/assets", + icon: Wallet, + variant: "ghost", + }, + { + title: "프로필", + href: "/profile", + icon: User, + variant: "ghost", + }, + { + title: "설정", + href: "/settings", + icon: Settings, + variant: "ghost", + }, +]; + +export function Sidebar() { + const pathname = usePathname(); + + return ( + + ); +} diff --git a/features/layout/components/user-menu.tsx b/features/layout/components/user-menu.tsx new file mode 100644 index 0000000..f5d2d57 --- /dev/null +++ b/features/layout/components/user-menu.tsx @@ -0,0 +1,87 @@ +/** + * @file features/layout/components/user-menu.tsx + * @description 사용자 프로필 드롭다운 메뉴 컴포넌트 + * @remarks + * - [레이어] Components/UI + * - [사용자 행동] Avatar 클릭 -> 드롭다운 오픈 -> 프로필/설정 이동 또는 로그아웃 + * - [연관 파일] header.tsx, features/auth/actions.ts (로그아웃) + */ + +"use client"; + +import { signout } from "@/features/auth/actions"; +import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu"; +import { User } from "@supabase/supabase-js"; +import { LogOut, Settings, User as UserIcon } from "lucide-react"; +import { useRouter } from "next/navigation"; + +interface UserMenuProps { + /** Supabase User 객체 */ + user: User | null; +} + +/** + * 사용자 메뉴/프로필 컴포넌트 (로그인 시 헤더 노출) + * @param user 로그인한 사용자 정보 + * @returns Avatar 버튼 및 드롭다운 메뉴 + */ +export function UserMenu({ user }: UserMenuProps) { + const router = useRouter(); + + if (!user) return null; + + return ( + + + + + + +
+

+ {user.user_metadata?.full_name || + user.user_metadata?.name || + "사용자"} +

+

+ {user.email} +

+
+ + + router.push("/profile")}> + + 프로필 + + router.push("/settings")}> + + 설정 + + +
+ + + +
+ + + ); +} diff --git a/features/layout/types/index.ts b/features/layout/types/index.ts new file mode 100644 index 0000000..03e2b3e --- /dev/null +++ b/features/layout/types/index.ts @@ -0,0 +1,9 @@ +import { LucideIcon } from "lucide-react"; + +export interface MenuItem { + title: string; + href: string; + icon: LucideIcon; + variant: "default" | "ghost"; + matchExact?: boolean; +} diff --git a/package-lock.json b/package-lock.json index 2d7d1bd..ba5ab2c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,21 +9,29 @@ "version": "0.1.0", "dependencies": { "@hookform/resolvers": "^5.2.2", + "@radix-ui/react-alert-dialog": "^1.1.15", "@radix-ui/react-checkbox": "^1.3.3", + "@radix-ui/react-dropdown-menu": "^2.1.16", "@radix-ui/react-label": "^2.1.8", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.2.4", + "@splinetool/react-spline": "^4.1.0", + "@splinetool/runtime": "^1.12.50", "@supabase/ssr": "^0.8.0", "@supabase/supabase-js": "^2.93.3", "@tanstack/react-query": "^5.90.20", "@tanstack/react-query-devtools": "^5.91.3", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", + "framer-motion": "^12.31.0", "lucide-react": "^0.563.0", "next": "16.1.6", + "next-themes": "^0.4.6", + "radix-ui": "^1.4.3", "react": "19.2.3", "react-dom": "19.2.3", "react-hook-form": "^7.71.1", + "sonner": "^2.0.7", "tailwind-merge": "^3.4.0", "tailwindcss-animate": "^1.0.7", "tw-animate-css": "^1.4.0", @@ -31,6 +39,7 @@ "zustand": "^5.0.11" }, "devDependencies": { + "@playwright/test": "^1.58.1", "@tailwindcss/postcss": "^4", "@types/node": "^20", "@types/react": "^19", @@ -472,6 +481,44 @@ "node": "^18.18.0 || ^20.9.0 || >=21.1.0" } }, + "node_modules/@floating-ui/core": { + "version": "1.7.4", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.4.tgz", + "integrity": "sha512-C3HlIdsBxszvm5McXlB8PeOEWfBhcGBTZGkGlWc2U0KFY5IwG5OQEuQ8rq52DZmcHDlPLd+YFBK+cZcytwIFWg==", + "license": "MIT", + "dependencies": { + "@floating-ui/utils": "^0.2.10" + } + }, + "node_modules/@floating-ui/dom": { + "version": "1.7.5", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.5.tgz", + "integrity": "sha512-N0bD2kIPInNHUHehXhMke1rBGs1dwqvC9O9KYMyyjK7iXt7GAhnro7UlcuYcGdS/yYOlq0MAVgrow8IbWJwyqg==", + "license": "MIT", + "dependencies": { + "@floating-ui/core": "^1.7.4", + "@floating-ui/utils": "^0.2.10" + } + }, + "node_modules/@floating-ui/react-dom": { + "version": "2.1.7", + "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.7.tgz", + "integrity": "sha512-0tLRojf/1Go2JgEVm+3Frg9A3IW8bJgKgdO0BN5RkF//ufuz2joZM63Npau2ff3J6lUVYgDSNzNkR+aH3IVfjg==", + "license": "MIT", + "dependencies": { + "@floating-ui/dom": "^1.7.5" + }, + "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/@hookform/resolvers": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-5.2.2.tgz", @@ -1257,12 +1304,394 @@ "node": ">=12.4.0" } }, + "node_modules/@playwright/test": { + "version": "1.58.1", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.58.1.tgz", + "integrity": "sha512-6LdVIUERWxQMmUSSQi0I53GgCBYgM2RpGngCPY7hSeju+VrKjq3lvs7HpJoPbDiY5QM5EYRtRX5fvrinnMAz3w==", + "devOptional": true, + "license": "Apache-2.0", + "dependencies": { + "playwright": "1.58.1" + }, + "bin": { + "playwright": "cli.js" + }, + "engines": { + "node": ">=18" + } + }, + "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.3", "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz", "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==", "license": "MIT" }, + "node_modules/@radix-ui/react-accessible-icon": { + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/@radix-ui/react-accessible-icon/-/react-accessible-icon-1.1.7.tgz", + "integrity": "sha512-XM+E4WXl0OqUJFovy6GjmxxFyx9opfCAIUku4dlKRd5YEPqt4kALOkQOp0Of6reHuUkJuiPBEc5k0o4z4lTC8A==", + "license": "MIT", + "dependencies": { + "@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-accordion": { + "version": "1.2.12", + "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.12.tgz", + "integrity": "sha512-T4nygeh9YE9dLRPhAHSeOZi7HBXo+0kYIPJXayZfvWOWA0+n3dESrZbjfDPUABkUNym6Hd+f2IR113To8D2GPA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-collapsible": "1.1.12", + "@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-id": "1.1.1", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-accordion/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-accordion/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-alert-dialog": { + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.15.tgz", + "integrity": "sha512-oTVLkEw5GpdRe29BqJ0LSDFWI3qu0vR1M0mUkOQWDIUnY/QIkLpgDMWuKxP94c2NAC2LGcgVhG1ImF3jkZ5wXw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-dialog": "1.1.15", + "@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-alert-dialog/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-alert-dialog/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-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-arrow/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-arrow/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-aspect-ratio": { + "version": "1.1.7", + "resolved": "https://registry.npmjs.org/@radix-ui/react-aspect-ratio/-/react-aspect-ratio-1.1.7.tgz", + "integrity": "sha512-Yq6lvO9HQyPwev1onK1daHCHqXVLzPhSVjmsNjCa2Zcxy2f7uJD2itDtxknv6FzAKCwD1qQkeVDmX/cev13n/g==", + "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-aspect-ratio/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-aspect-ratio/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-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-avatar/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-avatar/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-checkbox": { "version": "1.3.3", "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.3.tgz", @@ -1334,6 +1763,144 @@ } } }, + "node_modules/@radix-ui/react-collapsible": { + "version": "1.1.12", + "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.12.tgz", + "integrity": "sha512-Uu+mSh4agx2ib1uIGPP4/CKNULyajb3p92LsVXmH2EHVMTfZWpll88XJ0j4W0z3f8NK1eYl1+Mf/szHPmcHzyA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.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-collapsible/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-collapsible/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-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-collection/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-collection/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-compose-refs": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz", @@ -1364,6 +1931,568 @@ } } }, + "node_modules/@radix-ui/react-context-menu": { + "version": "2.2.16", + "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.2.16.tgz", + "integrity": "sha512-O8morBEW+HsVG28gYDZPTrT9UUovQUlJue5YO836tiTJhuIWBm/zQHc7j388sHWtdH/xUZurK9olD2+pcqx5ww==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-menu": "2.1.16", + "@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" + }, + "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-context-menu/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-context-menu/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-dialog": { + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.15.tgz", + "integrity": "sha512-TCglVRtzlffRNxRMEyR36DGBLJpeusFcgMVD9PZEzAKnUs1lKCgX5u9BmC2Yg+LL9MgZDugFFs1Vl+Jp4t/PGw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-dismissable-layer": "1.1.11", + "@radix-ui/react-focus-guards": "1.1.3", + "@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.5", + "@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-dialog/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-dialog/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-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.11", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.11.tgz", + "integrity": "sha512-Nqcp+t5cTB8BinFkZgXiMJniQH0PsUt2k51FUhbdfeKvc4ACcG2uQniY/8+h1Yv6Kza4Q7lD7PQV0z0oicE0Mg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-dismissable-layer/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-dismissable-layer/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-dropdown-menu": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.16.tgz", + "integrity": "sha512-1PLGQEynI/3OX/ftV54COn+3Sud/Mn8vALg2rWnBLnRaGtJDduNW/22XjlGgPdpcIbiQxjKtb7BkcjP00nqfJw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-menu": "2.1.16", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-dropdown-menu/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-dropdown-menu/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-focus-guards": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.3.tgz", + "integrity": "sha512-0rFg/Rj2Q62NCm62jZw0QX7a3sz6QCQU0LpZdNrJX8byRGaGVTqbrW9jAoIAHyMQqsNpeZ81YgSizOt5WXq0Pw==", + "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-focus-scope/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-focus-scope/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-form": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/@radix-ui/react-form/-/react-form-0.1.8.tgz", + "integrity": "sha512-QM70k4Zwjttifr5a4sZFts9fn8FzHYvQ5PiB19O2HsYibaHSVt9fH9rzB0XZo/YcM+b7t/p7lYCT/F5eOeF5yQ==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-label": "2.1.7", + "@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-form/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-form/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-form/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-hover-card": { + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.15.tgz", + "integrity": "sha512-qgTkjNT1CfKMoP0rcasmlH2r1DAiYicWsDsufxl940sT2wHNEWWv6FMWIQXWhVdmC1d/HYfbhQx60KYyAtKxjg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-dismissable-layer": "1.1.11", + "@radix-ui/react-popper": "1.2.8", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-hover-card/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-hover-card/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-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.8", "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.8.tgz", @@ -1387,6 +2516,599 @@ } } }, + "node_modules/@radix-ui/react-menu": { + "version": "2.1.16", + "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.16.tgz", + "integrity": "sha512-72F2T+PLlphrqLcAotYPp0uJMr5SjP5SL01wfEspJbru5Zs5vQaSHb4VB3ZMJPimgHHCHG7gMOeOB9H3Hdmtxg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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.11", + "@radix-ui/react-focus-guards": "1.1.3", + "@radix-ui/react-focus-scope": "1.1.7", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-popper": "1.2.8", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-slot": "1.2.3", + "@radix-ui/react-use-callback-ref": "1.1.1", + "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-menu/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-menu/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-menubar": { + "version": "1.1.16", + "resolved": "https://registry.npmjs.org/@radix-ui/react-menubar/-/react-menubar-1.1.16.tgz", + "integrity": "sha512-EB1FktTz5xRRi2Er974AUQZWg2yVBb1yjip38/lgwtCVRd3a+maUoGHN/xs9Yv8SY8QwbSEb+YrxGadVWbEutA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-id": "1.1.1", + "@radix-ui/react-menu": "2.1.16", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-menubar/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-menubar/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-navigation-menu": { + "version": "1.2.14", + "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.14.tgz", + "integrity": "sha512-YB9mTFQvCOAQMHU+C/jVl96WmuWeltyUEpRJJky51huhds5W2FQr1J8D/16sQlf0ozxkPK8uF3niQMdUwZPv5w==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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.11", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-presence": "1.1.5", + "@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-navigation-menu/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-navigation-menu/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-one-time-password-field": { + "version": "0.1.8", + "resolved": "https://registry.npmjs.org/@radix-ui/react-one-time-password-field/-/react-one-time-password-field-0.1.8.tgz", + "integrity": "sha512-ycS4rbwURavDPVjCb5iS3aG4lURFDILi6sKI/WITUMZ13gMmn/xGjpLoqBAalhJaDk8I3UbCM5GzKHrnzwHbvg==", + "license": "MIT", + "dependencies": { + "@radix-ui/number": "1.1.1", + "@radix-ui/primitive": "1.1.3", + "@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-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@radix-ui/react-use-effect-event": "0.0.2", + "@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-one-time-password-field/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-one-time-password-field/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-password-toggle-field": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@radix-ui/react-password-toggle-field/-/react-password-toggle-field-0.1.3.tgz", + "integrity": "sha512-/UuCrDBWravcaMix4TdT+qlNdVwOM1Nck9kWx/vafXsdfj1ChfhOdfi3cy9SGBpWgTXwYCuboT/oYpJy3clqfw==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@radix-ui/react-use-effect-event": "0.0.2", + "@radix-ui/react-use-is-hydrated": "0.1.0" + }, + "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-password-toggle-field/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-password-toggle-field/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-popover": { + "version": "1.1.15", + "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.15.tgz", + "integrity": "sha512-kr0X2+6Yy/vJzLYJUPCZEc8SfQcf+1COFoAqauJm74umQhta9M7lNJHP7QQS3vkvcGLQUbWpMzwrXYwrYztHKA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-dismissable-layer": "1.1.11", + "@radix-ui/react-focus-guards": "1.1.3", + "@radix-ui/react-focus-scope": "1.1.7", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-popper": "1.2.8", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@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-popover/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-popover/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-popper": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.8.tgz", + "integrity": "sha512-0NJQ4LFFUuWkE7Oxf0htBKS6zLkkjBH+hM1uk7Ng705ReR8m/uelduy1DBo0PyBXPKVnBA6YBlU94MBGXrSBCw==", + "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-popper/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-popper/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-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-portal/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-portal/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-presence": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.5.tgz", @@ -1434,6 +3156,372 @@ } } }, + "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-progress/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/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-radio-group": { + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.3.8.tgz", + "integrity": "sha512-VBKYIYImA5zsxACdisNQ3BjCBfmbGH3kQlnFVqlWU4tXwjy7cGX8ta80BcrO+WJXIn5iBylEH3K6ZTlee//lgQ==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@radix-ui/react-use-previous": "1.1.1", + "@radix-ui/react-use-size": "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-radio-group/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-radio-group/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-roving-focus": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.11.tgz", + "integrity": "sha512-7A6S9jSgm/S+7MdtNDSb+IU859vQqJ/QAtcYQcfFC6W8RS4IxIZDldLR0xqCFZ6DCyrQLjLPsxtTNch5jVA4lA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-id": "1.1.1", + "@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" + }, + "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-roving-focus/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-roving-focus/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-scroll-area": { + "version": "1.2.10", + "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.10.tgz", + "integrity": "sha512-tAXIa1g3sM5CGpVT0uIbUx/U3Gs5N8T52IICuCtObaos1S8fzsrPXG5WObkQN3S6NVl6wKgPhAIiBGbWnvc97A==", + "license": "MIT", + "dependencies": { + "@radix-ui/number": "1.1.1", + "@radix-ui/primitive": "1.1.3", + "@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-presence": "1.1.5", + "@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" + }, + "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-scroll-area/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-scroll-area/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-select": { + "version": "2.2.6", + "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.2.6.tgz", + "integrity": "sha512-I30RydO+bnn2PQztvo25tswPH+wFBjehVGtmagkU78yMdwTwVf12wnAOF+AeP8S2N8xD+5UPbGhkUfPyvT+mwQ==", + "license": "MIT", + "dependencies": { + "@radix-ui/number": "1.1.1", + "@radix-ui/primitive": "1.1.3", + "@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.11", + "@radix-ui/react-focus-guards": "1.1.3", + "@radix-ui/react-focus-scope": "1.1.7", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-popper": "1.2.8", + "@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-select/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-select/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-separator": { "version": "1.1.8", "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.8.tgz", @@ -1457,6 +3545,80 @@ } } }, + "node_modules/@radix-ui/react-slider": { + "version": "1.3.6", + "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.3.6.tgz", + "integrity": "sha512-JPYb1GuM1bxfjMRlNLE+BcmBC8onfCi60Blk7OBqi2MLTFdS+8401U4uFjnwkOr49BLmXxLC6JHkvAsx5OJvHw==", + "license": "MIT", + "dependencies": { + "@radix-ui/number": "1.1.1", + "@radix-ui/primitive": "1.1.3", + "@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-primitive": "2.1.3", + "@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-use-size": "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-slider/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-slider/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-slot": { "version": "1.2.4", "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.4.tgz", @@ -1475,6 +3637,541 @@ } } }, + "node_modules/@radix-ui/react-switch": { + "version": "1.2.6", + "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz", + "integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-controllable-state": "1.2.2", + "@radix-ui/react-use-previous": "1.1.1", + "@radix-ui/react-use-size": "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-switch/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-switch/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-tabs": { + "version": "1.1.13", + "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz", + "integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-direction": "1.1.1", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-tabs/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-tabs/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-toast": { + "version": "1.2.15", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.15.tgz", + "integrity": "sha512-3OSz3TacUWy4WtOXV38DggwxoqJK4+eDkNMl5Z/MJZaoUPaP4/9lf81xXMe1I2ReTAptverZUpbPY4wWwWyL5g==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@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-dismissable-layer": "1.1.11", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@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-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-toast/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-toast/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-toggle": { + "version": "1.1.10", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz", + "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-toggle-group": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.11.tgz", + "integrity": "sha512-5umnS0T8JQzQT6HbPyO7Hh9dgd82NmS36DQr+X/YJ9ctFNCiiQd6IJAYYZ33LUwm8M+taCz5t2ui29fHZc4Y6Q==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-direction": "1.1.1", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-toggle": "1.1.10", + "@radix-ui/react-use-controllable-state": "1.2.2" + }, + "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-toggle-group/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-toggle-group/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-toggle/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-toggle/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-toolbar": { + "version": "1.1.11", + "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.11.tgz", + "integrity": "sha512-4ol06/1bLoFu1nwUqzdD4Y5RZ9oDdKeiHIsntug54Hcr1pgaHiPqHFEaXI1IFP/EsOfROQZ8Mig9VTIRza6Tjg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-direction": "1.1.1", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-separator": "1.1.7", + "@radix-ui/react-toggle-group": "1.1.11" + }, + "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-toolbar/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-toolbar/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-toolbar/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-tooltip": { + "version": "1.2.8", + "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz", + "integrity": "sha512-tY7sVt1yL9ozIxvmbtN5qtmH2krXcBCfjEiCgKGLqunJHvgvZG2Pcl2oQ3kbcZARb1BGEHdkLzcYGO8ynVlieg==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-compose-refs": "1.1.2", + "@radix-ui/react-context": "1.1.2", + "@radix-ui/react-dismissable-layer": "1.1.11", + "@radix-ui/react-id": "1.1.1", + "@radix-ui/react-popper": "1.2.8", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-slot": "1.2.3", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@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-tooltip/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-tooltip/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", @@ -1512,6 +4209,42 @@ } } }, + "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", @@ -1542,6 +4275,24 @@ } } }, + "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", @@ -1560,6 +4311,76 @@ } } }, + "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/react-visually-hidden/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-visually-hidden/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/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", @@ -1567,6 +4388,37 @@ "dev": true, "license": "MIT" }, + "node_modules/@splinetool/react-spline": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/@splinetool/react-spline/-/react-spline-4.1.0.tgz", + "integrity": "sha512-Y379gm17gw+1nxT/YXTCJnVIWuu7tsUH1tp/YxsYb0pZnc9Gljk7Om4Kpq7WPq0bZ4zidVCxf6xn6jgDcbHifQ==", + "dependencies": { + "blurhash": "2.0.5", + "lodash.debounce": "4.0.8", + "react-merge-refs": "2.1.1", + "thumbhash": "0.1.1" + }, + "peerDependencies": { + "@splinetool/runtime": "*", + "next": ">=14.2.0", + "react": "*", + "react-dom": "*" + }, + "peerDependenciesMeta": { + "next": { + "optional": true + } + } + }, + "node_modules/@splinetool/runtime": { + "version": "1.12.50", + "resolved": "https://registry.npmjs.org/@splinetool/runtime/-/runtime-1.12.50.tgz", + "integrity": "sha512-tzdG3D03WgiFD7xP47OAv03OfJmyLa0WDBf4qmQKap+RjHQXz3Uqq7P6kHMg/XXqII2eIqoD8gDKiOvgMZ8B9A==", + "dependencies": { + "on-change": "4.0.0", + "semver-compare": "1.0.0" + } + }, "node_modules/@standard-schema/utils": { "version": "0.3.0", "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz", @@ -2675,6 +5527,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", @@ -2924,6 +5788,12 @@ "baseline-browser-mapping": "dist/cli.js" } }, + "node_modules/blurhash": { + "version": "2.0.5", + "resolved": "https://registry.npmjs.org/blurhash/-/blurhash-2.0.5.tgz", + "integrity": "sha512-cRygWd7kGBQO3VEhPiTgq4Wc43ctsM+o46urrmPOiuAe+07fzlSB9OJVdpgDL0jPqXUVQ9ht7aq7kxOeJHRK+w==", + "license": "MIT" + }, "node_modules/brace-expansion": { "version": "1.1.12", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz", @@ -3307,6 +6177,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", @@ -4128,6 +7004,48 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/framer-motion": { + "version": "12.31.0", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.31.0.tgz", + "integrity": "sha512-Tnd0FU05zGRFI3JJmBegXonF1rfuzYeuXd1QSdQ99Ysnppk0yWBWSW2wUsqzRpS5nv0zPNx+y0wtDj4kf0q5RQ==", + "license": "MIT", + "dependencies": { + "motion-dom": "^12.30.1", + "motion-utils": "^12.29.2", + "tslib": "^2.4.0" + }, + "peerDependencies": { + "@emotion/is-prop-valid": "*", + "react": "^18.0.0 || ^19.0.0", + "react-dom": "^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@emotion/is-prop-valid": { + "optional": true + }, + "react": { + "optional": true + }, + "react-dom": { + "optional": true + } + } + }, + "node_modules/fsevents": { + "version": "2.3.2", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz", + "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==", + "dev": true, + "hasInstallScript": true, + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": "^8.16.0 || ^10.6.0 || >=11.0.0" + } + }, "node_modules/function-bind": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", @@ -4214,6 +7132,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", @@ -5355,6 +8282,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/lodash.debounce": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz", + "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", + "license": "MIT" + }, "node_modules/lodash.merge": { "version": "4.6.2", "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", @@ -5461,6 +8394,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/motion-dom": { + "version": "12.30.1", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.30.1.tgz", + "integrity": "sha512-QXB+iFJRzZTqL+Am4a1CRoHdH+0Nq12wLdqQQZZsfHlp9AMt6PA098L/61oVZsDA+Ep3QSGudzpViyRrhYhGcQ==", + "license": "MIT", + "dependencies": { + "motion-utils": "^12.29.2" + } + }, + "node_modules/motion-utils": { + "version": "12.29.2", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.29.2.tgz", + "integrity": "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A==", + "license": "MIT" + }, "node_modules/ms": { "version": "2.1.3", "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz", @@ -5562,6 +8510,16 @@ } } }, + "node_modules/next-themes": { + "version": "0.4.6", + "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz", + "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==", + "license": "MIT", + "peerDependencies": { + "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc", + "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc" + } + }, "node_modules/next/node_modules/postcss": { "version": "8.4.31", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz", @@ -5720,6 +8678,18 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/on-change": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/on-change/-/on-change-4.0.0.tgz", + "integrity": "sha512-PTu7C9Jsz4b+sNMDpH0eZFTr7uxdOtoDWRnhaVNK50bgrrnW5nvbWI0jm5DG9qOoTnIhBzE9xoKVFPD9xgtbdg==", + "license": "MIT", + "engines": { + "node": "^12.20.0 || ^14.13.1 || >=16.0.0" + }, + "funding": { + "url": "https://github.com/sindresorhus/on-change?sponsor=1" + } + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -5847,6 +8817,38 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/playwright": { + "version": "1.58.1", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.58.1.tgz", + "integrity": "sha512-+2uTZHxSCcxjvGc5C891LrS1/NlxglGxzrC4seZiVjcYVQfUa87wBL6rTDqzGjuoWNjnBzRqKmF6zRYGMvQUaQ==", + "devOptional": true, + "license": "Apache-2.0", + "dependencies": { + "playwright-core": "1.58.1" + }, + "bin": { + "playwright": "cli.js" + }, + "engines": { + "node": ">=18" + }, + "optionalDependencies": { + "fsevents": "2.3.2" + } + }, + "node_modules/playwright-core": { + "version": "1.58.1", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.58.1.tgz", + "integrity": "sha512-bcWzOaTxcW+VOOGBCQgnaKToLJ65d6AqfLVKEWvexyS3AS6rbXl+xdpYRMGSRBClPvyj44njOWoxjNdL/H9UNg==", + "devOptional": true, + "license": "Apache-2.0", + "bin": { + "playwright-core": "cli.js" + }, + "engines": { + "node": ">=18" + } + }, "node_modules/possible-typed-array-names": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz", @@ -5939,6 +8941,170 @@ ], "license": "MIT" }, + "node_modules/radix-ui": { + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/radix-ui/-/radix-ui-1.4.3.tgz", + "integrity": "sha512-aWizCQiyeAenIdUbqEpXgRA1ya65P13NKn/W8rWkcN0OPkRDxdBVLWnIEDsS2RpwCK2nobI7oMUSmexzTDyAmA==", + "license": "MIT", + "dependencies": { + "@radix-ui/primitive": "1.1.3", + "@radix-ui/react-accessible-icon": "1.1.7", + "@radix-ui/react-accordion": "1.2.12", + "@radix-ui/react-alert-dialog": "1.1.15", + "@radix-ui/react-arrow": "1.1.7", + "@radix-ui/react-aspect-ratio": "1.1.7", + "@radix-ui/react-avatar": "1.1.10", + "@radix-ui/react-checkbox": "1.3.3", + "@radix-ui/react-collapsible": "1.1.12", + "@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-context-menu": "2.2.16", + "@radix-ui/react-dialog": "1.1.15", + "@radix-ui/react-direction": "1.1.1", + "@radix-ui/react-dismissable-layer": "1.1.11", + "@radix-ui/react-dropdown-menu": "2.1.16", + "@radix-ui/react-focus-guards": "1.1.3", + "@radix-ui/react-focus-scope": "1.1.7", + "@radix-ui/react-form": "0.1.8", + "@radix-ui/react-hover-card": "1.1.15", + "@radix-ui/react-label": "2.1.7", + "@radix-ui/react-menu": "2.1.16", + "@radix-ui/react-menubar": "1.1.16", + "@radix-ui/react-navigation-menu": "1.2.14", + "@radix-ui/react-one-time-password-field": "0.1.8", + "@radix-ui/react-password-toggle-field": "0.1.3", + "@radix-ui/react-popover": "1.1.15", + "@radix-ui/react-popper": "1.2.8", + "@radix-ui/react-portal": "1.1.9", + "@radix-ui/react-presence": "1.1.5", + "@radix-ui/react-primitive": "2.1.3", + "@radix-ui/react-progress": "1.1.7", + "@radix-ui/react-radio-group": "1.3.8", + "@radix-ui/react-roving-focus": "1.1.11", + "@radix-ui/react-scroll-area": "1.2.10", + "@radix-ui/react-select": "2.2.6", + "@radix-ui/react-separator": "1.1.7", + "@radix-ui/react-slider": "1.3.6", + "@radix-ui/react-slot": "1.2.3", + "@radix-ui/react-switch": "1.2.6", + "@radix-ui/react-tabs": "1.1.13", + "@radix-ui/react-toast": "1.2.15", + "@radix-ui/react-toggle": "1.1.10", + "@radix-ui/react-toggle-group": "1.1.11", + "@radix-ui/react-toolbar": "1.1.11", + "@radix-ui/react-tooltip": "1.2.8", + "@radix-ui/react-use-callback-ref": "1.1.1", + "@radix-ui/react-use-controllable-state": "1.2.2", + "@radix-ui/react-use-effect-event": "0.0.2", + "@radix-ui/react-use-escape-keydown": "1.1.1", + "@radix-ui/react-use-is-hydrated": "0.1.0", + "@radix-ui/react-use-layout-effect": "1.1.1", + "@radix-ui/react-use-size": "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/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/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/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/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/react": { "version": "19.2.3", "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz", @@ -5983,6 +9149,85 @@ "dev": true, "license": "MIT" }, + "node_modules/react-merge-refs": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/react-merge-refs/-/react-merge-refs-2.1.1.tgz", + "integrity": "sha512-jLQXJ/URln51zskhgppGJ2ub7b2WFKGq3cl3NYKtlHoTG+dN2q7EzWrn3hN3EgPsTMvpR9tpq5ijdp7YwFZkag==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/gregberge" + } + }, + "node_modules/react-remove-scroll": { + "version": "2.7.2", + "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz", + "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==", + "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", @@ -6174,6 +9419,12 @@ "semver": "bin/semver.js" } }, + "node_modules/semver-compare": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz", + "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==", + "license": "MIT" + }, "node_modules/set-function-length": { "version": "1.2.2", "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz", @@ -6380,6 +9631,16 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/sonner": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.7.tgz", + "integrity": "sha512-W6ZN4p58k8aDKA4XPcx2hpIQXBRAgyiWVkYhT7CvK6D3iAu7xjvVyhQHg2/iaKJZ1XVJ4r7XuwGL+WGEK37i9w==", + "license": "MIT", + "peerDependencies": { + "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc", + "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc" + } + }, "node_modules/source-map-js": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz", @@ -6634,6 +9895,12 @@ "url": "https://opencollective.com/webpack" } }, + "node_modules/thumbhash": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/thumbhash/-/thumbhash-0.1.1.tgz", + "integrity": "sha512-kH5pKeIIBPQXAOni2AiY/Cu/NKdkFREdpH+TLdM0g6WA7RriCv0kPLgP731ady67MhTAqrVG/4mnEeibVuCJcg==", + "license": "MIT" + }, "node_modules/tinyglobby": { "version": "0.2.15", "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz", @@ -6979,6 +10246,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.6.0", + "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz", + "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==", + "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", diff --git a/package.json b/package.json index 5576d72..1dc226d 100644 --- a/package.json +++ b/package.json @@ -10,21 +10,29 @@ }, "dependencies": { "@hookform/resolvers": "^5.2.2", + "@radix-ui/react-alert-dialog": "^1.1.15", "@radix-ui/react-checkbox": "^1.3.3", + "@radix-ui/react-dropdown-menu": "^2.1.16", "@radix-ui/react-label": "^2.1.8", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.2.4", + "@splinetool/react-spline": "^4.1.0", + "@splinetool/runtime": "^1.12.50", "@supabase/ssr": "^0.8.0", "@supabase/supabase-js": "^2.93.3", "@tanstack/react-query": "^5.90.20", "@tanstack/react-query-devtools": "^5.91.3", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", + "framer-motion": "^12.31.0", "lucide-react": "^0.563.0", "next": "16.1.6", + "next-themes": "^0.4.6", + "radix-ui": "^1.4.3", "react": "19.2.3", "react-dom": "19.2.3", "react-hook-form": "^7.71.1", + "sonner": "^2.0.7", "tailwind-merge": "^3.4.0", "tailwindcss-animate": "^1.0.7", "tw-animate-css": "^1.4.0", @@ -32,6 +40,7 @@ "zustand": "^5.0.11" }, "devDependencies": { + "@playwright/test": "^1.58.1", "@tailwindcss/postcss": "^4", "@types/node": "^20", "@types/react": "^19", diff --git a/playwright-report/index.html b/playwright-report/index.html new file mode 100644 index 0000000..f78bb3e --- /dev/null +++ b/playwright-report/index.html @@ -0,0 +1,85 @@ + + + + + + + + + Playwright Test Report + + + + +
+ + + \ No newline at end of file diff --git a/playwright.config.ts b/playwright.config.ts new file mode 100644 index 0000000..1e5f767 --- /dev/null +++ b/playwright.config.ts @@ -0,0 +1,42 @@ +import { defineConfig, devices } from "@playwright/test"; + +/** + * See https://playwright.dev/docs/test-configuration + */ +export default defineConfig({ + testDir: "./tests/e2e", + /* Run tests in files in parallel */ + fullyParallel: true, + /* Fail the build on CI if you accidentally left test.only in the source code. */ + forbidOnly: !!process.env.CI, + /* Retry on CI only */ + retries: process.env.CI ? 2 : 0, + /* Opt out of parallel tests on CI. */ + workers: process.env.CI ? 1 : undefined, + /* Reporter to use. See https://playwright.dev/docs/test-reporters */ + reporter: "html", + /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */ + use: { + /* Base URL to use in actions like `await page.goto('/')`. */ + baseURL: "http://localhost:3001", + + /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ + trace: "on-first-retry", + }, + + /* Configure projects for major browsers */ + projects: [ + { + name: "chromium", + use: { ...devices["Desktop Chrome"] }, + }, + ], + + /* Run your local dev server before starting the tests */ + webServer: { + command: "npm run dev", + url: "http://localhost:3001", + reuseExistingServer: !process.env.CI, + timeout: 120 * 1000, + }, +}); diff --git a/stores/session-store.ts b/stores/session-store.ts new file mode 100644 index 0000000..15c74a2 --- /dev/null +++ b/stores/session-store.ts @@ -0,0 +1,46 @@ +/** + * @file stores/session-store.ts + * @description 사용자 세션 상태(마지막 활동 시간)를 관리하는 Zustand 스토어 + * @remarks + * - [레이어] Infrastructure/State + * - [데이터 흐름] User Activity -> SessionStore -> LocalStorage + * - [연관 파일] session-manager.tsx (Setter), session-timer.tsx (Getter) + * - [주의사항] localStorage를 사용하여 탭 간 상태 공유 (partialize 적용) + */ + +import { create } from "zustand"; +import { persist, createJSONStorage } from "zustand/middleware"; + +/** + * 세션 상태 인터페이스 + */ +interface SessionState { + /** 마지막 사용자 활동 시간 (Timestamp) */ + lastActive: number; + /** 활동 시간 갱신 함수 */ + setLastActive: (time: number) => void; +} + +/** + * 세션 관리 스토어 hook + * @returns {SessionState} lastActive, setLastActive + * @remarks persist 미들웨어를 통해 브라우저 새로고침/재접속 시에도 상태 유지 + * @see session-manager.tsx - 사용자 활동 감지 시 setLastActive 호출 + * @see session-timer.tsx - 남은 시간 계산을 위해 lastActive 구독 + */ +export const useSessionStore = create()( + persist( + (set) => ({ + // [State] 초기값: 스토어 생성 시점 + lastActive: Date.now(), + + // [Action] 활동 시간 업데이트 + setLastActive: (time) => set({ lastActive: time }), + }), + { + name: "session-storage", // localStorage Key + storage: createJSONStorage(() => localStorage), // localStorage 사용 + partialize: (state) => ({ lastActive: state.lastActive }), + }, + ), +); diff --git a/test-results/.last-run.json b/test-results/.last-run.json new file mode 100644 index 0000000..cbcc1fb --- /dev/null +++ b/test-results/.last-run.json @@ -0,0 +1,4 @@ +{ + "status": "passed", + "failedTests": [] +} \ No newline at end of file diff --git a/tests/e2e/auth.spec.ts b/tests/e2e/auth.spec.ts new file mode 100644 index 0000000..822cd0f --- /dev/null +++ b/tests/e2e/auth.spec.ts @@ -0,0 +1,29 @@ +import { test, expect } from "@playwright/test"; + +test.describe("Authentication Flow", () => { + test("Guest should see Landing Page", async ({ page }) => { + await page.goto("/"); + await expect(page).toHaveTitle(/AutoTrade/i); + await expect( + page.getByRole("heading", { name: "투자의 미래, 자동화하세요" }), + ).toBeVisible(); + await expect( + page.getByRole("link", { name: "로그인" }).first(), + ).toBeVisible(); + }); + + test("Guest trying to access /dashboard should be redirected to /login", async ({ + page, + }) => { + await page.goto("/dashboard"); + await expect(page).toHaveURL(/\/login/); + await expect(page.getByRole("button", { name: "로그인" })).toBeVisible(); + }); + + test("Login page should load correctly", async ({ page }) => { + await page.goto("/login"); + await expect(page.getByLabel("이메일", { exact: true })).toBeVisible(); + await expect(page.getByLabel("비밀번호")).toBeVisible(); + await expect(page.getByRole("button", { name: "로그인" })).toBeVisible(); + }); +}); diff --git a/utils/supabase/middleware.ts b/utils/supabase/middleware.ts index a914257..44fe577 100644 --- a/utils/supabase/middleware.ts +++ b/utils/supabase/middleware.ts @@ -9,17 +9,24 @@ import { /** * 서버 사이드 인증 상태를 관리하고 보호된 라우트를 처리합니다. */ +// 서버 사이드 인증 상태를 관리하고 보호된 라우트를 처리합니다. export async function updateSession(request: NextRequest) { + // 1. 초기 Supabase 응답 객체 생성 + // request 헤더 등을 포함하여 초기 상태 설정 let supabaseResponse = NextResponse.next({ request }); + // 2. Supabase 클라이언트 생성 (SSR 전용) + // 쿠키 조작을 위한 setAll/getAll 메서드 오버라이딩 포함 const supabase = createServerClient( process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { + // 쿠키 가져오기 getAll() { return request.cookies.getAll(); }, + // 쿠키 설정하기 (요청 및 응답 객체 모두에 적용) setAll(cookiesToSet) { cookiesToSet.forEach(({ name, value }) => request.cookies.set(name, value), @@ -33,13 +40,18 @@ export async function updateSession(request: NextRequest) { }, ); + // 3. 현재 사용자 정보 조회 + // getUser() 사용이 보안상 안전함 (getSession보다 권장됨) const { data: { user }, } = await supabase.auth.getUser(); + // 4. 현재 요청 URL과 복구용 쿠키 확인 const { pathname } = request.nextUrl; const recoveryCookie = request.cookies.get(RECOVERY_COOKIE_NAME)?.value; + // 5. 복구 쿠키가 있는데 로그인이 안 된 경우 (세션 만료 등) + // 로그인 페이지로 강제 리다이렉트 후 복구 쿠키 삭제 if (recoveryCookie && !user) { const response = NextResponse.redirect( new URL(AUTH_ROUTES.LOGIN, request.url), @@ -48,24 +60,39 @@ export async function updateSession(request: NextRequest) { return response; } + // 6. 현재 페이지가 비밀번호 재설정 관련 라우트인지 확인 const isRecoveryRoute = pathname.startsWith(AUTH_ROUTES.RESET_PASSWORD) || pathname.startsWith(AUTH_ROUTES.AUTH_CONFIRM); + // 7. 복구 쿠키가 있는데 재설정 라우트가 아닌 다른 곳으로 가려는 경우 + // 강제로 비밀번호 재설정 페이지로 리다이렉트 (보안 조치) if (recoveryCookie && !isRecoveryRoute) { return NextResponse.redirect( new URL(AUTH_ROUTES.RESET_PASSWORD, request.url), ); } + // 8. 현재 페이지가 로그인/회원가입 등 공용 인증 페이지인지 확인 const isAuthPage = PUBLIC_AUTH_PAGES.some((page) => pathname.startsWith(page), ); - if (!user && !isAuthPage) { + // 9. 비로그인 사용자 접근 제어 + // - 유저가 없음 (!user) + // - 인증 페이지 아님 (!isAuthPage) + // - 메인 페이지(홈) 아님 (pathname !== AUTH_ROUTES.HOME) + // -> 로그인 페이지로 리다이렉트 + if (!user && !isAuthPage && pathname !== AUTH_ROUTES.HOME) { return NextResponse.redirect(new URL(AUTH_ROUTES.LOGIN, request.url)); } + // 10. 로그인 사용자 접근 제어 (인증 페이지 접근 시) + // - 유저가 있음 (user) + // - 인증 페이지 접근 시도 (isAuthPage) - 예: 이미 로그인했는데 /login 접근 + // - 비밀번호 재설정은 아님 + // - 복구 모드 아님 + // -> 메인 페이지로 리다이렉트 if ( user && isAuthPage && @@ -75,5 +102,6 @@ export async function updateSession(request: NextRequest) { return NextResponse.redirect(new URL(AUTH_ROUTES.HOME, request.url)); } + // 11. 최종 응답 반환 (변경된 쿠키 등이 포함됨) return supabaseResponse; }