payload 3.0.0-beta.11 → 3.0.0-beta.110

package/dist/fields/config/types.d.ts

@@ -1,71 +1,105 @@
 import type { EditorProps } from '@monaco-editor/react';
+import type { JSONSchema4 } from 'json-schema';
 import type { CSSProperties } from 'react';
-import type React from 'react';
-import type { ConditionalDateProps, Description, ErrorProps, LabelProps, RichTextAdapter, RowLabel } from '../../admin/types.js';
+import type { DeepUndefinable } from 'ts-essentials';
+import type { JoinFieldErrorClientComponent, JoinFieldErrorServerComponent, JoinFieldLabelClientComponent, JoinFieldLabelServerComponent } from '../../admin/fields/Join.js';
+import type { FieldClientComponent, FieldServerComponent } from '../../admin/forms/Field.js';
+import type { RichTextAdapter, RichTextAdapterProvider } from '../../admin/RichText.js';
+import type { ArrayFieldClientProps, ArrayFieldErrorClientComponent, ArrayFieldErrorServerComponent, ArrayFieldLabelClientComponent, ArrayFieldLabelServerComponent, BlocksFieldClientProps, BlocksFieldErrorClientComponent, BlocksFieldErrorServerComponent, CheckboxFieldClientProps, CheckboxFieldErrorClientComponent, CheckboxFieldErrorServerComponent, CheckboxFieldLabelClientComponent, CheckboxFieldLabelServerComponent, ClientTab, CodeFieldClientProps, CodeFieldErrorClientComponent, CodeFieldErrorServerComponent, CodeFieldLabelClientComponent, CodeFieldLabelServerComponent, CollapsibleFieldClientProps, CollapsibleFieldLabelClientComponent, CollapsibleFieldLabelServerComponent, ConditionalDateProps, DateFieldClientProps, DateFieldErrorClientComponent, DateFieldErrorServerComponent, DateFieldLabelClientComponent, DateFieldLabelServerComponent, Description, EmailFieldClientProps, EmailFieldErrorClientComponent, EmailFieldErrorServerComponent, EmailFieldLabelClientComponent, EmailFieldLabelServerComponent, FieldDescriptionClientComponent, FieldDescriptionServerComponent, GroupFieldClientProps, GroupFieldLabelClientComponent, GroupFieldLabelServerComponent, HiddenFieldProps, JSONFieldClientProps, JSONFieldErrorClientComponent, JSONFieldErrorServerComponent, JSONFieldLabelClientComponent, JSONFieldLabelServerComponent, MappedComponent, NumberFieldClientProps, NumberFieldErrorClientComponent, NumberFieldErrorServerComponent, NumberFieldLabelClientComponent, NumberFieldLabelServerComponent, PointFieldClientProps, PointFieldErrorClientComponent, PointFieldErrorServerComponent, PointFieldLabelClientComponent, PointFieldLabelServerComponent, RadioFieldClientProps, RadioFieldErrorClientComponent, RadioFieldErrorServerComponent, RadioFieldLabelClientComponent, RadioFieldLabelServerComponent, RelationshipFieldClientProps, RelationshipFieldErrorClientComponent, RelationshipFieldErrorServerComponent, RelationshipFieldLabelClientComponent, RelationshipFieldLabelServerComponent, RichTextFieldClientProps, RowFieldClientProps, RowLabelComponent, SelectFieldClientProps, SelectFieldErrorClientComponent, SelectFieldErrorServerComponent, SelectFieldLabelClientComponent, SelectFieldLabelServerComponent, StaticDescription, TabsFieldClientProps, TextareaFieldClientProps, TextareaFieldErrorClientComponent, TextareaFieldErrorServerComponent, TextareaFieldLabelClientComponent, TextareaFieldLabelServerComponent, TextFieldErrorClientComponent, TextFieldErrorServerComponent, TextFieldLabelClientComponent, TextFieldLabelServerComponent, UploadFieldClientProps } from '../../admin/types.js';
 import type { SanitizedCollectionConfig, TypeWithID } from '../../collections/config/types.js';
-import type { CustomComponent, LabelFunction } from '../../config/types.js';
+import type { CustomComponent, LabelFunction, PayloadComponent, StaticLabel } from '../../config/types.js';
 import type { DBIdentifierName } from '../../database/types.js';
 import type { SanitizedGlobalConfig } from '../../globals/config/types.js';
+import type { ArrayFieldValidation, BlocksFieldValidation, CheckboxFieldValidation, CodeFieldValidation, CollectionSlug, DateFieldValidation, EmailFieldValidation, JSONFieldValidation, PointFieldValidation, RadioFieldValidation, TextareaFieldValidation } from '../../index.js';
+import type { DocumentPreferences } from '../../preferences/types.js';
 import type { Operation, PayloadRequest, RequestContext, Where } from '../../types/index.js';
