fix all imports in tests

test/admin/components/AfterNavLinks/index.tsx

@@ -1,18 +1,11 @@
 'use client'
 
-import { useConfig } from '@payloadcms/ui'
+import { useConfig } from '@payloadcms/ui/providers/Config'
 import LinkImport from 'next/link.js'
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default
 
 import React from 'react'
 
-// As this is the demo project, we import our dependencies from the `src` directory.
-// import { useConfig } from '@payloadcms/ui'
-// import { useConfig } from '@payloadcms/ui'
-
-// In your projects, you can import as follows:
-// import { useConfig } from 'payload/components/utilities';
-
 const baseClass = 'after-nav-links'
 
 export const AfterNavLinks: React.FC = () => {

test/admin/components/BeforeLogin/index.tsx

@@ -1,9 +1,8 @@
 'use client'
 
+import { useTranslation } from '@payloadcms/ui/providers/Translation'
 import React from 'react'
 
-import { useTranslation } from '@payloadcms/ui'
-
 export const BeforeLogin: React.FC = () => {
   const translation = useTranslation()
   return (

test/admin/components/Logout/index.tsx

@@ -1,10 +1,9 @@
 'use client'
 
+import { LogOut } from '@payloadcms/ui/icons/LogOut'
+import { useConfig } from '@payloadcms/ui/providers/Config'
 import React from 'react'
 
-import { LogOut } from '@payloadcms/ui'
-import { useConfig } from '@payloadcms/ui'
-
 export const Logout: React.FC = () => {
   const config = useConfig()
   const {

test/admin/components/views/CustomDefault/index.tsx

@@ -1,13 +1,15 @@
+import { DefaultTemplate } from '@payloadcms/ui/templates/Default'
 import LinkImport from 'next/link.js'
 import { redirect } from 'next/navigation.js'
 import React from 'react'
 
 import type { AdminViewProps } from '../../../../../packages/payload/types.js'
 
-import { Button, DefaultTemplate, SetStepNav } from '@payloadcms/ui'
-
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default
 
+import { Button } from '@payloadcms/ui/elements/Button'
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
+
 import { customViewPath } from '../../../shared.js'
 import './index.scss'
 const baseClass = 'custom-default-view'

test/admin/components/views/CustomEdit/index.tsx

@@ -1,10 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound, redirect } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { EditViewComponent } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
-
 export const CustomEditView: EditViewComponent = ({ initPageResult }) => {
   if (!initPageResult) {
     notFound()

test/admin/components/views/CustomEditDefault/index.tsx

@@ -1,10 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound, redirect } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { EditViewComponent } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
-
 export const CustomDefaultEditView: EditViewComponent = ({ initPageResult }) => {
   if (!initPageResult) {
     notFound()

test/admin/components/views/CustomMinimal/index.tsx

@@ -1,9 +1,7 @@
 import LinkImport from 'next/link.js'
 import React from 'react'
 
-import { Button } from '@payloadcms/ui'
 // As this is the demo project, we import our dependencies from the `src` directory.
-import { MinimalTemplate } from '@payloadcms/ui'
 
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default
 
@@ -12,6 +10,9 @@ const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.
 // import { Button } from 'payload/components/elements';
 // import { useConfig } from 'payload/components/utilities';
 
+import { Button } from '@payloadcms/ui/elements/Button'
+import { MinimalTemplate } from '@payloadcms/ui/templates/Minimal'
+
 import type { AdminViewProps } from '../../../../../packages/payload/types.js'
 
 import { customViewPath } from '../../../shared.js'

test/admin/components/views/CustomTab/index.tsx

@@ -1,9 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { ServerSideEditViewProps } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
 import { customTabViewTitle } from '../../../shared.js'
 
 export const CustomTabView: React.FC<ServerSideEditViewProps> = ({ initPageResult }) => {

test/admin/components/views/CustomTab2/index.tsx

@@ -1,9 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { ServerSideEditViewProps } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
 import { customTabViewTitle } from '../../../shared.js'
 
 export const CustomTabView2: React.FC<ServerSideEditViewProps> = ({ initPageResult }) => {

test/admin/components/views/CustomTabNested/index.tsx

@@ -1,9 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { ServerSideEditViewProps } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
 import { customNestedTabViewTitle } from '../../../shared.js'
 
 export const CustomNestedTabView: React.FC<ServerSideEditViewProps> = ({ initPageResult }) => {

test/admin/components/views/CustomVersions/index.tsx

@@ -1,10 +1,9 @@
+import { SetStepNav } from '@payloadcms/ui/elements/StepNav'
 import { notFound, redirect } from 'next/navigation.js'
 import React, { Fragment } from 'react'
 
 import type { EditViewComponent } from '../../../../../packages/payload/types.js'
 
-import { SetStepNav } from '@payloadcms/ui'
-
 export const CustomVersionsView: EditViewComponent = ({ initPageResult }) => {
   if (!initPageResult) {
     notFound()

test/admin/components/views/CustomView/index.tsx

@@ -1,4 +1,3 @@
-// import { Button } from '@payloadcms/ui'
 import LinkImport from 'next/link.js'
 import React from 'react'
 
@@ -6,7 +5,8 @@ import type { AdminViewProps } from '../../../../../packages/payload/types.js'
 
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default
 
-import { Button } from '@payloadcms/ui'
+import { Button } from '@payloadcms/ui/elements/Button'
+
 import { customNestedViewPath, customViewTitle } from '../../../shared.js'
 
 export const CustomView: React.FC<AdminViewProps> = ({ initPageResult }) => {

test/admin/components/views/CustomViewNested/index.tsx

@@ -1,9 +1,9 @@
+import { Button } from '@payloadcms/ui/elements/Button'
 import LinkImport from 'next/link.js'
 import React from 'react'
 
 import type { AdminViewProps } from '../../../../../packages/payload/types.js'
 
-import { Button } from '@payloadcms/ui'
 import { customNestedViewTitle, customViewPath } from '../../../shared.js'
 
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default

test/admin/components/views/CustomViewWithParam/index.tsx

@@ -3,10 +3,10 @@ import React from 'react'
 
 import type { AdminViewProps } from '../../../../../packages/payload/types.js'
 
-import { Button } from '@payloadcms/ui'
-
 const Link = (LinkImport.default || LinkImport) as unknown as typeof LinkImport.default
 
+import { Button } from '@payloadcms/ui/elements/Button'
+
 import {
   customParamViewPath,
   customParamViewPathBase,

test/fields-relationship/PrePopulateFieldUI/index.tsx

@@ -1,6 +1,6 @@
+import { useField } from '@payloadcms/ui/forms/useField'
 import * as React from 'react'
 
-import { useField } from '@payloadcms/ui'
 import { collection1Slug } from '../collectionSlugs.js'
 
 export const PrePopulateFieldUI: React.FC<{

test/fields/collections/Text/CustomLabel.tsx

@@ -1,10 +1,10 @@
 'use client'
 
-import { useFieldPath } from '@payloadcms/ui'
+import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'
 import React from 'react'
 
 const CustomLabel = () => {
-  const { path } = useFieldPath()
+  const { path } = useFieldProps()
   return (
     <label className="custom-label" htmlFor={`field-${path.replace(/\./g, '__')}`}>
       #label

test/tsconfig.json

@@ -33,7 +33,44 @@
         "name": "next"
       }
     ],
-    "paths": {}
+    "paths": {
+      "@payloadcms/ui/assets": [
+        "./packages/ui/src/assets/index.ts"
+      ],
+      "@payloadcms/ui/elements/*": [
+        "./packages/ui/src/elements/*/index.tsx"
+      ],
+      "@payloadcms/ui/fields/*": [
+        "./packages/ui/src/fields/*/index.tsx"
+      ],
+      "@payloadcms/ui/forms/*": [
+        "./packages/ui/src/forms/*/index.tsx"
+      ],
+      "@payloadcms/ui/graphics/*": [
+        "./packages/ui/src/graphics/*/index.tsx"
+      ],
+      "@payloadcms/ui/hooks/*": [
+        "./packages/ui/src/hooks/*.ts"
+      ],
+      "@payloadcms/ui/icons/*": [
+        "./packages/ui/src/icons/*/index.tsx"
+      ],
+      "@payloadcms/ui/providers/*": [
+        "./packages/ui/src/providers/*/index.tsx"
+      ],
+      "@payloadcms/ui/templates/*": [
+        "./packages/ui/src/templates/*/index.tsx"
+      ],
+      "@payloadcms/ui/utilities/*": [
+        "./packages/ui/src/utilities/*.ts"
+      ],
+      "@payloadcms/ui/scss": [
+        "./packages/ui/src/scss.scss"
+      ],
+      "@payloadcms/ui/scss/app.scss": [
+        "./packages/ui/src/scss/app.scss"
+      ]
+    }
   },
   "exclude": [
     "dist",