chore(release): v3.0.0-alpha.10 [skip ci]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-monorepo",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "private": true,
   "workspaces:": [
     "packages/*"
@@ -36,9 +36,9 @@
     "clean": "turbo clean",
     "clean:cache": "rimraf node_modules/.cache && rimraf packages/payload/node_modules/.cache && rimraf .next",
     "clean:all": "find . \\( -type d \\( -name node_modules -o -name dist -o -name .cache \\) -o -type f -name tsconfig.tsbuildinfo \\) -exec rm -rf {} +",
-    "dev": "cross-env node --no-deprecation ./test/dev.js",
-    "dev:generate-graphql-schema": "NODE_OPTIONS=--no-deprecation ts-node -T ./test/generateGraphQLSchema.ts",
-    "dev:generate-types": "NODE_OPTIONS=--no-deprecation ts-node -T ./test/generateTypes.ts",
+    "dev": "cross-env node ./test/dev.js",
+    "dev:generate-graphql-schema": "ts-node -T ./test/generateGraphQLSchema.ts",
+    "dev:generate-types": "ts-node -T ./test/generateTypes.ts",
     "dev:postgres": "pnpm --filter payload run dev:postgres",
     "docker:restart": "pnpm docker:stop --remove-orphans && pnpm docker:start",
     "docker:start": "docker-compose -f packages/plugin-cloud-storage/docker-compose.yml up -d",
@@ -53,12 +53,12 @@
     "release:alpha": "tsx ./scripts/release.ts --bump prerelease --tag alpha",
     "release:beta": "tsx ./scripts/release.ts --bump prerelease --tag beta",
     "test": "pnpm test:int && pnpm test:components && pnpm test:e2e",
-    "test:components": "cross-env NODE_OPTIONS=--no-deprecation jest --config=jest.components.config.js",
-    "test:e2e": "NODE_OPTIONS=--no-deprecation npx playwright install --with-deps chromium && NODE_OPTIONS=--no-deprecation ts-node -T ./test/runE2E.ts",
-    "test:e2e:debug": "cross-env NODE_OPTIONS=--no-deprecation PWDEBUG=1 DISABLE_LOGGING=true playwright test",
-    "test:e2e:headed": "cross-env NODE_OPTIONS=--no-deprecation DISABLE_LOGGING=true playwright test --headed",
-    "test:int:postgres": "cross-env NODE_OPTIONS=--no-deprecation PAYLOAD_DATABASE=postgres DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
-    "test:int": "cross-env NODE_OPTIONS=--no-deprecation DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
+    "test:components": "cross-env jest --config=jest.components.config.js",
+    "test:e2e": "npx playwright install --with-deps chromium && ts-node -T ./test/runE2E.ts",
+    "test:e2e:debug": "cross-env PWDEBUG=1 DISABLE_LOGGING=true playwright test",
+    "test:e2e:headed": "cross-env DISABLE_LOGGING=true playwright test --headed",
+    "test:int:postgres": "cross-env PAYLOAD_DATABASE=postgres DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
+    "test:int": "cross-env DISABLE_LOGGING=true jest --forceExit --detectOpenHandles",
     "translateNewKeys": "pnpm --filter payload run translateNewKeys"
   },
   "devDependencies": {

packages/db-mongodb/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/db-mongodb",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "description": "The officially supported MongoDB database adapter for Payload - Update 2",
   "repository": "https://github.com/payloadcms/payload",
   "license": "MIT",

packages/graphql/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/graphql",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "main": "./src/index.ts",
   "types": "./src/index.d.ts",
   "scripts": {

packages/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/next",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "main": "./src/index.ts",
   "types": "./src/index.d.ts",
   "bin": {

packages/next/src/next-fileupload/processMultipart.ts

@@ -158,9 +158,7 @@ export const processMultipart: ProcessMultipart = async ({ options, request }) =
       parsingRequest = false
     }
 
-    if (value) {
-      busboy.write(value)
-    }
+    busboy.write(value)
   }
 
   return result

packages/next/src/views/Document/getMetaBySegment.tsx

@@ -6,8 +6,8 @@ import type {
   SanitizedGlobalConfig,
 } from 'payload/types'
 
-import { getNextI18n } from '../../utilities/getNextI18n'
-import { meta } from '../../utilities/meta'
+import { getNextI18n } from '../../utilities/getNextI18n.ts'
+import { meta } from '../../utilities/meta.ts'
 
 export type GenerateEditViewMetadata = (args: {
   collectionConfig?: SanitizedCollectionConfig

packages/payload/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "description": "Node, React and MongoDB Headless CMS and Application Framework",
   "license": "MIT",
   "main": "./dist/index.js",

packages/richtext-lexical/src/cell/index.tsx

@@ -3,8 +3,6 @@ import type { EditorConfig as LexicalEditorConfig } from 'lexical/LexicalEditor'
 
 import { createHeadlessEditor } from '@lexical/headless'
 import { useTableCell } from '@payloadcms/ui/elements'
-import { useFieldPath } from '@payloadcms/ui/forms'
-import { useClientFunctions } from '@payloadcms/ui/providers'
 import { $getRoot } from 'lexical'
 import React, { useEffect, useState } from 'react'
 
@@ -12,6 +10,8 @@ import type { FeatureProviderClient } from '../field/features/types'
 import type { SanitizedClientEditorConfig } from '../field/lexical/config/types'
 import type { GeneratedFeatureProviderComponent } from '../types'
 
+import { useFieldPath } from '../../../ui/src/forms/FieldPathProvider'
+import { useClientFunctions } from '../../../ui/src/providers/ClientFunction'
 import { defaultEditorLexicalConfig } from '../field/lexical/config/client/default'
 import { loadClientFeatures } from '../field/lexical/config/client/loader'
 import { sanitizeClientEditorConfig } from '../field/lexical/config/client/sanitize'

packages/richtext-lexical/src/field/features/blocks/component/BlockContent.tsx

@@ -1,6 +1,5 @@
 import type { SanitizedClientEditorConfig } from '@payloadcms/richtext-lexical'
 import type { FieldMap, FormFieldBase, FormState } from '@payloadcms/ui'
-import type { ReducedBlock } from '@payloadcms/ui/types'
 import type { Data } from 'payload/types'
 
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'
@@ -20,6 +19,7 @@ import isDeepEqual from 'deep-equal'
 import { $getNodeByKey } from 'lexical'
 import React, { useCallback } from 'react'
 
+import type { ReducedBlock } from '../../../../../../ui/src/utilities/buildComponentMap/types'
 import type { BlockFields, BlockNode } from '../nodes/BlocksNode'
 
 import { FormSavePlugin } from './FormSavePlugin'

packages/richtext-lexical/src/field/features/blocks/component/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/styles.scss';
+@import '../../../../../../ui/src/scss/styles.scss';
 
 .ContentEditable__root > div:has(.lexical-block) {
   // Fixes a bug where, if the block field has a Select field, the Select field's dropdown menu would be hidden behind the lexical editor.

packages/richtext-lexical/src/field/features/blocks/component/index.tsx

@@ -15,11 +15,11 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { type BlockFields } from '../nodes/BlocksNode'
 const baseClass = 'lexical-block'
 
-import type { ReducedBlock } from '@payloadcms/ui/types'
 import type { Data } from 'payload/types'
 
 import { v4 as uuid } from 'uuid'
 
+import type { ReducedBlock } from '../../../../../../ui/src/utilities/buildComponentMap/types'
 import type { ClientComponentProps } from '../../types'
 import type { BlocksFeatureClientProps } from '../feature.client'
 

packages/richtext-lexical/src/field/features/blocks/feature.client.tsx

@@ -1,9 +1,8 @@
 'use client'
 
-import type { ReducedBlock } from '@payloadcms/ui/types'
-
 import { getTranslation } from '@payloadcms/translations'
 
+import type { ReducedBlock } from '../../../../../ui/src/utilities/buildComponentMap/types'
 import type { FeatureProviderProviderClient } from '../types'
 
 import { SlashMenuOption } from '../../lexical/plugins/SlashMenu/LexicalTypeaheadMenuPlugin/types'

packages/richtext-lexical/src/field/features/link/drawer/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/styles.scss';
+@import '../../../../../../ui/src/scss/styles.scss';
 
 .lexical-link-edit-drawer {
   &__template {

packages/richtext-lexical/src/field/features/link/plugins/floatingLinkEditor/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../../scss/styles.scss';
+@import '../../../../../../../ui/src/scss/styles.scss';
 
 html[data-theme='light'] {
   .link-editor {

packages/richtext-lexical/src/field/features/relationship/nodes/components/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../../scss/styles.scss';
+@import '../../../../../../../ui/src/scss/styles.scss';
 
 .lexical-relationship {
   @extend %body;

packages/richtext-lexical/src/field/features/upload/component/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/styles.scss';
+@import '../../../../../../ui/src/scss/styles.scss';
 
 .lexical-upload {
   @extend %body;

packages/richtext-lexical/src/field/index.scss

@@ -1,4 +1,4 @@
-@import '../scss/styles.scss';
+@import '../../../ui/src/scss/styles.scss';
 
 .rich-text-lexical {
   display: flex;

packages/richtext-lexical/src/field/index.tsx

@@ -2,14 +2,14 @@
 import type { EditorConfig as LexicalEditorConfig } from 'lexical/LexicalEditor'
 
 import { type FormFieldBase, ShimmerEffect } from '@payloadcms/ui'
-import { useFieldPath } from '@payloadcms/ui/forms'
-import { useClientFunctions } from '@payloadcms/ui/providers'
 import React, { Suspense, lazy, useEffect, useState } from 'react'
 
 import type { GeneratedFeatureProviderComponent } from '../types'
 import type { FeatureProviderClient } from './features/types'
 import type { SanitizedClientEditorConfig } from './lexical/config/types'
 
+import { useFieldPath } from '../../../ui/src/forms/FieldPathProvider'
+import { useClientFunctions } from '../../../ui/src/providers/ClientFunction'
 import { defaultEditorLexicalConfig } from './lexical/config/client/default'
 import { loadClientFeatures } from './lexical/config/client/loader'
 import { sanitizeClientEditorConfig } from './lexical/config/client/sanitize'

packages/richtext-lexical/src/field/lexical/plugins/FloatingSelectToolbar/ToolbarDropdown/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../../scss/styles.scss';
+@import '../../../../../../../ui/src/scss/styles.scss';
 
 .floating-select-toolbar-popup__dropdown {
   display: flex;

packages/richtext-lexical/src/field/lexical/plugins/FloatingSelectToolbar/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/styles.scss';
+@import '../../../../../../ui/src/scss/styles.scss';
 
 html[data-theme='light'] {
   .floating-select-toolbar-popup {

packages/richtext-lexical/src/field/lexical/plugins/SlashMenu/index.scss

@@ -1,4 +1,4 @@
-@import '../../../../scss/styles.scss';
+@import '../../../../../../ui/src/scss/styles.scss';
 
 html[data-theme='light'] {
   .slash-menu-popup {

packages/richtext-lexical/src/scss/app.scss

@@ -1,209 +0,0 @@
-@import 'fonts';
-@import 'styles';
-@import './toastify.scss';
-@import './colors.scss';
-
-:root {
-  --base-px: 25;
-  --base-body-size: 13;
-  --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
-
-  --breakpoint-xs-width: #{$breakpoint-xs-width};
-  --breakpoint-s-width: #{$breakpoint-s-width};
-  --breakpoint-m-width: #{$breakpoint-m-width};
-  --breakpoint-l-width: #{$breakpoint-l-width};
-  --scrollbar-width: 17px;
-
-  --theme-bg: var(--theme-elevation-0);
-  --theme-input-bg: var(--theme-elevation-0);
-  --theme-text: var(--theme-elevation-800);
-  --theme-overlay: rgba(5, 5, 5, 0.5);
-  --theme-baseline: #{$baseline-px};
-  --theme-baseline-body-size: #{$baseline-body-size};
-  --font-body: 'Suisse Intl', system-ui;
-  --font-mono: monospace;
-  --font-serif: 'Merriweather', serif;
-
-  --style-radius-s: #{$style-radius-s};
-  --style-radius-m: #{$style-radius-m};
-  --style-radius-l: #{$style-radius-l};
-
-  --z-popup: 10;
-  --z-nav: 20;
-  --z-modal: 30;
-  --z-status: 40;
-
-  --accessibility-outline: 2px solid var(--theme-text);
-  --accessibility-outline-offset: 2px;
-
-  --gutter-h: #{base(3)};
-  --spacing-view-bottom: var(--gutter-h);
-  --app-header-height: calc(var(--base) * 3);
-  --doc-controls-height: calc(var(--base) * 3);
-  --nav-width: 275px;
-  --nav-trans-time: 150ms;
-
-  @include mid-break {
-    --gutter-h: #{base(2)};
-    --app-header-height: calc(var(--base) * 2);
-    --doc-controls-height: calc(var(--base) * 2.5);
-  }
-
-  @include small-break {
-    --gutter-h: #{base(0.5)};
-    --spacing-view-bottom: calc(var(--base) * 2);
-    --nav-width: 100vw;
-  }
-}
-
-/////////////////////////////
-// GLOBAL STYLES
-/////////////////////////////
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  @extend %body;
-  background: var(--theme-bg);
-  -webkit-font-smoothing: antialiased;
-  opacity: 0;
-
-  &[data-theme='dark'],
-  &[data-theme='light'] {
-    opacity: initial;
-  }
-
-  &[data-theme='dark'] {
-    --theme-bg: var(--theme-elevation-0);
-    --theme-text: var(--theme-elevation-1000);
-    --theme-input-bg: var(--theme-elevation-50);
-    --theme-overlay: rgba(5, 5, 5, 0.75);
-    color-scheme: dark;
-
-    ::selection {
-      color: var(--color-base-1000);
-    }
-
-    ::-moz-selection {
-      color: var(--color-base-1000);
-    }
-  }
-
-  @include mid-break {
-    font-size: 12px;
-  }
-}
-
-html,
-body,
-#app {
-  height: 100%;
-}
-
-body {
-  font-family: var(--font-body);
-  font-weight: 400;
-  color: var(--theme-text);
-  margin: 0;
-  // this is for the nav to be able to push the document over
-  overflow-x: hidden;
-}
-
-::selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-::-moz-selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-  display: block;
-}
-
-h1 {
-  @extend %h1;
-}
-
-h2 {
-  @extend %h2;
-}
-
-h3 {
-  @extend %h3;
-}
-
-h4 {
-  @extend %h4;
-}
-
-h5 {
-  @extend %h5;
-}
-
-h6 {
-  @extend %h6;
-}
-
-p {
-  margin: 0 0 $baseline;
-}
-
-ul,
-ol {
-  padding-left: $baseline;
-  margin: 0 0 $baseline;
-}
-
-:focus-visible {
-  outline: var(--accessibility-outline);
-}
-
-a {
-  color: currentColor;
-
-  &:focus {
-    &:not(:focus-visible) {
-      opacity: 0.8;
-    }
-    outline: none;
-  }
-
-  &:active {
-    opacity: 0.7;
-    outline: none;
-  }
-}
-
-svg {
-  vertical-align: middle;
-}
-
-dialog {
-  width: 100%;
-  border: 0;
-  padding: 0;
-  color: currentColor;
-}
-
-.payload__modal-item {
-  min-height: 100%;
-  background: transparent;
-}
-
-.payload__modal-container--enterDone {
-  overflow: auto;
-}
-
-.payload__modal-item--enter,
-.payload__modal-item--enterDone {
-  z-index: var(--z-modal);
-}
-
-// @import '~payload-user-css'; TODO: re-enable this

packages/richtext-lexical/src/scss/colors.scss

@@ -1,269 +0,0 @@
-:root {
-  --color-base-0: rgb(255, 255, 255);
-  --color-base-50: rgb(245, 245, 245);
-  --color-base-100: rgb(235, 235, 235);
-  --color-base-150: rgb(221, 221, 221);
-  --color-base-200: rgb(208, 208, 208);
-  --color-base-250: rgb(195, 195, 195);
-  --color-base-300: rgb(181, 181, 181);
-  --color-base-350: rgb(168, 168, 168);
-  --color-base-400: rgb(154, 154, 154);
-  --color-base-450: rgb(141, 141, 141);
-  --color-base-500: rgb(128, 128, 128);
-  --color-base-550: rgb(114, 114, 114);
-  --color-base-600: rgb(101, 101, 101);
-  --color-base-650: rgb(87, 87, 87);
-  --color-base-700: rgb(74, 74, 74);
-  --color-base-750: rgb(60, 60, 60);
-  --color-base-800: rgb(47, 47, 47);
-  --color-base-850: rgb(34, 34, 34);
-  --color-base-900: rgb(20, 20, 20);
-  --color-base-950: rgb(7, 7, 7);
-  --color-base-1000: rgb(0, 0, 0);
-
-  --color-success-50: rgb(247, 255, 251);
-  --color-success-100: rgb(240, 255, 247);
-  --color-success-150: rgb(232, 255, 243);
-  --color-success-200: rgb(224, 255, 239);
-  --color-success-250: rgb(217, 255, 235);
-  --color-success-300: rgb(209, 255, 230);
-  --color-success-350: rgb(201, 255, 226);
-  --color-success-400: rgb(193, 255, 222);
-  --color-success-450: rgb(186, 255, 218);
-  --color-success-500: rgb(178, 255, 214);
-  --color-success-550: rgb(160, 230, 193);
-  --color-success-600: rgb(142, 204, 171);
-  --color-success-650: rgb(125, 179, 150);
-  --color-success-700: rgb(107, 153, 128);
-  --color-success-750: rgb(89, 128, 107);
-  --color-success-800: rgb(71, 102, 86);
-  --color-success-850: rgb(53, 77, 64);
-  --color-success-900: rgb(36, 51, 43);
-  --color-success-950: rgb(18, 25, 21);
-
-  --color-warning-50: rgb(255, 255, 246);
-  --color-warning-100: rgb(255, 255, 237);
-  --color-warning-150: rgb(254, 255, 228);
-  --color-warning-200: rgb(254, 255, 219);
-  --color-warning-250: rgb(254, 255, 210);
-  --color-warning-300: rgb(254, 255, 200);
-  --color-warning-350: rgb(254, 255, 191);
-  --color-warning-400: rgb(253, 255, 182);
-  --color-warning-450: rgb(253, 255, 173);
-  --color-warning-500: rgb(253, 255, 164);
-  --color-warning-550: rgb(228, 230, 148);
-  --color-warning-600: rgb(202, 204, 131);
-  --color-warning-650: rgb(177, 179, 115);
-  --color-warning-700: rgb(152, 153, 98);
-  --color-warning-750: rgb(127, 128, 82);
-  --color-warning-800: rgb(101, 102, 66);
-  --color-warning-850: rgb(76, 77, 49);
-  --color-warning-900: rgb(51, 51, 33);
-  --color-warning-950: rgb(25, 25, 16);
-
-  --color-error-50: rgb(255, 241, 241);
-  --color-error-100: rgb(255, 226, 228);
-  --color-error-150: rgb(255, 212, 214);
-  --color-error-200: rgb(255, 197, 200);
-  --color-error-250: rgb(255, 183, 187);
-  --color-error-300: rgb(255, 169, 173);
-  --color-error-350: rgb(255, 154, 159);
-  --color-error-400: rgb(255, 140, 145);
-  --color-error-450: rgb(255, 125, 132);
-  --color-error-500: rgb(255, 111, 118);
-  --color-error-550: rgb(230, 100, 106);
-  --color-error-600: rgb(204, 89, 94);
-  --color-error-650: rgb(179, 78, 83);
-  --color-error-700: rgb(153, 67, 71);
-  --color-error-750: rgb(128, 56, 59);
-  --color-error-800: rgb(102, 44, 47);
-  --color-error-850: rgb(77, 33, 35);
-  --color-error-900: rgb(51, 22, 24);
-  --color-error-950: rgb(25, 11, 12);
-
-  --color-blue-50: rgb(230, 247, 253);
-  --color-blue-100: rgb(204, 238, 252);
-  --color-blue-150: rgb(179, 230, 250);
-  --color-blue-200: rgb(153, 221, 249);
-  --color-blue-250: rgb(128, 213, 247);
-  --color-blue-300: rgb(102, 204, 245);
-  --color-blue-350: rgb(77, 196, 244);
-  --color-blue-400: rgb(51, 187, 242);
-  --color-blue-450: rgb(25, 179, 241);
-  --color-blue-500: rgb(0, 170, 239);
-  --color-blue-550: rgb(0, 153, 215);
-  --color-blue-600: rgb(0, 136, 191);
-  --color-blue-650: rgb(0, 119, 167);
-  --color-blue-700: rgb(0, 102, 143);
-  --color-blue-750: rgb(0, 85, 120);
-  --color-blue-800: rgb(0, 68, 96);
-  --color-blue-850: rgb(0, 51, 72);
-  --color-blue-900: rgb(0, 34, 48);
-  --color-blue-950: rgb(0, 17, 24);
-
-  --theme-border-color: var(--theme-elevation-150);
-
-  --theme-success-50: var(--color-success-50);
-  --theme-success-100: var(--color-success-100);
-  --theme-success-150: var(--color-success-150);
-  --theme-success-200: var(--color-success-200);
-  --theme-success-250: var(--color-success-250);
-  --theme-success-300: var(--color-success-300);
-  --theme-success-350: var(--color-success-350);
-  --theme-success-400: var(--color-success-400);
-  --theme-success-450: var(--color-success-450);
-  --theme-success-500: var(--color-success-500);
-  --theme-success-550: var(--color-success-550);
-  --theme-success-600: var(--color-success-600);
-  --theme-success-650: var(--color-success-650);
-  --theme-success-700: var(--color-success-700);
-  --theme-success-750: var(--color-success-750);
-  --theme-success-800: var(--color-success-800);
-  --theme-success-850: var(--color-success-850);
-  --theme-success-900: var(--color-success-900);
-  --theme-success-950: var(--color-success-950);
-
-  --theme-warning-50: var(--color-warning-50);
-  --theme-warning-100: var(--color-warning-100);
-  --theme-warning-150: var(--color-warning-150);
-  --theme-warning-200: var(--color-warning-200);
-  --theme-warning-250: var(--color-warning-250);
-  --theme-warning-300: var(--color-warning-300);
-  --theme-warning-350: var(--color-warning-350);
-  --theme-warning-400: var(--color-warning-400);
-  --theme-warning-450: var(--color-warning-450);
-  --theme-warning-500: var(--color-warning-500);
-  --theme-warning-550: var(--color-warning-550);
-  --theme-warning-600: var(--color-warning-600);
-  --theme-warning-650: var(--color-warning-650);
-  --theme-warning-700: var(--color-warning-700);
-  --theme-warning-750: var(--color-warning-750);
-  --theme-warning-800: var(--color-warning-800);
-  --theme-warning-850: var(--color-warning-850);
-  --theme-warning-900: var(--color-warning-900);
-  --theme-warning-950: var(--color-warning-950);
-
-  --theme-error-50: var(--color-error-50);
-  --theme-error-100: var(--color-error-100);
-  --theme-error-150: var(--color-error-150);
-  --theme-error-200: var(--color-error-200);
-  --theme-error-250: var(--color-error-250);
-  --theme-error-300: var(--color-error-300);
-  --theme-error-350: var(--color-error-350);
-  --theme-error-400: var(--color-error-400);
-  --theme-error-450: var(--color-error-450);
-  --theme-error-500: var(--color-error-500);
-  --theme-error-550: var(--color-error-550);
-  --theme-error-600: var(--color-error-600);
-  --theme-error-650: var(--color-error-650);
-  --theme-error-700: var(--color-error-700);
-  --theme-error-750: var(--color-error-750);
-  --theme-error-800: var(--color-error-800);
-  --theme-error-850: var(--color-error-850);
-  --theme-error-900: var(--color-error-900);
-  --theme-error-950: var(--color-error-950);
-
-  --theme-elevation-0: var(--color-base-0);
-  --theme-elevation-50: var(--color-base-50);
-  --theme-elevation-100: var(--color-base-100);
-  --theme-elevation-150: var(--color-base-150);
-  --theme-elevation-200: var(--color-base-200);
-  --theme-elevation-250: var(--color-base-250);
-  --theme-elevation-300: var(--color-base-300);
-  --theme-elevation-350: var(--color-base-350);
-  --theme-elevation-400: var(--color-base-400);
-  --theme-elevation-450: var(--color-base-450);
-  --theme-elevation-500: var(--color-base-500);
-  --theme-elevation-550: var(--color-base-550);
-  --theme-elevation-600: var(--color-base-600);
-  --theme-elevation-650: var(--color-base-650);
-  --theme-elevation-700: var(--color-base-700);
-  --theme-elevation-750: var(--color-base-750);
-  --theme-elevation-800: var(--color-base-800);
-  --theme-elevation-850: var(--color-base-850);
-  --theme-elevation-900: var(--color-base-900);
-  --theme-elevation-950: var(--color-base-950);
-  --theme-elevation-1000: var(--color-base-1000);
-}
-
-html[data-theme='dark'] {
-  --theme-border-color: var(--theme-elevation-150);
-
-  --theme-elevation-0: var(--color-base-900);
-  --theme-elevation-50: var(--color-base-850);
-  --theme-elevation-100: var(--color-base-800);
-  --theme-elevation-150: var(--color-base-750);
-  --theme-elevation-200: var(--color-base-700);
-  --theme-elevation-250: var(--color-base-650);
-  --theme-elevation-300: var(--color-base-600);
-  --theme-elevation-350: var(--color-base-550);
-  --theme-elevation-400: var(--color-base-450);
-  --theme-elevation-450: var(--color-base-400);
-  --theme-elevation-550: var(--color-base-350);
-  --theme-elevation-600: var(--color-base-300);
-  --theme-elevation-650: var(--color-base-250);
-  --theme-elevation-700: var(--color-base-200);
-  --theme-elevation-750: var(--color-base-150);
-  --theme-elevation-800: var(--color-base-100);
-  --theme-elevation-850: var(--color-base-50);
-  --theme-elevation-900: var(--color-base-0);
-  --theme-elevation-950: var(--color-base-0);
-  --theme-elevation-1000: var(--color-base-0);
-
-  --theme-success-50: var(--color-success-950);
-  --theme-success-100: var(--color-success-900);
-  --theme-success-150: var(--color-success-850);
-  --theme-success-200: var(--color-success-800);
-  --theme-success-250: var(--color-success-750);
-  --theme-success-300: var(--color-success-700);
-  --theme-success-350: var(--color-success-650);
-  --theme-success-400: var(--color-success-600);
-  --theme-success-450: var(--color-success-550);
-  --theme-success-550: var(--color-success-450);
-  --theme-success-600: var(--color-success-400);
-  --theme-success-650: var(--color-success-350);
-  --theme-success-700: var(--color-success-300);
-  --theme-success-750: var(--color-success-250);
-  --theme-success-800: var(--color-success-200);
-  --theme-success-850: var(--color-success-150);
-  --theme-success-900: var(--color-success-100);
-  --theme-success-950: var(--color-success-50);
-
-  --theme-warning-50: var(--color-warning-950);
-  --theme-warning-100: var(--color-warning-900);
-  --theme-warning-150: var(--color-warning-850);
-  --theme-warning-200: var(--color-warning-800);
-  --theme-warning-250: var(--color-warning-750);
-  --theme-warning-300: var(--color-warning-700);
-  --theme-warning-350: var(--color-warning-650);
-  --theme-warning-400: var(--color-warning-600);
-  --theme-warning-450: var(--color-warning-550);
-  --theme-warning-550: var(--color-warning-450);
-  --theme-warning-600: var(--color-warning-400);
-  --theme-warning-650: var(--color-warning-350);
-  --theme-warning-700: var(--color-warning-300);
-  --theme-warning-750: var(--color-warning-250);
-  --theme-warning-800: var(--color-warning-200);
-  --theme-warning-850: var(--color-warning-150);
-  --theme-warning-900: var(--color-warning-100);
-  --theme-warning-950: var(--color-warning-50);
-
-  --theme-error-50: var(--color-error-950);
-  --theme-error-100: var(--color-error-900);
-  --theme-error-150: var(--color-error-850);
-  --theme-error-200: var(--color-error-800);
-  --theme-error-250: var(--color-error-750);
-  --theme-error-300: var(--color-error-700);
-  --theme-error-350: var(--color-error-650);
-  --theme-error-400: var(--color-error-600);
-  --theme-error-450: var(--color-error-550);
-  --theme-error-550: var(--color-error-450);
-  --theme-error-600: var(--color-error-400);
-  --theme-error-650: var(--color-error-350);
-  --theme-error-700: var(--color-error-300);
-  --theme-error-750: var(--color-error-250);
-  --theme-error-800: var(--color-error-200);
-  --theme-error-850: var(--color-error-150);
-  --theme-error-900: var(--color-error-100);
-  --theme-error-950: var(--color-error-50);
-}

packages/richtext-lexical/src/scss/custom.css

@@ -1 +0,0 @@
-/* Used as a placeholder for when the Payload app does not have custom CSS */

packages/richtext-lexical/src/scss/fonts.scss

@@ -1,75 +0,0 @@
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Medium.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Medium.woff') format('woff');
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-SemiBold.woff') format('woff');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Suisse Intl';
-  src:
-    url('../assets/fonts/SuisseIntl-Bold.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Bold.woff') format('woff');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 400;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 900;
-  src:
-    local(''),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff') format('woff');
-}

packages/richtext-lexical/src/scss/queries.scss

@@ -1,27 +0,0 @@
-////////////////////////////
-// MEDIA QUERIES
-/////////////////////////////
-
-@mixin extra-small-break {
-  @media (max-width: $breakpoint-xs-width) {
-    @content;
-  }
-}
-
-@mixin small-break {
-  @media (max-width: $breakpoint-s-width) {
-    @content;
-  }
-}
-
-@mixin mid-break {
-  @media (max-width: $breakpoint-m-width) {
-    @content;
-  }
-}
-
-@mixin large-break {
-  @media (max-width: $breakpoint-l-width) {
-    @content;
-  }
-}

packages/richtext-lexical/src/scss/resets.scss

@@ -1,17 +0,0 @@
-%btn-reset {
-  border: 0;
-  background: none;
-  box-shadow: none;
-  border-radius: 0;
-  padding: 0;
-  color: currentColor;
-}
-
-@mixin btn-reset {
-  border: 0;
-  background: none;
-  box-shadow: none;
-  border-radius: 0;
-  padding: 0;
-  color: currentColor;
-}

packages/richtext-lexical/src/scss/styles.scss

@@ -1,11 +0,0 @@
-@import 'vars';
-@import 'z-index';
-
-//////////////////////////////
-// IMPORT OVERRIDES
-//////////////////////////////
-
-@import 'type';
-@import 'queries';
-@import 'resets';
-@import 'svg';

packages/richtext-lexical/src/scss/svg.scss

@@ -1,10 +0,0 @@
-@mixin color-svg($color) {
-  .stroke {
-    stroke: $color;
-    fill: none;
-  }
-
-  .fill {
-    fill: $color;
-  }
-}

packages/richtext-lexical/src/scss/toastify.scss

@@ -1,58 +0,0 @@
-@import 'vars';
-
-.Toastify {
-  .Toastify__toast-container {
-    left: base(5);
-    transform: none;
-    right: base(5);
-    width: auto;
-  }
-
-  .Toastify__toast {
-    padding: base(0.5);
-    border-radius: $style-radius-m;
-    font-weight: 600;
-  }
-
-  .Toastify__close-button {
-    align-self: center;
-    opacity: 0.7;
-
-    &:hover {
-      opacity: 1;
-    }
-  }
-
-  .Toastify__toast--success {
-    color: var(--color-success-900);
-    background: var(--color-success-500);
-
-    .Toastify__progress-bar {
-      background-color: var(--color-success-900);
-    }
-  }
-
-  .Toastify__close-button--success {
-    color: var(--color-success-900);
-  }
-
-  .Toastify__toast--error {
-    background: var(--theme-error-500);
-    color: #fff;
-
-    .Toastify__progress-bar {
-      background-color: #fff;
-    }
-  }
-
-  .Toastify__close-button--light {
-    color: inherit;
-  }
-
-  @include mid-break {
-    .Toastify__toast-container {
-      left: $baseline;
-      right: $baseline;
-    }
-  }
-}

packages/richtext-lexical/src/scss/type.scss

@@ -1,117 +0,0 @@
-@import 'vars';
-@import 'queries';
-
-/////////////////////////////
-// HEADINGS
-/////////////////////////////
-
-%h1,
-%h2,
-%h3,
-%h4,
-%h5,
-%h6 {
-  font-family: var(--font-body);
-  font-weight: 500;
-}
-
-%jumbo {
-  font-size: base(2.5);
-  line-height: 1;
-  margin: 0 0 base(2);
-}
-
-%h1 {
-  margin: 0 0 base(1);
-  font-size: base(2);
-  line-height: 1.15;
-  letter-spacing: -1px;
-
-  @include small-break {
-    letter-spacing: -0.5px;
-    font-size: base(1.25);
-  }
-}
-
-%h2 {
-  margin: 0 0 base(1);
-  font-size: base(1.25);
-  line-height: 1.15;
-  letter-spacing: -0.5px;
-
-  @include small-break {
-    font-size: base(0.85);
-  }
-}
-
-%h3 {
-  margin: 0 0 base(1);
-  font-size: base(0.925);
-  line-height: 1.25;
-  letter-spacing: -0.5px;
-
-  @include small-break {
-    font-size: base(0.65);
-    line-height: 1.25;
-  }
-}
-
-%h4 {
-  margin: 0 0 $baseline;
-  font-size: base(0.75);
-  line-height: 1.5;
-  letter-spacing: -0.375px;
-}
-
-%h5 {
-  margin: 0;
-  font-size: base(0.5625);
-  line-height: 1.5;
-}
-
-%h6 {
-  margin: 0;
-  font-size: base(0.5);
-  line-height: 1.5;
-}
-
-%small {
-  margin: 0;
-  font-size: 11px;
-  line-height: 1.5;
-}
-
-/////////////////////////////
-// TYPE STYLES
-/////////////////////////////
-
-%large-body {
-  font-size: base(0.6);
-  line-height: base(1);
-  letter-spacing: base(0.02);
-
-  @include mid-break {
-    font-size: base(0.7);
-    line-height: base(1);
-  }
-
-  @include small-break {
-    font-size: base(0.55);
-    line-height: base(0.75);
-  }
-}
-
-%body {
-  font-size: $baseline-body-size;
-  line-height: $baseline-px;
-  font-weight: normal;
-}
-
-%code {
-  font-size: base(0.4);
-  color: var(--theme-elevation-400);
-
-  span {
-    color: var(--theme-elevation-800);
-  }
-}

packages/richtext-lexical/src/scss/vars.scss

@@ -1,220 +0,0 @@
-@use 'sass:math';
-
-/////////////////////////////
-// BREAKPOINTS
-/////////////////////////////
-
-$breakpoint-xs-width: 400px !default;
-$breakpoint-s-width: 768px !default;
-$breakpoint-m-width: 1024px !default;
-$breakpoint-l-width: 1440px !default;
-
-//////////////////////////////
-// BASELINE GRID
-//////////////////////////////
-
-$baseline-px: 25px !default;
-$baseline-body-size: 13px !default;
-$baseline: math.div($baseline-px, $baseline-body-size) + rem;
-
-@function base($multiplier) {
-  @return (math.div($baseline-px, $baseline-body-size) * $multiplier) + rem;
-}
-
-//////////////////////////////
-// FONTS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
-//////////////////////////////
-
-$font-body: 'Suisse Intl' !default;
-$font-mono: monospace !default;
-
-//////////////////////////////
-// COLORS (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
-//////////////////////////////
-
-$color-dark-gray: #333333 !default;
-$color-gray: #9a9a9a !default;
-$color-light-gray: #dadada !default;
-$color-background-gray: #f3f3f3 !default;
-$color-red: #ff6f76 !default;
-$color-yellow: #fdffa4 !default;
-$color-green: #b2ffd6 !default;
-$color-purple: #f3ddf3 !default;
-
-//////////////////////////////
-// STYLES
-//////////////////////////////
-
-$style-radius-s: 3px !default;
-$style-radius-m: 4px !default;
-$style-radius-l: 9px !default;
-$style-stroke-width: 1px !default;
-
-$style-stroke-width-s: 1px !default;
-$style-stroke-width-m: 2px !default;
-
-//////////////////////////////
-// MISC
-//////////////////////////////
-
-$top-header-offset: calc(var(--base) - 1px);
-$top-header-offset-m: calc(var(--base) * 3);
-$focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
-
-//////////////////////////////
-// SHADOWS
-//////////////////////////////
-
-@mixin shadow-sm {
-  box-shadow:
-    0 2px 3px 0 rgba(0, 2, 4, 0.05),
-    0 10px 4px -8px rgba(0, 2, 4, 0.02);
-}
-
-@mixin shadow-m {
-  box-shadow:
-    0 0 30px 0 rgb(0 2 4 / 12%),
-    0 30px 25px -8px rgb(0 2 4 / 10%);
-}
-
-@mixin shadow-lg {
-  box-shadow:
-    0 20px 35px -10px rgba(0, 2, 4, 0.2),
-    0 6px 4px -4px rgba(0, 2, 4, 0.02);
-}
-
-@mixin shadow-lg-top {
-  box-shadow:
-    0 -20px 35px -10px rgba(0, 2, 4, 0.2),
-    0 -6px 4px -4px rgba(0, 2, 4, 0.02);
-}
-
-@mixin shadow {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-}
-
-@mixin inputShadowActive {
-  box-shadow:
-    0 2px 3px 0 rgba(0, 2, 4, 0.16),
-    0 6px 4px -4px rgba(0, 2, 4, 0.13);
-}
-
-@mixin inputShadow {
-  @include shadow-sm;
-
-  &:not(:disabled) {
-    &:hover {
-      box-shadow:
-        0 2px 3px 0 rgba(0, 2, 4, 0.13),
-        0 6px 4px -4px rgba(0, 2, 4, 0.1);
-    }
-
-    &:active,
-    &:focus-within,
-    &:focus {
-      @include inputShadowActive;
-    }
-  }
-}
-
-@mixin soft-shadow-bottom {
-  box-shadow: 0 7px 14px 0px rgb(0 0 0 / 5%);
-}
-
-//////////////////////////////
-// STYLE MIXINS
-//////////////////////////////
-
-@mixin blur-bg($color: var(--theme-bg), $opacity: 0.75) {
-  &:before,
-  &:after {
-    content: ' ';
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  &:before {
-    background: $color;
-    opacity: $opacity;
-  }
-
-  &:after {
-    backdrop-filter: blur(8px);
-  }
-}
-
-@mixin blur-bg-light {
-  @include blur-bg(var(--theme-bg), 0.3);
-}
-
-@mixin formInput() {
-  @include inputShadow;
-  font-family: var(--font-body);
-  width: 100%;
-  border: 1px solid var(--theme-elevation-150);
-  background: var(--theme-input-bg);
-  color: var(--theme-elevation-800);
-  border-radius: 0;
-  font-size: 1rem;
-  height: base(2);
-  line-height: base(1);
-  padding: base(0.5) base(0.75);
-  -webkit-appearance: none;
-
-  &[data-rtl='true'] {
-    direction: rtl;
-  }
-
-  &::-webkit-input-placeholder {
-    color: var(--theme-elevation-400);
-    font-weight: normal;
-    font-size: 1rem;
-  }
-
-  &::-moz-placeholder {
-    color: var(--theme-elevation-400);
-    font-weight: normal;
-    font-size: 1rem;
-  }
-
-  &:hover {
-    border-color: var(--theme-elevation-250);
-  }
-
-  &:focus,
-  &:focus-within,
-  &:active {
-    border-color: var(--theme-elevation-400);
-    outline: 0;
-  }
-
-  &:disabled {
-    background: var(--theme-elevation-200);
-    color: var(--theme-elevation-450);
-
-    &:hover {
-      border-color: var(--theme-elevation-150);
-    }
-  }
-}
-
-@mixin lightInputError {
-  background-color: var(--theme-error-50);
-  border: 1px solid var(--theme-error-500);
-}
-
-@mixin darkInputError {
-  background-color: var(--theme-error-100);
-  border: 1px solid var(--theme-error-400);
-
-  &:hover {
-    border-color: var(--theme-error-500);
-  }
-}

packages/richtext-lexical/src/scss/z-index.scss

@@ -1,9 +0,0 @@
-/////////////////////////////
-// Z-INDEX CHART (DEPRECATED. DO NOT USE. PREFER CSS VARIABLES)
-/////////////////////////////
-
-$z-page: 20;
-$z-page-content: 30;
-$z-nav: 40;
-$z-modal: 50;
-$z-status: 60;

packages/richtext-lexical/src/useLexicalFeature.tsx

@@ -1,9 +1,10 @@
 'use client'
-import { useFieldPath } from '@payloadcms/ui/forms'
 import { useAddClientFunction } from '@payloadcms/ui/providers'
 
 import type { FeatureProviderClient } from './field/features/types'
 
+import { useFieldPath } from '../../ui/src/forms/FieldPathProvider'
+
 export const useLexicalFeature = <ClientFeatureProps,>(
   featureKey: string,
   feature: FeatureProviderClient<ClientFeatureProps>,

packages/richtext-slate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/richtext-slate",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "description": "The officially supported Slate richtext adapter for Payload",
   "repository": "https://github.com/payloadcms/payload",
   "license": "MIT",

packages/translations/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/translations",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "main": "./dist/exports/index.ts",
   "types": "./dist/types.d.ts",
   "scripts": {

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "3.0.0-alpha.11",
+  "version": "3.0.0-alpha.10",
   "main": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "scripts": {
@@ -14,36 +14,19 @@
     "prepublishOnly": "pnpm clean && pnpm turbo build"
   },
   "exports": {
-    ".": "./src/exports/index.ts",
+    ".": "./dist/exports/index.js",
     "./*": {
-      "import": "./src/exports/*.ts",
-      "require": "./src/exports/*.ts",
-      "types": "./src/exports/*.dts"
+      "import": "./dist/exports/*.js",
+      "require": "./dist/exports/*.js",
+      "types": "./dist/exports/*.d.ts"
     },
     "./scss": {
-      "import": "./src/scss.scss",
-      "require": "./src/scss.scss",
-      "default": "./src/scss.scss"
+      "import": "./dist/scss.scss",
+      "require": "./dist/scss.scss",
+      "default": "./dist/scss.scss"
     },
-    "./scss/app.scss": "./src/scss/app.scss",
-    "./assets/*": "./src/assets/*"
-  },
-  "publishConfig": {
-    "exports": {
-      ".": "./dist/exports/index.js",
-      "./*": {
-        "import": "./dist/exports/*.js",
-        "require": "./dist/exports/*.js",
-        "types": "./dist/exports/*.d.ts"
-      },
-      "./scss": {
-        "import": "./dist/scss.scss",
-        "require": "./dist/scss.scss",
-        "default": "./dist/scss.scss"
-      },
-      "./scss/app.scss": "./dist/scss/app.scss",
-      "./assets/*": "./dist/assets/*"
-    }
+    "./scss/app.scss": "./dist/scss/app.scss",
+    "./assets/*": "./dist/assets/*"
   },
   "devDependencies": {
     "@payloadcms/eslint-config": "workspace:*",

packages/ui/src/exports/types.ts

@@ -7,4 +7,3 @@ import type React from 'react'
 // import { Link } from 'next/link'
 export type LinkType = React.ElementType
 export type { FormFieldBase } from '../forms/fields/shared'
-export type { ReducedBlock } from '../utilities/buildComponentMap/types'