-import type { ClientFieldConfig } from './client.js';
-export type FieldHookArgs<T extends TypeWithID = any, P = any, S = any> = {
+import type { NumberFieldManyValidation, NumberFieldSingleValidation, RelationshipFieldManyValidation, RelationshipFieldSingleValidation, SelectFieldManyValidation, SelectFieldSingleValidation, TextFieldManyValidation, TextFieldSingleValidation, UploadFieldManyValidation, UploadFieldSingleValidation } from '../validations.js';
+export type FieldHookArgs<TData extends TypeWithID = any, TValue = any, TSiblingData = any> = {
     /** The collection which the field belongs to. If the field belongs to a global, this will be null. */
-    collection: SanitizedCollectionConfig | null;
+    collection: null | SanitizedCollectionConfig;
     context: RequestContext;
+    /**
+     * Only available in `afterRead` hooks
+     */
+    currentDepth?: number; /**
+     * Only available in `afterRead` hooks
+     */
     /** The data passed to update the document within create and update operations, and the full document itself in the afterRead hook. */
-    data?: Partial<T>;
+    data?: Partial<TData>;
+    /**
+     * Only available in the `afterRead` hook.
+     */
+    depth?: number;
+    draft?: boolean;
     /** The field which the hook is running against. */
     field: FieldAffectingData;
     /** Boolean to denote if this hook is running against finding one, or finding many within the afterRead hook. */
     findMany?: boolean;
     /** The global which the field belongs to. If the field belongs to a collection, this will be null. */
-    global: SanitizedGlobalConfig | null;
+    global: null | SanitizedGlobalConfig;
     /** A string relating to which operation the field type is currently executing within. Useful within beforeValidate, beforeChange, and afterChange hooks to differentiate between create and update operations. */
     operation?: 'create' | 'delete' | 'read' | 'update';
     /** The full original document in `update` operations. In the `afterChange` hook, this is the resulting document of the operation. */
-    originalDoc?: T;
+    originalDoc?: TData;
+    overrideAccess?: boolean;
+    /**
+     * The path of the field, e.g. ["group", "myArray", 1, "textField"]. The path is the schemaPath but with indexes and would be used in the context of field data, not field schemas.
+     */
+    path: (number | string)[];
     /** The document before changes were applied, only in `afterChange` hooks. */
-    previousDoc?: T;
-    /** The sibling data of the document before changes being applied, only in `beforeChange` and `afterChange` hook. */
-    previousSiblingDoc?: T;
-    /** The previous value of the field, before changes, only in `beforeChange` and `afterChange` hooks. */
-    previousValue?: P;
+    previousDoc?: TData;
+    /** The sibling data of the document before changes being applied, only in `beforeChange`, `beforeValidate`, `beforeDuplicate` and `afterChange` field hooks. */
+    previousSiblingDoc?: TData;
+    /** The previous value of the field, before changes, only in `beforeChange`, `afterChange`, `beforeDuplicate` and `beforeValidate` field hooks. */
+    previousValue?: TValue;
     /** The Express request object. It is mocked for Local API operations. */
     req: PayloadRequest;
+    /**
+     * The schemaPath of the field, e.g. ["group", "myArray", "textField"]. The schemaPath is the path but without indexes and would be used in the context of field schemas, not field data.
+     */
+    schemaPath: string[];
+    /**
+     * Only available in the `afterRead` hook.
+     */
+    showHiddenFields?: boolean;
     /** The sibling data passed to a field that the hook is running against. */
-    siblingData: Partial<S>;
+    siblingData: Partial<TSiblingData>;
+    /**
+     * The original siblingData with locales (not modified by any hooks). Only available in `beforeChange` and `beforeDuplicate` field hooks.
+     */
+    siblingDocWithLocales?: Record<string, unknown>;
     /** The value of the field. */
-    value?: P;
+    value?: TValue;
 };
-export type FieldHook<T extends TypeWithID = any, P = any, S = any> = (args: FieldHookArgs<T, P, S>) => P | Promise<P>;
-export type FieldAccess<T extends TypeWithID = any, P = any, U = any> = (args: {
+export type FieldHook<TData extends TypeWithID = any, TValue = any, TSiblingData = any> = (args: FieldHookArgs<TData, TValue, TSiblingData>) => Promise<TValue> | TValue;
+export type FieldAccess<TData extends TypeWithID = any, TSiblingData = any> = (args: {
     /**
      * The incoming data used to `create` or `update` the document with. `data` is undefined during the `read` operation.
      */
-    data?: Partial<T>;
+    data?: Partial<TData>;
     /**
      * The original data of the document before the `update` is applied. `doc` is undefined during the `create` operation.
      */
-    doc?: T;
+    doc?: TData;
     /**
      * The `id` of the current document being read or updated. `id` is undefined during the `create` operation.
      */
     id?: number | string;
     /** The `payload` object to interface with the payload API */
-    req: PayloadRequest<U>;
+    req: PayloadRequest;
     /**
      * Immediately adjacent data to this field. For example, if this is a `group` field, then `siblingData` will be the other fields within the group.
      */
-    siblingData?: Partial<P>;
-}) => Promise<boolean> | boolean;
-export type Condition<T extends TypeWithID = any, P = any> = (data: Partial<T>, siblingData: Partial<P>, { user }: {
+    siblingData?: Partial<TSiblingData>;
+}) => boolean | Promise<boolean>;
+export type Condition<TData extends TypeWithID = any, TSiblingData = any> = (data: Partial<TData>, siblingData: Partial<TSiblingData>, { user }: {
     user: PayloadRequest['user'];
 }) => boolean;
-export type FilterOptionsProps<T = any> = {
+export type FilterOptionsProps<TData = any> = {
     /**
      * An object containing the full collection or global document currently being edited.
      */
-    data: T;
+    data: TData;
     /**
      * The `id` of the current document being edited. `id` is undefined during the `create` operation.
      */
@@ -73,7 +107,7 @@ export type FilterOptionsProps<T = any> = {
     /**
      * The collection `slug` to filter against, limited to this field's `relationTo` property.
      */
-    relationTo: string;
+    relationTo: CollectionSlug;
     /**
      * An object containing document data that is scoped to only fields within the same parent of this field.
      */
@@ -83,55 +117,118 @@ export type FilterOptionsProps<T = any> = {
      */
     user: Partial<PayloadRequest['user']>;
 };
-export type FilterOptions<T = any> = ((options: FilterOptionsProps<T>) => Promise<Where | boolean> | Where | boolean) | Where | null;
+export type FilterOptionsFunc<TData = any> = (options: FilterOptionsProps<TData>) => boolean | Promise<boolean | Where> | Where;
+export type FilterOptions<TData = any> = ((options: FilterOptionsProps<TData>) => boolean | Promise<boolean | Where> | Where) | null | Where;
 type Admin = {
     className?: string;
     components?: {
         Cell?: CustomComponent;
-        Field?: CustomComponent;
-        Filter?: React.ComponentType<any>;
+        Description?: CustomComponent<FieldDescriptionClientComponent | FieldDescriptionServerComponent>;
+        Field?: CustomComponent<FieldClientComponent | FieldServerComponent>;
+        /**
+         * The Filter component has to be a client component
+         */
+        Filter?: PayloadComponent;
     };
     /**
      * You can programmatically show / hide fields based on what other fields are doing.
      * This is also run on the server, to determine if the field should be validated.
      */
     condition?: Condition;
+    /** Extension point to add your custom data. Available in server and client. */
+    custom?: Record<string, any>;
     description?: Description;
     disableBulkEdit?: boolean;
     disabled?: boolean;
+    /**
+     * Shows / hides fields from appearing in the list view column selector.
+     * @type boolean
+     */
+    disableListColumn?: boolean;
+    /**
+     * Shows / hides fields from appearing in the list view filter options.
+     * @type boolean
+     */
+    disableListFilter?: boolean;
     hidden?: boolean;
     position?: 'sidebar';
     readOnly?: boolean;
     style?: CSSProperties;
-    width?: string;
+    width?: CSSProperties['width'];
+};
+export type AdminClient = {
+    className?: string;
+    components?: {
+        Cell?: MappedComponent;
+        Description?: MappedComponent;
+        Field?: MappedComponent;
+        /**
+         * The Filter component has to be a client component
+         */
+        Filter?: MappedComponent;
+    };
+    /** Extension point to add your custom data. Available in server and client. */
+    custom?: Record<string, any>;
+    description?: StaticDescription;
+    disableBulkEdit?: boolean;
+    disabled?: boolean;
+    /**
+     * Shows / hides fields from appearing in the list view column selector.
+     * @type boolean
+     */
+    disableListColumn?: boolean;
+    /**
+     * Shows / hides fields from appearing in the list view filter options.
+     * @type boolean
+     */
+    disableListFilter?: boolean;
+    hidden?: boolean;
+    position?: 'sidebar';
+    readOnly?: boolean;
+    style?: {
+        '--field-width'?: CSSProperties['width'];
+    } & CSSProperties;
+    width?: CSSProperties['width'];
 };
 export type Labels = {
-    plural: LabelFunction | Record<string, string> | string;
-    singular: LabelFunction | Record<string, string> | string;
+    plural: LabelFunction | StaticLabel;
+    singular: LabelFunction | StaticLabel;
 };
-export type BaseValidateOptions<TData, TSiblingData> = {
+export type LabelsClient = {
+    plural: StaticLabel;
+    singular: StaticLabel;
+};
+export type BaseValidateOptions<TData, TSiblingData, TValue> = {
+    collectionSlug?: string;
     data: Partial<TData>;
     id?: number | string;
     operation?: Operation;
+    preferences: DocumentPreferences;
+    previousValue?: TValue;
     req: PayloadRequest;
+    required?: boolean;
     siblingData: Partial<TSiblingData>;
 };
-export type ValidateOptions<TData, TSiblingData, TFieldConfig extends object> = BaseValidateOptions<TData, TSiblingData> & TFieldConfig;
-export type Validate<TValue = any, TData = any, TSiblingData = any, TFieldConfig extends object = object> = (value: TValue, options: ValidateOptions<TData, TSiblingData, TFieldConfig>) => Promise<string | true> | string | true;
-export type ClientValidate = Omit<Validate, 'req'>;
+export type ValidateOptions<TData, TSiblingData, TFieldConfig extends object, TValue> = BaseValidateOptions<TData, TSiblingData, TValue> & TFieldConfig;
+export type Validate<TValue = any, TData = any, TSiblingData = any, TFieldConfig extends object = object> = (value: null | TValue | undefined, options: ValidateOptions<TData, TSiblingData, TFieldConfig, TValue>) => Promise<string | true> | string | true;
 export type OptionObject = {
-    label: LabelFunction | Record<string, string> | string;
+    label: LabelFunction | StaticLabel;
     value: string;
 };
 export type Option = OptionObject | string;
 export interface FieldBase {
+    /**
+     * Do not set this property manually. This is set to true during sanitization, to avoid
+     * sanitizing the same field multiple times.
+     */
+    _sanitized?: boolean;
     access?: {
         create?: FieldAccess;
         read?: FieldAccess;
         update?: FieldAccess;
     };
     admin?: Admin;
-    /** Extension point to add your custom data. */
+    /** Extension point to add your custom data. Server only. */
     custom?: Record<string, any>;
     defaultValue?: any;
     hidden?: boolean;
@@ -146,32 +243,77 @@ export interface FieldBase {
         beforeValidate?: FieldHook[];
     };
     index?: boolean;
-    label?: LabelFunction | Record<string, string> | false | string;
+    label?: false | LabelFunction | StaticLabel;
     localized?: boolean;
+    /**
+     * The name of the field. Must be alphanumeric and cannot contain ' . '
+     *
+     * Must not be one of reserved field names: ['__v', 'salt', 'hash', 'file']
+     * @link https://payloadcms.com/docs/fields/overview#field-names
+     */
     name: string;
     required?: boolean;
     saveToJWT?: boolean | string;
+    /**
+     * Allows you to modify the base JSON schema that is generated during generate:types for this field.
+     * This JSON schema will be used to generate the TypeScript interface of this field.
+     */
+    typescriptSchema?: Array<(args: {
+        jsonSchema: JSONSchema4;
+    }) => JSONSchema4>;
     unique?: boolean;
     validate?: Validate;
+    /**
+     * Pass `true` to disable field in the DB
+     * for [Virtual Fields](https://payloadcms.com/blog/learn-how-virtual-fields-can-help-solve-common-cms-challenges):
+     */
+    virtual?: boolean;
+}
+export interface FieldBaseClient {
+    _isPresentational?: undefined;
+    _path?: string;
+    _schemaPath?: string;
+    admin?: AdminClient;
+    hidden?: boolean;
+    index?: boolean;
+    label?: StaticLabel;
+    localized?: boolean;
+    /**
+     * The name of the field. Must be alphanumeric and cannot contain ' . '
+     *
+     * Must not be one of reserved field names: ['__v', 'salt', 'hash', 'file']
+     * @link https://payloadcms.com/docs/fields/overview#field-names
+     */
+    name: string;
+    required?: boolean;
+    saveToJWT?: boolean | string;
+    /**
+     * Allows you to modify the base JSON schema that is generated during generate:types for this field.
+     * This JSON schema will be used to generate the TypeScript interface of this field.
+     */
+    typescriptSchema?: Array<(args: {
+        jsonSchema: JSONSchema4;
+    }) => JSONSchema4>;
+    unique?: boolean;
 }
-export type NumberField = FieldBase & {
-    admin?: Admin & {
+export type NumberField = {
+    admin?: {
         /** Set this property to a string that will be used for browser autocomplete. */
         autoComplete?: string;
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
+            Error?: CustomComponent<NumberFieldErrorClientComponent | NumberFieldErrorServerComponent>;
+            Label?: CustomComponent<NumberFieldLabelClientComponent | NumberFieldLabelServerComponent>;
+        } & Admin['components'];
         /** Set this property to define a placeholder string for the field. */
         placeholder?: Record<string, string> | string;
         /** Set a value for the number field to increment / decrement using browser controls. */
         step?: number;
-    };
-    /** Maximum value accepted. Used in the default `validation` function. */
+    } & Admin;
+    /** Maximum value accepted. Used in the default `validate` function. */
     max?: number;
-    /** Minimum value accepted. Used in the default `validation` function. */
+    /** Minimum value accepted. Used in the default `validate` function. */
     min?: number;
     type: 'number';
 } & ({
@@ -181,6 +323,7 @@ export type NumberField = FieldBase & {
     maxRows?: number;
     /** Minimum number of numbers in the numbers array, if `hasMany` is set to true. */
     minRows?: number;
+    validate?: NumberFieldManyValidation;
 } | {
     /** Makes this field an ordered array of numbers instead of just a single number. */
     hasMany?: false | undefined;
@@ -188,19 +331,30 @@ export type NumberField = FieldBase & {
     maxRows?: undefined;
     /** Minimum number of numbers in the numbers array, if `hasMany` is set to true. */
     minRows?: undefined;
-});
-export type TextField = FieldBase & {
-    admin?: Admin & {
+    validate?: NumberFieldSingleValidation;
+}) & Omit<FieldBase, 'validate'>;
+export type NumberFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<NumberField['admin'], 'autoComplete' | 'placeholder' | 'step'>;
+} & FieldBaseClient & Pick<NumberField, 'hasMany' | 'max' | 'maxRows' | 'min' | 'minRows' | 'type'>;
+export type TextField = {
+    admin?: {
         autoComplete?: string;
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
+            Error?: CustomComponent<TextFieldErrorClientComponent | TextFieldErrorServerComponent>;
+            Label?: CustomComponent<TextFieldLabelClientComponent | TextFieldLabelServerComponent>;
+        } & Admin['components'];
         placeholder?: Record<string, string> | string;
         rtl?: boolean;
-    };
+    } & Admin;
     maxLength?: number;
     minLength?: number;
     type: 'text';
@@ -211,6 +365,7 @@ export type TextField = FieldBase & {
     maxRows?: number;
     /** Minimum number of strings in the strings array, if `hasMany` is set to true. */
     minRows?: number;
+    validate?: TextFieldManyValidation;
 } | {
     /** Makes this field an ordered array of strings instead of just a single string. */
     hasMany?: false | undefined;
@@ -218,105 +373,203 @@ export type TextField = FieldBase & {
     maxRows?: undefined;
     /** Minimum number of strings in the strings array, if `hasMany` is set to true. */
     minRows?: undefined;
-});
-export type EmailField = FieldBase & {
-    admin?: Admin & {
+    validate?: TextFieldSingleValidation;
+}) & Omit<FieldBase, 'validate'>;
+export type TextFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<TextField['admin'], 'autoComplete' | 'placeholder' | 'rtl'>;
+} & FieldBaseClient & Pick<TextField, 'hasMany' | 'maxLength' | 'maxRows' | 'minLength' | 'minRows' | 'type'>;
+export type EmailField = {
+    admin?: {
         autoComplete?: string;
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
+            Error?: CustomComponent<EmailFieldErrorClientComponent | EmailFieldErrorServerComponent>;
+            Label?: CustomComponent<EmailFieldLabelClientComponent | EmailFieldLabelServerComponent>;
+        } & Admin['components'];
         placeholder?: Record<string, string> | string;
-    };
+    } & Admin;
     type: 'email';
-};
-export type TextareaField = FieldBase & {
-    admin?: Admin & {
+    validate?: EmailFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type EmailFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<EmailField['admin'], 'placeholder'>;
+} & FieldBaseClient & Pick<EmailField, 'type'>;
+export type TextareaField = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
+            Error?: CustomComponent<TextareaFieldErrorClientComponent | TextareaFieldErrorServerComponent>;
+            Label?: CustomComponent<TextareaFieldLabelClientComponent | TextareaFieldLabelServerComponent>;
+        } & Admin['components'];
         placeholder?: Record<string, string> | string;
         rows?: number;
         rtl?: boolean;
-    };
+    } & Admin;
     maxLength?: number;
     minLength?: number;
     type: 'textarea';
-};
-export type CheckboxField = FieldBase & {
-    admin?: Admin & {
+    validate?: TextareaFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type TextareaFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<TextareaField['admin'], 'placeholder' | 'rows' | 'rtl'>;
+} & FieldBaseClient & Pick<TextareaField, 'maxLength' | 'minLength' | 'type'>;
+export type CheckboxField = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
-    };
+            Error?: CustomComponent<CheckboxFieldErrorClientComponent | CheckboxFieldErrorServerComponent>;
+            Label?: CustomComponent<CheckboxFieldLabelClientComponent | CheckboxFieldLabelServerComponent>;
+        } & Admin['components'];
+    } & Admin;
     type: 'checkbox';
