Migrate components to Base UI

package.json

@@ -19,11 +19,9 @@
     "@base-ui-components/react": "1.0.0-beta.6",
     "@hookform/resolvers": "5.0.1",
     "@radix-ui/react-checkbox": "1.2.2",
-    "@radix-ui/react-dialog": "1.1.14",
     "@radix-ui/react-dropdown-menu": "2.1.15",
     "@radix-ui/react-popover": "1.1.14",
     "@radix-ui/react-radio-group": "1.3.6",
-    "@radix-ui/react-select": "2.2.2",
     "@radix-ui/react-slot": "1.2.0",
     "@tanstack/react-query": "5.83.0",
     "class-variance-authority": "0.7.1",

src/actions/patients/get-patient.ts

@@ -2,13 +2,13 @@
 
 import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { api } from '@/lib/api'
-import type { PatientType } from '@/types/patients'
+import type { Patient } from '@/types/patients'
 
 export async function getPatient(id: string) {
   const REVALIDATE_IN_SECONDS = 3600
 
   try {
-    const response = await api<PatientType>(`/patients/${id}`, {
+    const response = await api<Patient>(`/patients/${id}`, {
       includeCookies: true,
       cache: 'force-cache',
       next: {

src/actions/users.ts

@@ -5,7 +5,7 @@ import { redirect } from 'next/navigation'
 import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { ROUTES } from '@/constants/routes'
 import { api } from '@/lib/api'
-import type { UserType } from '@/types/users'
+import type { User } from '@/types/users'
 
 import { getDataFromToken } from './token'
 
@@ -16,7 +16,7 @@ export async function getProfile() {
 
   if (!data?.userId) return null
 
-  const response = await api<UserType>('/users/profile', {
+  const response = await api<User>('/users/profile', {
     includeCookies: true,
     cache: 'force-cache',
     next: {

src/app/(dashboard)/_sidebar/account.tsx

@@ -16,10 +16,10 @@ import { NEXT_CACHE_TAGS } from '@/constants/cache'
 import { ROUTES } from '@/constants/routes'
 import { api } from '@/lib/api'
 import { useSidebar } from '@/store/sidebar'
-import type { UserType } from '@/types/users'
+import type { User } from '@/types/users'
 
 interface SidebarAccountProps {
-  user: UserType
+  user: User
 }
 
 export function SidebarAccount({ user }: Readonly<SidebarAccountProps>) {

src/app/(dashboard)/_sidebar/container.tsx

@@ -20,7 +20,7 @@ export function DashboardSidebarContainer({
         className={cn(
           'border-border flex h-screen shrink-0 flex-col gap-8 overflow-x-hidden overflow-y-auto border-r py-6 transition-all duration-500',
           className,
-          expanded ? 'w-56 px-6' : 'w-18 px-4',
+          expanded ? 'w-60 px-6' : 'w-18 px-4',
         )}
         {...props}
       />
@@ -30,7 +30,7 @@ export function DashboardSidebarContainer({
         variant='outline'
         data-expanded={expanded}
         className={cn(
-          'text-disabled hover:text-foreground-soft absolute top-20 -right-4 z-50 size-8 rounded-full transition-all delay-75 duration-300 [&_svg]:size-5',
+          'text-disabled hover:text-foreground-soft absolute top-20 -right-4 z-10 size-8 rounded-full transition-all delay-75 duration-300 [&_svg]:size-5',
           'data-[expanded=true]:rotate-180',
         )}
         onClick={toogleSidebar}

src/app/(dashboard)/equipes/(members-list)/page.tsx → src/app/(dashboard)/equipes/page.tsx

@@ -1,11 +1,11 @@
 import type { Metadata } from 'next'
 
+import { TeamListTable } from '@/modules/teams/table'
+
 export const metadata: Metadata = {
-  title: 'Equipes',
+  title: 'Equipe',
 }
 
-import { MembersListTable } from './table'
-
 export default function Page() {
-  return <MembersListTable />
+  return <TeamListTable />
 }

src/app/(dashboard)/pacientes/[id]/documentos/page.tsx

@@ -1,4 +1,4 @@
-import { PatientsDocuments } from './patients-documents'
+import { PatientDocuments } from '../../../../../modules/patients/documents'
 
 const PATIENT_SECTIONS = [
   {
@@ -46,5 +46,5 @@ export default function Page() {
     return <p className='text-foreground-soft'>Nenhum documento encontrado.</p>
   }
 
-  return <PatientsDocuments sections={PATIENT_SECTIONS} />
+  return <PatientDocuments sections={PATIENT_SECTIONS} />
 }

src/app/(dashboard)/pacientes/[id]/historico/page.tsx

@@ -3,8 +3,6 @@ import { redirect } from 'next/navigation'
 
 import { ROUTES } from '@/constants/routes'
 
-import PatientHistoryTable from './patient-history-table'
-
 export const metadata: Metadata = {
   title: 'Histórico',
 }
@@ -22,5 +20,5 @@ export default async function Page({
     redirect(ROUTES.dashboard.patients.main)
   }
 
-  return <PatientHistoryTable />
+  return <div>Histórico do paciente {patientId}</div>
 }