-};
-export type DateField = FieldBase & {
-    admin?: Admin & {
+    validate?: CheckboxFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type CheckboxFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient;
+} & FieldBaseClient & Pick<CheckboxField, 'type'>;
+export type DateField = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
             afterInput?: CustomComponent[];
             beforeInput?: CustomComponent[];
-        };
+            Error?: CustomComponent<DateFieldErrorClientComponent | DateFieldErrorServerComponent>;
+            Label?: CustomComponent<DateFieldLabelClientComponent | DateFieldLabelServerComponent>;
+        } & Admin['components'];
         date?: ConditionalDateProps;
         placeholder?: Record<string, string> | string;
-    };
+    } & Admin;
     type: 'date';
-};
-export type GroupField = Omit<FieldBase, 'required' | 'validation'> & {
-    admin?: Admin & {
+    validate?: DateFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type DateFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<DateField['admin'], 'date' | 'placeholder'>;
+} & FieldBaseClient & Pick<DateField, 'type'>;
+export type GroupField = {
+    admin?: {
+        components?: {
+            Label?: CustomComponent<GroupFieldLabelClientComponent | GroupFieldLabelServerComponent>;
+        } & Admin['components'];
         hideGutter?: boolean;
-    };
+    } & Admin;
     fields: Field[];
     /** Customize generated GraphQL and Typescript schema names.
-     * By default it is bound to the collection.
+     * By default, it is bound to the collection.
      *
      * This is useful if you would like to generate a top level type to share amongst collections/fields.
-     * **Note**: Top level types can collide, ensure they are unique among collections, arrays, groups, blocks, tabs.
+     * **Note**: Top level types can collide, ensure they are unique amongst collections, arrays, groups, blocks, tabs.
      */
     interfaceName?: string;
     type: 'group';
-};
-export type RowAdmin = Omit<Admin, 'description'>;
-export type RowField = Omit<FieldBase, 'admin' | 'label' | 'name'> & {
-    admin?: RowAdmin;
+    validate?: Validate<unknown, unknown, unknown, GroupField>;
+} & Omit<FieldBase, 'required' | 'validate'>;
+export type GroupFieldClient = {
+    admin?: {
+        components?: {
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<GroupField['admin'], 'hideGutter'>;
+    fields: ClientField[];
+} & Omit<FieldBaseClient, 'required'> & Pick<GroupField, 'interfaceName' | 'type'>;
+export type RowField = {
+    admin?: Omit<Admin, 'description'>;
     fields: Field[];
     type: 'row';
-};
-export type CollapsibleField = Omit<FieldBase, 'label' | 'name'> & {
-    admin?: Admin & {
-        initCollapsed?: boolean;
-    };
+} & Omit<FieldBase, 'admin' | 'label' | 'name' | 'validate' | 'virtual'>;
+export type RowFieldClient = {
+    admin?: Omit<AdminClient, 'description'>;
+    fields: ClientField[];
+} & Omit<FieldBaseClient, 'admin' | 'label' | 'name'> & Pick<RowField, 'type'>;
+export type CollapsibleField = {
     fields: Field[];
-    label: RowLabel;
     type: 'collapsible';
-};
-export type TabsAdmin = Omit<Admin, 'description'>;
-type TabBase = Omit<FieldBase, 'required' | 'validation'> & {
+} & ({
+    admin: {
+        components: {
+            Label?: CustomComponent<CollapsibleFieldLabelClientComponent | CollapsibleFieldLabelServerComponent>;
+            RowLabel: RowLabelComponent;
+        } & Admin['components'];
+        initCollapsed?: boolean;
+    } & Admin;
+    label?: Required<FieldBase['label']>;
+} | {
+    admin?: {
+        components?: {
+            Label?: CustomComponent<CollapsibleFieldLabelClientComponent | CollapsibleFieldLabelServerComponent>;
+        } & Admin['components'];
+        initCollapsed?: boolean;
+    } & Admin;
+    label: Required<FieldBase['label']>;
+}) & Omit<FieldBase, 'label' | 'name' | 'validate' | 'virtual'>;
+export type CollapsibleFieldClient = {
+    fields: ClientField[];
+} & ({
+    admin: {
+        components: {
+            RowLabel: MappedComponent;
+        } & AdminClient['components'];
+        initCollapsed?: boolean;
+    } & AdminClient;
+    label?: Required<FieldBaseClient['label']>;
+} | {
+    admin?: {
+        initCollapsed?: boolean;
+    } & AdminClient;
+    label: Required<FieldBaseClient['label']>;
+}) & Omit<FieldBaseClient, 'label' | 'name' | 'validate'> & Pick<CollapsibleField, 'type'>;
+type TabBase = {
     description?: Description;
     fields: Field[];
     interfaceName?: string;
     saveToJWT?: boolean | string;
-};
-export type NamedTab = TabBase & {
+} & Omit<FieldBase, 'required' | 'validate'>;
+export type NamedTab = {
     /** Customize generated GraphQL and Typescript schema names.
      * The slug is used by default.
      *
      * This is useful if you would like to generate a top level type to share amongst collections/fields.
-     * **Note**: Top level types can collide, ensure they are unique among collections, arrays, groups, blocks, tabs.
+     * **Note**: Top level types can collide, ensure they are unique amongst collections, arrays, groups, blocks, tabs.
      */
     interfaceName?: string;
-};
-export type UnnamedTab = Omit<TabBase, 'name'> & {
+} & TabBase;
+export type UnnamedTab = {
     interfaceName?: never;
     /**
      * Can be either:
@@ -327,81 +580,205 @@ export type UnnamedTab = Omit<TabBase, 'name'> & {
         [selectedLanguage: string]: string;
     } | LabelFunction | string;
     localized?: never;
-};
+} & Omit<TabBase, 'name' | 'virtual'>;
 export type Tab = NamedTab | UnnamedTab;
-export type TabsField = Omit<FieldBase, 'admin' | 'localized' | 'name' | 'saveToJWT'> & {
-    admin?: TabsAdmin;
+export type TabsField = {
+    admin?: Omit<Admin, 'description'>;
     tabs: Tab[];
     type: 'tabs';
-};
-export type TabAsField = Tab & {
+} & Omit<FieldBase, 'admin' | 'localized' | 'name' | 'saveToJWT' | 'virtual'>;
+export type TabsFieldClient = {
+    admin?: Omit<AdminClient, 'description'>;
+    tabs: ClientTab[];
+} & Omit<FieldBaseClient, 'admin' | 'localized' | 'name' | 'saveToJWT'> & Pick<TabsField, 'type'>;
+export type TabAsField = {
     name?: string;
     type: 'tab';
-};
+} & Tab;
+export type TabAsFieldClient = ClientTab & Pick<TabAsField, 'name' | 'type'>;
 export type UIField = {
     admin: {
         components?: {
             Cell?: CustomComponent;
             Field: CustomComponent;
-            Filter?: React.ComponentType<any>;
-        };
+            /**
+             * The Filter component has to be a client component
+             */
+            Filter?: PayloadComponent;
+        } & Admin['components'];
         condition?: Condition;
+        /** Extension point to add your custom data. Available in server and client. */
+        custom?: Record<string, any>;
         disableBulkEdit?: boolean;
+        /**
+         * Shows / hides fields from appearing in the list view column selector.
+         * @type boolean
+         */
+        disableListColumn?: boolean;
         position?: string;
-        width?: string;
+        width?: CSSProperties['width'];
     };
-    /** Extension point to add your custom data. */
+    /** Extension point to add your custom data. Server only. */
     custom?: Record<string, any>;
     label?: Record<string, string> | string;
     name: string;
     type: 'ui';
 };
-export type UploadField = FieldBase & {
-    admin?: {
+export type UIFieldClient = {
+    _isPresentational?: true;
+    admin: DeepUndefinable<FieldBaseClient['admin']> & {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
-        };
-    };
+            Cell?: MappedComponent;
+            Field: MappedComponent;
+            Filter?: MappedComponent;
+        } & AdminClient['components'];
+    } & Pick<UIField['admin'], 'custom' | 'disableBulkEdit' | 'disableListColumn' | 'position' | 'width'>;
+} & Omit<DeepUndefinable<FieldBaseClient>, '_isPresentational' | 'admin'> & // still include FieldBaseClient (even if it's undefinable) so that we don't need constant type checks (e.g. if('xy' in field))
+Pick<UIField, 'label' | 'name' | 'type'>;
+type SharedUploadProperties = {
+    /**
+     * Toggle the preview in the admin interface.
+     */
+    displayPreview?: boolean;
     filterOptions?: FilterOptions;
+    /**
+     * Sets a maximum population depth for this field, regardless of the remaining depth when this field is reached.
+     *
+     * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}
+     */
     maxDepth?: number;
-    relationTo: string;
     type: 'upload';
-};
-type CodeAdmin = Admin & {
+} & ({
+    hasMany: true;
+    /**
+     * @deprecated Use 'maxRows' instead
+     */
+    max?: number;
+    maxRows?: number;
+    /**
+     * @deprecated Use 'minRows' instead
+     */
+    min?: number;
+    minRows?: number;
+    validate?: UploadFieldManyValidation;
+} | {
+    hasMany?: false | undefined;
+    /**
+     * @deprecated Use 'maxRows' instead
+     */
+    max?: undefined;
+    maxRows?: undefined;
+    /**
+     * @deprecated Use 'minRows' instead
+     */
+    min?: undefined;
+    minRows?: undefined;
+    validate?: UploadFieldSingleValidation;
+}) & Omit<FieldBase, 'validate'>;
+type SharedUploadPropertiesClient = FieldBaseClient & Pick<SharedUploadProperties, 'hasMany' | 'max' | 'maxDepth' | 'maxRows' | 'min' | 'minRows' | 'type'>;
+type UploadAdmin = {
+    allowCreate?: boolean;
     components?: {
-        Error?: CustomComponent<ErrorProps>;
-        Label?: CustomComponent<LabelProps>;
-    };
-    editorOptions?: EditorProps['options'];
-    language?: string;
-};
-export type CodeField = Omit<FieldBase, 'admin'> & {
-    admin?: CodeAdmin;
+        Error?: CustomComponent<RelationshipFieldErrorClientComponent | RelationshipFieldErrorServerComponent>;
+        Label?: CustomComponent<RelationshipFieldLabelClientComponent | RelationshipFieldLabelServerComponent>;
+    } & Admin['components'];
+    isSortable?: boolean;
+} & Admin;
+type UploadAdminClient = {
+    components?: {
+        Error?: MappedComponent;
+        Label?: MappedComponent;
+    } & AdminClient['components'];
+} & AdminClient & Pick<UploadAdmin, 'allowCreate' | 'isSortable'>;
+export type PolymorphicUploadField = {
+    admin?: {
+        sortOptions?: {
+            [collectionSlug: CollectionSlug]: string;
+        };
+    } & UploadAdmin;
+    relationTo: CollectionSlug[];
+} & SharedUploadProperties;
+export type PolymorphicUploadFieldClient = {
+    admin?: {
+        sortOptions?: Pick<PolymorphicUploadField['admin'], 'sortOptions'>;
+    } & UploadAdminClient;
+} & Pick<PolymorphicUploadField, 'displayPreview' | 'maxDepth' | 'relationTo' | 'type'> & SharedUploadPropertiesClient;
+export type SingleUploadField = {
+    admin?: {
+        sortOptions?: string;
+    } & UploadAdmin;
+    relationTo: CollectionSlug;
+} & SharedUploadProperties;
+export type SingleUploadFieldClient = {
+    admin?: Pick<SingleUploadField['admin'], 'sortOptions'> & UploadAdminClient;
+} & Pick<SingleUploadField, 'displayPreview' | 'maxDepth' | 'relationTo' | 'type'> & SharedUploadPropertiesClient;
+export type UploadField = SingleUploadField;
+export type UploadFieldClient = SingleUploadFieldClient;
+export type CodeField = {
+    admin?: {
+        components?: {
+            afterInput?: CustomComponent[];
+            beforeInput?: CustomComponent[];
+            Error?: CustomComponent<CodeFieldErrorClientComponent | CodeFieldErrorServerComponent>;
+            Label?: CustomComponent<CodeFieldLabelClientComponent | CodeFieldLabelServerComponent>;
+        } & Admin['components'];
+        editorOptions?: EditorProps['options'];
+        language?: string;
+    } & Admin;
     maxLength?: number;
     minLength?: number;
     type: 'code';
-};
-type JSONAdmin = Admin & {
-    components?: {
-        Error?: CustomComponent<ErrorProps>;
-        Label?: CustomComponent<LabelProps>;
+    validate?: CodeFieldValidation;
+} & Omit<FieldBase, 'admin' | 'validate'>;
+export type CodeFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<CodeField['admin'], 'editorOptions' | 'language'>;
+} & Omit<FieldBaseClient, 'admin'> & Pick<CodeField, 'maxLength' | 'minLength' | 'type'>;
+export type JSONField = {
+    admin?: {
+        components?: {
+            afterInput?: CustomComponent[];
+            beforeInput?: CustomComponent[];
+            Error?: CustomComponent<JSONFieldErrorClientComponent | JSONFieldErrorServerComponent>;
+            Label?: CustomComponent<JSONFieldLabelClientComponent | JSONFieldLabelServerComponent>;
+        } & Admin['components'];
+        editorOptions?: EditorProps['options'];
+    } & Admin;
+    jsonSchema?: {
+        fileMatch: string[];
+        schema: JSONSchema4;
+        uri: string;
     };
-    editorOptions?: EditorProps['options'];
-};
-export type JSONField = Omit<FieldBase, 'admin'> & {
-    admin?: JSONAdmin;
     type: 'json';
-};
-export type SelectField = FieldBase & {
-    admin?: Admin & {
+    validate?: JSONFieldValidation;
+} & Omit<FieldBase, 'admin' | 'validate'>;
+export type JSONFieldClient = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
-        };
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<JSONField['admin'], 'editorOptions'>;
+} & Omit<FieldBaseClient, 'admin'> & Pick<JSONField, 'jsonSchema' | 'type'>;
+export type SelectField = {
+    admin?: {
+        components?: {
+            afterInput?: CustomComponent[];
+            beforeInput?: CustomComponent[];
+            Error?: CustomComponent<SelectFieldErrorClientComponent | SelectFieldErrorServerComponent>;
+            Label?: CustomComponent<SelectFieldLabelClientComponent | SelectFieldLabelServerComponent>;
+        } & Admin['components'];
         isClearable?: boolean;
         isSortable?: boolean;
-    };
+    } & Admin;
     /**
      * Customize the SQL table name
      */
@@ -413,10 +790,30 @@ export type SelectField = FieldBase & {
     hasMany?: boolean;
     options: Option[];
     type: 'select';
-};
-type SharedRelationshipProperties = FieldBase & {
+} & ({
+    hasMany: true;
+    validate?: SelectFieldManyValidation;
+} | {
+    hasMany?: false | undefined;
+    validate?: SelectFieldSingleValidation;
+}) & Omit<FieldBase, 'validate'>;
+export type SelectFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<SelectField['admin'], 'isClearable' | 'isSortable'>;
+} & FieldBaseClient & Pick<SelectField, 'hasMany' | 'options' | 'type'>;
+type SharedRelationshipProperties = {
     filterOptions?: FilterOptions;
-    hasMany?: boolean;
+    /**
+     * Sets a maximum population depth for this field, regardless of the remaining depth when this field is reached.
+     *
+     * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}
+     */
     maxDepth?: number;
     type: 'relationship';
 } & ({
@@ -431,6 +828,7 @@ type SharedRelationshipProperties = FieldBase & {
      */
     min?: number;
     minRows?: number;
+    validate?: RelationshipFieldManyValidation;
 } | {
     hasMany?: false | undefined;
     /**
@@ -443,81 +841,132 @@ type SharedRelationshipProperties = FieldBase & {
      */
     min?: undefined;
     minRows?: undefined;
-});
-type RelationshipAdmin = Admin & {
+    validate?: RelationshipFieldSingleValidation;
+}) & Omit<FieldBase, 'validate'>;
+type SharedRelationshipPropertiesClient = FieldBaseClient & Pick<SharedRelationshipProperties, 'hasMany' | 'max' | 'maxDepth' | 'maxRows' | 'min' | 'minRows' | 'type'>;
+type RelationshipAdmin = {
     allowCreate?: boolean;
+    allowEdit?: boolean;
     components?: {
-        Error?: CustomComponent<ErrorProps>;
-        Label?: CustomComponent<LabelProps>;
-    };
+        Error?: CustomComponent<RelationshipFieldErrorClientComponent | RelationshipFieldErrorServerComponent>;
+        Label?: CustomComponent<RelationshipFieldLabelClientComponent | RelationshipFieldLabelServerComponent>;
+    } & Admin['components'];
     isSortable?: boolean;
-};
-export type PolymorphicRelationshipField = SharedRelationshipProperties & {
-    admin?: RelationshipAdmin & {
+} & Admin;
+type RelationshipAdminClient = {
+    components?: {
+        Error?: MappedComponent;
+        Label?: MappedComponent;
+    } & AdminClient['components'];
+} & AdminClient & Pick<RelationshipAdmin, 'allowCreate' | 'allowEdit' | 'isSortable'>;
+export type PolymorphicRelationshipField = {
+    admin?: {
         sortOptions?: {
-            [collectionSlug: string]: string;
+            [collectionSlug: CollectionSlug]: string;
         };
-    };
-    relationTo: string[];
-};
-export type SingleRelationshipField = SharedRelationshipProperties & {
-    admin?: RelationshipAdmin & {
+    } & RelationshipAdmin;
+    relationTo: CollectionSlug[];
+} & SharedRelationshipProperties;
+export type PolymorphicRelationshipFieldClient = {
+    admin?: {
+        sortOptions?: Pick<PolymorphicRelationshipField['admin'], 'sortOptions'>;
+    } & RelationshipAdminClient;
+} & Pick<PolymorphicRelationshipField, 'relationTo'> & SharedRelationshipPropertiesClient;
+export type SingleRelationshipField = {
+    admin?: {
         sortOptions?: string;
-    };
-    relationTo: string;
-};
+    } & RelationshipAdmin;
+    relationTo: CollectionSlug;
+} & SharedRelationshipProperties;
+export type SingleRelationshipFieldClient = {
+    admin?: Partial<Pick<SingleRelationshipField['admin'], 'sortOptions'>> & RelationshipAdminClient;
+} & Pick<SingleRelationshipField, 'relationTo'> & SharedRelationshipPropertiesClient;
 export type RelationshipField = PolymorphicRelationshipField | SingleRelationshipField;
+export type RelationshipFieldClient = PolymorphicRelationshipFieldClient | SingleRelationshipFieldClient;
 export type ValueWithRelation = {
-    relationTo: string;
+    relationTo: CollectionSlug;
     value: number | string;
 };
 export declare function valueIsValueWithRelation(value: unknown): value is ValueWithRelation;
-export type RelationshipValue = (number | string)[] | ValueWithRelation | ValueWithRelation[] | (number | string);
-export type RichTextField<Value extends object = any, AdapterProps = any, ExtraProperties = object> = FieldBase & {
-    admin?: Admin & {
+export type RelationshipValue = RelationshipValueMany | RelationshipValueSingle;
+export type RelationshipValueMany = (number | string)[] | ValueWithRelation[];
+export type RelationshipValueSingle = number | string | ValueWithRelation;
+export type RichTextField<TValue extends object = any, TAdapterProps = any, TExtraProperties = object> = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
-        };
-    };
-    editor?: RichTextAdapter<Value, AdapterProps, AdapterProps>;
+            Error?: CustomComponent;
+            Label?: CustomComponent;
+        } & Admin['components'];
+    } & Admin;
+    editor?: RichTextAdapter<TValue, TAdapterProps, TExtraProperties> | RichTextAdapterProvider<TValue, TAdapterProps, TExtraProperties>;
+    /**
+     * Sets a maximum population depth for this field, regardless of the remaining depth when this field is reached.
+     *
+     * {@link https://payloadcms.com/docs/getting-started/concepts#field-level-max-depth}
+     */
+    maxDepth?: number;
     type: 'richText';
-} & ExtraProperties;
-export type RichTextFieldRequiredEditor<Value extends object = any, AdapterProps = any, ExtraProperties = object> = Omit<RichTextField<Value, AdapterProps, ExtraProperties>, 'editor'> & {
-    editor: RichTextAdapter<Value, AdapterProps, ExtraProperties>;
-};
-export type ArrayField = FieldBase & {
-    admin?: Admin & {
+} & FieldBase & TExtraProperties;
+export type RichTextFieldClient<TValue extends object = any, TAdapterProps = any, TExtraProperties = object> = {
+    admin?: {
         components?: {
-            RowLabel?: RowLabel;
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+        placeholder?: Record<string, string> | string;
+    } & AdminClient;
+    richTextComponentMap?: Map<string, any>;
+} & FieldBaseClient & Pick<RichTextField<TValue, TAdapterProps, TExtraProperties>, 'maxDepth' | 'type'> & TExtraProperties;
+export type ArrayField = {
+    admin?: {
+        components?: {
+            Error?: CustomComponent<ArrayFieldErrorClientComponent | ArrayFieldErrorServerComponent>;
+            Label?: CustomComponent<ArrayFieldLabelClientComponent | ArrayFieldLabelServerComponent>;
+            RowLabel?: RowLabelComponent;
         } & Admin['components'];
         initCollapsed?: boolean;
-    };
+        /**
+         * Disable drag and drop sorting
+         */
+        isSortable?: boolean;
+    } & Admin;
     /**
      * Customize the SQL table name
      */
     dbName?: DBIdentifierName;
     fields: Field[];
     /** Customize generated GraphQL and Typescript schema names.
-     * By default it is bound to the collection.
+     * By default, it is bound to the collection.
      *
      * This is useful if you would like to generate a top level type to share amongst collections/fields.
-     * **Note**: Top level types can collide, ensure they are unique among collections, arrays, groups, blocks, tabs.
+     * **Note**: Top level types can collide, ensure they are unique amongst collections, arrays, groups, blocks, tabs.
      */
     interfaceName?: string;
     labels?: Labels;
     maxRows?: number;
     minRows?: number;
     type: 'array';
-};
-export type RadioField = FieldBase & {
-    admin?: Admin & {
+    validate?: ArrayFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type ArrayFieldClient = {
+    admin?: {
         components?: {
-            Error?: CustomComponent<ErrorProps>;
-            Label?: CustomComponent<LabelProps>;
-        };
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+            RowLabel?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<ArrayField['admin'], 'initCollapsed' | 'isSortable'>;
+    fields: ClientField[];
+    labels?: LabelsClient;
+} & FieldBaseClient & Pick<ArrayField, 'interfaceName' | 'maxRows' | 'minRows' | 'type'>;
+export type RadioField = {
+    admin?: {
+        components?: {
+            Error?: CustomComponent<RadioFieldErrorClientComponent | RadioFieldErrorServerComponent>;
+            Label?: CustomComponent<RadioFieldLabelClientComponent | RadioFieldLabelServerComponent>;
+        } & Admin['components'];
         layout?: 'horizontal' | 'vertical';
-    };
+    } & Admin;
     /**
      * Customize the SQL table name
      */
@@ -528,9 +977,36 @@ export type RadioField = FieldBase & {
     enumName?: DBIdentifierName;
     options: Option[];
     type: 'radio';
-};
+    validate?: RadioFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type RadioFieldClient = {
+    admin?: {
+        components?: {
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<RadioField['admin'], 'layout'>;
+} & FieldBaseClient & Pick<RadioField, 'options' | 'type'>;
 export type Block = {
-    /** Extension point to add your custom data. */
+    /**
+     * Do not set this property manually. This is set to true during sanitization, to avoid
+     * sanitizing the same block multiple times.
+     */
+    _sanitized?: boolean;
+    admin?: {
+        components?: {
+            Label?: PayloadComponent<never, {
+                blockKind: 'block' | 'lexicalBlock' | 'lexicalInlineBlock' | string;
+                /**
+                 * May contain the formData
+                 */
+                formData: Record<string, any>;
+            }>;
+        };
+        /** Extension point to add your custom data. Available in server and client. */
+        custom?: Record<string, any>;
+    };
+    /** Extension point to add your custom data. Server only. */
     custom?: Record<string, any>;
     /**
      * Customize the SQL table name
@@ -547,50 +1023,160 @@ export type Block = {
      * The slug is used by default.
      *
      * This is useful if you would like to generate a top level type to share amongst collections/fields.
-     * **Note**: Top level types can collide, ensure they are unique among collections, arrays, groups, blocks, tabs.
+     * **Note**: Top level types can collide, ensure they are unique amongst collections, arrays, groups, blocks, tabs.
      */
     interfaceName?: string;
     labels?: Labels;
     slug: string;
 };
-export type BlockField = FieldBase & {
-    admin?: Admin & {
+export type ClientBlock = {
+    admin?: {
+        components?: {
+            Label?: MappedComponent;
+        };
+    } & Pick<Block['admin'], 'custom'>;
+    fields: ClientField[];
+    labels?: LabelsClient;
+} & Pick<Block, 'imageAltText' | 'imageURL' | 'slug'>;
+export type BlocksField = {
+    admin?: {
+        components?: {
+            Error?: CustomComponent<BlocksFieldErrorClientComponent | BlocksFieldErrorServerComponent>;
+        } & Admin['components'];
         initCollapsed?: boolean;
-    };
+        /**
+         * Disable drag and drop sorting
+         */
+        isSortable?: boolean;
+    } & Admin;
     blocks: Block[];
     defaultValue?: unknown;
     labels?: Labels;
     maxRows?: number;
     minRows?: number;
     type: 'blocks';
-};
-export type PointField = FieldBase & {
+    validate?: BlocksFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type BlocksFieldClient = {
+    admin?: {
+        components?: {
+            Error?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<BlocksField['admin'], 'initCollapsed' | 'isSortable'>;
+    blocks: ClientBlock[];
+    labels?: LabelsClient;
+} & FieldBaseClient & Pick<BlocksField, 'maxRows' | 'minRows' | 'type'>;
+export type PointField = {
+    admin?: {
+        components?: {
+            afterInput?: CustomComponent[];
+            beforeInput?: CustomComponent[];
+            Error?: CustomComponent<PointFieldErrorClientComponent | PointFieldErrorServerComponent>;
+            Label?: CustomComponent<PointFieldLabelClientComponent | PointFieldLabelServerComponent>;
+        } & Admin['components'];
+        placeholder?: Record<string, string> | string;
+        step?: number;
+    } & Admin;
     type: 'point';
-};
-export type Field = ArrayField | BlockField | CheckboxField | CodeField | CollapsibleField | DateField | EmailField | GroupField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | RowField | SelectField | TabsField | TextField | TextareaField | UIField | UploadField;
-export type FieldWithRichTextRequiredEditor = Exclude<Field, RichTextField> | RichTextFieldRequiredEditor;
-export type FieldAffectingData = ArrayField | BlockField | CheckboxField | CodeField | DateField | EmailField | GroupField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | SelectField | TabAsField | TextField | TextareaField | UploadField;
-export type NonPresentationalField = ArrayField | BlockField | CheckboxField | CodeField | CollapsibleField | DateField | EmailField | GroupField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | RowField | SelectField | TabsField | TextField | TextareaField | UploadField;
-export type FieldWithPath = Field & {
+    validate?: PointFieldValidation;
+} & Omit<FieldBase, 'validate'>;
+export type PointFieldClient = {
+    admin?: {
+        components?: {
+            afterInput?: MappedComponent[];
+            beforeInput?: MappedComponent[];
+            Error?: MappedComponent;
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<PointField['admin'], 'placeholder' | 'step'>;
+} & FieldBaseClient & Pick<PointField, 'type'>;
+/**
+ * A virtual field that loads in related collections by querying a relationship or upload field.
+ */
+export type JoinField = {
+    access?: {
+        create?: never;
+        read?: FieldAccess;
+        update?: never;
+    };
+    admin?: {
+        components?: {
+            Error?: CustomComponent<JoinFieldErrorClientComponent | JoinFieldErrorServerComponent>;
+            Label?: CustomComponent<JoinFieldLabelClientComponent | JoinFieldLabelServerComponent>;
+        } & Admin['components'];
+        disableBulkEdit?: never;
+        readOnly?: never;
+    } & Admin;
+    /**
+     * The slug of the collection to relate with.
+     */
+    collection: CollectionSlug;
+    defaultValue?: never;
+    hidden?: false;
+    index?: never;
+    /**
+     * This does not need to be set and will be overridden by the relationship field's localized property.
+     */
+    localized?: boolean;
+    maxDepth?: number;
+    /**
+     * A string for the field in the collection being joined to.
+     */
+    on: string;
+    type: 'join';
+    validate?: never;
+} & FieldBase;
+export type JoinFieldClient = {
+    admin?: {
+        components?: {
+            Label?: MappedComponent;
+        } & AdminClient['components'];
+    } & AdminClient & Pick<JoinField['admin'], 'disableBulkEdit' | 'readOnly'>;
+} & FieldBaseClient & Pick<JoinField, 'collection' | 'index' | 'maxDepth' | 'on' | 'type'>;
+export type Field = ArrayField | BlocksField | CheckboxField | CodeField | CollapsibleField | DateField | EmailField | GroupField | JoinField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | RowField | SelectField | TabsField | TextareaField | TextField | UIField | UploadField;
+export type ClientField = ArrayFieldClient | BlocksFieldClient | CheckboxFieldClient | CodeFieldClient | CollapsibleFieldClient | DateFieldClient | EmailFieldClient | GroupFieldClient | JoinFieldClient | JSONFieldClient | NumberFieldClient | PointFieldClient | RadioFieldClient | RelationshipFieldClient | RichTextFieldClient | RowFieldClient | SelectFieldClient | TabsFieldClient | TextareaFieldClient | TextFieldClient | UIFieldClient | UploadFieldClient;
+export type ClientFieldProps = ArrayFieldClientProps | BlocksFieldClientProps | CheckboxFieldClientProps | CodeFieldClientProps | CollapsibleFieldClientProps | DateFieldClientProps | EmailFieldClientProps | GroupFieldClientProps | HiddenFieldProps | JSONFieldClientProps | NumberFieldClientProps | PointFieldClientProps | RadioFieldClientProps | RelationshipFieldClientProps | RichTextFieldClientProps | RowFieldClientProps | SelectFieldClientProps | TabsFieldClientProps | TextareaFieldClientProps | UploadFieldClientProps;
+type ExtractFieldTypes<T> = T extends {
+    type: infer U;
+} ? U : never;
+export type FieldTypes = ExtractFieldTypes<Field>;
+export type FieldAffectingData = ArrayField | BlocksField | CheckboxField | CodeField | DateField | EmailField | GroupField | JoinField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | SelectField | TabAsField | TextareaField | TextField | UploadField;
+export type FieldAffectingDataClient = ArrayFieldClient | BlocksFieldClient | CheckboxFieldClient | CodeFieldClient | DateFieldClient | EmailFieldClient | GroupFieldClient | JoinFieldClient | JSONFieldClient | NumberFieldClient | PointFieldClient | RadioFieldClient | RelationshipFieldClient | RichTextFieldClient | SelectFieldClient | TabAsFieldClient | TextareaFieldClient | TextFieldClient | UploadFieldClient;
+export type NonPresentationalField = ArrayField | BlocksField | CheckboxField | CodeField | CollapsibleField | DateField | EmailField | GroupField | JSONField | NumberField | PointField | RadioField | RelationshipField | RichTextField | RowField | SelectField | TabsField | TextareaField | TextField | UploadField;
+export type NonPresentationalFieldClient = ArrayFieldClient | BlocksFieldClient | CheckboxFieldClient | CodeFieldClient | CollapsibleFieldClient | DateFieldClient | EmailFieldClient | GroupFieldClient | JSONFieldClient | NumberFieldClient | PointFieldClient | RadioFieldClient | RelationshipFieldClient | RichTextFieldClient | RowFieldClient | SelectFieldClient | TabsFieldClient | TextareaFieldClient | TextFieldClient | UploadFieldClient;
+export type FieldWithPath = {
     path?: string;
-};
+} & Field;
+export type FieldWithPathClient = {
+    path?: string;
+} & ClientField;
 export type FieldWithSubFields = ArrayField | CollapsibleField | GroupField | RowField;
+export type FieldWithSubFieldsClient = ArrayFieldClient | CollapsibleFieldClient | GroupFieldClient | RowFieldClient;
 export type FieldPresentationalOnly = UIField;
+export type FieldPresentationalOnlyClient = UIFieldClient;
 export type FieldWithMany = RelationshipField | SelectField;
+export type FieldWithManyClient = RelationshipFieldClient | SelectFieldClient;
 export type FieldWithMaxDepth = RelationshipField | UploadField;
-export declare function fieldHasSubFields(field: ClientFieldConfig | Field): field is FieldWithSubFields;
-export declare function fieldIsArrayType(field: Field): field is ArrayField;
-export declare function fieldIsBlockType(field: Field): field is BlockField;
-export declare function fieldIsGroupType(field: Field): field is GroupField;
+export type FieldWithMaxDepthClient = JoinFieldClient | RelationshipFieldClient | UploadFieldClient;
+export declare function fieldHasSubFields<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? FieldWithSubFieldsClient : FieldWithSubFields);
+export declare function fieldIsArrayType<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? ArrayFieldClient : ArrayField);
+export declare function fieldIsBlockType<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? BlocksFieldClient : BlocksField);
+export declare function fieldIsGroupType<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? GroupFieldClient : GroupField);
 export declare function optionIsObject(option: Option): option is OptionObject;
 export declare function optionsAreObjects(options: Option[]): options is OptionObject[];
 export declare function optionIsValue(option: Option): option is string;
-export declare function fieldSupportsMany(field: Field): field is FieldWithMany;
-export declare function fieldHasMaxDepth(field: Field): field is FieldWithMaxDepth;
-export declare function fieldIsPresentationalOnly(field: ClientFieldConfig | Field | TabAsField): field is UIField;
-export declare function fieldAffectsData(field: ClientFieldConfig | Field | TabAsField): field is FieldAffectingData;
-export declare function tabHasName(tab: Tab): tab is NamedTab;
+export declare function fieldSupportsMany<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? FieldWithManyClient : FieldWithMany);
+export declare function fieldHasMaxDepth<TField extends ClientField | Field>(field: TField): field is TField & (TField extends ClientField ? FieldWithMaxDepthClient : FieldWithMaxDepth);
+export declare function fieldIsPresentationalOnly<TField extends ClientField | Field | TabAsField | TabAsFieldClient>(field: TField): field is TField & (TField extends ClientField | TabAsFieldClient ? UIFieldClient : UIField);
+export declare function fieldIsSidebar<TField extends ClientField | Field | TabAsField | TabAsFieldClient>(field: TField): field is {
+    admin: {
+        position: 'sidebar';
+    };
+} & TField;
+export declare function fieldAffectsData<TField extends ClientField | Field | TabAsField | TabAsFieldClient>(field: TField): field is TField & (TField extends ClientField | TabAsFieldClient ? FieldAffectingDataClient : FieldAffectingData);
+export declare function tabHasName<TField extends ClientTab | Tab>(tab: TField): tab is NamedTab & TField;
 export declare function fieldIsLocalized(field: Field | Tab): boolean;
+export declare function fieldIsVirtual(field: Field | Tab): boolean;
 export type HookName = 'afterChange' | 'afterRead' | 'beforeChange' | 'beforeRead' | 'beforeValidate';
 export {};
 //# sourceMappingURL=types.d.ts.map